diff --git a/.changeset/react-router-8-default-template.md b/.changeset/react-router-8-default-template.md
new file mode 100644
index 00000000..03e007b2
--- /dev/null
+++ b/.changeset/react-router-8-default-template.md
@@ -0,0 +1,10 @@
+---
+'rsbuild-plugin-react-router': minor
+---
+
+Add React Router 8 compatibility while preserving React Router 7 behavior.
+The plugin now supports stable React Router 8 config fields, resolves
+prerender data requests for the installed React Router major version, supports
+React Router RSC mode, analyzes transformed MDX route modules for manifest
+generation, and includes React Router 8/RSC examples plus framework integration
+coverage.
diff --git a/.changeset/stream-server-first-route-css.md b/.changeset/stream-server-first-route-css.md
new file mode 100644
index 00000000..4d88ed65
--- /dev/null
+++ b/.changeset/stream-server-first-route-css.md
@@ -0,0 +1,11 @@
+---
+'rsbuild-plugin-react-router': patch
+---
+
+Stream server-first route CSS during RSC render. CSS imported in the RSC
+layer never flows through the client manifest's `<Links>`, so it was
+previously dropped. Modules exporting server components are now marked with
+the `'use server-entry'` directive so rspack's RSC runtime records
+`entryCssFiles`, which the server route entry wrapper streams as
+precedence-tagged stylesheet links, fixing missing styles and
+flash-of-unstyled-content for server-component routes.
diff --git a/.codex/skills/react-router-upstream-tests/SKILL.md b/.codex/skills/react-router-upstream-tests/SKILL.md
new file mode 100644
index 00000000..f3441319
--- /dev/null
+++ b/.codex/skills/react-router-upstream-tests/SKILL.md
@@ -0,0 +1,70 @@
+---
+name: react-router-upstream-tests
+description: Audit upstream React Router framework test changes and manually select tests to adapt into this repository without overwriting the checked-in Rsbuild corpus.
+---
+
+# React Router Upstream Tests
+
+Use this skill when checking for new or changed upstream React Router framework
+tests, reviewing the corpus checkpoint, or manually importing test coverage.
+
+## Source of truth
+
+- `tests/react-router-framework/UPSTREAM.json` records the upstream repository,
+  last reviewed commit, review time, and relevant source directories.
+- `tests/react-router-framework/` is repository-owned and authoritative. It is
+  intentionally adapted for Rsbuild and must never be overwritten wholesale.
+- `scripts/check-react-router-framework-upstream.mjs` is a read-only audit. It
+  reports upstream changes but never copies files or updates the checkpoint.
+
+## Workflow
+
+1. Inspect the current checkpoint and confirm the local React Router clone:
+
+   ```sh
+   cat tests/react-router-framework/UPSTREAM.json
+   git -C /path/to/react-router status --short --branch
+   ```
+
+2. Compare the reviewed commit with the desired upstream target:
+
+   ```sh
+   pnpm check:react-router-framework-upstream -- \
+     --source=/path/to/react-router \
+     --target=HEAD
+   ```
+
+3. Review every reported directory containing added files and every added,
+   modified, deleted, or renamed file. Select only tests that add relevant
+   compatibility coverage.
+
+4. Copy selected tests manually and adapt them to the existing Rsbuild harness:
+
+   - use `rsbuild.config.ts`, not Vite configuration;
+   - reuse helpers under `tests/react-router-framework/integration/helpers`;
+   - preserve intentional Rsbuild/Rspack divergences;
+   - do not add inert Vite dependencies, fixtures, or skipped suites;
+   - keep resource-guard and process-cleanup behavior intact.
+
+5. Run the narrow imported tests first, then the relevant framework gate:
+
+   ```sh
+   pnpm build
+   RR_FRAMEWORK_MAX_WORKERS=2 pnpm exec playwright test \
+     --config tests/react-router-framework/integration/playwright.config.ts \
+     path/to/imported-test.ts --workers=2 --max-failures=1 --retries=0
+   pnpm test:react-router-framework:failfast
+   ```
+
+6. After review and validation, update `lastReviewedRef` and `reviewedAt` in
+   `UPSTREAM.json` in the same commit as the selected test adaptations.
+
+## Guardrails
+
+- Never add an automatic sync, overlay restoration, or corpus rewrite step.
+- Never update the checkpoint merely because the audit command ran.
+- Never claim the corpus matches upstream; record only the revision reviewed.
+- Do not copy upstream package manifests without adapting workspace/catalog
+  dependencies to this repository deliberately.
+- Keep the working tree reviewable and commit only selected tests, adaptations,
+  checkpoint metadata, and directly related documentation.
diff --git a/.github/workflows/benchmark.yml b/.github/workflows/benchmark.yml
index a05265c7..ccac6693 100644
--- a/.github/workflows/benchmark.yml
+++ b/.github/workflows/benchmark.yml
@@ -27,11 +27,13 @@ jobs:
             profile: ci-small
             build_order: base,head
             dev_order: head,base
+            parallel_route_transform: auto
           - shard: large
             label: large fixtures
             profile: ci-large
             build_order: head,base
             dev_order: base,head
+            parallel_route_transform: 1
 
     env:
       BENCHMARK_PROFILE: ${{ matrix.profile }}
@@ -41,6 +43,7 @@ jobs:
       BENCHMARK_ITERATIONS: '5'
       BENCHMARK_WARMUP: '1'
       BENCHMARK_DEV_ROUTES: auto
+      BENCHMARK_PARALLEL_ROUTE_TRANSFORM: ${{ matrix.parallel_route_transform }}
 
     steps:
       - name: Checkout PR head
@@ -120,6 +123,7 @@ jobs:
                 --iterations "$BENCHMARK_BUILD_ITERATIONS" \
                 --large-iterations "$BENCHMARK_LARGE_ITERATIONS" \
                 --warmup "$BENCHMARK_WARMUP" \
+                --parallel-route-transform "$BENCHMARK_PARALLEL_ROUTE_TRANSFORM" \
                 --clean build \
                 --format both \
                 --log-performance \
@@ -150,6 +154,7 @@ jobs:
                 --large-iterations "$BENCHMARK_LARGE_ITERATIONS" \
                 --warmup "$BENCHMARK_WARMUP" \
                 --dev-routes "$BENCHMARK_DEV_ROUTES" \
+                --parallel-route-transform "$BENCHMARK_PARALLEL_ROUTE_TRANSFORM" \
                 --clean build \
                 --format both \
                 --log-performance \
diff --git a/.github/workflows/e2e-tests.yml b/.github/workflows/e2e-tests.yml
index 3498a655..bf20c0bd 100644
--- a/.github/workflows/e2e-tests.yml
+++ b/.github/workflows/e2e-tests.yml
@@ -6,6 +6,9 @@ on:
   pull_request:
     branches: [main]
 
+permissions:
+  contents: read
+
 jobs:
   build-test:
     runs-on: ubuntu-latest
@@ -52,6 +55,13 @@ jobs:
 
       - name: Install Playwright browsers
         run: pnpm exec playwright install --with-deps chromium
+        env:
+          PLAYWRIGHT_BROWSERS_PATH: ${{ github.workspace }}/node_modules/.cache/ms-playwright
+
+      - name: Run React Router ecosystem tests
+        run: pnpm test:react-router-framework:failfast:no-build
 
       - name: Run E2E tests
-        run: pnpm e2e
+        run: pnpm e2e:no-build
+        env:
+          PLAYWRIGHT_BROWSERS_PATH: ${{ github.workspace }}/node_modules/.cache/ms-playwright
diff --git a/.gitignore b/.gitignore
index a029637d..8617c12b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -24,6 +24,8 @@ tests/react-router-framework/.tmp/
 playwright-report/
 test-results/
 
-# Nested Playwright artifacts (examples, fixtures)
+# Playwright fixture scratch and reports (framework test corpus)
+tests/react-router-framework/.tmp/
+tests/.tmp-dev-runtime/
 **/test-results/
 **/playwright-report/
diff --git a/CHANGELOG.md b/CHANGELOG.md
index a2b8b261..38cbde8f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -91,7 +91,7 @@
 
 ### Minor Changes
 
-- 3c6d368: Bring Rsbuild plugin behavior closer to React Router's official Vite plugin.
+- 3c6d368: Bring Rsbuild plugin behavior closer to React Router framework behavior.
   - Add React Router config resolution + validations/warnings for closer framework parity
   - Add split route modules (route chunk entrypoints) including enforce mode validation
   - Improve `.client` module stubbing on the server (including `export *` re-exports)
diff --git a/README.md b/README.md
index 51f43430..cb90e84b 100644
--- a/README.md
+++ b/README.md
@@ -111,10 +111,11 @@ export default {
 ```
 
 Use `ReactRouterRsbuildConfig` for Rsbuild projects so plugin-supported
-configuration such as `splitRouteModules` stays typed. The underlying route
-and config types come from `@react-router/dev`, which framework-mode apps
-already install for `routes.ts` helpers and typegen; it is declared as an
-optional peer dependency.
+configuration such as `splitRouteModules` stays typed across React Router 7
+and 8 releases. The underlying route and config types come from
+`@react-router/dev`, which framework-mode apps already install for
+`routes.ts` helpers and typegen; it is declared as an optional peer
+dependency.
 
 Commonly used options:
 
@@ -168,7 +169,7 @@ a better fit.
 
 ### SPA Mode (`ssr: false`)
 
-React Router's SPA Mode still requires a build-time server render of the root route to generate a hydratable `index.html` (this is how the official React Router Vite plugin works).
+React Router's SPA Mode still requires a build-time server render of the root route to generate a hydratable `index.html` (this is how this Rsbuild integration mirrors React Router framework behavior).
 
 When `ssr: false`:
 
@@ -688,14 +689,13 @@ inconclusive comparison before treating it as a performance result.
 ## React Router Framework Mode
 
 React Router "Framework Mode" wraps Data Mode using a Vite plugin. This Rsbuild
-plugin aims to match the important behaviors without depending on Vite:
+plugin aims to match the important framework behaviors on Rsbuild:
 
 - Typegen + Route Module API types (`./+types/*`)
 - Route module splitting (`splitRouteModules`)
 - SPA mode (`ssr: false`), SSR mode, and static prerendering (`prerender`)
 
-Some Vite-specific integrations (for example Vite's environment API + critical
-CSS endpoint) are not supported 1:1.
+Some upstream framework integrations are not supported 1:1.
 
 ## Examples
 
@@ -709,6 +709,7 @@ The repository includes several examples demonstrating different use cases:
 | [custom-node-server](./examples/custom-node-server)                     | Custom Express server with SSR          | 3003 | `pnpm dev` |
 | [cloudflare](./examples/cloudflare)                                     | Cloudflare Workers deployment           | 3004 | `pnpm dev` |
 | [client-only](./examples/client-only)                                   | `.client` modules with SSR hydration    | 3010 | `pnpm dev` |
+| [react-router-8](./examples/react-router-8)                             | React Router 8 framework-mode SSR       | 3020 | `pnpm dev` |
 | [epic-stack](./examples/epic-stack)                                     | Full-featured Epic Stack example        | 3005 | `pnpm dev` |
 | [federation/epic-stack](./examples/federation/epic-stack)               | Module Federation host                  | 3006 | `pnpm dev` |
 | [federation/epic-stack-remote](./examples/federation/epic-stack-remote) | Module Federation remote                | 3007 | `pnpm dev` |
diff --git a/benchmarks/synthetic-web-bundler-benchmark/app/root.tsx b/benchmarks/synthetic-web-bundler-benchmark/app/root.tsx
index 740d5a4c..b56ca0eb 100644
--- a/benchmarks/synthetic-web-bundler-benchmark/app/root.tsx
+++ b/benchmarks/synthetic-web-bundler-benchmark/app/root.tsx
@@ -1,24 +1,18 @@
-import type { LinksFunction, MetaFunction } from "react-router";
-import {
-  Links,
-  Meta,
-  Outlet,
-  Scripts,
-  ScrollRestoration,
-} from "react-router";
-import { IntlProvider } from "react-intl";
-import globalStyles from "./styles/global.css?url";
+import type { LinksFunction, MetaFunction } from 'react-router';
+import { Links, Meta, Outlet, Scripts, ScrollRestoration } from 'react-router';
+import { IntlProvider } from 'react-intl';
+import globalStyles from './styles/global.css?url';
 
 export const meta: MetaFunction = () => [
-  { title: "Synthetic Web Bundler Benchmark" },
+  { title: 'Synthetic Web Bundler Benchmark' },
   {
-    name: "description",
-    content: "A deterministic, non-product Vite and Rsbuild benchmark.",
+    name: 'description',
+    content: 'A deterministic, non-product Vite and Rsbuild benchmark.',
   },
 ];
 
 export const links: LinksFunction = () => [
-  { rel: "stylesheet", href: globalStyles },
+  { rel: 'stylesheet', href: globalStyles },
 ];
 
 export function Layout({ children }: { children: React.ReactNode }) {
diff --git a/docs/coherent-dev-generations.md b/docs/coherent-dev-generations.md
deleted file mode 100644
index 5acc592c..00000000
--- a/docs/coherent-dev-generations.md
+++ /dev/null
@@ -1,70 +0,0 @@
-# Coherent React Router development generations
-
-The plugin builds React Router applications with separate `web` and `node`
-compilers. During development, those compilers can finish at different times.
-Publishing each result independently can pair a new browser manifest with an
-older server entry object.
-
-## Contract
-
-The plugin exposes only a committed React Router development generation:
-
-- every configured React Router server entry was evaluated successfully;
-- each entry's embedded manifest came from the selected web compilation;
-- failed, incomplete, and superseded candidates cannot replace the last-good
-  generation; and
-- built-in middleware and `loadReactRouterServerBuild(devServer)` read the same
-  committed generation.
-
-Requests capture one committed server entry object for their lifetime. Calling
-`loadReactRouterServerBuild(devServer, entryName)` selects a configured server
-bundle by its exact Rsbuild entry name; omitting `entryName` selects the full
-default build. All entries switch generations together. The public helper is
-the supported build provider for custom development servers; calling
-`devServer.environments.node.loadBundle()` directly bypasses this contract.
-
-## Lifecycle model
-
-A candidate records the exact web compilation used to produce its manifests and
-the corresponding evaluated node builds. It becomes visible only after
-Rsbuild's aggregate development callback supplies a complete, error-free pair.
-One-sided callbacks are accepted only when their known changed files do not
-intersect the unchanged compiler's dependencies.
-
-Each node compilation also records the latest completed web compilation when it
-starts. If rapid edits produce a callback containing a node result paired with
-a different web compilation, that mixed candidate is discarded. Fatal compiler
-failures reject initial waiters promptly; later failures preserve last-good
-output.
-
-The committed generation remains available while a later candidate builds.
-Initial compilation failures are reported to requests; failures after a commit
-leave the last-good generation available. Starting a replacement dev server
-creates a new lifecycle session so callbacks from the old session cannot
-publish into the new one.
-
-Programmatic replacement requires callers to await the active server's
-`close()` before calling `createDevServer()` again. The plugin rejects an
-overlapping or out-of-order replacement rather than closing one server from
-inside another server's global startup-hook transaction. Callers must serialize
-`createDevServer()` calls; concurrent server creation is outside this contract.
-If startup fails before returning a server, or if closing the active server
-rejects, restart the process before retrying unless the caller can externally
-prove and force complete teardown. A fresh Rsbuild instance alone is not
-sufficient because the prior compiler or watchers may still be active.
-
-## Deliberate limit
-
-This is an eagerly evaluated server-entry-set and manifest-pairing guarantee, not
-byte-level output atomicity. Development outputs use stable paths and mutable
-storage, so an old server-build object does not preserve older client assets or
-server chunks that are imported lazily after entry evaluation.
-
-Rsbuild publishes compiler-derived WebSocket success before its supported
-`onAfterDevCompile` plugin callback. The plugin therefore cannot promise that
-browser success notification waits for framework publication. A supported
-graph-settled, pre-success hook is required to close that gap.
-
-Strict old-or-new asset serving would additionally require immutable
-generation filenames, staged output promotion, or request-pinned asset
-snapshots with garbage collection. That is outside this contract.
diff --git a/docs/superpowers/plans/2026-07-17-effect-server-architecture.md b/docs/superpowers/plans/2026-07-17-effect-server-architecture.md
new file mode 100644
index 00000000..3e5f9023
--- /dev/null
+++ b/docs/superpowers/plans/2026-07-17-effect-server-architecture.md
@@ -0,0 +1,1232 @@
+# Effect Server Architecture Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make Effect the orchestration and lifecycle spine for Node-side plugin and server resources where it materially simplifies ownership and composition, while preserving build, dev-startup, worker, and runtime performance.
+
+**Architecture:** Create one `ManagedRuntime` per plugin instance. Rsbuild hooks and exported Promise APIs are runtime boundaries; effectful internal workflows compose as `Effect`, while synchronous callback-driven state transitions remain ordinary TypeScript. The runtime's native `Scope` owns dynamically created workers, watchers, delayed work, and background fibers. Pure transforms, generated/browser runtime code, and worker entrypoints remain ordinary TypeScript.
+
+**Tech Stack:** TypeScript 5.9, Effect 3.22, Rsbuild/Rspack, Rstest, Playwright, Node `worker_threads`, existing benchmark harness.
+
+## Global Constraints
+
+> **Execution refinement:** Early task examples name a custom `PluginScope` service and propose Effect-based dev-session state. The accepted implementation uses the runtime-provided native `Scope` plus a supervised `FiberSet`, and keeps Rsbuild's synchronous dev-session transitions plain. These choices remove a forwarding abstraction and avoid runtime crossings in synchronous callbacks while preserving the ownership model described here.
+
+- Scope is Node-side plugin/server code only. Do not add Effect to browser runtime, generated browser modules, templates shipped to applications, or worker entrypoints.
+- `src/parallel-route-transform-worker.ts` and its transitive worker-only hot path remain Effect-free unless a separate benchmark-backed design is approved.
+- Effect may own `RouteTransformExecutor` acquisition, supervision, and shutdown in the parent process; `postMessage`, worker task execution, serialization, and worker caches remain plain TypeScript.
+- Use direct Effect subpath imports such as `effect/Effect` and `effect/ManagedRuntime`; do not import the `effect` barrel from production source.
+- Create one `ManagedRuntime` per `pluginReactRouter(...).setup(api)` invocation. Do not create a runtime per hook, route, transform, request, compiler, or worker.
+- Keep pure synchronous helpers pure. Do not wrap string transforms, AST transforms, manifest shaping, cache access, predicates, or object construction in `Effect.sync` unless they cross a lifecycle/error boundary.
+- Use `Effect.fn` for reusable orchestration boundaries when the named span materially improves ownership or diagnostics. Do not add it to per-route, per-module, per-request, or other measured hot paths without benchmark evidence.
+- Keep synchronous Rsbuild callback state machines in plain TypeScript when converting them would introduce repeated Promise/Effect crossings or runtime calls. Effect should remove manual asynchronous ownership, not wrap every mutation.
+- Add tagged errors only where callers recover differently. Continue using `Error` for opaque third-party failures when a new error class would only add ceremony.
+- Preserve public exports and Promise-returning APIs unless a separate breaking-change decision is approved.
+- Production behavior and error messages remain unchanged unless a task explicitly names the intended change.
+- Treat LOC as a diagnostic, not an acceptance gate. Prefer less production code when clarity is equal, but accept additional tests, benchmarks, or narrowly justified runtime code when the result is easier to understand and maintain.
+- Performance acceptance: no benchmark median may regress by more than 2%; no p95/tail metric, dev readiness, HMR update, worker-enabled build, CPU time, or maximum RSS metric may regress by more than 5%.
+- If a tranche misses the performance gate or adds abstraction without removing equivalent manual coordination, revert or redesign it before continuing.
+- Keep commits tranche-local and independently green. Never mix browser-runtime changes, dependency upgrades, formatting sweeps, or unrelated refactors into this branch.
+
+---
+
+## Target File Structure
+
+Keep the repository's flat `src/` layout. Do not create an `effect/` directory or split every service into its own file.
+
+- `src/effect-runtime.ts`: error normalization, foreign Promise constructors, native scoped resource/fiber ownership, and the single plugin `ManagedRuntime` factory.
+- `src/index.ts`: constructs the plugin runtime, adapts Rsbuild hooks to `runtime.runPromise`, and disposes the runtime from close hooks.
+- `src/dev-background-resources.ts`: scoped acquisition of route watchers, lazy-compilation prewarm, and the parent-side transform executor.
+- `src/route-watch.ts`: Effect-native watcher lifecycle and serialized rescan workflow.
+- `src/dev-runtime-session.ts`: synchronous session state and close observation required by Rsbuild's callback API.
+- `src/dev-runtime-controller.ts`: compiler/runtime orchestration; asynchronous delayed work and plugin-owned cleanup use the plugin runtime where they simplify ownership.
+- `src/dev-generation.ts`: readiness and generation state transitions using `Deferred` plus an Effect workflow boundary.
+- `src/lazy-compilation-prewarm.ts`: interruptible prewarm scheduling owned by the plugin scope.
+- `src/parallel-route-transforms.ts`: Promise-based worker dispatch remains; acquisition/close becomes a parent-side scoped resource.
+- `src/parallel-route-transform-worker.ts`: unchanged Effect-free worker entrypoint.
+- `src/parallel-route-transform-protocol.ts`: unchanged protocol unless benchmark instrumentation requires an additive ready/timing message; default plan does not add one.
+- `src/{react-router-config,build-manifest,manifest,prerender-build,rsc-prerender,server-build-resolution,server-utils,dev-runtime-artifacts,typegen}.ts`: internal Effect workflows with Promise adapters only at exported/public edges.
+- `tests/effect-runtime.test.ts`: runtime ownership, finalization, interruption, and idempotent disposal.
+- Existing subsystem tests: behavior-preserving migration coverage; avoid a parallel Effect-only test suite.
+
+## Acceptance Measurements
+
+Record all artifacts under ignored `.benchmark/effect-server-architecture/`.
+
+```bash
+git rev-parse HEAD > .benchmark/effect-server-architecture/base-commit.txt
+git status --short > .benchmark/effect-server-architecture/base-status.txt
+git ls-files -z '*.ts' '*.tsx' '*.js' '*.mjs' '*.mts' \
+  | xargs -0 wc -l \
+  > .benchmark/effect-server-architecture/base-total-loc.txt
+find src -type f \( -name '*.ts' -o -name '*.tsx' \) -print0 \
+  | xargs -0 wc -l \
+  > .benchmark/effect-server-architecture/base-src-loc.txt
+```
+
+Benchmark commands used before the first code change and after every performance-sensitive tranche:
+
+```bash
+pnpm build
+node scripts/bench-builds.mts --profile=full --mode=build --iterations=5 --warmup=1 --clean=build --format=both --out=.benchmark/effect-server-architecture/base-full-build
+node scripts/bench-builds.mts --profile=large --mode=dev --iterations=5 --warmup=1 --parallel-route-transform=false --format=both --out=.benchmark/effect-server-architecture/base-large-dev-inline
+node scripts/bench-builds.mts --profile=large --mode=dev --iterations=5 --warmup=1 --parallel-route-transform=true --format=both --out=.benchmark/effect-server-architecture/base-large-dev-workers
+node scripts/bench-builds.mts --profile=full --filter=synthetic-1024-ssr-esm --mode=build --iterations=5 --warmup=1 --parallel-route-transform=false --format=both --out=.benchmark/effect-server-architecture/base-1024-inline
+node scripts/bench-builds.mts --profile=full --filter=synthetic-1024-ssr-esm --mode=build --iterations=5 --warmup=1 --parallel-route-transform=true --format=both --out=.benchmark/effect-server-architecture/base-1024-workers
+```
+
+The worker-enabled dev run is especially important: current code documents roughly 0.5 seconds of startup/IPC cost on constrained machines. The migration must not load Effect in each worker or increase that cost.
+
+---
+
+### Task 1: Freeze Baselines and Add Architectural Boundary Tests
+
+**Files:**
+
+- Modify: `tests/effect-runtime.test.ts`
+- Modify: `tests/parallel-route-transforms.test.ts`
+- Test: `tests/effect-runtime.test.ts`
+- Test: `tests/parallel-route-transforms.test.ts`
+
+**Interfaces:**
+
+- Consumes: current `runPluginEffect`, `tryPluginPromise`, `createDelayedPluginTask`, `createRouteTransformExecutor`.
+- Produces: regression tests that constrain runtime disposal and prohibit Effect imports from the worker entrypoint.
+
+- [ ] **Step 1: Capture the clean baseline**
+
+Run the commands in `Acceptance Measurements` before modifying source. Confirm `base-status.txt` is empty and all five benchmark result sets exist.
+
+Expected: build succeeds; each benchmark directory contains `baseline.json` and `baseline.md`.
+
+- [ ] **Step 2: Add the worker-boundary test**
+
+Add this test to `tests/parallel-route-transforms.test.ts`:
+
+```ts
+import { readFile } from 'node:fs/promises';
+
+it('keeps the worker entrypoint Effect-free', async () => {
+  const source = await readFile(
+    new URL('../src/parallel-route-transform-worker.ts', import.meta.url),
+    'utf8'
+  );
+
+  expect(source).not.toMatch(/from ['"]effect(?:\/|['"])/);
+  expect(source).not.toContain("import('effect");
+});
+```
+
+This is intentionally a source-boundary test. Bundle verification in Task 9 checks the emitted worker chunk and its transitive imports.
+
+- [ ] **Step 3: Run the boundary test**
+
+Run:
+
+```bash
+pnpm rstest run tests/parallel-route-transforms.test.ts
+```
+
+Expected: PASS.
+
+- [ ] **Step 4: Commit the guardrail**
+
+```bash
+git add tests/parallel-route-transforms.test.ts
+git commit -m "test: protect worker runtime boundary"
+```
+
+---
+
+### Task 2: Introduce the Single Plugin Runtime and Runtime-Owned Scope
+
+**Files:**
+
+- Modify: `src/effect-runtime.ts`
+- Modify: `tests/effect-runtime.test.ts`
+
+**Interfaces:**
+
+- Produces: `PluginScope`, `PluginEffectRuntime`, and `createPluginEffectRuntime()`.
+- Preserves temporarily: `runPluginEffect`, `tryPluginPromise`, `createDelayedPluginTask` while callers migrate.
+- Later tasks consume: `runtime.runPromise`, `runtime.runFork`, `runtime.dispose`, and `PluginScope.acquire`.
+
+- [ ] **Step 1: Write failing lifecycle tests**
+
+Add these tests to `tests/effect-runtime.test.ts`:
+
+```ts
+import * as Effect from 'effect/Effect';
+import { createPluginEffectRuntime, PluginScope } from '../src/effect-runtime';
+
+it('releases dynamically acquired resources when the runtime is disposed', async () => {
+  const events: string[] = [];
+  const runtime = createPluginEffectRuntime();
+
+  await runtime.runPromise(
+    Effect.gen(function* () {
+      const scope = yield* PluginScope;
+      return yield* scope.acquire(
+        Effect.sync(() => {
+          events.push('acquire');
+          return 'resource';
+        }),
+        resource =>
+          Effect.sync(() => {
+            events.push(`release:${resource}`);
+          })
+      );
+    })
+  );
+
+  await runtime.dispose();
+  expect(events).toEqual(['acquire', 'release:resource']);
+});
+
+it('interrupts supervised fibers and disposes idempotently', async () => {
+  let finalized = 0;
+  const runtime = createPluginEffectRuntime();
+
+  runtime.runFork(
+    Effect.never.pipe(
+      Effect.ensuring(
+        Effect.sync(() => {
+          finalized += 1;
+        })
+      )
+    )
+  );
+
+  await Promise.all([runtime.dispose(), runtime.dispose()]);
+  expect(finalized).toBe(1);
+});
+```
+
+- [ ] **Step 2: Verify the tests fail**
+
+```bash
+pnpm rstest run tests/effect-runtime.test.ts
+```
+
+Expected: FAIL because `PluginScope` and `createPluginEffectRuntime` do not exist.
+
+- [ ] **Step 3: Implement the minimal runtime**
+
+Add direct subpath imports and this runtime model to `src/effect-runtime.ts`:
+
+```ts
+import * as Context from 'effect/Context';
+import * as Layer from 'effect/Layer';
+import * as ManagedRuntime from 'effect/ManagedRuntime';
+import * as Scope from 'effect/Scope';
+
+type Acquire = <A, E, R, R2>(
+  acquire: Effect.Effect<A, E, R>,
+  release: (resource: A) => Effect.Effect<void, never, R2>
+) => Effect.Effect<A, E, R | R2>;
+
+export class PluginScope extends Context.Tag(
+  'rsbuild-plugin-react-router/PluginScope'
+)<PluginScope, { readonly acquire: Acquire }>() {}
+
+const PluginScopeLive = Layer.scoped(
+  PluginScope,
+  Effect.gen(function* () {
+    const scope = yield* Effect.scope;
+    return {
+      acquire: (acquire, release) =>
+        Effect.acquireRelease(acquire, release).pipe(
+          Effect.provideService(Scope.Scope, scope)
+        ),
+    };
+  })
+);
+
+export const createPluginEffectRuntime = () => {
+  const runtime = ManagedRuntime.make(PluginScopeLive);
+  let disposePromise: Promise<void> | undefined;
+
+  return {
+    runPromise: runtime.runPromise,
+    runFork: runtime.runFork,
+    dispose: (): Promise<void> => (disposePromise ??= runtime.dispose()),
+  };
+};
+
+export type PluginEffectRuntime = ReturnType<typeof createPluginEffectRuntime>;
+```
+
+- [ ] **Step 4: Run the runtime tests**
+
+```bash
+pnpm rstest run tests/effect-runtime.test.ts
+pnpm typecheck
+```
+
+Expected: PASS.
+
+- [ ] **Step 5: Review tranche size and maintainability**
+
+```bash
+git diff --numstat -- src/effect-runtime.ts tests/effect-runtime.test.ts
+```
+
+This foundation may be positive. Review Tasks 2–3 together and confirm the added runtime code replaces duplicated lifecycle ownership; LOC alone does not determine acceptance.
+
+- [ ] **Step 6: Commit the runtime foundation**
+
+```bash
+git add src/effect-runtime.ts tests/effect-runtime.test.ts
+git commit -m "refactor: add managed plugin effect runtime"
+```
+
+---
+
+### Task 3: Make Rsbuild Hooks the Runtime Boundary
+
+**Files:**
+
+- Modify: `src/index.ts`
+- Modify: `src/effect-runtime.ts`
+- Modify: `tests/index.test.ts`
+- Test: `tests/index.test.ts`
+- Test: `tests/effect-runtime.test.ts`
+
+**Interfaces:**
+
+- Consumes: `createPluginEffectRuntime()`.
+- Produces: exactly one runtime per plugin setup; idempotent disposal from `onCloseBuild`, `onCloseDevServer`, and `onExit`.
+- Constraint: no `ManagedRuntime.make`, `Effect.runPromise`, or `Effect.runFork` outside `src/effect-runtime.ts`.
+
+- [ ] **Step 1: Add a setup/close regression test**
+
+Extend the existing fake Rsbuild API in `tests/index.test.ts` to capture `onCloseBuild`, `onCloseDevServer`, and `onExit`. Add a test with this behavior:
+
+```ts
+it('shares one Effect runtime and closes it from every Rsbuild shutdown path', async () => {
+  const api = createFakeRsbuildApi();
+  await pluginReactRouter().setup(api);
+
+  await Promise.all([
+    api.runHook('onCloseBuild'),
+    api.runHook('onCloseDevServer'),
+    api.runHook('onExit'),
+  ]);
+
+  expect(api.errors).toEqual([]);
+});
+```
+
+Use the test file's existing fake API helpers and naming; do not add a second fake framework.
+
+- [ ] **Step 2: Create the runtime once in `setup(api)`**
+
+At the start of `pluginReactRouter(...).setup(api)`, add:
+
+```ts
+const effectRuntime = createPluginEffectRuntime();
+const disposeEffectRuntime = (): Promise<void> => effectRuntime.dispose();
+
+api.onCloseBuild(disposeEffectRuntime);
+api.onCloseDevServer(disposeEffectRuntime);
+api.onExit(disposeEffectRuntime);
+```
+
+Register these hooks before any resource-producing hook. Because disposal is idempotent, multiple shutdown paths may race safely.
+
+- [ ] **Step 3: Replace hook-local `runPluginEffect` calls**
+
+Change the `onAfterBuild` callbacks at the current classic and RSC branches from:
+
+```ts
+runPluginEffect(tryPluginPromise(() => runBuildWorkflow(...)))
+```
+
+to:
+
+```ts
+effectRuntime.runPromise(
+  tryPluginPromise(() => runBuildWorkflow(...))
+)
+```
+
+Apply the same rule to every Effect launched directly by `src/index.ts`. Do not create nested runtimes.
+
+- [ ] **Step 4: Add an import-boundary assertion**
+
+Add this assertion to `tests/effect-runtime.test.ts` using `readFile` for the exact production files:
+
+```ts
+it('centralizes raw Effect runners in effect-runtime.ts', async () => {
+  const files = ['index.ts', 'manifest.ts', 'route-watch.ts'];
+  const sources = await Promise.all(
+    files.map(file =>
+      readFile(new URL(`../src/${file}`, import.meta.url), 'utf8')
+    )
+  );
+
+  for (const source of sources) {
+    expect(source).not.toMatch(/Effect\.run(?:Promise|Fork|Sync)/);
+    expect(source).not.toContain('ManagedRuntime.make');
+  }
+});
+```
+
+- [ ] **Step 5: Run focused tests and typecheck**
+
+```bash
+pnpm rstest run tests/index.test.ts tests/effect-runtime.test.ts
+pnpm typecheck
+```
+
+Expected: PASS.
+
+- [ ] **Step 6: Review the first runtime tranche**
+
+```bash
+git diff HEAD~1 --numstat -- src/effect-runtime.ts src/index.ts
+```
+
+Tasks 2–3 together must centralize runtime creation, disposal, and failure normalization without adding a second ownership path. Use the line diff to identify accidental duplication, not as a hard gate.
+
+- [ ] **Step 7: Commit the boundary**
+
+```bash
+git add src/index.ts src/effect-runtime.ts tests/index.test.ts tests/effect-runtime.test.ts
+git commit -m "refactor: centralize plugin effect runtime boundary"
+```
+
+---
+
+### Task 4: Move Parent-Side Worker Ownership into `PluginScope`
+
+**Files:**
+
+- Modify: `src/parallel-route-transforms.ts`
+- Modify: `src/dev-background-resources.ts`
+- Modify: `src/index.ts`
+- Preserve unchanged: `src/parallel-route-transform-worker.ts`
+- Preserve unchanged: `src/parallel-route-transform-protocol.ts`
+- Modify: `tests/parallel-route-transforms.test.ts`
+- Modify: `tests/index.test.ts`
+
+**Interfaces:**
+
+- Preserves: `RouteTransformExecutor.run(task): Promise<RouteTransformResult>`, `prewarm(): void`, `close(): Promise<void>`.
+- Produces: `acquireRouteTransformExecutor(options): Effect.Effect<RouteTransformExecutor, Error, PluginScope>`.
+- Worker boundary: no Effect import, runtime, fiber, `Deferred`, `Queue`, `Layer`, or schema decoding inside the worker.
+
+- [ ] **Step 1: Add a scoped executor test**
+
+In `tests/parallel-route-transforms.test.ts`, add:
+
+```ts
+it('terminates parent-owned workers when the plugin runtime is disposed', async () => {
+  const worker = new FakeRouteTransformWorker();
+  const runtime = createPluginEffectRuntime();
+
+  const executor = await runtime.runPromise(
+    acquireRouteTransformExecutor({
+      createWorker: () => worker,
+      parallelRouteTransform: true,
+    })
+  );
+
+  executor.prewarm();
+  await runtime.dispose();
+
+  expect(worker.terminateCalls).toBe(1);
+});
+```
+
+- [ ] **Step 2: Add the parent-side acquisition function**
+
+In `src/parallel-route-transforms.ts`, keep the worker executor implementation Promise-based and add only the resource boundary:
+
+```ts
+export const acquireRouteTransformExecutor = Effect.fn(
+  'RouteTransformExecutor.acquire'
+)(function* (options: RouteTransformExecutorOptions) {
+  const pluginScope = yield* PluginScope;
+  return yield* pluginScope.acquire(
+    Effect.sync(() => createRouteTransformExecutor(options)),
+    executor =>
+      tryPluginPromise(() => executor.close()).pipe(
+        Effect.catchAll(() => Effect.void)
+      )
+  );
+});
+```
+
+Do not rewrite `ParallelRouteTransformExecutor.run`, `#createWorkerState`, pending task maps, message handlers, or worker code to Effect in this task.
+
+- [ ] **Step 3: Remove duplicate worker close registration**
+
+In `src/dev-background-resources.ts`, delete `closeRouteTransformExecutor`, remove it from `closeAll`, and remove `api.onCloseBuild(closeRouteTransformExecutor)`. The executor is now released by `PluginScope` when the runtime closes.
+
+Keep explicit dev-server cleanup only for resources not yet migrated in later tasks.
+
+- [ ] **Step 4: Run worker and index tests**
+
+```bash
+pnpm rstest run tests/parallel-route-transforms.test.ts tests/index.test.ts
+pnpm typecheck
+```
+
+Expected: PASS, including all existing lazy-worker, fallback, cache-affinity, idempotent-close, and in-flight rejection cases.
+
+- [ ] **Step 5: Verify worker output stays Effect-free**
+
+```bash
+pnpm build
+! rg -n "effect/(Effect|Fiber|Layer|ManagedRuntime|Scope)|from ['\"]effect['\"]" src/parallel-route-transform-worker.ts
+! rg -n "effect/(Effect|Fiber|Layer|ManagedRuntime|Scope)" dist | rg "parallel-route-transform-worker"
+```
+
+Expected: both negated searches exit successfully with no matches.
+
+- [ ] **Step 6: Run worker-sensitive benchmarks**
+
+Repeat the `large-dev-workers`, `1024-inline`, and `1024-workers` commands with `after-task-4` output paths. Compare using:
+
+```bash
+node scripts/compare-benchmarks.mts --before=.benchmark/effect-server-architecture/base-1024-workers/baseline.json --after=.benchmark/effect-server-architecture/after-task-4-1024-workers/baseline.json --benchmark=synthetic-1024-ssr-esm
+```
+
+Expected: worker-enabled production build remains faster than inline; all acceptance thresholds pass.
+
+- [ ] **Step 7: Review maintainability and commit**
+
+```bash
+git diff --numstat -- src/parallel-route-transforms.ts src/dev-background-resources.ts src/index.ts
+git add src/parallel-route-transforms.ts src/dev-background-resources.ts src/index.ts tests/parallel-route-transforms.test.ts tests/index.test.ts
+git commit -m "refactor: scope parent route transform workers"
+```
+
+---
+
+### Task 5: Replace Manual Dev Background Cleanup with Scoped Effects
+
+**Files:**
+
+- Modify: `src/dev-background-resources.ts`
+- Modify: `src/route-watch.ts`
+- Modify: `src/lazy-compilation-prewarm.ts`
+- Modify: `src/effect-runtime.ts`
+- Modify: `tests/route-watch.test.ts`
+- Modify: `tests/lazy-compilation-prewarm.test.ts`
+- Modify: `tests/effect-runtime.test.ts`
+
+**Interfaces:**
+
+- Produces: `acquireRouteTopologyWatcher(...)` and `acquireLazyCompilationPrewarm(...)` requiring `PluginScope`.
+- Preserves: returned `setManifest(manifest)` controller method.
+- Deletes: `closeAll`, `routeTopologyWatcherClosed`, `closeActiveRouteTopologyWatcher`, manual cancel/close aggregation, and duplicate watcher-close loops where interruption/finalizers make them unnecessary.
+
+- [ ] **Step 1: Strengthen the existing cancellation and finalization tests**
+
+In `tests/route-watch.test.ts`, extend `does not recreate watchers or touch the marker after close`. After its first `await closePromise`, call the returned close function again and tighten the existing assertion:
+
+```ts
+await close();
+expect(closeWatcher).toHaveBeenCalledTimes(1);
+```
+
+In `tests/lazy-compilation-prewarm.test.ts`, migrate `reschedules in-flight prewarm work with the latest manifest` to acquire the controller from `createPluginEffectRuntime()`. Replace its finalizer:
+
+```ts
+await runPluginEffect(controller.cancelEffect());
+```
+
+with:
+
+```ts
+await runtime.dispose();
+```
+
+Add this test beside it to prove a pending delay is interrupted:
+
+```ts
+it('does not fetch after runtime disposal cancels a scheduled prewarm', async () => {
+  const config = normalizeLazyCompilationPrewarmOptions(true);
+  if (!config) throw new Error('Expected prewarm config.');
+  const runtime = createPluginEffectRuntime();
+  const fetchSpy = rstest.spyOn(globalThis, 'fetch');
+  const controller = await runtime.runPromise(
+    acquireLazyCompilationPrewarm({
+      config,
+      onError: error => {
+        throw error;
+      },
+    })
+  );
+
+  controller.setServerOrigin('http://localhost:3000');
+  controller.setManifest(createManifest());
+  controller.schedule();
+  await runtime.dispose();
+
+  expect(fetchSpy).not.toHaveBeenCalled();
+  fetchSpy.mockRestore();
+});
+```
+
+- [ ] **Step 2: Convert watcher creation to a scoped acquisition**
+
+Express watcher ownership as one acquisition and one release:
+
+```ts
+export const acquireRouteTopologyWatcher = Effect.fn(
+  'RouteTopologyWatcher.acquire'
+)(function* (options: CreateRouteTopologyWatcherOptions) {
+  const pluginScope = yield* PluginScope;
+  return yield* pluginScope.acquire(
+    tryPluginPromise(() => createRouteTopologyWatcher(options)),
+    close =>
+      tryPluginPromise(close).pipe(
+        Effect.catchAll(error => Effect.sync(() => options.onError(error)))
+      )
+  );
+});
+```
+
+Then simplify `createRouteTopologyWatcher` itself: retain its serialized `rescanQueue` semantics until tests demonstrate `Semaphore.withPermits(1)` or a single consumer fiber can replace it with fewer lines.
+
+- [ ] **Step 3: Replace delayed-task state with an interruptible fiber**
+
+In `src/effect-runtime.ts`, replace `createDelayedPluginTask`'s `version`, `activeFiber`, Promise chaining, and explicit cancellation effect with a runtime-scoped controller:
+
+```ts
+export type DelayedPluginTask = {
+  readonly schedule: () => void;
+  readonly reschedule: () => void;
+  readonly cancel: () => Promise<void>;
+};
+
+export const createDelayedPluginTask = ({
+  runtime,
+  delayMs,
+  run,
+  onError,
+}: {
+  runtime: PluginEffectRuntime;
+  delayMs: number;
+  run: () => Effect.Effect<void, Error>;
+  onError: (error: Error) => void;
+}): DelayedPluginTask => {
+  let fiber: ReturnType<PluginEffectRuntime['runFork']> | undefined;
+
+  const cancel = async (): Promise<void> => {
+    const active = fiber;
+    fiber = undefined;
+    if (active) await runtime.runPromise(Fiber.interrupt(active));
+  };
+
+  const start = (): void => {
+    fiber = runtime.runFork(
+      Effect.sleep(Duration.millis(delayMs)).pipe(
+        Effect.zipRight(Effect.suspend(run)),
+        Effect.catchAll(error => Effect.sync(() => onError(error))),
+        Effect.ensuring(Effect.sync(() => (fiber = undefined)))
+      )
+    );
+  };
+
+  return {
+    schedule: () => {
+      if (!fiber) start();
+    },
+    reschedule: () => void cancel().then(start, onError),
+    cancel,
+  };
+};
+```
+
+Run the existing reschedule race test immediately after this edit. If it fails, discard this controller implementation and implement a single `Ref<Option<Fiber>>` controller instead; the accepted implementation must use either fiber interruption or the old version protocol, never both.
+
+- [ ] **Step 4: Remove background close aggregation**
+
+Refactor `registerReactRouterDevBackgroundResources` so it acquires watcher/prewarm/executor resources through `PluginScope`, registers Rsbuild start/compile hooks, and returns only:
+
+```ts
+return {
+  setManifest(manifest) {
+    lazyCompilationPrewarmController?.setManifest(manifest);
+  },
+};
+```
+
+Delete `closeAll`, all local close functions, `api.onCloseDevServer` cleanup from this module, and `api.onCloseBuild` cleanup. Runtime disposal is the single owner.
+
+- [ ] **Step 5: Run affected tests**
+
+```bash
+pnpm rstest run tests/effect-runtime.test.ts tests/route-watch.test.ts tests/lazy-compilation-prewarm.test.ts tests/index.test.ts
+pnpm typecheck
+```
+
+Expected: PASS. Explicitly verify double close, close during rescan, failed watcher startup, reschedule, and callback-triggered close cases.
+
+- [ ] **Step 6: Run dev startup/HMR benchmarks and review maintainability**
+
+Repeat both large dev benchmark commands with `after-task-5` output paths. Reject the tranche if readiness or update time exceeds the global thresholds.
+
+```bash
+git diff --numstat -- src/effect-runtime.ts src/dev-background-resources.ts src/route-watch.ts src/lazy-compilation-prewarm.ts
+```
+
+Expected: production deletions exceed additions across the four files.
+
+- [ ] **Step 7: Commit**
+
+```bash
+git add src/effect-runtime.ts src/dev-background-resources.ts src/route-watch.ts src/lazy-compilation-prewarm.ts tests/effect-runtime.test.ts tests/route-watch.test.ts tests/lazy-compilation-prewarm.test.ts tests/index.test.ts
+git commit -m "refactor: scope dev background resources"
+```
+
+---
+
+### Task 6: Collapse Dev Session, Controller, and Generation State Machines
+
+**Files:**
+
+- Modify: `src/dev-runtime-session.ts`
+- Modify: `src/dev-runtime-controller.ts`
+- Modify: `src/dev-generation.ts`
+- Modify: `src/dev-runtime-compilation.ts`
+- Modify: `src/dev-runtime-artifacts.ts`
+- Modify: `tests/dev-runtime-controller.test.ts`
+- Modify: `tests/dev-generation.test.ts`
+- Modify: `tests/dev-generation-multi-entry.test.ts`
+- Modify: `tests/dev-runtime.integration.test.ts`
+
+**Interfaces:**
+
+- Preserves: `ReactRouterDevRuntimeController`, `RuntimeBinding`, `createReactRouterDevRuntime`, `loadReactRouterServerBuild` public behavior.
+- Produces: Effect-native `open`, `finishAttempt`, `close`, and readiness workflows.
+- Deletes: Promise observation objects, duplicate close outcome unions, timer handles, runner calls inside state transitions, and callback error normalization duplicated from `effect-runtime.ts`.
+
+- [ ] **Step 1: Freeze the existing state-transition coverage before refactoring**
+
+Run the existing public-behavior tests that cover the three state families:
+
+```bash
+pnpm rstest run tests/dev-runtime-controller.test.ts -t "rejects a fatal child failure and recovers on the next compile"
+pnpm rstest run tests/dev-runtime-controller.test.ts -t "requires the active server to close before replacement"
+pnpm rstest run tests/dev-runtime-controller.test.ts -t "observes one close promise and rejects replacement until it settles"
+pnpm rstest run tests/dev-runtime-controller.test.ts -t "publishes a same-attempt rebuild when node starts before web completes"
+```
+
+Expected: PASS. These exercise failure recovery, active-to-closing exclusion, close-promise observation, and ready-to-rebuilding-to-ready behavior through the public controller harness.
+
+- [ ] **Step 2: Make session operations return Effect**
+
+Replace Promise-producing session internals with:
+
+```ts
+export type DevRuntimeSessionManager = {
+  readonly open: Effect.Effect<RuntimeBinding, Error>;
+  readonly close: Effect.Effect<void, never>;
+};
+```
+
+Use one `Deferred` for close completion and one `Ref` for session state. Callers that still require Promises adapt through the plugin runtime at the Rsbuild/API edge.
+
+- [ ] **Step 3: Replace CSS reload timers with fibers**
+
+In `createReactRouterDevRuntimeController`, replace `scheduledCssAssetOwnershipReload`, `setTimeout`, and both `clearTimeout` branches with a delayed fiber supervised by the plugin runtime. Interruption must be the only cancellation mechanism.
+
+The scheduling body should be structurally equivalent to:
+
+```ts
+const scheduleCssReload = Effect.fn(function* () {
+  yield* Effect.sleep(Duration.millis(CSS_SOURCE_RELOAD_DELAY_MS));
+  yield* reloadCssAssetOwnership;
+});
+```
+
+- [ ] **Step 4: Keep generation readiness on one `Deferred` abstraction**
+
+`src/dev-generation.ts` already uses `EffectDeferred`. Remove surrounding `runPluginEffect` calls and expose readiness as an Effect inside Node-side workflows:
+
+```ts
+const awaitGeneration = (entryName: string) =>
+  EffectDeferred.await(state.readiness).pipe(
+    Effect.map(generation => selectBuild(generation, entryName))
+  );
+```
+
+Only `loadReactRouterServerBuild`, the exported Promise API, should call `runtime.runPromise` or an explicit standalone adapter.
+
+- [ ] **Step 5: Convert reusable orchestration functions to `Effect.fn`**
+
+Convert `finishRuntimeAttemptEffect`, `evaluateServerBuildsEffect`, and compilation orchestration functions that already return `Effect` from raw arrow functions/`Effect.gen` wrappers to named `Effect.fn` definitions. Do not convert pure selectors, cache lookups, or manifest shaping.
+
+- [ ] **Step 6: Run the graph-derived affected tests**
+
+```bash
+pnpm rstest run tests/dev-runtime-controller.test.ts tests/dev-generation.test.ts tests/dev-generation-multi-entry.test.ts tests/dev-runtime.integration.test.ts tests/index.test.ts
+pnpm typecheck
+```
+
+- [ ] **Step 7: Run dev performance and maintainability checks**
+
+Run large dev inline and worker benchmarks plus the existing HMR/HDR fail-fast suite:
+
+```bash
+pnpm test:react-router-framework:failfast
+git diff --numstat -- src/dev-runtime-session.ts src/dev-runtime-controller.ts src/dev-generation.ts src/dev-runtime-compilation.ts src/dev-runtime-artifacts.ts
+```
+
+Expected: no performance regression; Effect removes manual ownership or state coordination wherever it is introduced.
+
+- [ ] **Step 8: Commit**
+
+```bash
+git add src/dev-runtime-session.ts src/dev-runtime-controller.ts src/dev-generation.ts src/dev-runtime-compilation.ts src/dev-runtime-artifacts.ts tests/dev-runtime-controller.test.ts tests/dev-generation.test.ts tests/dev-generation-multi-entry.test.ts tests/dev-runtime.integration.test.ts
+git commit -m "refactor: simplify dev runtime with effect"
+```
+
+---
+
+### Task 7: Normalize Config, Manifest, Build, and Prerender Workflows
+
+**Files:**
+
+- Modify: `src/react-router-config.ts`
+- Modify: `src/build-manifest.ts`
+- Modify: `src/manifest.ts`
+- Modify: `src/prerender-build.ts`
+- Modify: `src/rsc-prerender.ts`
+- Modify: `src/server-build-resolution.ts`
+- Modify: `src/server-utils.ts`
+- Modify: `src/typegen.ts`
+- Modify: `tests/react-router-config.test.ts`
+- Modify: `tests/build-manifest.test.ts`
+- Modify: `tests/manifest.test.ts`
+- Modify: `tests/manifest-split-route-modules.test.ts`
+- Modify: `tests/prerender.test.ts`
+- Modify: `tests/rsc-prerender.test.ts`
+- Modify: `tests/typegen.test.ts`
+
+**Interfaces:**
+
+- Internal functions return `Effect` and compose without crossing to Promise.
+- Existing exported Promise functions remain adapters for compatibility.
+- Concurrency remains capped with `Effect.forEach(..., { concurrency })`.
+- Pure route/manifest transforms remain pure functions.
+
+- [ ] **Step 1: Establish naming and boundary rules**
+
+For each exported pair such as:
+
+```ts
+getBuildManifestEffect(...)
+getBuildManifest(...): Promise<...>
+```
+
+keep the Promise name stable and make the Effect workflow the internal implementation. Remove `Effect` suffixes from private functions where the return type already makes the abstraction obvious; preserve exported names if tests or consumers import them.
+
+- [ ] **Step 2: Convert reusable workflows to `Effect.fn`**
+
+Replace the current wrapper beginning at `src/build-manifest.ts:93`:
+
+```ts
+export const getBuildManifestEffect = ({
+  reactRouterConfig,
+  routes,
+  rootDirectory,
+}: GetBuildManifestOptions): Effect.Effect<
+  BuildManifest | undefined,
+  Error,
+  never
+> =>
+  Effect.gen(function* () {
+```
+
+with this named wrapper while leaving the statements currently inside the generator unchanged:
+
+```ts
+export const getBuildManifestEffect = Effect.fn('BuildManifest.get')(
+  function* ({
+    reactRouterConfig,
+    routes,
+    rootDirectory,
+  }: GetBuildManifestOptions) {
+```
+
+Change the final `});` for the old `Effect.gen` to `});` for `Effect.fn`; no second helper or wrapper is introduced. Apply the same wrapper-only transformation to reusable workflows in the other listed files.
+
+Do not wrap `getAddressableRoutes`, `getRouteBranch`, `createRouteManifestItem`, `normalizeSubResourceIntegrity`, or other pure helpers.
+
+- [ ] **Step 3: Remove nested Promise crossings**
+
+Replace all internal forms of:
+
+```ts
+yield* tryPluginPromise(() => promiseAdapter(...));
+```
+
+with direct Effect composition:
+
+```ts
+yield* effectImplementation(...);
+```
+
+The final source search must show `runPluginEffect(` only in explicit exported Promise adapters pending Task 8.
+
+- [ ] **Step 4: Preserve bounded parallelism exactly**
+
+Keep these existing concurrency behaviors:
+
+- preset resolution uses `getCappedPluginConcurrency()`;
+- manifest route analysis uses `ROUTE_ANALYSIS_CONCURRENCY` capped by route count;
+- server bundle resolution uses the existing capped concurrency;
+- prerender paths use the configured prerender concurrency;
+- type generation and route analysis do not become unbounded.
+
+Use `Effect.forEach` rather than adding a custom pool abstraction.
+
+- [ ] **Step 5: Preserve request cancellation**
+
+Keep `createBuildRequestEffect` based on `Effect.acquireUseRelease` so interruption aborts its `AbortController`:
+
+```ts
+export const createBuildRequestEffect = <T>(
+  input: string | URL,
+  init: RequestInit | undefined,
+  handle: (request: Request) => Promise<T>
+): Effect.Effect<T, Error> =>
+  Effect.acquireUseRelease(
+    Effect.sync(() => new AbortController()),
+    controller =>
+      tryPluginPromise(() =>
+        handle(new Request(input, { ...init, signal: controller.signal }))
+      ),
+    controller => Effect.sync(() => controller.abort())
+  );
+```
+
+- [ ] **Step 6: Run the graph-derived build tests**
+
+```bash
+pnpm rstest run tests/react-router-config.test.ts tests/build-manifest.test.ts tests/manifest.test.ts tests/manifest-split-route-modules.test.ts tests/manifest-version.test.ts tests/prerender.test.ts tests/rsc-prerender.test.ts tests/typegen.test.ts
+pnpm typecheck
+```
+
+Expected: PASS.
+
+- [ ] **Step 7: Run full build benchmarks and review maintainability**
+
+Repeat `full-build`, `1024-inline`, and `1024-workers` benchmarks with `after-task-7` output paths. Verify route analysis and prerender concurrency did not regress.
+
+```bash
+git diff --numstat -- src/react-router-config.ts src/build-manifest.ts src/manifest.ts src/prerender-build.ts src/rsc-prerender.ts src/server-build-resolution.ts src/server-utils.ts src/typegen.ts
+```
+
+Expected: no performance regression and no redundant Promise/Effect boundary remains.
+
+- [ ] **Step 8: Commit**
+
+```bash
+git add src/react-router-config.ts src/build-manifest.ts src/manifest.ts src/prerender-build.ts src/rsc-prerender.ts src/server-build-resolution.ts src/server-utils.ts src/typegen.ts tests/react-router-config.test.ts tests/build-manifest.test.ts tests/manifest.test.ts tests/manifest-split-route-modules.test.ts tests/prerender.test.ts tests/rsc-prerender.test.ts tests/typegen.test.ts
+git commit -m "refactor: compose server workflows with effect"
+```
+
+---
+
+### Task 8: Remove Transitional Runners and Consolidate Error Policy
+
+**Files:**
+
+- Modify: `src/effect-runtime.ts`
+- Modify: all remaining Node-side callers reported by `rg "runPluginEffect|Effect\.run" src`
+- Modify: `tests/effect-runtime.test.ts`
+- Modify: affected subsystem tests from Tasks 5–7
+
+**Interfaces:**
+
+- Deletes: `runPluginEffect` if no public compatibility adapter requires it.
+- Retains: `tryPluginPromise`, `normalizeEffectError` only if they eliminate repeated boundary code.
+- Produces: one error policy at Promise/Rsbuild boundaries and typed recovery only where behavior differs.
+
+- [ ] **Step 1: Inventory remaining runtime crossings**
+
+```bash
+rg -n "runPluginEffect|Effect\.run(?:Promise|PromiseExit|Fork|Sync)|ManagedRuntime\.make" src --glob '*.ts'
+```
+
+Expected target after this task:
+
+- `ManagedRuntime.make`, raw `Effect.run*`, and `Cause`/`Exit` normalization appear only in `src/effect-runtime.ts`;
+- `runtime.runPromise` appears only in `src/index.ts` and explicit exported Promise adapters;
+- no runtime calls appear in worker or browser/generated code.
+
+- [ ] **Step 2: Delete redundant Promise adapters**
+
+Where both Promise and Effect variants are private, delete the Promise variant. Where the Promise function is exported, keep exactly this adapter shape:
+
+```ts
+export const publicPromiseApi = (...args: Args): Promise<Result> =>
+  runStandaloneEffect(internalEffectApi(...args));
+```
+
+Define `runStandaloneEffect` once in `effect-runtime.ts` only if exported non-plugin APIs cannot receive the plugin runtime. Document it as a compatibility boundary, not a second application runtime.
+
+- [ ] **Step 3: Consolidate failure normalization**
+
+Use `runPromiseExit` only inside `effect-runtime.ts` to preserve the current behavior of surfacing typed failures as their original `Error` and squashing defects. Do not convert cancellation into a normal `Error` before cleanup completes.
+
+Keep the existing behavior:
+
+```ts
+const normalizeEffectCause = <E>(cause: Cause.Cause<E>): Error => {
+  const failure = Cause.failureOption(cause);
+  return normalizeEffectError(
+    Option.isSome(failure) ? failure.value : Cause.squash(cause)
+  );
+};
+```
+
+- [ ] **Step 4: Remove ceremonial Effect wrappers**
+
+Search for `Effect.sync` bodies that only call pure helpers and inline them outside Effect workflows. Keep `Effect.sync` for mutation, logging, clock reads, controller creation, and foreign synchronous APIs that may throw.
+
+- [ ] **Step 5: Run affected tests and typecheck**
+
+```bash
+pnpm rstest run tests/effect-runtime.test.ts tests/index.test.ts tests/dev-runtime-controller.test.ts tests/dev-generation.test.ts tests/route-watch.test.ts tests/parallel-route-transforms.test.ts tests/manifest.test.ts tests/prerender.test.ts
+pnpm typecheck
+```
+
+Expected: PASS.
+
+- [ ] **Step 6: Enforce crossing policy and review source size**
+
+```bash
+rg -n "Effect\.run(?:Promise|PromiseExit|Fork|Sync)|ManagedRuntime\.make" src --glob '*.ts'
+git diff --numstat $(cat .benchmark/effect-server-architecture/base-commit.txt)..HEAD -- src
+```
+
+Expected: runner search is limited to `src/effect-runtime.ts`; source-size changes are understood and justified by simpler ownership or stronger coverage.
+
+- [ ] **Step 7: Commit**
+
+```bash
+git add src tests
+git commit -m "refactor: remove transitional effect boundaries"
+```
+
+---
+
+### Task 9: Verify Browser and Worker Packaging Boundaries
+
+**Files:**
+
+- Modify: `scripts/test-package-interop.mts`
+- Preserve: `src/parallel-route-transform-worker.ts`
+- Preserve: browser templates and generated HMR/runtime source
+
+**Interfaces:**
+
+- Production package may bundle or externalize Effect for Node-side plugin execution according to existing Rslib behavior.
+- Browser/template/worker outputs must not gain Effect imports or runtime code.
+
+- [ ] **Step 1: Build and inventory emitted Effect references**
+
+```bash
+pnpm build
+rg -n "effect/(Effect|Fiber|Layer|ManagedRuntime|Scope)|from ['\"]effect['\"]" dist
+```
+
+Classify every hit by emitted entry/chunk. Accept hits only in Node-side plugin chunks. Any hit reachable from `templates/entry.client`, generated HMR code, RSC client entry, or `parallel-route-transform-worker` fails the task.
+
+- [ ] **Step 2: Add package-boundary assertions**
+
+Extend `scripts/test-package-interop.mts` to discover emitted browser/worker files and assert:
+
+```ts
+const emittedFiles = await readdir(distDir, {
+  recursive: true,
+  withFileTypes: true,
+});
+const browserAndWorkerOutputs = emittedFiles
+  .filter(entry => entry.isFile())
+  .map(entry => join(entry.parentPath, entry.name))
+  .filter(file =>
+    /templates[\\/]entry\.(?:client|rsc\.client)|parallel-route-transform-worker/.test(
+      file
+    )
+  );
+
+for (const relativePath of browserAndWorkerOutputs) {
+  const source = await readFile(resolve(distDir, relativePath), 'utf8');
+  expect(source).not.toMatch(
+    /effect\/(?:Effect|Fiber|Layer|ManagedRuntime|Scope)/
+  );
+  expect(source).not.toMatch(/from ['"]effect['"]/);
+}
+```
+
+Use Node's `assert.doesNotMatch` instead of `expect` if this script uses `node:assert`; follow its existing assertion style. Import `readdir`, `readFile`, `join`, and `resolve` from the same Node modules already used by the script.
+
+- [ ] **Step 3: Run package and browser smoke tests**
+
+```bash
+pnpm test:package-interop
+pnpm test:react-router-framework:smoke
+```
+
+Expected: PASS.
+
+- [ ] **Step 4: Measure package output size**
+
+```bash
+du -sk dist > .benchmark/effect-server-architecture/after-dist-size.txt
+find dist -type f -print0 | sort -z | xargs -0 wc -c > .benchmark/effect-server-architecture/after-dist-files.txt
+```
+
+Compare against a baseline build from the recorded base commit. Reject unexplained worker/browser chunk growth; Node-side plugin growth must be justified by total source/maintenance savings.
+
+- [ ] **Step 5: Commit boundary tests or config fix**
+
+```bash
+git add scripts/test-package-interop.mts
+git commit -m "test: verify effect packaging boundaries"
+```
+
+Skip unchanged paths in `git add`; do not create an empty commit.
+
+---
+
+### Task 10: Final Performance, Health, Maintainability, and Compatibility Gate
+
+**Files:**
+
+- Verify: all source and tests changed above
+- Preserve unchanged: `README.md`
+- Do not create: `.changeset/effect-server-architecture.md` because this plan is behavior-compatible
+
+**Interfaces:**
+
+- Delivers: behavior-compatible Node-side architecture with one managed runtime, scoped resources, Effect-free workers/browser code, clearer ownership, and accepted performance.
+
+- [ ] **Step 1: Run final source-policy searches**
+
+```bash
+rg -n "from ['\"]effect['\"]" src --glob '*.ts'
+rg -n "Effect\.run(?:Promise|PromiseExit|Fork|Sync)|ManagedRuntime\.make" src --glob '*.ts'
+rg -n "runPluginEffect" src --glob '*.ts'
+! rg -n "effect/|ManagedRuntime|Effect\." src/parallel-route-transform-worker.ts src/templates --glob '*.{ts,tsx}'
+```
+
+Expected: no production barrel imports; raw runners are centralized; worker/templates are Effect-free.
+
+- [ ] **Step 2: Run the complete test matrix**
+
+```bash
+pnpm typecheck
+pnpm test:core
+pnpm build
+pnpm test:package-interop
+pnpm test:react-router-framework:failfast
+```
+
+Expected: PASS.
+
+- [ ] **Step 3: Run the complete benchmark matrix**
+
+Repeat every command in `Acceptance Measurements` with `final-` output paths. Compare each matching `baseline.json` with `scripts/compare-benchmarks.mts`.
+
+Also run:
+
+```bash
+pnpm bench:synthetic-app -- --plugin-root "$PWD" --profile=all --runs=5
+```
+
+Expected: every metric satisfies the 2% median/5% tail gates; worker-enabled 1024-route build retains its benefit; constrained dev startup does not absorb additional Effect worker cost.
+
+- [ ] **Step 4: Record final LOC as a diagnostic**
+
+```bash
+git ls-files -z '*.ts' '*.tsx' '*.js' '*.mjs' '*.mts' \
+  | xargs -0 wc -l \
+  > .benchmark/effect-server-architecture/final-total-loc.txt
+find src -type f \( -name '*.ts' -o -name '*.tsx' \) -print0 \
+  | xargs -0 wc -l \
+  > .benchmark/effect-server-architecture/final-src-loc.txt
+diff -u .benchmark/effect-server-architecture/base-total-loc.txt .benchmark/effect-server-architecture/final-total-loc.txt || true
+diff -u .benchmark/effect-server-architecture/base-src-loc.txt .benchmark/effect-server-architecture/final-src-loc.txt || true
+```
+
+Manually compare the final `total` rows. Explain material growth and confirm it comes from useful tests, benchmark support, or code that replaces more complex ownership. Test deletion is allowed only when it removes obsolete adapter-specific coverage and the same behavior remains covered through public APIs.
+
+- [ ] **Step 5: Re-run TraceDecay health and affected-test analysis**
+
+Use `tracedecay_health(details: true, path: "src")`, `tracedecay_diff_context` for every changed source file, and `tracedecay_affected` to confirm no graph-derived tests were omitted.
+
+Acceptance relative to the recorded audit:
+
+- overall source health must not fall below 8,637/10,000;
+- acyclicity remains 1.0;
+- depth remains 1.0;
+- modularity remains at least 0.9565;
+- complexity equality must improve or remain within measurement noise;
+- no new dependency cycle may involve `effect-runtime.ts`.
+
+- [ ] **Step 6: Review maintainability outcomes**
+
+Confirm all of these are true in the final diff:
+
+- one plugin runtime creation site;
+- one runtime disposal policy;
+- no duplicated worker/watcher/prewarm cleanup registration;
+- no Effect runtime inside worker/browser code;
+- no Promise-to-Effect-to-Promise bounce inside internal workflows;
+- public Promise APIs preserved;
+- fewer manual timer handles, `closed` flags, close promises, and `Promise.allSettled` cleanup aggregators;
+- production ownership and boundary code is easier to follow even where line count is unchanged.
+
+- [ ] **Step 7: Confirm release documentation remains unchanged**
+
+```bash
+git diff --exit-code -- README.md .changeset
+```
+
+Expected: exit 0. A behavior or packaging change is outside this plan and requires a separate decision before adding a changeset.
+
+- [ ] **Step 8: Commit final cleanup**
+
+```bash
+git add src tests scripts
+git commit -m "refactor: complete effect server architecture"
+```
+
+Skip unchanged paths. Do not commit `.benchmark/` artifacts.
+
+## Stop Conditions
+
+Stop and redesign the current tranche when any condition occurs:
+
+- Effect is imported by `src/parallel-route-transform-worker.ts` or an emitted worker chunk.
+- A runtime is created inside a hook callback, route loop, request handler, worker, or transform.
+- Worker-enabled dev readiness, worker-enabled 1024-route build, HMR update latency, CPU, or RSS exceeds the performance thresholds.
+- A tranche adds another abstraction or ownership path without simplifying the superseded implementation.
+- Resource cleanup requires both a runtime finalizer and the old manual close-hook path.
+- An internal workflow repeatedly crosses Promise/Effect boundaries.
+- Browser/template output contains Effect runtime code.
+- A public Promise API changes without explicit approval.
+- The refactor creates a dependency cycle through `effect-runtime.ts`.
+
+## Commit Sequence
+
+1. `test: protect worker runtime boundary`
+2. `refactor: add managed plugin effect runtime`
+3. `refactor: centralize plugin effect runtime boundary`
+4. `refactor: scope parent route transform workers`
+5. `refactor: scope dev background resources`
+6. `refactor: simplify dev runtime with effect`
+7. `refactor: compose server workflows with effect`
+8. `refactor: remove transitional effect boundaries`
+9. `test: verify effect packaging boundaries` when files changed
+10. `refactor: complete effect server architecture` when final cleanup changed files
diff --git a/examples/client-only/package.json b/examples/client-only/package.json
index 8a0712df..3648c037 100644
--- a/examples/client-only/package.json
+++ b/examples/client-only/package.json
@@ -26,7 +26,6 @@
     "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
     "rsbuild-plugin-react-router": "workspace:*",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1"
+    "typescript": "^5.9.3"
   }
 }
diff --git a/examples/client-only/tsconfig.json b/examples/client-only/tsconfig.json
index dc391a45..0fb4dbe4 100644
--- a/examples/client-only/tsconfig.json
+++ b/examples/client-only/tsconfig.json
@@ -7,7 +7,7 @@
   ],
   "compilerOptions": {
     "lib": ["DOM", "DOM.Iterable", "ES2022"],
-    "types": ["node", "vite/client"],
+    "types": ["node"],
     "target": "ES2022",
     "module": "ES2022",
     "moduleResolution": "bundler",
diff --git a/examples/cloudflare/tsconfig.node.json b/examples/cloudflare/tsconfig.node.json
index 8e3f1d34..2c95f5d5 100644
--- a/examples/cloudflare/tsconfig.node.json
+++ b/examples/cloudflare/tsconfig.node.json
@@ -1,6 +1,6 @@
 {
   "extends": "./tsconfig.json",
-  "include": ["tailwind.config.ts", "vite.config.ts"],
+  "include": ["tailwind.config.ts", "rsbuild.config.ts"],
   "compilerOptions": {
     "composite": true,
     "strict": true,
diff --git a/examples/custom-node-server/tsconfig.json b/examples/custom-node-server/tsconfig.json
index c50dc993..189cf2ee 100644
--- a/examples/custom-node-server/tsconfig.json
+++ b/examples/custom-node-server/tsconfig.json
@@ -10,7 +10,7 @@
     "strict": true,
     "checkJs": true,
     "lib": ["DOM", "DOM.Iterable", "ES2022"],
-    "types": ["@rsbuild/core/types", "node"],
+    "types": ["node"],
     "target": "ES2022",
     "module": "ES2022",
     "moduleResolution": "bundler",
diff --git a/examples/default-template/package.json b/examples/default-template/package.json
index dafe66f5..5c1819ff 100644
--- a/examples/default-template/package.json
+++ b/examples/default-template/package.json
@@ -37,8 +37,6 @@
     "string-replace-loader": "^3.3.0",
     "tailwindcss": "^4.1.18",
     "text-encoder-lite": "^2.0.0",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^6.0.5"
+    "typescript": "^5.9.3"
   }
 }
diff --git a/examples/default-template/tests/e2e/dev-route-watch.test.ts b/examples/default-template/tests/e2e/dev-route-watch.test.ts
index cc0e3ed2..fb14ca74 100644
--- a/examples/default-template/tests/e2e/dev-route-watch.test.ts
+++ b/examples/default-template/tests/e2e/dev-route-watch.test.ts
@@ -11,10 +11,7 @@ import { fileURLToPath } from 'node:url';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const appDirectory = join(__dirname, '../../app');
-const restartMarkerPath = join(
-  __dirname,
-  '../../build/client/.react-router/route-watch'
-);
+const restartMarkerPath = join(appDirectory, '..', '.react-router/route-watch');
 const devRoutesConfigPath = join(appDirectory, 'dev-routes.ts');
 const addedRoutePath = join(appDirectory, 'routes/dev-added-route.tsx');
 const addedRouteUrl = '/dev-added-route';
diff --git a/examples/default-template/tsconfig.json b/examples/default-template/tsconfig.json
index dc391a45..7c424432 100644
--- a/examples/default-template/tsconfig.json
+++ b/examples/default-template/tsconfig.json
@@ -6,16 +6,27 @@
     ".react-router/types/**/*"
   ],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2022"],
-    "types": ["node", "vite/client"],
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ES2022"
+    ],
+    "types": [
+      "node"
+    ],
     "target": "ES2022",
     "module": "ES2022",
     "moduleResolution": "bundler",
     "jsx": "react-jsx",
-    "rootDirs": [".", "./.react-router/types"],
+    "rootDirs": [
+      ".",
+      "./.react-router/types"
+    ],
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./app/*"]
+      "~/*": [
+        "./app/*"
+      ]
     },
     "esModuleInterop": true,
     "verbatimModuleSyntax": true,
diff --git a/examples/epic-stack/.github/workflows/deploy.yml b/examples/epic-stack/.github/workflows/deploy.yml
index e0eac2bf..1743b8b1 100644
--- a/examples/epic-stack/.github/workflows/deploy.yml
+++ b/examples/epic-stack/.github/workflows/deploy.yml
@@ -57,8 +57,8 @@ jobs:
       - name: 🔎 Type check
         run: npm run typecheck --if-present
 
-  vitest:
-    name: ⚡ Vitest
+  rstest:
+    name: ⚡ Rstest
     runs-on: ubuntu-22.04
     steps:
       - name: ⬇️ Checkout repo
@@ -78,7 +78,7 @@ jobs:
       - name: 🖼 Build icons
         run: npm run build:icons
 
-      - name: ⚡ Run vitest
+      - name: ⚡ Run rstest
         run: npm run test -- --coverage
 
   playwright:
@@ -137,7 +137,7 @@ jobs:
   deploy:
     name: 🚀 Deploy
     runs-on: ubuntu-22.04
-    needs: [lint, typecheck, vitest, playwright]
+    needs: [lint, typecheck, rstest, playwright]
     # only build/deploy branches on pushes
     if: ${{ github.event_name == 'push' }}
 
diff --git a/examples/epic-stack/app/routes/_marketing+/logos/vitest.svg b/examples/epic-stack/app/routes/_marketing+/logos/vitest.svg
deleted file mode 100644
index fd9daaf6..00000000
--- a/examples/epic-stack/app/routes/_marketing+/logos/vitest.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="165" height="165" viewBox="0 0 165 165" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M120.831 57.2543L84.693 109.505C84.3099 110.059 83.7558 110.474 83.1148 110.687C82.4738 110.9 81.7809 110.898 81.1412 110.684C80.5015 110.469 79.95 110.052 79.5702 109.497C79.1905 108.941 79.0032 108.277 79.037 107.606L80.4833 78.7582L57.1343 73.8064C56.6353 73.7007 56.1704 73.474 55.7807 73.1465C55.391 72.8191 55.0885 72.4009 54.9001 71.929C54.7117 71.4571 54.6432 70.9461 54.7006 70.4412C54.758 69.9364 54.9395 69.4532 55.2291 69.0345L91.3675 16.7837C91.7507 16.2294 92.3048 15.8145 92.9458 15.6018C93.5869 15.3891 94.2798 15.3902 94.9196 15.6051C95.5593 15.8199 96.1109 16.2367 96.4906 16.7923C96.8703 17.3478 97.0575 18.0117 97.0236 18.6833L95.5773 47.5314L118.926 52.4828C119.425 52.5885 119.89 52.8152 120.28 53.1426C120.67 53.4701 120.972 53.8883 121.16 54.3602C121.349 54.8321 121.417 55.3431 121.36 55.8479C121.303 56.3528 121.121 56.836 120.831 57.2547L120.831 57.2543Z" fill="#FCC72B"/>
-<path d="M82.9866 153.343C82.0254 153.344 81.0735 153.156 80.1855 152.788C79.2975 152.42 78.4909 151.88 77.8122 151.2L43.6658 117.056C42.2998 115.683 41.5341 113.824 41.5366 111.887C41.5392 109.95 42.3098 108.092 43.6796 106.723C45.0493 105.353 46.9064 104.582 48.8435 104.579C50.7807 104.577 52.6399 105.342 54.0134 106.708L82.9866 135.678L146.105 72.5626C147.481 71.2088 149.336 70.4536 151.266 70.4615C153.197 70.4693 155.046 71.2396 156.41 72.6045C157.775 73.9695 158.546 75.8184 158.554 77.7487C158.561 79.679 157.806 81.5342 156.452 82.9101L88.1597 151.2C87.4811 151.881 86.6747 152.42 85.7869 152.788C84.8992 153.156 83.9475 153.344 82.9866 153.343Z" fill="#729B1B"/>
-<path d="M82.9572 153.343C83.9184 153.344 84.8703 153.156 85.7583 152.788C86.6463 152.42 87.4528 151.88 88.1316 151.2L122.278 117.056C123.644 115.683 124.41 113.824 124.407 111.887C124.405 109.95 123.634 108.092 122.264 106.723C120.894 105.353 119.037 104.582 117.1 104.579C115.163 104.577 113.304 105.342 111.93 106.708L82.9572 135.678L19.8389 72.5626C18.4629 71.2088 16.6077 70.4536 14.6775 70.4615C12.7472 70.4693 10.8982 71.2396 9.53331 72.6045C8.16839 73.9695 7.39811 75.8184 7.39025 77.7487C7.38239 79.679 8.13759 81.5342 9.49135 82.9101L77.784 151.2C78.4627 151.881 79.2691 152.42 80.1568 152.788C81.0446 153.156 81.9963 153.344 82.9572 153.343Z" fill="#729B1B" fill-opacity="0.5"/>
-</svg>
diff --git a/examples/epic-stack/docs/decisions/036-rsbuild.md b/examples/epic-stack/docs/decisions/036-rsbuild.md
new file mode 100644
index 00000000..f85aa55f
--- /dev/null
+++ b/examples/epic-stack/docs/decisions/036-rsbuild.md
@@ -0,0 +1,24 @@
+# Adopting Rsbuild
+
+Date: 2026-07-10
+
+Status: accepted
+
+## Context
+
+This example originated in the Epic Stack's React Router/Vite setup. This
+repository exercises the same framework behavior through
+`rsbuild-plugin-react-router` and Rsbuild/Rspack. React Router's upstream Vite
+plugin remains the behavioral reference; React Router does not provide a native
+Rsbuild plugin.
+
+## Decision
+
+Use Rsbuild with `rsbuild-plugin-react-router` for this example.
+
+## Consequences
+
+The example uses Rsbuild configuration and scripts while preserving React
+Router route-module, SSR, and development semantics. Bundler-specific
+differences are implemented by this plugin and covered by the repository's
+framework integration tests.
diff --git a/examples/epic-stack/docs/decisions/036-vite.md b/examples/epic-stack/docs/decisions/036-vite.md
deleted file mode 100644
index 6af222e7..00000000
--- a/examples/epic-stack/docs/decisions/036-vite.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# Adopting Vite
-
-Date: 2024-02-22
-
-Status: accepted
-
-## Context
-
-[The Remix Team has created a Vite Plugin](https://remix.run/blog/remix-vite-stable)
-and it is now stable. It can be used to replace the existing remix compiler. In
-Remix v3 the plugin will be the only supported way to build remix applications.
-
-Using vite also means we get better hot module replacement, a thriving ecosystem
-of tools, and shared efforts with other projects using vite.
-
-If we don't adopt vite, we'll be stuck on Remix v2 forever 🙃 Now that the vite
-plugin is stable, adopting vite is really the only way forward.
-
-That said, we currently have a few route modules that mix server-only utilities
-with server/client code. In vite, you cannot have any exported functions which
-use server-only code, so those utilities will need to be moved. Luckily, the
-vite plugin will fail the build if it finds any issues so if it builds, it
-works. Additionally, this will help us make a cleaner separation between server
-and server/client code which is a good thing.
-
-The simple rule is this: if it's a Remix export (like `loader`, or `action`)
-then it can be in the route. If it's our own utility export (like
-`requireRecentVerification` we had in the `/verify` route) then it needs to go
-in a `.server` file. To be clear, if you don't export it, then it's fine.
-Server-only utility functions are fine in routes. It just becomes a problem for
-remix when they are exported.
-
-An interesting exception to this is sever-only code in the `handle` export like
-the [`getSitemapEntries` function](https://github.com/nasa-gcn/remix-seo). For
-this, you need to use
-[`vite-env-only`](https://github.com/pcattori/vite-env-only).
-
-## Decision
-
-Adopt vite.
-
-## Consequences
-
-Almost everything is better. We have slightly more complicated rules around the
-server/client code separation, but for the most part that's better and there are
-fewer surprises.
diff --git a/examples/epic-stack/docs/monitoring.md b/examples/epic-stack/docs/monitoring.md
index ec354fc8..d43063b9 100644
--- a/examples/epic-stack/docs/monitoring.md
+++ b/examples/epic-stack/docs/monitoring.md
@@ -20,7 +20,7 @@ You can sign up for Sentry and create a Remix project from visiting
 [this url](https://sentry.io/signup/?project_platform=javascript-remix) and
 filling out the signup form.
 
-## Setting up the sentry-vite plugin
+## Setting up Sentry releases
 
 Once you see the onboarding page which has the DSN, copy that somewhere (this
 becomes `SENTRY_DSN`). Now, set the sentry dsn secret in Fly.io to be used as an
@@ -49,7 +49,7 @@ for your project under `Organization > Projects > Project > Name`
 (`SENTRY_PROJECT`).
 
 In the 'build' section of the [Dockerfile](../other/Dockerfile), there is an
-example of how to pass `SENTRY_AUTH_TOKEN` secret, so it is available to Vite
+example of how to pass `SENTRY_AUTH_TOKEN` secret, so it is available to Rsbuild
 when `npm run build` is run. You may also uncomment and hard code your
 `SENTRY_ORG` and `SENTRY_PROJECT` values. Setup up your secrets in
 [GitHub Actions secrets](https://docs.github.com/en/actions/security-guides/using-secrets-in-github-actions).
@@ -60,8 +60,4 @@ workflow. Note that these do not need to be added to the
 [`env.server`](../app/utils/env.server.ts) env vars schema, as they are only
 used during the build and not the runtime.
 
-The Sentry Vite plugin in [`vite.config.ts`](../vite.config.ts) will create
-sentry releases for you and automatically associate commits during the vite
-build once the `SENTRY_AUTH_TOKEN` is set. In this setup we have utilized a
-simple strategy for naming releases of using the commit sha, passed in as a
-build arg via the GitHub action workflow.
+Use your deployment workflow to create Sentry releases and associate commits once `SENTRY_AUTH_TOKEN` is set. A common release name is the commit sha passed through the GitHub action workflow.
diff --git a/examples/epic-stack/docs/routing.md b/examples/epic-stack/docs/routing.md
index 98022aac..7f12737a 100644
--- a/examples/epic-stack/docs/routing.md
+++ b/examples/epic-stack/docs/routing.md
@@ -4,7 +4,7 @@ The Epic Stack uses file-based routing with Remix. However, it's not using the
 built-in routing convention of Remix and instead is using
 [remix-flat-routes](https://github.com/kiliman/remix-flat-routes) which is a
 special implementation of the Remix convention that adds a few features. You'll
-find it configured for the application in the `vite.config.js` file at the root
+find it configured for the application in the `rsbuild.config.ts` file at the root
 of the app. Specifically "hybrid routes."
 
 We'll defer to the `remix-flat-routes` documentation for specifics, but an
diff --git a/examples/epic-stack/docs/seo.md b/examples/epic-stack/docs/seo.md
index b5de558c..5314f648 100644
--- a/examples/epic-stack/docs/seo.md
+++ b/examples/epic-stack/docs/seo.md
@@ -17,24 +17,18 @@ from the `@nasa-gcn/remix-seo` docs:
 ```tsx
 // routes/blog/_layout.tsx
 import { type SEOHandle } from '@nasa-gcn/remix-seo'
-import { serverOnly$ } from 'vite-env-only/macros'
 
 export const handle: SEOHandle = {
-	getSitemapEntries: serverOnly$(async (request) => {
+	async getSitemapEntries(request) {
 		const blogs = await db.blog.findMany()
 		return blogs.map((blog) => {
 			return { route: `/blog/${blog.slug}`, priority: 0.7 }
 		})
-	}),
+	},
 }
 ```
 
-Note the use of
-[`vite-env-only/macros`](https://github.com/pcattori/vite-env-only). This is
-because `handle` is a route export object that goes in both the client as well
-as the server, but our sitemap function should only be run on the server. So we
-use `vite-env-only/macros` to make sure the function is removed for the client
-build. Support for this is pre-configured in the `vite.config.ts` file.
+Keep sitemap data server-only by loading it from server route modules or other server-only files.
 
 ```tsx
 // in your routes/url-that-doesnt-need-sitemap
diff --git a/examples/epic-stack/package.json b/examples/epic-stack/package.json
index 270e31a1..909173ed 100644
--- a/examples/epic-stack/package.json
+++ b/examples/epic-stack/package.json
@@ -113,7 +113,6 @@
     "tailwindcss": "4.1.18",
     "tailwindcss-animate": "1.0.7",
     "tailwindcss-radix": "4.0.2",
-    "vite-env-only": "3.0.3",
     "zod": "3.25.76"
   },
   "devDependencies": {
@@ -121,7 +120,6 @@
     "@faker-js/faker": "10.2.0",
     "@playwright/test": "^1.61.1",
     "@react-router/dev": "^7.13.0",
-    "@sentry/vite-plugin": "4.8.0",
     "@sly-cli/sly": "2.1.1",
     "@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
     "@tailwindcss/postcss": "^4.1.18",
@@ -146,7 +144,6 @@
     "@types/source-map-support": "0.5.10",
     "@rstest/core": "0.8.1",
     "@rstest/coverage-istanbul": "0.2.0",
-    "@vitejs/plugin-react": "5.1.2",
     "autoprefixer": "10.4.23",
     "enforce-unique": "1.3.0",
     "esbuild": "0.27.2",
@@ -161,8 +158,7 @@
     "prettier-plugin-tailwindcss": "0.7.2",
     "remix-flat-routes": "0.8.5",
     "tsx": "4.21.0",
-    "typescript": "5.9.3",
-    "vite": "7.3.1"
+    "typescript": "5.9.3"
   },
   "engines": {
     "node": "22"
diff --git a/examples/epic-stack/tsconfig.json b/examples/epic-stack/tsconfig.json
index 60aec3ad..fc83be04 100644
--- a/examples/epic-stack/tsconfig.json
+++ b/examples/epic-stack/tsconfig.json
@@ -3,7 +3,7 @@
 	"extends": ["@epic-web/config/typescript"],
 	"compilerOptions": {
 		// TODO: Probably should move this into epic-web/config
-		"types": ["@react-router/node", "vite/client"],
+		"types": ["-router/node", "node"],
 		"rootDirs": [".", "./.react-router/types"],
 		"paths": {
 			"#app/*": ["./app/*"],
diff --git a/examples/epic-stack/types/env.env.d.ts b/examples/epic-stack/types/env.env.d.ts
index 8d2f9518..6b1c00ce 100644
--- a/examples/epic-stack/types/env.env.d.ts
+++ b/examples/epic-stack/types/env.env.d.ts
@@ -1,2 +1,2 @@
-/// <reference types="vite/client" />
+/// <reference types="node" />
 /// <reference types="@remix-run/node" />
diff --git a/examples/federation/epic-stack-remote/.github/workflows/deploy.yml b/examples/federation/epic-stack-remote/.github/workflows/deploy.yml
index e0eac2bf..1743b8b1 100644
--- a/examples/federation/epic-stack-remote/.github/workflows/deploy.yml
+++ b/examples/federation/epic-stack-remote/.github/workflows/deploy.yml
@@ -57,8 +57,8 @@ jobs:
       - name: 🔎 Type check
         run: npm run typecheck --if-present
 
-  vitest:
-    name: ⚡ Vitest
+  rstest:
+    name: ⚡ Rstest
     runs-on: ubuntu-22.04
     steps:
       - name: ⬇️ Checkout repo
@@ -78,7 +78,7 @@ jobs:
       - name: 🖼 Build icons
         run: npm run build:icons
 
-      - name: ⚡ Run vitest
+      - name: ⚡ Run rstest
         run: npm run test -- --coverage
 
   playwright:
@@ -137,7 +137,7 @@ jobs:
   deploy:
     name: 🚀 Deploy
     runs-on: ubuntu-22.04
-    needs: [lint, typecheck, vitest, playwright]
+    needs: [lint, typecheck, rstest, playwright]
     # only build/deploy branches on pushes
     if: ${{ github.event_name == 'push' }}
 
diff --git a/examples/federation/epic-stack-remote/app/routes/_marketing+/logos/vitest.svg b/examples/federation/epic-stack-remote/app/routes/_marketing+/logos/vitest.svg
deleted file mode 100644
index fd9daaf6..00000000
--- a/examples/federation/epic-stack-remote/app/routes/_marketing+/logos/vitest.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="165" height="165" viewBox="0 0 165 165" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M120.831 57.2543L84.693 109.505C84.3099 110.059 83.7558 110.474 83.1148 110.687C82.4738 110.9 81.7809 110.898 81.1412 110.684C80.5015 110.469 79.95 110.052 79.5702 109.497C79.1905 108.941 79.0032 108.277 79.037 107.606L80.4833 78.7582L57.1343 73.8064C56.6353 73.7007 56.1704 73.474 55.7807 73.1465C55.391 72.8191 55.0885 72.4009 54.9001 71.929C54.7117 71.4571 54.6432 70.9461 54.7006 70.4412C54.758 69.9364 54.9395 69.4532 55.2291 69.0345L91.3675 16.7837C91.7507 16.2294 92.3048 15.8145 92.9458 15.6018C93.5869 15.3891 94.2798 15.3902 94.9196 15.6051C95.5593 15.8199 96.1109 16.2367 96.4906 16.7923C96.8703 17.3478 97.0575 18.0117 97.0236 18.6833L95.5773 47.5314L118.926 52.4828C119.425 52.5885 119.89 52.8152 120.28 53.1426C120.67 53.4701 120.972 53.8883 121.16 54.3602C121.349 54.8321 121.417 55.3431 121.36 55.8479C121.303 56.3528 121.121 56.836 120.831 57.2547L120.831 57.2543Z" fill="#FCC72B"/>
-<path d="M82.9866 153.343C82.0254 153.344 81.0735 153.156 80.1855 152.788C79.2975 152.42 78.4909 151.88 77.8122 151.2L43.6658 117.056C42.2998 115.683 41.5341 113.824 41.5366 111.887C41.5392 109.95 42.3098 108.092 43.6796 106.723C45.0493 105.353 46.9064 104.582 48.8435 104.579C50.7807 104.577 52.6399 105.342 54.0134 106.708L82.9866 135.678L146.105 72.5626C147.481 71.2088 149.336 70.4536 151.266 70.4615C153.197 70.4693 155.046 71.2396 156.41 72.6045C157.775 73.9695 158.546 75.8184 158.554 77.7487C158.561 79.679 157.806 81.5342 156.452 82.9101L88.1597 151.2C87.4811 151.881 86.6747 152.42 85.7869 152.788C84.8992 153.156 83.9475 153.344 82.9866 153.343Z" fill="#729B1B"/>
-<path d="M82.9572 153.343C83.9184 153.344 84.8703 153.156 85.7583 152.788C86.6463 152.42 87.4528 151.88 88.1316 151.2L122.278 117.056C123.644 115.683 124.41 113.824 124.407 111.887C124.405 109.95 123.634 108.092 122.264 106.723C120.894 105.353 119.037 104.582 117.1 104.579C115.163 104.577 113.304 105.342 111.93 106.708L82.9572 135.678L19.8389 72.5626C18.4629 71.2088 16.6077 70.4536 14.6775 70.4615C12.7472 70.4693 10.8982 71.2396 9.53331 72.6045C8.16839 73.9695 7.39811 75.8184 7.39025 77.7487C7.38239 79.679 8.13759 81.5342 9.49135 82.9101L77.784 151.2C78.4627 151.881 79.2691 152.42 80.1568 152.788C81.0446 153.156 81.9963 153.344 82.9572 153.343Z" fill="#729B1B" fill-opacity="0.5"/>
-</svg>
diff --git a/examples/federation/epic-stack-remote/docs/decisions/036-rsbuild.md b/examples/federation/epic-stack-remote/docs/decisions/036-rsbuild.md
new file mode 100644
index 00000000..f85aa55f
--- /dev/null
+++ b/examples/federation/epic-stack-remote/docs/decisions/036-rsbuild.md
@@ -0,0 +1,24 @@
+# Adopting Rsbuild
+
+Date: 2026-07-10
+
+Status: accepted
+
+## Context
+
+This example originated in the Epic Stack's React Router/Vite setup. This
+repository exercises the same framework behavior through
+`rsbuild-plugin-react-router` and Rsbuild/Rspack. React Router's upstream Vite
+plugin remains the behavioral reference; React Router does not provide a native
+Rsbuild plugin.
+
+## Decision
+
+Use Rsbuild with `rsbuild-plugin-react-router` for this example.
+
+## Consequences
+
+The example uses Rsbuild configuration and scripts while preserving React
+Router route-module, SSR, and development semantics. Bundler-specific
+differences are implemented by this plugin and covered by the repository's
+framework integration tests.
diff --git a/examples/federation/epic-stack-remote/docs/decisions/036-vite.md b/examples/federation/epic-stack-remote/docs/decisions/036-vite.md
deleted file mode 100644
index 6af222e7..00000000
--- a/examples/federation/epic-stack-remote/docs/decisions/036-vite.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# Adopting Vite
-
-Date: 2024-02-22
-
-Status: accepted
-
-## Context
-
-[The Remix Team has created a Vite Plugin](https://remix.run/blog/remix-vite-stable)
-and it is now stable. It can be used to replace the existing remix compiler. In
-Remix v3 the plugin will be the only supported way to build remix applications.
-
-Using vite also means we get better hot module replacement, a thriving ecosystem
-of tools, and shared efforts with other projects using vite.
-
-If we don't adopt vite, we'll be stuck on Remix v2 forever 🙃 Now that the vite
-plugin is stable, adopting vite is really the only way forward.
-
-That said, we currently have a few route modules that mix server-only utilities
-with server/client code. In vite, you cannot have any exported functions which
-use server-only code, so those utilities will need to be moved. Luckily, the
-vite plugin will fail the build if it finds any issues so if it builds, it
-works. Additionally, this will help us make a cleaner separation between server
-and server/client code which is a good thing.
-
-The simple rule is this: if it's a Remix export (like `loader`, or `action`)
-then it can be in the route. If it's our own utility export (like
-`requireRecentVerification` we had in the `/verify` route) then it needs to go
-in a `.server` file. To be clear, if you don't export it, then it's fine.
-Server-only utility functions are fine in routes. It just becomes a problem for
-remix when they are exported.
-
-An interesting exception to this is sever-only code in the `handle` export like
-the [`getSitemapEntries` function](https://github.com/nasa-gcn/remix-seo). For
-this, you need to use
-[`vite-env-only`](https://github.com/pcattori/vite-env-only).
-
-## Decision
-
-Adopt vite.
-
-## Consequences
-
-Almost everything is better. We have slightly more complicated rules around the
-server/client code separation, but for the most part that's better and there are
-fewer surprises.
diff --git a/examples/federation/epic-stack-remote/docs/monitoring.md b/examples/federation/epic-stack-remote/docs/monitoring.md
index ec354fc8..d43063b9 100644
--- a/examples/federation/epic-stack-remote/docs/monitoring.md
+++ b/examples/federation/epic-stack-remote/docs/monitoring.md
@@ -20,7 +20,7 @@ You can sign up for Sentry and create a Remix project from visiting
 [this url](https://sentry.io/signup/?project_platform=javascript-remix) and
 filling out the signup form.
 
-## Setting up the sentry-vite plugin
+## Setting up Sentry releases
 
 Once you see the onboarding page which has the DSN, copy that somewhere (this
 becomes `SENTRY_DSN`). Now, set the sentry dsn secret in Fly.io to be used as an
@@ -49,7 +49,7 @@ for your project under `Organization > Projects > Project > Name`
 (`SENTRY_PROJECT`).
 
 In the 'build' section of the [Dockerfile](../other/Dockerfile), there is an
-example of how to pass `SENTRY_AUTH_TOKEN` secret, so it is available to Vite
+example of how to pass `SENTRY_AUTH_TOKEN` secret, so it is available to Rsbuild
 when `npm run build` is run. You may also uncomment and hard code your
 `SENTRY_ORG` and `SENTRY_PROJECT` values. Setup up your secrets in
 [GitHub Actions secrets](https://docs.github.com/en/actions/security-guides/using-secrets-in-github-actions).
@@ -60,8 +60,4 @@ workflow. Note that these do not need to be added to the
 [`env.server`](../app/utils/env.server.ts) env vars schema, as they are only
 used during the build and not the runtime.
 
-The Sentry Vite plugin in [`vite.config.ts`](../vite.config.ts) will create
-sentry releases for you and automatically associate commits during the vite
-build once the `SENTRY_AUTH_TOKEN` is set. In this setup we have utilized a
-simple strategy for naming releases of using the commit sha, passed in as a
-build arg via the GitHub action workflow.
+Use your deployment workflow to create Sentry releases and associate commits once `SENTRY_AUTH_TOKEN` is set. A common release name is the commit sha passed through the GitHub action workflow.
diff --git a/examples/federation/epic-stack-remote/docs/routing.md b/examples/federation/epic-stack-remote/docs/routing.md
index 98022aac..7f12737a 100644
--- a/examples/federation/epic-stack-remote/docs/routing.md
+++ b/examples/federation/epic-stack-remote/docs/routing.md
@@ -4,7 +4,7 @@ The Epic Stack uses file-based routing with Remix. However, it's not using the
 built-in routing convention of Remix and instead is using
 [remix-flat-routes](https://github.com/kiliman/remix-flat-routes) which is a
 special implementation of the Remix convention that adds a few features. You'll
-find it configured for the application in the `vite.config.js` file at the root
+find it configured for the application in the `rsbuild.config.ts` file at the root
 of the app. Specifically "hybrid routes."
 
 We'll defer to the `remix-flat-routes` documentation for specifics, but an
diff --git a/examples/federation/epic-stack-remote/docs/seo.md b/examples/federation/epic-stack-remote/docs/seo.md
index b5de558c..5314f648 100644
--- a/examples/federation/epic-stack-remote/docs/seo.md
+++ b/examples/federation/epic-stack-remote/docs/seo.md
@@ -17,24 +17,18 @@ from the `@nasa-gcn/remix-seo` docs:
 ```tsx
 // routes/blog/_layout.tsx
 import { type SEOHandle } from '@nasa-gcn/remix-seo'
-import { serverOnly$ } from 'vite-env-only/macros'
 
 export const handle: SEOHandle = {
-	getSitemapEntries: serverOnly$(async (request) => {
+	async getSitemapEntries(request) {
 		const blogs = await db.blog.findMany()
 		return blogs.map((blog) => {
 			return { route: `/blog/${blog.slug}`, priority: 0.7 }
 		})
-	}),
+	},
 }
 ```
 
-Note the use of
-[`vite-env-only/macros`](https://github.com/pcattori/vite-env-only). This is
-because `handle` is a route export object that goes in both the client as well
-as the server, but our sitemap function should only be run on the server. So we
-use `vite-env-only/macros` to make sure the function is removed for the client
-build. Support for this is pre-configured in the `vite.config.ts` file.
+Keep sitemap data server-only by loading it from server route modules or other server-only files.
 
 ```tsx
 // in your routes/url-that-doesnt-need-sitemap
diff --git a/examples/federation/epic-stack/.github/workflows/deploy.yml b/examples/federation/epic-stack/.github/workflows/deploy.yml
index e0eac2bf..1743b8b1 100644
--- a/examples/federation/epic-stack/.github/workflows/deploy.yml
+++ b/examples/federation/epic-stack/.github/workflows/deploy.yml
@@ -57,8 +57,8 @@ jobs:
       - name: 🔎 Type check
         run: npm run typecheck --if-present
 
-  vitest:
-    name: ⚡ Vitest
+  rstest:
+    name: ⚡ Rstest
     runs-on: ubuntu-22.04
     steps:
       - name: ⬇️ Checkout repo
@@ -78,7 +78,7 @@ jobs:
       - name: 🖼 Build icons
         run: npm run build:icons
 
-      - name: ⚡ Run vitest
+      - name: ⚡ Run rstest
         run: npm run test -- --coverage
 
   playwright:
@@ -137,7 +137,7 @@ jobs:
   deploy:
     name: 🚀 Deploy
     runs-on: ubuntu-22.04
-    needs: [lint, typecheck, vitest, playwright]
+    needs: [lint, typecheck, rstest, playwright]
     # only build/deploy branches on pushes
     if: ${{ github.event_name == 'push' }}
 
diff --git a/examples/federation/epic-stack/app/routes/_marketing+/logos/vitest.svg b/examples/federation/epic-stack/app/routes/_marketing+/logos/vitest.svg
deleted file mode 100644
index fd9daaf6..00000000
--- a/examples/federation/epic-stack/app/routes/_marketing+/logos/vitest.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="165" height="165" viewBox="0 0 165 165" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M120.831 57.2543L84.693 109.505C84.3099 110.059 83.7558 110.474 83.1148 110.687C82.4738 110.9 81.7809 110.898 81.1412 110.684C80.5015 110.469 79.95 110.052 79.5702 109.497C79.1905 108.941 79.0032 108.277 79.037 107.606L80.4833 78.7582L57.1343 73.8064C56.6353 73.7007 56.1704 73.474 55.7807 73.1465C55.391 72.8191 55.0885 72.4009 54.9001 71.929C54.7117 71.4571 54.6432 70.9461 54.7006 70.4412C54.758 69.9364 54.9395 69.4532 55.2291 69.0345L91.3675 16.7837C91.7507 16.2294 92.3048 15.8145 92.9458 15.6018C93.5869 15.3891 94.2798 15.3902 94.9196 15.6051C95.5593 15.8199 96.1109 16.2367 96.4906 16.7923C96.8703 17.3478 97.0575 18.0117 97.0236 18.6833L95.5773 47.5314L118.926 52.4828C119.425 52.5885 119.89 52.8152 120.28 53.1426C120.67 53.4701 120.972 53.8883 121.16 54.3602C121.349 54.8321 121.417 55.3431 121.36 55.8479C121.303 56.3528 121.121 56.836 120.831 57.2547L120.831 57.2543Z" fill="#FCC72B"/>
-<path d="M82.9866 153.343C82.0254 153.344 81.0735 153.156 80.1855 152.788C79.2975 152.42 78.4909 151.88 77.8122 151.2L43.6658 117.056C42.2998 115.683 41.5341 113.824 41.5366 111.887C41.5392 109.95 42.3098 108.092 43.6796 106.723C45.0493 105.353 46.9064 104.582 48.8435 104.579C50.7807 104.577 52.6399 105.342 54.0134 106.708L82.9866 135.678L146.105 72.5626C147.481 71.2088 149.336 70.4536 151.266 70.4615C153.197 70.4693 155.046 71.2396 156.41 72.6045C157.775 73.9695 158.546 75.8184 158.554 77.7487C158.561 79.679 157.806 81.5342 156.452 82.9101L88.1597 151.2C87.4811 151.881 86.6747 152.42 85.7869 152.788C84.8992 153.156 83.9475 153.344 82.9866 153.343Z" fill="#729B1B"/>
-<path d="M82.9572 153.343C83.9184 153.344 84.8703 153.156 85.7583 152.788C86.6463 152.42 87.4528 151.88 88.1316 151.2L122.278 117.056C123.644 115.683 124.41 113.824 124.407 111.887C124.405 109.95 123.634 108.092 122.264 106.723C120.894 105.353 119.037 104.582 117.1 104.579C115.163 104.577 113.304 105.342 111.93 106.708L82.9572 135.678L19.8389 72.5626C18.4629 71.2088 16.6077 70.4536 14.6775 70.4615C12.7472 70.4693 10.8982 71.2396 9.53331 72.6045C8.16839 73.9695 7.39811 75.8184 7.39025 77.7487C7.38239 79.679 8.13759 81.5342 9.49135 82.9101L77.784 151.2C78.4627 151.881 79.2691 152.42 80.1568 152.788C81.0446 153.156 81.9963 153.344 82.9572 153.343Z" fill="#729B1B" fill-opacity="0.5"/>
-</svg>
diff --git a/examples/federation/epic-stack/docs/decisions/036-rsbuild.md b/examples/federation/epic-stack/docs/decisions/036-rsbuild.md
new file mode 100644
index 00000000..f85aa55f
--- /dev/null
+++ b/examples/federation/epic-stack/docs/decisions/036-rsbuild.md
@@ -0,0 +1,24 @@
+# Adopting Rsbuild
+
+Date: 2026-07-10
+
+Status: accepted
+
+## Context
+
+This example originated in the Epic Stack's React Router/Vite setup. This
+repository exercises the same framework behavior through
+`rsbuild-plugin-react-router` and Rsbuild/Rspack. React Router's upstream Vite
+plugin remains the behavioral reference; React Router does not provide a native
+Rsbuild plugin.
+
+## Decision
+
+Use Rsbuild with `rsbuild-plugin-react-router` for this example.
+
+## Consequences
+
+The example uses Rsbuild configuration and scripts while preserving React
+Router route-module, SSR, and development semantics. Bundler-specific
+differences are implemented by this plugin and covered by the repository's
+framework integration tests.
diff --git a/examples/federation/epic-stack/docs/decisions/036-vite.md b/examples/federation/epic-stack/docs/decisions/036-vite.md
deleted file mode 100644
index 6af222e7..00000000
--- a/examples/federation/epic-stack/docs/decisions/036-vite.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# Adopting Vite
-
-Date: 2024-02-22
-
-Status: accepted
-
-## Context
-
-[The Remix Team has created a Vite Plugin](https://remix.run/blog/remix-vite-stable)
-and it is now stable. It can be used to replace the existing remix compiler. In
-Remix v3 the plugin will be the only supported way to build remix applications.
-
-Using vite also means we get better hot module replacement, a thriving ecosystem
-of tools, and shared efforts with other projects using vite.
-
-If we don't adopt vite, we'll be stuck on Remix v2 forever 🙃 Now that the vite
-plugin is stable, adopting vite is really the only way forward.
-
-That said, we currently have a few route modules that mix server-only utilities
-with server/client code. In vite, you cannot have any exported functions which
-use server-only code, so those utilities will need to be moved. Luckily, the
-vite plugin will fail the build if it finds any issues so if it builds, it
-works. Additionally, this will help us make a cleaner separation between server
-and server/client code which is a good thing.
-
-The simple rule is this: if it's a Remix export (like `loader`, or `action`)
-then it can be in the route. If it's our own utility export (like
-`requireRecentVerification` we had in the `/verify` route) then it needs to go
-in a `.server` file. To be clear, if you don't export it, then it's fine.
-Server-only utility functions are fine in routes. It just becomes a problem for
-remix when they are exported.
-
-An interesting exception to this is sever-only code in the `handle` export like
-the [`getSitemapEntries` function](https://github.com/nasa-gcn/remix-seo). For
-this, you need to use
-[`vite-env-only`](https://github.com/pcattori/vite-env-only).
-
-## Decision
-
-Adopt vite.
-
-## Consequences
-
-Almost everything is better. We have slightly more complicated rules around the
-server/client code separation, but for the most part that's better and there are
-fewer surprises.
diff --git a/examples/federation/epic-stack/docs/monitoring.md b/examples/federation/epic-stack/docs/monitoring.md
index ec354fc8..d43063b9 100644
--- a/examples/federation/epic-stack/docs/monitoring.md
+++ b/examples/federation/epic-stack/docs/monitoring.md
@@ -20,7 +20,7 @@ You can sign up for Sentry and create a Remix project from visiting
 [this url](https://sentry.io/signup/?project_platform=javascript-remix) and
 filling out the signup form.
 
-## Setting up the sentry-vite plugin
+## Setting up Sentry releases
 
 Once you see the onboarding page which has the DSN, copy that somewhere (this
 becomes `SENTRY_DSN`). Now, set the sentry dsn secret in Fly.io to be used as an
@@ -49,7 +49,7 @@ for your project under `Organization > Projects > Project > Name`
 (`SENTRY_PROJECT`).
 
 In the 'build' section of the [Dockerfile](../other/Dockerfile), there is an
-example of how to pass `SENTRY_AUTH_TOKEN` secret, so it is available to Vite
+example of how to pass `SENTRY_AUTH_TOKEN` secret, so it is available to Rsbuild
 when `npm run build` is run. You may also uncomment and hard code your
 `SENTRY_ORG` and `SENTRY_PROJECT` values. Setup up your secrets in
 [GitHub Actions secrets](https://docs.github.com/en/actions/security-guides/using-secrets-in-github-actions).
@@ -60,8 +60,4 @@ workflow. Note that these do not need to be added to the
 [`env.server`](../app/utils/env.server.ts) env vars schema, as they are only
 used during the build and not the runtime.
 
-The Sentry Vite plugin in [`vite.config.ts`](../vite.config.ts) will create
-sentry releases for you and automatically associate commits during the vite
-build once the `SENTRY_AUTH_TOKEN` is set. In this setup we have utilized a
-simple strategy for naming releases of using the commit sha, passed in as a
-build arg via the GitHub action workflow.
+Use your deployment workflow to create Sentry releases and associate commits once `SENTRY_AUTH_TOKEN` is set. A common release name is the commit sha passed through the GitHub action workflow.
diff --git a/examples/federation/epic-stack/docs/routing.md b/examples/federation/epic-stack/docs/routing.md
index 98022aac..7f12737a 100644
--- a/examples/federation/epic-stack/docs/routing.md
+++ b/examples/federation/epic-stack/docs/routing.md
@@ -4,7 +4,7 @@ The Epic Stack uses file-based routing with Remix. However, it's not using the
 built-in routing convention of Remix and instead is using
 [remix-flat-routes](https://github.com/kiliman/remix-flat-routes) which is a
 special implementation of the Remix convention that adds a few features. You'll
-find it configured for the application in the `vite.config.js` file at the root
+find it configured for the application in the `rsbuild.config.ts` file at the root
 of the app. Specifically "hybrid routes."
 
 We'll defer to the `remix-flat-routes` documentation for specifics, but an
diff --git a/examples/federation/epic-stack/docs/seo.md b/examples/federation/epic-stack/docs/seo.md
index b5de558c..5314f648 100644
--- a/examples/federation/epic-stack/docs/seo.md
+++ b/examples/federation/epic-stack/docs/seo.md
@@ -17,24 +17,18 @@ from the `@nasa-gcn/remix-seo` docs:
 ```tsx
 // routes/blog/_layout.tsx
 import { type SEOHandle } from '@nasa-gcn/remix-seo'
-import { serverOnly$ } from 'vite-env-only/macros'
 
 export const handle: SEOHandle = {
-	getSitemapEntries: serverOnly$(async (request) => {
+	async getSitemapEntries(request) {
 		const blogs = await db.blog.findMany()
 		return blogs.map((blog) => {
 			return { route: `/blog/${blog.slug}`, priority: 0.7 }
 		})
-	}),
+	},
 }
 ```
 
-Note the use of
-[`vite-env-only/macros`](https://github.com/pcattori/vite-env-only). This is
-because `handle` is a route export object that goes in both the client as well
-as the server, but our sitemap function should only be run on the server. So we
-use `vite-env-only/macros` to make sure the function is removed for the client
-build. Support for this is pre-configured in the `vite.config.ts` file.
+Keep sitemap data server-only by loading it from server route modules or other server-only files.
 
 ```tsx
 // in your routes/url-that-doesnt-need-sitemap
diff --git a/examples/prerender/package.json b/examples/prerender/package.json
index e9347b8b..06143ab6 100644
--- a/examples/prerender/package.json
+++ b/examples/prerender/package.json
@@ -34,8 +34,6 @@
     "string-replace-loader": "^3.3.0",
     "tailwindcss": "^4.1.18",
     "text-encoder-lite": "^2.0.0",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^6.0.5"
+    "typescript": "^5.9.3"
   }
 }
diff --git a/examples/prerender/tsconfig.json b/examples/prerender/tsconfig.json
index dc391a45..0fb4dbe4 100644
--- a/examples/prerender/tsconfig.json
+++ b/examples/prerender/tsconfig.json
@@ -7,7 +7,7 @@
   ],
   "compilerOptions": {
     "lib": ["DOM", "DOM.Iterable", "ES2022"],
-    "types": ["node", "vite/client"],
+    "types": ["node"],
     "target": "ES2022",
     "module": "ES2022",
     "moduleResolution": "bundler",
diff --git a/examples/react-router-8/.gitignore b/examples/react-router-8/.gitignore
new file mode 100644
index 00000000..c08251ce
--- /dev/null
+++ b/examples/react-router-8/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+
+/.cache
+/build
+.env
+.react-router
diff --git a/examples/react-router-8/README.md b/examples/react-router-8/README.md
new file mode 100644
index 00000000..5dedefcd
--- /dev/null
+++ b/examples/react-router-8/README.md
@@ -0,0 +1,5 @@
+# React Router 8 Default Template
+
+This example starts as a direct copy of upstream React Router's `integration/helpers/vite-8-template` (collapsed into this repo's corpus as `helpers/rsbuild-template`) and swaps the Vite config/scripts for `rsbuild-plugin-react-router`.
+
+Run `pnpm --filter react-router-8-default-template test:e2e` to exercise development and production browser flows.
diff --git a/examples/react-router-8/app/root.tsx b/examples/react-router-8/app/root.tsx
new file mode 100644
index 00000000..b36392b4
--- /dev/null
+++ b/examples/react-router-8/app/root.tsx
@@ -0,0 +1,19 @@
+import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
+
+export default function App() {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <Outlet />
+        <ScrollRestoration />
+        <Scripts />
+      </body>
+    </html>
+  );
+}
diff --git a/examples/react-router-8/app/routes.ts b/examples/react-router-8/app/routes.ts
new file mode 100644
index 00000000..4c05936c
--- /dev/null
+++ b/examples/react-router-8/app/routes.ts
@@ -0,0 +1,4 @@
+import { type RouteConfig } from "@react-router/dev/routes";
+import { flatRoutes } from "@react-router/fs-routes";
+
+export default flatRoutes() satisfies RouteConfig;
diff --git a/examples/react-router-8/app/routes/_index.tsx b/examples/react-router-8/app/routes/_index.tsx
new file mode 100644
index 00000000..ecfc25c6
--- /dev/null
+++ b/examples/react-router-8/app/routes/_index.tsx
@@ -0,0 +1,16 @@
+import type { MetaFunction } from "react-router";
+
+export const meta: MetaFunction = () => {
+  return [
+    { title: "New React Router App" },
+    { name: "description", content: "Welcome to React Router!" },
+  ];
+};
+
+export default function Index() {
+  return (
+    <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
+      <h1>Welcome to React Router</h1>
+    </div>
+  );
+}
diff --git a/examples/react-router-8/env.d.ts b/examples/react-router-8/env.d.ts
new file mode 100644
index 00000000..4db3c0f8
--- /dev/null
+++ b/examples/react-router-8/env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="@react-router/node" />
+/// <reference types="node" />
diff --git a/examples/react-router-8/package.json b/examples/react-router-8/package.json
new file mode 100644
index 00000000..ee0d34b1
--- /dev/null
+++ b/examples/react-router-8/package.json
@@ -0,0 +1,40 @@
+{
+  "name": "react-router-8-default-template",
+  "private": true,
+  "sideEffects": false,
+  "type": "module",
+  "scripts": {
+    "dev": "NODE_OPTIONS=\"--experimental-vm-modules --experimental-global-webcrypto\" rsbuild dev --port 3020 --host 127.0.0.1",
+    "build": "rsbuild build",
+    "start": "HOST=127.0.0.1 PORT=3020 react-router-serve ./build/server/static/js/app.js",
+    "test:e2e": "pnpm run test:e2e:dev && pnpm run build && pnpm run test:e2e:prod",
+    "test:e2e:dev": "playwright test",
+    "test:e2e:prod": "cross-env RR8_E2E_MODE=production playwright test",
+    "typecheck": "react-router typegen && tsc"
+  },
+  "dependencies": {
+    "@react-router/fs-routes": "^8.0.1",
+    "@react-router/node": "^8.0.1",
+    "@react-router/serve": "^8.0.1",
+    "@vanilla-extract/css": "^1.20.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router": "^8.0.1",
+    "serialize-javascript": "^6.0.1"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.58.0",
+    "@react-router/dev": "^8.0.1",
+    "@rsbuild/core": "2.1.0",
+    "@rsbuild/plugin-react": "2.1.0",
+    "@types/node": "^25.0.10",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "cross-env": "^10.1.0",
+    "rsbuild-plugin-react-router": "workspace:*",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": ">=22.22.0"
+  }
+}
diff --git a/examples/react-router-8/playwright.config.ts b/examples/react-router-8/playwright.config.ts
new file mode 100644
index 00000000..304b899b
--- /dev/null
+++ b/examples/react-router-8/playwright.config.ts
@@ -0,0 +1,27 @@
+import { defineConfig, devices } from '@playwright/test';
+
+const isProduction = process.env.RR8_E2E_MODE === 'production';
+
+export default defineConfig({
+  testDir: './tests/e2e',
+  timeout: 30_000,
+  expect: {
+    timeout: 10_000,
+  },
+  use: {
+    baseURL: 'http://127.0.0.1:3020',
+    trace: 'on-first-retry',
+  },
+  webServer: {
+    command: isProduction ? 'pnpm run start' : 'pnpm run dev',
+    url: 'http://127.0.0.1:3020',
+    reuseExistingServer: !process.env.CI,
+    timeout: 60_000,
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+});
diff --git a/examples/react-router-8/public/favicon.ico b/examples/react-router-8/public/favicon.ico
new file mode 100644
index 00000000..5dbdfcdd
Binary files /dev/null and b/examples/react-router-8/public/favicon.ico differ
diff --git a/examples/react-router-8/react-router.config.ts b/examples/react-router-8/react-router.config.ts
new file mode 100644
index 00000000..f26e5657
--- /dev/null
+++ b/examples/react-router-8/react-router.config.ts
@@ -0,0 +1,6 @@
+export default {
+  ssr: true,
+  routeDiscovery: { mode: 'initial' },
+  splitRouteModules: true,
+  subResourceIntegrity: true,
+};
diff --git a/examples/react-router-8/rsbuild.config.ts b/examples/react-router-8/rsbuild.config.ts
new file mode 100644
index 00000000..36cc0bc3
--- /dev/null
+++ b/examples/react-router-8/rsbuild.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginReactRouter } from 'rsbuild-plugin-react-router';
+
+export default defineConfig({
+  plugins: [pluginReactRouter(), pluginReact()],
+});
diff --git a/examples/react-router-8/tests/e2e/react-router-8.test.ts b/examples/react-router-8/tests/e2e/react-router-8.test.ts
new file mode 100644
index 00000000..ea1187b1
--- /dev/null
+++ b/examples/react-router-8/tests/e2e/react-router-8.test.ts
@@ -0,0 +1,44 @@
+import { expect, test } from '@playwright/test';
+
+test('renders the React Router 8 default template without browser errors', async ({
+  page,
+}) => {
+  const browserProblems: string[] = [];
+  page.on('console', message => {
+    if (message.type() === 'error') {
+      browserProblems.push(`console error: ${message.text()}`);
+    }
+  });
+  page.on('pageerror', error => {
+    browserProblems.push(`page error: ${error.message}`);
+  });
+  page.on('response', response => {
+    if (response.status() >= 500) {
+      browserProblems.push(`${response.status()} response: ${response.url()}`);
+    }
+  });
+  page.on('requestfailed', request => {
+    if (request.resourceType() !== 'websocket') {
+      browserProblems.push(
+        `${request.method()} ${request.url()} failed: ${
+          request.failure()?.errorText ?? 'unknown error'
+        }`
+      );
+    }
+  });
+
+  const response = await page.goto('/');
+  expect(response?.ok()).toBe(true);
+  await expect(
+    page.getByRole('heading', { name: 'Welcome to React Router' })
+  ).toBeVisible();
+  await expect(page).toHaveTitle('New React Router App');
+  await page.waitForFunction(
+    () =>
+      (window as Window & { __reactRouterRouteModules?: unknown })
+        .__reactRouterRouteModules !== undefined
+  );
+  await page.waitForTimeout(250);
+
+  expect(browserProblems).toEqual([]);
+});
diff --git a/examples/react-router-8/tsconfig.json b/examples/react-router-8/tsconfig.json
new file mode 100644
index 00000000..da8e2e8a
--- /dev/null
+++ b/examples/react-router-8/tsconfig.json
@@ -0,0 +1,38 @@
+{
+  "include": [
+    "env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".react-router/types/**/*"
+  ],
+  "compilerOptions": {
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ES2022"
+    ],
+    "types": [
+      "node"
+    ],
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "baseUrl": ".",
+    "paths": {
+      "~/*": [
+        "./app/*"
+      ]
+    },
+    "noEmit": true,
+    "rootDirs": [
+      ".",
+      ".react-router/types/"
+    ],
+    "skipLibCheck": true,
+    "strict": true
+  }
+}
diff --git a/examples/rsc-mode/.gitignore b/examples/rsc-mode/.gitignore
new file mode 100644
index 00000000..74818a80
--- /dev/null
+++ b/examples/rsc-mode/.gitignore
@@ -0,0 +1,8 @@
+.DS_Store
+/node_modules/
+
+# React Router
+/.react-router/
+/build/
+test-results
+.rspack-profile-*
diff --git a/examples/rsc-mode/README.md b/examples/rsc-mode/README.md
new file mode 100644
index 00000000..6ac02f3a
--- /dev/null
+++ b/examples/rsc-mode/README.md
@@ -0,0 +1,25 @@
+# RSC Mode Example
+
+This example is a small React Router RSC Framework Mode app wired for `rsbuild-plugin-react-router`.
+
+It includes:
+
+- `pluginReactRouter({ rsc: true })` in `rsbuild.config.ts`
+- RSC-safe React Router config without `splitRouteModules` or `subResourceIntegrity`
+- A server-first index route using `ServerComponent`
+- A loader that returns a React element rendered on the server
+- A `"use client"` island mounted inside the server-first route
+- A client-first route for soft navigation coverage
+- A Playwright smoke test for dev and production mode
+
+## Commands
+
+```sh
+pnpm run dev
+pnpm run build
+pnpm run test:e2e
+```
+
+## Notes
+
+This example uses `react-server-dom-rspack` and `rsbuild-plugin-rsc` for a Rsbuild/Rspack-native RSC runtime.
diff --git a/examples/rsc-mode/app/client-counter.tsx b/examples/rsc-mode/app/client-counter.tsx
new file mode 100644
index 00000000..d14946b6
--- /dev/null
+++ b/examples/rsc-mode/app/client-counter.tsx
@@ -0,0 +1,17 @@
+'use client';
+
+import { useState } from 'react';
+
+export function ClientCounter() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <button
+      className="counter-button"
+      type="button"
+      onClick={() => setCount(current => current + 1)}
+    >
+      Client island count: {count}
+    </button>
+  );
+}
diff --git a/examples/rsc-mode/app/root.tsx b/examples/rsc-mode/app/root.tsx
new file mode 100644
index 00000000..ac47312f
--- /dev/null
+++ b/examples/rsc-mode/app/root.tsx
@@ -0,0 +1,64 @@
+import type { Route } from './+types/root';
+import {
+  isRouteErrorResponse,
+  Link,
+  Links,
+  Meta,
+  Outlet,
+} from 'react-router';
+
+import './styles.css';
+
+export function meta() {
+  return [
+    { title: 'Rsbuild RSC example' },
+    {
+      name: 'description',
+      content: 'React Router RSC Framework Mode with Rsbuild',
+    },
+  ];
+}
+
+export function ServerLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <header className="site-header">
+          <Link className="brand" to="/">
+            RSC Mode
+          </Link>
+          <nav aria-label="Primary navigation">
+            <Link to="/">Server route</Link>
+            <Link to="/client">Client route</Link>
+          </nav>
+        </header>
+        <main>{children}</main>
+      </body>
+    </html>
+  );
+}
+
+export function ServerComponent() {
+  return <Outlet />;
+}
+
+export function ServerErrorBoundary({ error }: Route.ServerErrorBoundaryProps) {
+  const message = isRouteErrorResponse(error)
+    ? `${error.status} ${error.statusText}`
+    : error instanceof Error
+      ? error.message
+      : 'Unknown error';
+
+  return (
+    <section className="page-shell">
+      <h1>Route error</h1>
+      <p>{message}</p>
+    </section>
+  );
+}
diff --git a/examples/rsc-mode/app/routes.ts b/examples/rsc-mode/app/routes.ts
new file mode 100644
index 00000000..9f976145
--- /dev/null
+++ b/examples/rsc-mode/app/routes.ts
@@ -0,0 +1,6 @@
+import { type RouteConfig, index, route } from '@react-router/dev/routes';
+
+export default [
+  index('routes/_index.tsx'),
+  route('client', 'routes/client.tsx'),
+] satisfies RouteConfig;
diff --git a/examples/rsc-mode/app/routes/_index.tsx b/examples/rsc-mode/app/routes/_index.tsx
new file mode 100644
index 00000000..555f533c
--- /dev/null
+++ b/examples/rsc-mode/app/routes/_index.tsx
@@ -0,0 +1,32 @@
+import type { Route } from './+types/_index';
+import { Link } from 'react-router';
+
+import { ClientCounter } from '~/client-counter';
+import { getRscShowcase } from '~/rsc-data';
+
+export async function loader() {
+  return getRscShowcase();
+}
+
+export function ServerComponent({ loaderData }: Route.ServerComponentProps) {
+  return (
+    <section className="page-shell hero-panel">
+      <div className="hero-copy">
+        <h1>Rsbuild React Router RSC</h1>
+        <p data-testid="server-message">{loaderData.message}</p>
+        <p className="server-element">{loaderData.element}</p>
+      </div>
+
+      <div className="interaction-panel">
+        <p>
+          This route renders through React Router RSC Framework Mode and mounts a
+          small client island inside the server-first route.
+        </p>
+        <ClientCounter />
+        <Link className="text-link" to="/client">
+          Visit the client-first route
+        </Link>
+      </div>
+    </section>
+  );
+}
diff --git a/examples/rsc-mode/app/routes/client.tsx b/examples/rsc-mode/app/routes/client.tsx
new file mode 100644
index 00000000..a570d7ef
--- /dev/null
+++ b/examples/rsc-mode/app/routes/client.tsx
@@ -0,0 +1,16 @@
+export function meta() {
+  return [{ title: 'Rsbuild RSC example' }];
+}
+
+export default function ClientRoute() {
+  return (
+    <section className="page-shell client-route">
+      <h1>Client-first route</h1>
+      <p>
+        This route uses the conventional default route component export so the
+        example exercises navigation between server-first and client-first
+        routes.
+      </p>
+    </section>
+  );
+}
diff --git a/examples/rsc-mode/app/rsc-data.tsx b/examples/rsc-mode/app/rsc-data.tsx
new file mode 100644
index 00000000..4cb9e0c8
--- /dev/null
+++ b/examples/rsc-mode/app/rsc-data.tsx
@@ -0,0 +1,10 @@
+export async function getRscShowcase() {
+  return {
+    message: 'Message rendered by an RSC loader',
+    element: (
+      <strong data-testid="server-element">
+        React element returned from the server loader
+      </strong>
+    ),
+  };
+}
diff --git a/examples/rsc-mode/app/styles.css b/examples/rsc-mode/app/styles.css
new file mode 100644
index 00000000..66e37d6c
--- /dev/null
+++ b/examples/rsc-mode/app/styles.css
@@ -0,0 +1,150 @@
+:root {
+  color: #172033;
+  background: #f7f9fc;
+  font-family:
+    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  min-width: 320px;
+  min-height: 100vh;
+  background:
+    radial-gradient(circle at 20% 10%, rgba(69, 125, 255, 0.16), transparent 28rem),
+    linear-gradient(135deg, #f7f9fc 0%, #ffffff 46%, #eef6f1 100%);
+}
+
+a {
+  color: inherit;
+}
+
+.site-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1.5rem;
+  padding: 1.25rem clamp(1rem, 4vw, 3rem);
+  border-bottom: 1px solid rgba(23, 32, 51, 0.12);
+  background: rgba(255, 255, 255, 0.82);
+}
+
+.brand {
+  color: #0f5132;
+  font-size: 1.125rem;
+  font-weight: 800;
+  text-decoration: none;
+}
+
+nav {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0.75rem;
+}
+
+nav a,
+.text-link {
+  color: #274c77;
+  font-weight: 700;
+  text-decoration: none;
+}
+
+nav a:hover,
+.text-link:hover {
+  text-decoration: underline;
+}
+
+.page-shell {
+  width: min(100% - 2rem, 1040px);
+  margin: 0 auto;
+  padding: clamp(2rem, 8vw, 5rem) 0;
+}
+
+.hero-panel {
+  display: grid;
+  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
+  gap: clamp(1.5rem, 5vw, 4rem);
+  align-items: center;
+}
+
+.hero-copy h1,
+.client-route h1 {
+  max-width: 12ch;
+  margin: 0 0 1rem;
+  color: #172033;
+  font-size: clamp(2.5rem, 8vw, 5.25rem);
+  line-height: 0.96;
+}
+
+.hero-copy p,
+.client-route p,
+.interaction-panel p {
+  color: #475569;
+  font-size: 1.05rem;
+  line-height: 1.7;
+}
+
+.server-element {
+  margin-top: 1.5rem;
+}
+
+.server-element strong {
+  display: inline-block;
+  border-left: 4px solid #0f766e;
+  padding: 0.5rem 0 0.5rem 1rem;
+  color: #0f5132;
+}
+
+.interaction-panel {
+  display: grid;
+  gap: 1rem;
+  padding: 1.5rem;
+  border: 1px solid rgba(23, 32, 51, 0.12);
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.88);
+  box-shadow: 0 24px 60px rgba(36, 54, 92, 0.12);
+}
+
+.counter-button {
+  min-height: 2.75rem;
+  border: 0;
+  border-radius: 6px;
+  padding: 0.7rem 1rem;
+  background: #172033;
+  color: white;
+  font: inherit;
+  font-weight: 800;
+  cursor: pointer;
+}
+
+.counter-button:hover {
+  background: #274c77;
+}
+
+.client-route {
+  max-width: 720px;
+}
+
+@media (max-width: 720px) {
+  .site-header,
+  .hero-panel {
+    align-items: flex-start;
+  }
+
+  .hero-panel {
+    grid-template-columns: 1fr;
+  }
+
+  .site-header {
+    flex-direction: column;
+  }
+
+  nav {
+    justify-content: flex-start;
+  }
+}
diff --git a/examples/rsc-mode/package.json b/examples/rsc-mode/package.json
new file mode 100644
index 00000000..77bec69d
--- /dev/null
+++ b/examples/rsc-mode/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "rsc-mode-example",
+  "private": true,
+  "sideEffects": false,
+  "type": "module",
+  "scripts": {
+    "dev": "NODE_OPTIONS=\"--experimental-vm-modules --experimental-global-webcrypto\" rsbuild dev --port 3021 --host 127.0.0.1",
+    "build": "rsbuild build",
+    "start": "HOST=127.0.0.1 PORT=3021 node start.js",
+    "typecheck": "react-router typegen && tsc",
+    "test:e2e": "pnpm run test:e2e:dev && pnpm run build && pnpm run test:e2e:prod",
+    "test:e2e:dev": "playwright test",
+    "test:e2e:prod": "cross-env RSC_E2E_MODE=production playwright test"
+  },
+  "dependencies": {
+    "@react-router/node": "^8.0.1",
+    "@react-router/serve": "^8.0.1",
+    "@remix-run/node-fetch-server": "^0.13.3",
+    "express": "^4.22.2",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router": "^8.0.1",
+    "react-server-dom-rspack": "0.0.2"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.58.0",
+    "@react-router/dev": "^8.0.1",
+    "@rsbuild/core": "2.1.0",
+    "@rsbuild/plugin-react": "2.1.0",
+    "@types/node": "^25.0.10",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "cross-env": "^10.1.0",
+    "rsbuild-plugin-react-router": "workspace:*",
+    "rsbuild-plugin-rsc": "^0.1.1",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": ">=22.22.0"
+  }
+}
diff --git a/examples/rsc-mode/playwright.config.ts b/examples/rsc-mode/playwright.config.ts
new file mode 100644
index 00000000..923c5bc8
--- /dev/null
+++ b/examples/rsc-mode/playwright.config.ts
@@ -0,0 +1,27 @@
+import { defineConfig, devices } from '@playwright/test';
+
+const isProduction = process.env.RSC_E2E_MODE === 'production';
+
+export default defineConfig({
+  testDir: './tests/e2e',
+  timeout: 30_000,
+  expect: {
+    timeout: 10_000,
+  },
+  use: {
+    baseURL: 'http://127.0.0.1:3021',
+    trace: 'on-first-retry',
+  },
+  webServer: {
+    command: isProduction ? 'pnpm run start' : 'pnpm run dev',
+    url: 'http://127.0.0.1:3021',
+    reuseExistingServer: !process.env.CI,
+    timeout: 120_000,
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+});
diff --git a/examples/rsc-mode/react-router.config.ts b/examples/rsc-mode/react-router.config.ts
new file mode 100644
index 00000000..564b76a0
--- /dev/null
+++ b/examples/rsc-mode/react-router.config.ts
@@ -0,0 +1,5 @@
+import type { Config } from '@react-router/dev/config';
+
+export default {
+  routeDiscovery: { mode: 'initial' },
+} satisfies Config;
diff --git a/examples/rsc-mode/rsbuild.config.ts b/examples/rsc-mode/rsbuild.config.ts
new file mode 100644
index 00000000..ebb03455
--- /dev/null
+++ b/examples/rsc-mode/rsbuild.config.ts
@@ -0,0 +1,17 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginReactRouter } from 'rsbuild-plugin-react-router';
+
+type ReactRouterRscOptions = NonNullable<
+  Parameters<typeof pluginReactRouter>[0]
+> & {
+  rsc: true;
+};
+
+const reactRouterRscOptions = {
+  rsc: true,
+} satisfies ReactRouterRscOptions;
+
+export default defineConfig({
+  plugins: [pluginReact(), pluginReactRouter(reactRouterRscOptions)],
+});
diff --git a/examples/rsc-mode/start.js b/examples/rsc-mode/start.js
new file mode 100644
index 00000000..e1ef7adb
--- /dev/null
+++ b/examples/rsc-mode/start.js
@@ -0,0 +1,23 @@
+import { createRequestListener } from '@remix-run/node-fetch-server';
+import express from 'express';
+import build from './build/server/index.js';
+
+const app = express();
+const port = Number(process.env.PORT ?? 3021);
+const host = process.env.HOST ?? '127.0.0.1';
+
+app.use('/', express.static('build/client', { index: false }));
+
+app.get('/.well-known/appspecific/com.chrome.devtools.json', (_req, res) => {
+  res.status(404).send('Not Found');
+});
+
+if (typeof build?.fetch !== 'function') {
+  throw new Error('Expected build/server/index.js to export default.fetch');
+}
+
+app.use(createRequestListener(build.fetch));
+
+app.listen(port, host, () => {
+  console.log(`Server listening on http://${host}:${port}`);
+});
diff --git a/examples/rsc-mode/tests/e2e/rsc-mode.test.ts b/examples/rsc-mode/tests/e2e/rsc-mode.test.ts
new file mode 100644
index 00000000..1653a9f0
--- /dev/null
+++ b/examples/rsc-mode/tests/e2e/rsc-mode.test.ts
@@ -0,0 +1,59 @@
+import { expect, test } from '@playwright/test';
+
+test('renders server-first RSC routes and hydrates the client island', async ({
+  page,
+}) => {
+  const browserProblems: string[] = [];
+  page.on('console', message => {
+    if (message.type() === 'error') {
+      browserProblems.push(`console error: ${message.text()}`);
+    }
+  });
+  page.on('pageerror', error => {
+    browserProblems.push(`page error: ${error.message}`);
+  });
+  page.on('response', response => {
+    if (response.status() >= 500) {
+      browserProblems.push(`${response.status()} response: ${response.url()}`);
+    }
+  });
+  page.on('requestfailed', request => {
+    if (request.resourceType() !== 'websocket') {
+      browserProblems.push(
+        `${request.method()} ${request.url()} failed: ${
+          request.failure()?.errorText ?? 'unknown error'
+        }`
+      );
+    }
+  });
+
+  const response = await page.goto('/');
+  expect(response?.ok()).toBe(true);
+
+  await expect(
+    page.getByRole('heading', { name: 'Rsbuild React Router RSC' })
+  ).toBeVisible();
+  await expect(page.getByTestId('server-message')).toHaveText(
+    'Message rendered by an RSC loader'
+  );
+  await expect(page.getByTestId('server-element')).toHaveText(
+    'React element returned from the server loader'
+  );
+  expect(await page.content()).toMatch(
+    /\(self\.__FLIGHT_DATA\|\|=\[\]\)\.push\(/
+  );
+
+  const counter = page.getByRole('button', { name: /Client island count:/ });
+  await expect(counter).toHaveText('Client island count: 0');
+  await counter.click();
+  await expect(counter).toHaveText('Client island count: 1');
+
+  await page.getByRole('link', { name: 'Client route' }).click();
+  await expect(
+    page.getByRole('heading', { name: 'Client-first route' })
+  ).toBeVisible();
+  await expect(page).toHaveTitle('Rsbuild RSC example');
+
+  await page.waitForTimeout(250);
+  expect(browserProblems).toEqual([]);
+});
diff --git a/examples/rsc-mode/tsconfig.json b/examples/rsc-mode/tsconfig.json
new file mode 100644
index 00000000..2e0923ff
--- /dev/null
+++ b/examples/rsc-mode/tsconfig.json
@@ -0,0 +1,22 @@
+{
+  "include": ["**/*.ts", "**/*.tsx", ".react-router/types/**/*"],
+  "compilerOptions": {
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "types": ["node", "@react-router/dev/rsc-types"],
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "rootDirs": [".", "./.react-router/types"],
+    "baseUrl": ".",
+    "paths": {
+      "~/*": ["./app/*"]
+    },
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true
+  }
+}
diff --git a/examples/spa-mode/package.json b/examples/spa-mode/package.json
index 38eb796a..6ce2fee9 100644
--- a/examples/spa-mode/package.json
+++ b/examples/spa-mode/package.json
@@ -34,8 +34,6 @@
     "string-replace-loader": "^3.3.0",
     "tailwindcss": "^4.1.18",
     "text-encoder-lite": "^2.0.0",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^6.0.5"
+    "typescript": "^5.9.3"
   }
 }
diff --git a/examples/spa-mode/tsconfig.json b/examples/spa-mode/tsconfig.json
index dc391a45..7c424432 100644
--- a/examples/spa-mode/tsconfig.json
+++ b/examples/spa-mode/tsconfig.json
@@ -6,16 +6,27 @@
     ".react-router/types/**/*"
   ],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2022"],
-    "types": ["node", "vite/client"],
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ES2022"
+    ],
+    "types": [
+      "node"
+    ],
     "target": "ES2022",
     "module": "ES2022",
     "moduleResolution": "bundler",
     "jsx": "react-jsx",
-    "rootDirs": [".", "./.react-router/types"],
+    "rootDirs": [
+      ".",
+      "./.react-router/types"
+    ],
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./app/*"]
+      "~/*": [
+        "./app/*"
+      ]
     },
     "esModuleInterop": true,
     "verbatimModuleSyntax": true,
diff --git a/package.json b/package.json
index bffd2486..0d6d48bb 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,18 @@
       "types": "./dist/templates/entry.server.d.ts",
       "import": "./dist/templates/entry.server.js",
       "require": "./dist/templates/entry.server.cjs"
+    },
+    "./templates/entry.rsc": {
+      "types": "./dist/templates/entry.rsc.d.ts",
+      "import": "./dist/templates/entry.rsc.js"
+    },
+    "./templates/entry.rsc.client": {
+      "types": "./dist/templates/entry.rsc.client.d.ts",
+      "import": "./dist/templates/entry.rsc.client.js"
+    },
+    "./templates/entry.rsc.ssr": {
+      "types": "./dist/templates/entry.rsc.ssr.d.ts",
+      "import": "./dist/templates/entry.rsc.ssr.js"
     }
   },
   "main": "./dist/index.cjs",
@@ -58,14 +70,21 @@
     "bench:full": "node scripts/bench-builds.mts --profile full --iterations 5 --warmup 1 --clean build --format both --out .benchmark/results/full",
     "bench:large": "node scripts/bench-builds.mts --profile large --iterations 1 --warmup 0 --clean cold --format both --out .benchmark/results/large",
     "bench:synthetic-app": "node scripts/bench-synthetic-app.mjs",
-    "e2e": "pnpm build && pnpm test:package-interop && pnpm --filter './examples/{default-template,spa-mode,prerender,custom-node-server,cloudflare,client-only}' test:e2e",
+    "e2e": "pnpm build && pnpm e2e:no-build",
+    "e2e:no-build": "pnpm test:package-interop && pnpm --filter './examples/{default-template,spa-mode,prerender,custom-node-server,cloudflare,client-only,react-router-8,rsc-mode}' test:e2e",
     "dev": "rslib build --watch",
-    "test": "rstest run",
+    "test": "pnpm typecheck && rstest run",
+    "typecheck": "tsc --noEmit && tsc -p tsconfig.tests.json && pnpm --filter integration typecheck && pnpm --filter integration-rsbuild-template typecheck && pnpm --filter integration-rsc-framework typecheck && pnpm --filter integration-rsc-preview typecheck",
     "test:watch": "rstest watch",
     "test:coverage": "rstest run --coverage",
     "test:core": "rstest run -c ./rstest.config.ts",
     "test:core:watch": "rstest watch -c ./rstest.config.ts",
     "test:package-interop": "node scripts/test-package-interop.mts",
+    "test:react-router-framework": "pnpm build && playwright test --config tests/react-router-framework/integration/playwright.config.ts",
+    "test:react-router-framework:failfast": "pnpm build && pnpm test:react-router-framework:failfast:no-build",
+    "test:react-router-framework:failfast:no-build": "RR_FRAMEWORK_MAX_WORKERS=2 playwright test --config tests/react-router-framework/integration/playwright.config.ts tests/react-router-framework/integration/hmr-hdr-test.ts --workers=2 --max-failures=1 --retries=0 --reporter=line && RR_FRAMEWORK_MAX_WORKERS=2 playwright test --config tests/react-router-framework/integration/playwright.config.ts tests/react-router-framework/integration/hmr-hdr-rsc-test.ts --workers=2 --max-failures=1 --retries=0 --reporter=line && RR_FRAMEWORK_MAX_WORKERS=4 playwright test --config tests/react-router-framework/integration/playwright.config.ts --grep-invert 'HMR & HDR' --workers=4 --max-failures=1 --retries=0 --reporter=line",
+    "test:react-router-framework:smoke": "pnpm build && playwright test --config tests/react-router-framework/integration/playwright.config.ts use-route-test.ts loader-test.ts",
+    "check:react-router-framework-upstream": "node scripts/check-react-router-framework-upstream.mjs",
     "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
     "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
     "changeset": "changeset",
@@ -74,8 +93,8 @@
     "release:local": "pnpm build && changeset version && changeset publish && git add . && git commit -m \"chore: version packages\" && git push && git push --tags"
   },
   "dependencies": {
-    "@react-router/node": "^7.13.0",
-    "@remix-run/node-fetch-server": "^0.13.0",
+    "@react-router/node": "^7.13.0 || ^8.0.0",
+    "@remix-run/node-fetch-server": "^0.13.3",
     "@rspack/plugin-react-refresh": "^2.0.2",
     "execa": "^9.6.1",
     "fs-extra": "11.3.3",
@@ -90,39 +109,75 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
+    "@playwright/test": "^1.61.1",
     "@react-router/dev": "^8.0.1",
+    "@react-router/express": "^8.0.1",
+    "@react-router/fs-routes": "^8.0.1",
+    "@react-router/remix-routes-option-adapter": "^8.0.1",
+    "@react-router/serve": "^8.0.1",
     "@rsbuild/config": "workspace:*",
     "@rsbuild/core": "2.1.0",
+    "@rsbuild/plugin-less": "1.6.4",
+    "@rsbuild/plugin-mdx": "^1.1.3",
     "@rsbuild/plugin-react": "2.1.0",
+    "@rsbuild/plugin-sass": "1.5.3",
+    "@rsbuild/plugin-svgr": "2.0.4",
+    "@rsbuild/plugin-tailwindcss": "2.0.3",
     "@rslib/core": "^0.22.1",
     "@rspack/core": "2.1.0",
-    "@rstest/core": "^0.8.1",
-    "@rstest/coverage-istanbul": "^0.2.0",
+    "@rstest/core": "^0.11.4",
+    "@rstest/coverage-istanbul": "^0.11.4",
     "@swc/helpers": "^0.5.23",
     "@types/fs-extra": "11.0.4",
     "@types/jsesc": "^3.0.3",
     "@types/node": "^25.0.10",
     "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
-    "effect": "^3.21.4",
+    "@types/webpack-env": "^1.18.8",
+    "@vanilla-extract/css": "^1.20.1",
+    "cheerio": "^1.2.0",
+    "cross-spawn": "^7.0.6",
+    "dedent": "^1.7.2",
+    "effect": "^3.22.0",
     "es-module-lexer": "1.7.0",
+    "express": "^4.22.2",
+    "fast-glob": "^3.3.3",
+    "get-port": "7.1.0",
     "kill-port": "^2.0.1",
     "pkg-pr-new": "^0.0.75",
     "playwright": "^1.61.1",
     "prettier": "3.8.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "react-router": "^7.13.0",
-    "react-router-dom": "^7.13.0",
-    "typescript": "^5.9.3"
+    "react-router": "^7.18.0",
+    "react-router-dom": "^7.18.0",
+    "react-server-dom-rspack": "0.0.2",
+    "rsbuild-plugin-rsc": "^0.1.1",
+    "semver": "^7.8.5",
+    "shelljs": "^0.10.0",
+    "strip-ansi": "^7.2.0",
+    "strip-indent": "^4.1.1",
+    "tailwindcss": "4.3.2",
+    "type-fest": "^5.7.0",
+    "typescript": "^5.9.3",
+    "wait-on": "^9.0.10"
   },
   "peerDependencies": {
     "@react-router/dev": "^7.13.0 || ^8.0.0",
-    "@rsbuild/core": "^2.0.0"
+    "@rsbuild/core": "^2.0.0",
+    "react-router": "^7.13.0 || ^8.0.0",
+    "react-server-dom-rspack": "0.0.2",
+    "rsbuild-plugin-rsc": "^0.1.1"
   },
   "peerDependenciesMeta": {
     "@react-router/dev": {
       "optional": true
+    },
+    "react-server-dom-rspack": {
+      "optional": true
+    },
+    "rsbuild-plugin-rsc": {
+      "optional": true
     }
   },
   "publishConfig": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8827fb90..e12f8dac 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,10 +12,10 @@ importers:
   .:
     dependencies:
       '@react-router/node':
-        specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        specifier: ^7.13.0 || ^8.0.0
+        version: 7.14.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@remix-run/node-fetch-server':
-        specifier: ^0.13.0
+        specifier: ^0.13.3
         version: 0.13.3
       '@rspack/plugin-react-refresh':
         specifier: ^2.0.2
@@ -54,30 +54,60 @@ importers:
       '@changesets/cli':
         specifier: ^2.29.8
         version: 2.31.0(@types/node@25.0.10)
+      '@playwright/test':
+        specifier: ^1.61.1
+        version: 1.61.1
       '@react-router/dev':
         specifier: ^8.0.1
-        version: 8.0.1(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+        version: 8.1.0(@react-router/serve@8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+      '@react-router/express':
+        specifier: ^8.0.1
+        version: 8.1.0(express@4.22.2)(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/fs-routes':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)
+      '@react-router/remix-routes-option-adapter':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)
+      '@react-router/serve':
+        specifier: ^8.0.1
+        version: 8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@rsbuild/config':
         specifier: workspace:*
         version: link:config
       '@rsbuild/core':
         specifier: 2.1.0
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+      '@rsbuild/plugin-less':
+        specifier: 1.6.4
+        version: 1.6.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsbuild/plugin-mdx':
+        specifier: ^1.1.3
+        version: 1.1.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(webpack@5.108.3(lightningcss@1.32.0))
       '@rsbuild/plugin-react':
         specifier: 2.1.0
         version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+      '@rsbuild/plugin-sass':
+        specifier: 1.5.3
+        version: 1.5.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))
+      '@rsbuild/plugin-svgr':
+        specifier: 2.0.4
+        version: 2.0.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)
+      '@rsbuild/plugin-tailwindcss':
+        specifier: 2.0.3
+        version: 2.0.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
       '@rslib/core':
         specifier: ^0.22.1
-        version: 0.22.1(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0)(typescript@5.9.3)
+        version: 0.22.1(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)(typescript@5.9.3)
       '@rspack/core':
         specifier: 2.1.0
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
       '@rstest/core':
-        specifier: ^0.8.1
-        version: 0.8.1(jsdom@27.4.0(@noble/hashes@2.2.0))
+        specifier: ^0.11.4
+        version: 0.11.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)(jsdom@27.4.0(@noble/hashes@2.2.0))
       '@rstest/coverage-istanbul':
-        specifier: ^0.2.0
-        version: 0.2.0(@rstest/core@0.8.1(jsdom@27.4.0(@noble/hashes@2.2.0)))
+        specifier: ^0.11.4
+        version: 0.11.4(@rstest/core@0.11.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)(jsdom@27.4.0(@noble/hashes@2.2.0)))
       '@swc/helpers':
         specifier: ^0.5.23
         version: 0.5.23
@@ -96,12 +126,36 @@ importers:
       '@types/react-dom':
         specifier: ^19.2.3
         version: 19.2.3(@types/react@19.2.10)
+      '@types/webpack-env':
+        specifier: ^1.18.8
+        version: 1.18.8
+      '@vanilla-extract/css':
+        specifier: ^1.20.1
+        version: 1.21.1
+      cheerio:
+        specifier: ^1.2.0
+        version: 1.2.0
+      cross-spawn:
+        specifier: ^7.0.6
+        version: 7.0.6
+      dedent:
+        specifier: ^1.7.2
+        version: 1.7.2
       effect:
-        specifier: ^3.21.4
-        version: 3.21.4
+        specifier: ^3.22.0
+        version: 3.22.0
       es-module-lexer:
         specifier: 1.7.0
         version: 1.7.0
+      express:
+        specifier: ^4.22.2
+        version: 4.22.2
+      fast-glob:
+        specifier: ^3.3.3
+        version: 3.3.3
+      get-port:
+        specifier: 7.1.0
+        version: 7.1.0
       kill-port:
         specifier: ^2.0.1
         version: 2.0.1
@@ -121,14 +175,41 @@ importers:
         specifier: ^19.2.4
         version: 19.2.7(react@19.2.7)
       react-router:
-        specifier: ^7.13.0
-        version: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        specifier: ^7.18.0
+        version: 7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react-router-dom:
-        specifier: ^7.13.0
-        version: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        specifier: ^7.18.0
+        version: 7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-server-dom-rspack:
+        specifier: 0.0.2
+        version: 0.0.2(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      rsbuild-plugin-rsc:
+        specifier: ^0.1.1
+        version: 0.1.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(react-server-dom-rspack@0.0.2(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      semver:
+        specifier: ^7.8.5
+        version: 7.8.5
+      shelljs:
+        specifier: ^0.10.0
+        version: 0.10.0
+      strip-ansi:
+        specifier: ^7.2.0
+        version: 7.2.0
+      strip-indent:
+        specifier: ^4.1.1
+        version: 4.1.1
+      tailwindcss:
+        specifier: 4.3.2
+        version: 4.3.2
+      type-fest:
+        specifier: ^5.7.0
+        version: 5.7.0
       typescript:
         specifier: ^5.9.3
         version: 5.9.3
+      wait-on:
+        specifier: ^9.0.10
+        version: 9.0.10
 
   benchmarks/synthetic-web-bundler-benchmark:
     dependencies:
@@ -189,22 +270,22 @@ importers:
         version: 7.29.0
       '@react-router/dev':
         specifier: 7.14.0
-        version: 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@6.0.1-rc))(@types/node@22.15.31)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@6.0.1-rc)(vite@7.3.1(@types/node@22.15.31)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+        version: 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@6.0.1-rc))(@types/node@22.15.31)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@6.0.1-rc)(vite@7.3.1(@types/node@22.15.31)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
       '@rsbuild/core':
         specifier: 2.1.0
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
       '@rsbuild/plugin-babel':
         specifier: 2.0.0
-        version: 2.0.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))
+        version: 2.0.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))
       '@rsbuild/plugin-react':
         specifier: 2.1.0
-        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
       '@rsbuild/plugin-svgr':
         specifier: 2.0.4
-        version: 2.0.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(typescript@6.0.1-rc)
+        version: 2.0.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@6.0.1-rc)
       '@rsbuild/plugin-tailwindcss':
         specifier: 2.0.3
-        version: 2.0.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
+        version: 2.0.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
       '@types/babel__core':
         specifier: 7.20.5
         version: 7.20.5
@@ -237,7 +318,7 @@ importers:
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
       '@rslib/core':
         specifier: 0.22.1
-        version: 0.22.1(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0)(typescript@5.9.3)
+        version: 0.22.1(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)(typescript@5.9.3)
       '@types/node':
         specifier: ^25.0.10
         version: 25.0.10
@@ -249,13 +330,13 @@ importers:
     dependencies:
       '@react-router/express':
         specifier: ^7.13.0
-        version: 7.13.0(express@4.22.2)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.13.0(express@5.2.1)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/node':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/serve':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       isbot:
         specifier: ^5.1.34
         version: 5.1.34
@@ -267,20 +348,20 @@ importers:
         version: 19.2.7(react@19.2.7)
       react-router:
         specifier: ^7.13.0
-        version: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     devDependencies:
       '@playwright/test':
         specifier: ^1.61.1
         version: 1.61.1
       '@react-router/dev':
         specifier: ^7.13.0
-        version: 7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+        version: 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
       '@rsbuild/core':
         specifier: 2.1.0
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
       '@rsbuild/plugin-react':
         specifier: ^2.1.0
-        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
       '@types/node':
         specifier: ^25.0.10
         version: 25.0.10
@@ -296,18 +377,15 @@ importers:
       typescript:
         specifier: ^5.9.3
         version: 5.9.3
-      vite:
-        specifier: ^7.3.1
-        version: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
 
   examples/cloudflare:
     dependencies:
       '@react-router/node':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/serve':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       isbot:
         specifier: ^5.1.34
         version: 5.1.34
@@ -319,29 +397,29 @@ importers:
         version: 19.2.7(react@19.2.7)
       react-router:
         specifier: ^7.13.0
-        version: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     devDependencies:
       '@cloudflare/workers-types':
         specifier: ^4.20260127.0
-        version: 4.20260628.1
+        version: 4.20260702.1
       '@playwright/test':
         specifier: ^1.61.1
         version: 1.61.1
       '@react-router/cloudflare':
         specifier: ^7.13.0
-        version: 7.18.0(@cloudflare/workers-types@4.20260628.1)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.18.1(@cloudflare/workers-types@4.20260702.1)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/dev':
         specifier: ^7.13.0
-        version: 7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+        version: 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
       '@rsbuild/core':
         specifier: 2.1.0
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
       '@rsbuild/plugin-react':
         specifier: ^2.1.0
-        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
       '@tailwindcss/postcss':
         specifier: ^4.1.18
-        version: 4.3.1
+        version: 4.3.2
       '@types/node':
         specifier: ^25.0.10
         version: 25.0.10
@@ -356,22 +434,22 @@ importers:
         version: link:../..
       tailwindcss:
         specifier: ^4.1.18
-        version: 4.1.18
+        version: 4.3.1
       typescript:
         specifier: ^5.9.3
         version: 5.9.3
       wrangler:
         specifier: ^4.61.0
-        version: 4.105.0(@cloudflare/workers-types@4.20260628.1)
+        version: 4.107.0(@cloudflare/workers-types@4.20260702.1)
 
   examples/custom-node-server:
     dependencies:
       '@react-router/express':
         specifier: ^7.13.0
-        version: 7.13.0(express@5.2.1)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.13.0(express@5.2.1)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/node':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       express:
         specifier: ^5.2.1
         version: 5.2.1
@@ -386,26 +464,26 @@ importers:
         version: 19.2.7(react@19.2.7)
       react-router:
         specifier: ^7.13.0
-        version: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     devDependencies:
       '@playwright/test':
         specifier: ^1.61.1
         version: 1.61.1
       '@react-router/dev':
         specifier: ^7.13.0
-        version: 7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.9.5)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.9.5)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+        version: 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.9.5)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.9.5)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
       '@rsbuild/core':
         specifier: 2.1.0
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
       '@rsbuild/plugin-react':
         specifier: ^2.1.0
-        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
       '@rsdoctor/rspack-plugin':
         specifier: ^1.5.13
-        version: 1.5.16(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
+        version: 1.5.17(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
       '@tailwindcss/postcss':
         specifier: ^4.1.18
-        version: 4.3.1
+        version: 4.3.2
       '@types/express':
         specifier: ^5.0.0
         version: 5.0.6
@@ -423,7 +501,7 @@ importers:
         version: link:../..
       tailwindcss:
         specifier: ^4.1.18
-        version: 4.1.18
+        version: 4.3.1
       typescript:
         specifier: ^5.9.3
         version: 5.9.3
@@ -432,13 +510,13 @@ importers:
     dependencies:
       '@react-router/express':
         specifier: ^7.13.0
-        version: 7.13.0(express@5.2.1)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.13.0(express@5.2.1)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/node':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/serve':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       isbot:
         specifier: ^5.1.34
         version: 5.1.34
@@ -450,29 +528,29 @@ importers:
         version: 19.2.7(react@19.2.7)
       react-router:
         specifier: ^7.13.0
-        version: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     devDependencies:
       '@playwright/test':
         specifier: ^1.61.1
         version: 1.61.1
       '@react-router/dev':
         specifier: ^7.13.0
-        version: 7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+        version: 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
       '@rsbuild/core':
         specifier: 2.1.0
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
       '@rsbuild/plugin-less':
         specifier: ^1.6.4
-        version: 1.6.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
+        version: 1.6.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
       '@rsbuild/plugin-react':
         specifier: ^2.1.0
-        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
       '@rsbuild/plugin-sass':
         specifier: ^1.5.3
-        version: 1.5.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))
+        version: 1.5.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))
       '@tailwindcss/postcss':
         specifier: ^4.1.18
-        version: 4.3.1
+        version: 4.3.2
       '@types/node':
         specifier: ^25.0.10
         version: 25.0.10
@@ -487,28 +565,22 @@ importers:
         version: 10.1.0
       react-router-devtools:
         specifier: ^6.2.0
-        version: 6.2.1(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(solid-js@1.9.13)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
+        version: 6.2.1(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(solid-js@1.9.14)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
       rsbuild-plugin-react-router:
         specifier: workspace:*
         version: link:../..
       string-replace-loader:
         specifier: ^3.3.0
-        version: 3.3.0(webpack@5.108.1(lightningcss@1.32.0))
+        version: 3.3.0(webpack@5.108.3(lightningcss@1.32.0))
       tailwindcss:
         specifier: ^4.1.18
-        version: 4.1.18
+        version: 4.3.1
       text-encoder-lite:
         specifier: ^2.0.0
         version: 2.0.0
       typescript:
         specifier: ^5.9.3
         version: 5.9.3
-      vite:
-        specifier: ^7.3.1
-        version: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
-      vite-tsconfig-paths:
-        specifier: ^6.0.5
-        version: 6.1.1(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
 
   examples/epic-stack:
     dependencies:
@@ -577,13 +649,13 @@ importers:
         version: 1.0.6(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@react-router/express':
         specifier: 7.13.0
-        version: 7.13.0(express@5.2.1)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.13.0(express@5.2.1)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/node':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/remix-routes-option-adapter':
         specifier: 7.13.0
-        version: 7.13.0(@react-router/dev@7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1)))(typescript@5.9.3)
+        version: 7.13.0(@react-router/dev@7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)
       '@remix-run/server-runtime':
         specifier: 2.17.4
         version: 2.17.4(typescript@5.9.3)
@@ -592,7 +664,7 @@ importers:
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
       '@rsbuild/plugin-react':
         specifier: 2.1.0
-        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
       '@sentry/node':
         specifier: 10.37.0
         version: 10.37.0
@@ -691,7 +763,7 @@ importers:
         version: 19.2.7(react@19.2.7)
       react-router:
         specifier: ^7.13.0
-        version: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       remix-auth:
         specifier: 4.2.0
         version: 4.2.0
@@ -700,7 +772,7 @@ importers:
         version: 3.0.2(remix-auth@4.2.0)
       remix-utils:
         specifier: 9.0.0
-        version: 9.0.0(@oslojs/crypto@1.0.1)(@oslojs/encoding@1.1.0)(@standard-schema/spec@1.1.0)(intl-parse-accept-language@1.0.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
+        version: 9.0.0(@oslojs/crypto@1.0.1)(@oslojs/encoding@1.1.0)(@standard-schema/spec@1.1.0)(intl-parse-accept-language@1.0.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
       rsbuild-plugin-react-router:
         specifier: workspace:*
         version: link:../..
@@ -728,16 +800,13 @@ importers:
       tailwindcss-radix:
         specifier: 4.0.2
         version: 4.0.2(tailwindcss@4.1.18)
-      vite-env-only:
-        specifier: 3.0.3
-        version: 3.0.3(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
       zod:
         specifier: 3.25.76
         version: 3.25.76
     devDependencies:
       '@epic-web/config':
         specifier: 1.21.3
-        version: 1.21.3(@testing-library/dom@10.4.1)(@typescript-eslint/eslint-plugin@8.62.0(@typescript-eslint/parser@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/utils@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(prettier@3.8.1)(typescript@5.9.3)
+        version: 1.21.3(@testing-library/dom@10.4.1)(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/utils@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(prettier@3.8.1)(typescript@5.9.3)
       '@faker-js/faker':
         specifier: 10.2.0
         version: 10.2.0
@@ -746,16 +815,13 @@ importers:
         version: 1.61.1
       '@react-router/dev':
         specifier: ^7.13.0
-        version: 7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+        version: 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
       '@rstest/core':
         specifier: 0.8.1
         version: 0.8.1(jsdom@27.4.0(@noble/hashes@2.2.0))
       '@rstest/coverage-istanbul':
         specifier: 0.2.0
         version: 0.2.0(@rstest/core@0.8.1(jsdom@27.4.0(@noble/hashes@2.2.0)))
-      '@sentry/vite-plugin':
-        specifier: 4.8.0
-        version: 4.8.0(encoding@0.1.13)
       '@sly-cli/sly':
         specifier: 2.1.1
         version: 2.1.1(typescript@5.9.3)
@@ -764,7 +830,7 @@ importers:
         version: 0.0.0-insiders.565cd3e(postcss@8.5.16)
       '@tailwindcss/postcss':
         specifier: ^4.1.18
-        version: 4.3.1
+        version: 4.3.2
       '@testing-library/dom':
         specifier: 10.4.1
         version: 10.4.1
@@ -822,9 +888,6 @@ importers:
       '@types/source-map-support':
         specifier: 0.5.10
         version: 0.5.10
-      '@vitejs/plugin-react':
-        specifier: 5.1.2
-        version: 5.1.2(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
       autoprefixer:
         specifier: 10.4.23
         version: 10.4.23(postcss@8.5.16)
@@ -870,9 +933,6 @@ importers:
       typescript:
         specifier: 5.9.3
         version: 5.9.3
-      vite:
-        specifier: 7.3.1
-        version: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
 
   examples/federation:
     devDependencies:
@@ -911,13 +971,13 @@ importers:
         version: 0.6.1
       '@module-federation/enhanced':
         specifier: 2.5.1
-        version: 2.5.1(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
+        version: 2.5.1(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
       '@module-federation/node':
         specifier: 2.7.44
-        version: 2.7.44(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
+        version: 2.7.44(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
       '@module-federation/rsbuild-plugin':
         specifier: 2.5.1
-        version: 2.5.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
+        version: 2.5.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
       '@nasa-gcn/remix-seo':
         specifier: 2.0.1
         version: 2.0.1(@remix-run/react@2.17.5(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(typescript@5.9.3))(@remix-run/server-runtime@2.17.4(typescript@5.9.3))
@@ -959,13 +1019,13 @@ importers:
         version: 1.0.6(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@react-router/express':
         specifier: 7.13.0
-        version: 7.13.0(express@5.2.1)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.13.0(express@5.2.1)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/node':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/remix-routes-option-adapter':
         specifier: 7.13.0
-        version: 7.13.0(@react-router/dev@7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1)))(typescript@5.9.3)
+        version: 7.13.0(@react-router/dev@7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)
       '@remix-run/server-runtime':
         specifier: 2.17.4
         version: 2.17.4(typescript@5.9.3)
@@ -974,7 +1034,7 @@ importers:
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
       '@rsbuild/plugin-react':
         specifier: 2.1.0
-        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
       '@sentry/node':
         specifier: 10.37.0
         version: 10.37.0
@@ -1073,7 +1133,7 @@ importers:
         version: 19.2.7(react@19.2.7)
       react-router:
         specifier: ^7.13.0
-        version: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       remix-auth:
         specifier: 4.2.0
         version: 4.2.0
@@ -1082,7 +1142,7 @@ importers:
         version: 3.0.2(remix-auth@4.2.0)
       remix-utils:
         specifier: 9.0.0
-        version: 9.0.0(@oslojs/crypto@1.0.1)(@oslojs/encoding@1.1.0)(@standard-schema/spec@1.1.0)(intl-parse-accept-language@1.0.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
+        version: 9.0.0(@oslojs/crypto@1.0.1)(@oslojs/encoding@1.1.0)(@standard-schema/spec@1.1.0)(intl-parse-accept-language@1.0.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
       rsbuild-plugin-react-router:
         specifier: workspace:*
         version: link:../../..
@@ -1116,7 +1176,7 @@ importers:
     devDependencies:
       '@epic-web/config':
         specifier: 1.21.3
-        version: 1.21.3(@testing-library/dom@10.4.1)(@typescript-eslint/eslint-plugin@8.62.0(@typescript-eslint/parser@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/utils@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(prettier@3.8.1)(typescript@5.9.3)
+        version: 1.21.3(@testing-library/dom@10.4.1)(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/utils@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(prettier@3.8.1)(typescript@5.9.3)
       '@faker-js/faker':
         specifier: 10.2.0
         version: 10.2.0
@@ -1125,7 +1185,7 @@ importers:
         version: 1.61.1
       '@react-router/dev':
         specifier: ^7.13.0
-        version: 7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+        version: 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
       '@rstest/core':
         specifier: 0.8.1
         version: 0.8.1(jsdom@27.4.0(@noble/hashes@2.2.0))
@@ -1140,7 +1200,7 @@ importers:
         version: 0.0.0-insiders.565cd3e(postcss@8.5.16)
       '@tailwindcss/postcss':
         specifier: ^4.1.18
-        version: 4.3.1
+        version: 4.3.2
       '@testing-library/dom':
         specifier: 10.4.1
         version: 10.4.1
@@ -1275,13 +1335,13 @@ importers:
         version: 0.6.1
       '@module-federation/enhanced':
         specifier: 2.5.1
-        version: 2.5.1(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
+        version: 2.5.1(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
       '@module-federation/node':
         specifier: 2.7.44
-        version: 2.7.44(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
+        version: 2.7.44(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
       '@module-federation/rsbuild-plugin':
         specifier: 2.5.1
-        version: 2.5.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
+        version: 2.5.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
       '@nasa-gcn/remix-seo':
         specifier: 2.0.1
         version: 2.0.1(@remix-run/react@2.17.5(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(typescript@5.9.3))(@remix-run/server-runtime@2.17.4(typescript@5.9.3))
@@ -1323,13 +1383,13 @@ importers:
         version: 1.0.6(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@react-router/express':
         specifier: 7.13.0
-        version: 7.13.0(express@5.2.1)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.13.0(express@5.2.1)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/node':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/remix-routes-option-adapter':
         specifier: 7.13.0
-        version: 7.13.0(@react-router/dev@7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1)))(typescript@5.9.3)
+        version: 7.13.0(@react-router/dev@7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)
       '@remix-run/server-runtime':
         specifier: 2.17.4
         version: 2.17.4(typescript@5.9.3)
@@ -1338,7 +1398,7 @@ importers:
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
       '@rsbuild/plugin-react':
         specifier: 2.1.0
-        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
       '@sentry/node':
         specifier: 10.37.0
         version: 10.37.0
@@ -1437,7 +1497,7 @@ importers:
         version: 19.2.7(react@19.2.7)
       react-router:
         specifier: ^7.13.0
-        version: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       remix-auth:
         specifier: 4.2.0
         version: 4.2.0
@@ -1446,7 +1506,7 @@ importers:
         version: 3.0.2(remix-auth@4.2.0)
       remix-utils:
         specifier: 9.0.0
-        version: 9.0.0(@oslojs/crypto@1.0.1)(@oslojs/encoding@1.1.0)(@standard-schema/spec@1.1.0)(intl-parse-accept-language@1.0.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
+        version: 9.0.0(@oslojs/crypto@1.0.1)(@oslojs/encoding@1.1.0)(@standard-schema/spec@1.1.0)(intl-parse-accept-language@1.0.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
       rsbuild-plugin-react-router:
         specifier: workspace:*
         version: link:../../..
@@ -1480,7 +1540,7 @@ importers:
     devDependencies:
       '@epic-web/config':
         specifier: 1.21.3
-        version: 1.21.3(@testing-library/dom@10.4.1)(@typescript-eslint/eslint-plugin@8.62.0(@typescript-eslint/parser@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/utils@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(prettier@3.8.1)(typescript@5.9.3)
+        version: 1.21.3(@testing-library/dom@10.4.1)(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/utils@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(prettier@3.8.1)(typescript@5.9.3)
       '@faker-js/faker':
         specifier: 10.2.0
         version: 10.2.0
@@ -1489,7 +1549,7 @@ importers:
         version: 1.61.1
       '@react-router/dev':
         specifier: ^7.13.0
-        version: 7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+        version: 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
       '@rstest/core':
         specifier: 0.8.1
         version: 0.8.1(jsdom@27.4.0(@noble/hashes@2.2.0))
@@ -1504,7 +1564,7 @@ importers:
         version: 0.0.0-insiders.565cd3e(postcss@8.5.16)
       '@tailwindcss/postcss':
         specifier: ^4.1.18
-        version: 4.3.1
+        version: 4.3.2
       '@testing-library/dom':
         specifier: 10.4.1
         version: 10.4.1
@@ -1612,13 +1672,13 @@ importers:
     dependencies:
       '@react-router/express':
         specifier: ^7.13.0
-        version: 7.13.0(express@5.2.1)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.13.0(express@5.2.1)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/node':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/serve':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       isbot:
         specifier: ^5.1.34
         version: 5.1.34
@@ -1630,23 +1690,23 @@ importers:
         version: 19.2.7(react@19.2.7)
       react-router:
         specifier: ^7.13.0
-        version: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     devDependencies:
       '@playwright/test':
         specifier: ^1.61.1
         version: 1.61.1
       '@react-router/dev':
         specifier: ^7.13.0
-        version: 7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+        version: 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
       '@rsbuild/core':
         specifier: 2.1.0
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
       '@rsbuild/plugin-react':
         specifier: ^2.1.0
-        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
       '@tailwindcss/postcss':
         specifier: ^4.1.18
-        version: 4.3.1
+        version: 4.3.2
       '@types/node':
         specifier: ^25.0.10
         version: 25.0.10
@@ -1661,7 +1721,7 @@ importers:
         version: 10.1.0
       react-router-devtools:
         specifier: ^6.2.0
-        version: 6.2.1(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(solid-js@1.9.13)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
+        version: 6.2.1(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(solid-js@1.9.14)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
       rsbuild-plugin-react-router:
         specifier: workspace:*
         version: link:../..
@@ -1670,34 +1730,147 @@ importers:
         version: 14.2.6
       string-replace-loader:
         specifier: ^3.3.0
-        version: 3.3.0(webpack@5.108.1(lightningcss@1.32.0))
+        version: 3.3.0(webpack@5.108.3(lightningcss@1.32.0))
       tailwindcss:
         specifier: ^4.1.18
-        version: 4.1.18
+        version: 4.3.1
       text-encoder-lite:
         specifier: ^2.0.0
         version: 2.0.0
       typescript:
         specifier: ^5.9.3
         version: 5.9.3
-      vite:
-        specifier: ^7.3.1
-        version: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
-      vite-tsconfig-paths:
-        specifier: ^6.0.5
-        version: 6.1.1(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
+
+  examples/react-router-8:
+    dependencies:
+      '@react-router/fs-routes':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)
+      '@react-router/node':
+        specifier: ^8.0.1
+        version: 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/serve':
+        specifier: ^8.0.1
+        version: 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@vanilla-extract/css':
+        specifier: ^1.20.1
+        version: 1.21.1
+      react:
+        specifier: ^19.2.4
+        version: 19.2.7
+      react-dom:
+        specifier: ^19.2.4
+        version: 19.2.7(react@19.2.7)
+      react-router:
+        specifier: ^8.0.1
+        version: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      serialize-javascript:
+        specifier: ^6.0.1
+        version: 6.0.2
+    devDependencies:
+      '@playwright/test':
+        specifier: ^1.58.0
+        version: 1.61.1
+      '@react-router/dev':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+      '@rsbuild/core':
+        specifier: 2.1.0
+        version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+      '@rsbuild/plugin-react':
+        specifier: 2.1.0
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+      '@types/node':
+        specifier: ^25.0.10
+        version: 25.0.10
+      '@types/react':
+        specifier: ^19.2.10
+        version: 19.2.10
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.10)
+      cross-env:
+        specifier: ^10.1.0
+        version: 10.1.0
+      rsbuild-plugin-react-router:
+        specifier: workspace:*
+        version: link:../..
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
+
+  examples/rsc-mode:
+    dependencies:
+      '@react-router/node':
+        specifier: ^8.0.1
+        version: 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/serve':
+        specifier: ^8.0.1
+        version: 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@remix-run/node-fetch-server':
+        specifier: ^0.13.3
+        version: 0.13.3
+      express:
+        specifier: ^4.22.2
+        version: 4.22.2
+      react:
+        specifier: ^19.2.4
+        version: 19.2.7
+      react-dom:
+        specifier: ^19.2.4
+        version: 19.2.7(react@19.2.7)
+      react-router:
+        specifier: ^8.0.1
+        version: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-server-dom-rspack:
+        specifier: 0.0.2
+        version: 0.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+    devDependencies:
+      '@playwright/test':
+        specifier: ^1.58.0
+        version: 1.61.1
+      '@react-router/dev':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+      '@rsbuild/core':
+        specifier: 2.1.0
+        version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+      '@rsbuild/plugin-react':
+        specifier: 2.1.0
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+      '@types/node':
+        specifier: ^25.0.10
+        version: 25.0.10
+      '@types/react':
+        specifier: ^19.2.10
+        version: 19.2.10
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.10)
+      cross-env:
+        specifier: ^10.1.0
+        version: 10.1.0
+      rsbuild-plugin-react-router:
+        specifier: workspace:*
+        version: link:../..
+      rsbuild-plugin-rsc:
+        specifier: ^0.1.1
+        version: 0.1.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(react-server-dom-rspack@0.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
 
   examples/spa-mode:
     dependencies:
       '@react-router/express':
         specifier: ^7.13.0
-        version: 7.13.0(express@5.2.1)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.13.0(express@5.2.1)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/node':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@react-router/serve':
         specifier: ^7.13.0
-        version: 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+        version: 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       isbot:
         specifier: ^5.1.34
         version: 5.1.34
@@ -1709,23 +1882,23 @@ importers:
         version: 19.2.7(react@19.2.7)
       react-router:
         specifier: ^7.13.0
-        version: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     devDependencies:
       '@playwright/test':
         specifier: ^1.61.1
         version: 1.61.1
       '@react-router/dev':
         specifier: ^7.13.0
-        version: 7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+        version: 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
       '@rsbuild/core':
         specifier: 2.1.0
         version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
       '@rsbuild/plugin-react':
         specifier: ^2.1.0
-        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
       '@tailwindcss/postcss':
         specifier: ^4.1.18
-        version: 4.3.1
+        version: 4.3.2
       '@types/node':
         specifier: ^25.0.10
         version: 25.0.10
@@ -1740,7 +1913,7 @@ importers:
         version: 10.1.0
       react-router-devtools:
         specifier: ^6.2.0
-        version: 6.2.1(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(solid-js@1.9.13)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
+        version: 6.2.1(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(solid-js@1.9.14)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
       rsbuild-plugin-react-router:
         specifier: workspace:*
         version: link:../..
@@ -1749,55 +1922,418 @@ importers:
         version: 14.2.6
       string-replace-loader:
         specifier: ^3.3.0
-        version: 3.3.0(webpack@5.108.1(lightningcss@1.32.0))
+        version: 3.3.0(webpack@5.108.3(lightningcss@1.32.0))
       tailwindcss:
         specifier: ^4.1.18
-        version: 4.1.18
+        version: 4.3.1
       text-encoder-lite:
         specifier: ^2.0.0
         version: 2.0.0
       typescript:
         specifier: ^5.9.3
         version: 5.9.3
-      vite:
-        specifier: ^7.3.1
-        version: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
-      vite-tsconfig-paths:
-        specifier: ^6.0.5
-        version: 6.1.1(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
-
-packages:
-
-  '@acemir/cssom@0.9.31':
-    resolution: {integrity: sha512-ZnR3GSaH+/vJ0YlHau21FjfLYjMpYVIzTD8M8vIEQvIGxeOXyXdzCI140rrCY862p/C/BbzWsjc1dgnM9mkoTA==}
-
-  '@adobe/css-tools@4.5.0':
-    resolution: {integrity: sha512-6OzddxPio9UiWTCemp4N8cYLV2ZN1ncRnV1cVGtve7dhPOtRkleRyx32GQCYSwDYgaHU3USMm84tNsvKzRCa1Q==}
-
-  '@alloc/quick-lru@5.2.0':
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
-
-  '@apm-js-collab/code-transformer@0.8.2':
-    resolution: {integrity: sha512-YRjJjNq5KFSjDUoqu5pFUWrrsvGOxl6c3bu+uMFc9HNNptZ2rNU/TI2nLw4jnhQNtka972Ee2m3uqbvDQtPeCA==}
-
-  '@apm-js-collab/tracing-hooks@0.3.1':
-    resolution: {integrity: sha512-Vu1CbmPURlN5fTboVuKMoJjbO5qcq9fA5YXpskx3dXe/zTBvjODFoerw+69rVBlRLrJpwPqSDqEuJDEKIrTldw==}
-
-  '@asamuzakjp/css-color@4.1.2':
-    resolution: {integrity: sha512-NfBUvBaYgKIuq6E/RBLY1m0IohzNHAYyaJGuTK79Z23uNwmz2jl1mPsC5ZxCCxylinKhT1Amn5oNTlx1wN8cQg==}
 
-  '@asamuzakjp/dom-selector@6.8.1':
-    resolution: {integrity: sha512-MvRz1nCqW0fsy8Qz4dnLIvhOlMzqDVBabZx6lH+YywFDdjXhMY37SmpV1XFX3JzG5GWHn63j6HX6QPr3lZXHvQ==}
+  tests/react-router-framework/integration:
+    dependencies:
+      '@mdx-js/rollup':
+        specifier: ^3.1.1
+        version: 3.1.1(rollup@4.62.2)
+      '@playwright/test':
+        specifier: ^1.60.0
+        version: 1.61.1
+      '@react-router/dev':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+      '@react-router/express':
+        specifier: ^8.0.1
+        version: 8.1.0(express@4.22.2)(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/node':
+        specifier: ^8.0.1
+        version: 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@types/cross-spawn':
+        specifier: ^6.0.6
+        version: 6.0.6
+      '@types/dedent':
+        specifier: ^0.7.0
+        version: 0.7.2
+      '@types/express':
+        specifier: ^5.0.0
+        version: 5.0.6
+      '@types/node':
+        specifier: ^22.19.19
+        version: 22.20.0
+      '@types/semver':
+        specifier: ^7.7.1
+        version: 7.7.1
+      '@types/shelljs':
+        specifier: ^0.10.0
+        version: 0.10.0
+      '@types/wait-on':
+        specifier: ^5.3.4
+        version: 5.3.4
+      '@vanilla-extract/css':
+        specifier: ^1.20.1
+        version: 1.21.1
+      cheerio:
+        specifier: ^1.2.0
+        version: 1.2.0
+      cross-spawn:
+        specifier: ^7.0.3
+        version: 7.0.6
+      dedent:
+        specifier: ^1.7.2
+        version: 1.7.2
+      execa:
+        specifier: 9.6.1
+        version: 9.6.1
+      express:
+        specifier: ^4.22.2
+        version: 4.22.2
+      get-port:
+        specifier: 7.2.0
+        version: 7.2.0
+      isbot:
+        specifier: ^5.1.40
+        version: 5.1.44
+      pathe:
+        specifier: ^2.0.3
+        version: 2.0.3
+      postcss:
+        specifier: ^8.5.15
+        version: 8.5.16
+      postcss-import:
+        specifier: ^16.1.1
+        version: 16.1.1(postcss@8.5.16)
+      prettier:
+        specifier: ^3.8.3
+        version: 3.9.4
+      react:
+        specifier: ^19.2.4
+        version: 19.2.7
+      react-dom:
+        specifier: ^19.2.4
+        version: 19.2.7(react@19.2.7)
+      react-router:
+        specifier: ^8.0.1
+        version: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-server-dom-rspack:
+        specifier: 0.0.2
+        version: 0.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      semver:
+        specifier: ^7.8.1
+        version: 7.8.5
+      serialize-javascript:
+        specifier: ^6.0.1
+        version: 6.0.2
+      shelljs:
+        specifier: ^0.10.0
+        version: 0.10.0
+      strip-ansi:
+        specifier: ^7.2.0
+        version: 7.2.0
+      strip-indent:
+        specifier: ^3.0.0
+        version: 3.0.0
+      type-fest:
+        specifier: ^4.0.0
+        version: 4.41.0
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
+      wait-on:
+        specifier: ^7.0.1
+        version: 7.2.0
 
-  '@asamuzakjp/nwsapi@2.3.9':
-    resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
+  tests/react-router-framework/integration/helpers/rsbuild-template:
+    dependencies:
+      '@react-router/express':
+        specifier: ^8.0.1
+        version: 8.1.0(express@4.22.2)(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/node':
+        specifier: ^8.0.1
+        version: 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/serve':
+        specifier: ^8.0.1
+        version: 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@remix-run/node-fetch-server':
+        specifier: ^0.13.3
+        version: 0.13.3
+      '@vanilla-extract/css':
+        specifier: ^1.20.1
+        version: 1.21.1
+      express:
+        specifier: ^4.22.2
+        version: 4.22.2
+      isbot:
+        specifier: ^5.1.40
+        version: 5.1.44
+      react:
+        specifier: ^19.2.4
+        version: 19.2.7
+      react-dom:
+        specifier: ^19.2.4
+        version: 19.2.7(react@19.2.7)
+      react-router:
+        specifier: ^8.0.1
+        version: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      serialize-javascript:
+        specifier: ^6.0.1
+        version: 6.0.2
+    devDependencies:
+      '@mdx-js/rollup':
+        specifier: ^3.1.1
+        version: 3.1.1(rollup@4.62.2)
+      '@react-router/dev':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+      '@react-router/fs-routes':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)
+      '@react-router/remix-routes-option-adapter':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)
+      '@rsbuild/core':
+        specifier: 2.1.0
+        version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+      '@rsbuild/plugin-less':
+        specifier: 1.6.4
+        version: 1.6.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsbuild/plugin-mdx':
+        specifier: ^1.1.3
+        version: 1.1.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsbuild/plugin-react':
+        specifier: 2.1.0
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+      '@rsbuild/plugin-sass':
+        specifier: 1.5.3
+        version: 1.5.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))
+      '@rsbuild/plugin-svgr':
+        specifier: 2.0.4
+        version: 2.0.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)
+      '@rsbuild/plugin-tailwindcss':
+        specifier: 2.0.3
+        version: 2.0.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@types/node':
+        specifier: ^22.19.19
+        version: 22.20.0
+      '@types/react':
+        specifier: ^19.2.10
+        version: 19.2.10
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.10)
+      '@vanilla-extract/webpack-plugin':
+        specifier: ^2.3.27
+        version: 2.3.27(webpack@5.108.3(lightningcss@1.32.0))
+      rsbuild:
+        specifier: npm:@rsbuild/core@2.1.0
+        version: '@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)'
+      rsbuild-plugin-react-router:
+        specifier: workspace:*
+        version: link:../../../../..
+      tailwindcss:
+        specifier: 4.3.2
+        version: 4.3.2
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
 
-  '@ast-grep/napi-darwin-arm64@0.37.0':
-    resolution: {integrity: sha512-QAiIiaAbLvMEg/yBbyKn+p1gX2/FuaC0SMf7D7capm/oG4xGMzdeaQIcSosF4TCxxV+hIH4Bz9e4/u7w6Bnk3Q==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [darwin]
+  tests/react-router-framework/integration/helpers/rsc-framework:
+    dependencies:
+      '@react-router/express':
+        specifier: ^8.0.1
+        version: 8.1.0(express@4.22.2)(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/node':
+        specifier: ^8.0.1
+        version: 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/serve':
+        specifier: ^8.0.1
+        version: 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@remix-run/node-fetch-server':
+        specifier: ^0.13.3
+        version: 0.13.3
+      '@vanilla-extract/css':
+        specifier: ^1.20.1
+        version: 1.21.1
+      compression:
+        specifier: ^1.8.1
+        version: 1.8.1
+      express:
+        specifier: ^4.22.2
+        version: 4.22.2
+      isbot:
+        specifier: ^5.1.40
+        version: 5.1.44
+      react:
+        specifier: ^19.2.4
+        version: 19.2.7
+      react-dom:
+        specifier: ^19.2.4
+        version: 19.2.7(react@19.2.7)
+      react-router:
+        specifier: ^8.0.1
+        version: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-server-dom-rspack:
+        specifier: 0.0.2
+        version: 0.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+    devDependencies:
+      '@mdx-js/rollup':
+        specifier: ^3.1.1
+        version: 3.1.1(rollup@4.62.2)
+      '@react-router/dev':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+      '@react-router/fs-routes':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)
+      '@react-router/remix-routes-option-adapter':
+        specifier: ^8.0.1
+        version: 8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)
+      '@rsbuild/core':
+        specifier: 2.1.0
+        version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+      '@rsbuild/plugin-less':
+        specifier: 1.6.4
+        version: 1.6.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsbuild/plugin-mdx':
+        specifier: ^1.1.3
+        version: 1.1.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsbuild/plugin-react':
+        specifier: 2.1.0
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+      '@rsbuild/plugin-sass':
+        specifier: 1.5.3
+        version: 1.5.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))
+      '@rsbuild/plugin-svgr':
+        specifier: 2.0.4
+        version: 2.0.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)
+      '@rsbuild/plugin-tailwindcss':
+        specifier: 2.0.3
+        version: 2.0.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@types/express':
+        specifier: ^5.0.0
+        version: 5.0.6
+      '@types/node':
+        specifier: ^22.19.19
+        version: 22.20.0
+      '@types/react':
+        specifier: ^19.2.10
+        version: 19.2.10
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.10)
+      '@vanilla-extract/webpack-plugin':
+        specifier: ^2.3.27
+        version: 2.3.27(webpack@5.108.3(lightningcss@1.32.0))
+      cross-env:
+        specifier: ^10.1.0
+        version: 10.1.0
+      rsbuild:
+        specifier: npm:@rsbuild/core@2.1.0
+        version: '@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)'
+      rsbuild-plugin-react-router:
+        specifier: workspace:*
+        version: link:../../../../..
+      rsbuild-plugin-rsc:
+        specifier: ^0.1.1
+        version: 0.1.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(react-server-dom-rspack@0.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      tailwindcss:
+        specifier: 4.3.2
+        version: 4.3.2
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
+
+  tests/react-router-framework/integration/helpers/rsc-preview:
+    dependencies:
+      '@remix-run/node-fetch-server':
+        specifier: ^0.13.3
+        version: 0.13.3
+      compression:
+        specifier: ^1.8.1
+        version: 1.8.1
+      cross-env:
+        specifier: ^10.1.0
+        version: 10.1.0
+      express:
+        specifier: ^4.22.2
+        version: 4.22.2
+      react:
+        specifier: ^19.2.4
+        version: 19.2.7
+      react-dom:
+        specifier: ^19.2.4
+        version: 19.2.7(react@19.2.7)
+      react-router:
+        specifier: ^8.0.1
+        version: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-server-dom-rspack:
+        specifier: 0.0.2
+        version: 0.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+    devDependencies:
+      '@rsbuild/core':
+        specifier: 2.1.0
+        version: 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+      '@rsbuild/plugin-react':
+        specifier: 2.1.0
+        version: 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+      '@types/express':
+        specifier: ^5.0.0
+        version: 5.0.6
+      '@types/node':
+        specifier: ^22.19.19
+        version: 22.20.0
+      '@types/react':
+        specifier: ^19.2.10
+        version: 19.2.10
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.10)
+      rsbuild:
+        specifier: npm:@rsbuild/core@2.1.0
+        version: '@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)'
+      rsbuild-plugin-react-router:
+        specifier: workspace:*
+        version: link:../../../../..
+      rsbuild-plugin-rsc:
+        specifier: ^0.1.1
+        version: 0.1.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(react-server-dom-rspack@0.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
+
+packages:
+
+  '@acemir/cssom@0.9.31':
+    resolution: {integrity: sha512-ZnR3GSaH+/vJ0YlHau21FjfLYjMpYVIzTD8M8vIEQvIGxeOXyXdzCI140rrCY862p/C/BbzWsjc1dgnM9mkoTA==}
+
+  '@adobe/css-tools@4.5.0':
+    resolution: {integrity: sha512-6OzddxPio9UiWTCemp4N8cYLV2ZN1ncRnV1cVGtve7dhPOtRkleRyx32GQCYSwDYgaHU3USMm84tNsvKzRCa1Q==}
+
+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
+  '@apm-js-collab/code-transformer@0.8.2':
+    resolution: {integrity: sha512-YRjJjNq5KFSjDUoqu5pFUWrrsvGOxl6c3bu+uMFc9HNNptZ2rNU/TI2nLw4jnhQNtka972Ee2m3uqbvDQtPeCA==}
+
+  '@apm-js-collab/tracing-hooks@0.3.1':
+    resolution: {integrity: sha512-Vu1CbmPURlN5fTboVuKMoJjbO5qcq9fA5YXpskx3dXe/zTBvjODFoerw+69rVBlRLrJpwPqSDqEuJDEKIrTldw==}
+
+  '@asamuzakjp/css-color@4.1.2':
+    resolution: {integrity: sha512-NfBUvBaYgKIuq6E/RBLY1m0IohzNHAYyaJGuTK79Z23uNwmz2jl1mPsC5ZxCCxylinKhT1Amn5oNTlx1wN8cQg==}
+
+  '@asamuzakjp/dom-selector@6.8.1':
+    resolution: {integrity: sha512-MvRz1nCqW0fsy8Qz4dnLIvhOlMzqDVBabZx6lH+YywFDdjXhMY37SmpV1XFX3JzG5GWHn63j6HX6QPr3lZXHvQ==}
+
+  '@asamuzakjp/nwsapi@2.3.9':
+    resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
+
+  '@ast-grep/napi-darwin-arm64@0.37.0':
+    resolution: {integrity: sha512-QAiIiaAbLvMEg/yBbyKn+p1gX2/FuaC0SMf7D7capm/oG4xGMzdeaQIcSosF4TCxxV+hIH4Bz9e4/u7w6Bnk3Q==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
 
   '@ast-grep/napi-darwin-x64@0.37.0':
     resolution: {integrity: sha512-zvcvdgekd4ySV3zUbUp8HF5nk5zqwiMXTuVzTUdl/w08O7JjM6XPOIVT+d2o/MqwM9rsXdzdergY5oY2RdhSPA==}
@@ -1982,18 +2518,6 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx-self@7.29.7':
-    resolution: {integrity: sha512-TL0hMc9xzy86VD31nUiwzd5otRAcyEPcsegCxolO0PvcXuH1v0kECe/UIznYFihpkvU5wg/jk4v0TTEFfm53fw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-react-jsx-source@7.29.7':
-    resolution: {integrity: sha512-06IyK09H3wi4cGbhDBwp5gUGo0IKtnYa8tyTiephirPCK6fbobVGiXMMI5zLQ4aKEYP3wZ3ArU44o+8KMrSG/Q==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
   '@babel/plugin-transform-typescript@7.29.7':
     resolution: {integrity: sha512-jK52h8LaLc7JarhQV2ofeFMts4H7vnOXnqZNA6fYglBTZewRBE51KWt3BUltW1P+KoPsYkHoJeXePuz4zo2LMw==}
     engines: {node: '>=6.9.0'}
@@ -2022,8 +2546,8 @@ packages:
     resolution: {integrity: sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==}
     engines: {node: '>=6.9.0'}
 
-  '@biomejs/cli-darwin-arm64@2.5.1':
-    resolution: {integrity: sha512-npqDzvqv7vFaWRiNN1Te71siRgPaqS9MpqgYCdP/CrUbkJ7ApezaeaKjueKHRN/JH/6lRjJQAHi8acQDCAz22w==}
+  '@biomejs/cli-darwin-arm64@2.5.2':
+    resolution: {integrity: sha512-e7P3P7EkwFc/KiX2AHw4YDLIBOMfG9CPCAwy52k5Bp0dfhkozx9hf6wCmIr2QeXy2XeccJ3V/Sg+hDmzYEqxSg==}
     engines: {node: '>=14.21.3'}
     cpu: [arm64]
     os: [darwin]
@@ -2105,38 +2629,38 @@ packages:
       workerd:
         optional: true
 
-  '@cloudflare/workerd-darwin-64@1.20260625.1':
-    resolution: {integrity: sha512-naCfBv0WnnTQIQPTniqMoUlklOIFjrAcSn1X+IAOhY8aFLF/xGYtFjs1eEE8sFib3ZuChGGpU23FFORVczqr0A==}
+  '@cloudflare/workerd-darwin-64@1.20260701.1':
+    resolution: {integrity: sha512-Zd9Y1bah6DwwBN2RW8vJohffQrIUazb8UXnqSNecOxM+jJLhUuvv5IOG8dbHcV83TyZAubea6gsQXo2yH1lDdw==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [darwin]
 
-  '@cloudflare/workerd-darwin-arm64@1.20260625.1':
-    resolution: {integrity: sha512-jmH6zjp6Wrux46+qtFwDwrj+vd7s5bdwEqeGvdnwE0a4IEeAhKs0L42HQOyID+g5lkrHq9m55+AbhtmRAm63Pw==}
+  '@cloudflare/workerd-darwin-arm64@1.20260701.1':
+    resolution: {integrity: sha512-yBLsjS1qCWqFyCY37qRUrYfzHHvMGvjh8zRKJ6MvUivYDhkZTzqduppK38FoqYvayLJ5KbcxH7zo5rkxGqbsaA==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [darwin]
 
-  '@cloudflare/workerd-linux-64@1.20260625.1':
-    resolution: {integrity: sha512-MiQkpA/dX8d83Zp64pzHUKfd6ca4cvwxnNobSP6CnXvfESvnNI9pfa+nfwnParla36sPmnYntNkjR7NjRuDeKQ==}
+  '@cloudflare/workerd-linux-64@1.20260701.1':
+    resolution: {integrity: sha512-vMfqSIMfoo4xmZXEuUVqLpSFS921YKjiR9q7kDXPi6Vld1PK74UHg9LZuBavT2KSyemHUCTpj9y/4JSYOEyQbQ==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [linux]
 
-  '@cloudflare/workerd-linux-arm64@1.20260625.1':
-    resolution: {integrity: sha512-LxxW7Qv60Xvv37+w6gUSDpYZziyqMy+cZWd9IvSA5ehVgKAxmzEaYPMiSZlxk32nbIWL9u/tfjXYCOKJ4Lo+XQ==}
+  '@cloudflare/workerd-linux-arm64@1.20260701.1':
+    resolution: {integrity: sha512-HRfwbKU2pK44V2NhoM0+iH0JJSj7nQ9Wv13ifIiGYCmTtDL8/zKtEhX7kQ3D4Vy/Cpjhttl0FkfqXj1aqLDPPg==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [linux]
 
-  '@cloudflare/workerd-windows-64@1.20260625.1':
-    resolution: {integrity: sha512-LH6iIX1HHaTwVKV5VokDxxUErXJzQoNZFRwVm7Vx/3fB/ApcTcRCUaMqcxI4as94jEUqg+pmX5czOndiveohow==}
+  '@cloudflare/workerd-windows-64@1.20260701.1':
+    resolution: {integrity: sha512-ngxCiIN9s/fM2o1IBMD0o1/mcXrv2NJVdyznh51UH8sQuvrTrXvV2nM0Uj/qU2wMwF6prgNBcdcd7AZeZGiBQA==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [win32]
 
-  '@cloudflare/workers-types@4.20260628.1':
-    resolution: {integrity: sha512-fMy5zBnNl/PxGqDzSOQb1TdqyR1sRT1Z7T4F8/cqtxpZ1w8VkejWi0qUH7GZE0I2gJyapdP0oW4pNZfxUbekmw==}
+  '@cloudflare/workers-types@4.20260702.1':
+    resolution: {integrity: sha512-mOhf5TUEB1m2vPrxtqoIGfz0fUC9xyxRDx5gWHy5s+OCo6dcV+g7wI1R7gYCMFohhqF/2y2xeKVwMwCJjfn/WA==}
 
   '@conform-to/dom@1.16.0':
     resolution: {integrity: sha512-KkURoALYztq5kli8/Ojqe4PyTcAmc9pHOmIoU5RJzre8poWgmjCsHQt28xhEyDk5XBwo8bkvyKm8oKqwSAAucw==}
@@ -2197,18 +2721,27 @@ packages:
   '@emnapi/core@1.11.1':
     resolution: {integrity: sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==}
 
+  '@emnapi/core@1.11.2':
+    resolution: {integrity: sha512-TC8MkTuZUtcTSiFeuC0ksCh9QIJ5+F21MvZ4Wn4ORfYaFJ/0dsiudv5tVkejgwZlwQ39jL9WWDe2lz8x0WglOA==}
+
   '@emnapi/runtime@1.10.0':
     resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
 
   '@emnapi/runtime@1.11.1':
     resolution: {integrity: sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==}
 
+  '@emnapi/runtime@1.11.2':
+    resolution: {integrity: sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==}
+
   '@emnapi/wasi-threads@1.2.1':
     resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
 
   '@emnapi/wasi-threads@1.2.2':
     resolution: {integrity: sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==}
 
+  '@emotion/hash@0.9.2':
+    resolution: {integrity: sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==}
+
   '@epic-web/cachified@5.6.1':
     resolution: {integrity: sha512-+VKwMhqM43l2s+gX28Telcf6bUJk1Zaj0Ix2i8K4R2QW8WgPE0q3THCnr0xZg5chw35/B4SkHS43an2fqKOFnQ==}
 
@@ -2641,6 +3174,32 @@ packages:
       ts-jest:
         optional: true
 
+  '@hapi/address@5.1.1':
+    resolution: {integrity: sha512-A+po2d/dVoY7cYajycYI43ZbYMXukuopIsqCjh5QzsBCipDtdofHntljDlpccMjIfTy6UOkg+5KPriwYch2bXA==}
+    engines: {node: '>=14.0.0'}
+
+  '@hapi/formula@3.0.2':
+    resolution: {integrity: sha512-hY5YPNXzw1He7s0iqkRQi+uMGh383CGdyyIGYtB+W5N3KHPXoqychklvHhKCC9M3Xtv0OCs/IHw+r4dcHtBYWw==}
+
+  '@hapi/hoek@11.0.7':
+    resolution: {integrity: sha512-HV5undWkKzcB4RZUusqOpcgxOaq6VOAH7zhhIr2g3G8NF/MlFO75SjOr2NfuSx0Mh40+1FqCkagKLJRykUWoFQ==}
+
+  '@hapi/hoek@9.3.0':
+    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
+
+  '@hapi/pinpoint@2.0.1':
+    resolution: {integrity: sha512-EKQmr16tM8s16vTT3cA5L0kZZcTMU5DUOZTuvpnY738m+jyP3JIUj+Mm1xc1rsLkGBQ/gVnfKYPwOmPg1tUR4Q==}
+
+  '@hapi/tlds@1.1.7':
+    resolution: {integrity: sha512-MgNjRwy9Ti92yVAixLmDc8dd1bJIKwO9qlWCfFQRwRmUEDPQHYn4G6hwPFvFGUTzAa0FsS+inMjLin7GnyBRhA==}
+    engines: {node: '>=14.0.0'}
+
+  '@hapi/topo@5.1.0':
+    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
+
+  '@hapi/topo@6.0.2':
+    resolution: {integrity: sha512-KR3rD5inZbGMrHmgPxsJ9dbi6zEK+C3ZwUwTa+eMwWLz7oijWUTWD2pMSNNYJAU6Qq+65NkxXjqHr/7LM2Xkqg==}
+
   '@humanfs/core@0.19.2':
     resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
     engines: {node: '>=18.18.0'}
@@ -2874,6 +3433,22 @@ packages:
   '@manypkg/get-packages@1.1.3':
     resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
 
+  '@mdx-js/loader@3.1.1':
+    resolution: {integrity: sha512-0TTacJyZ9mDmY+VefuthVshaNIyCGZHJG2fMnGaDttCt8HmjUF7SizlHJpaCDoGnN635nK1wpzfpx/Xx5S4WnQ==}
+    peerDependencies:
+      webpack: '>=5'
+    peerDependenciesMeta:
+      webpack:
+        optional: true
+
+  '@mdx-js/mdx@3.1.1':
+    resolution: {integrity: sha512-f6ZO2ifpwAQIpzGWaBQT2TXxPv6z3RBzQKpVftEWN78Vl/YweF1uwussDx8ECAXVtr3Rs89fKyG9YlzUs9DyGQ==}
+
+  '@mdx-js/rollup@3.1.1':
+    resolution: {integrity: sha512-v8satFmBB+DqDzYohnm1u2JOvxx6Hl3pUvqzJvfs2Zk/ngZ1aRUhsWpXvwPkNeGN9c2NCm/38H29ZqXQUjf8dw==}
+    peerDependencies:
+      rollup: '>=2'
+
   '@mjackson/form-data-parser@0.9.1':
     resolution: {integrity: sha512-GQqet5qTAm8LfUOsMdfdInqnOBpuDO5GK/y7tBgpXs+DQhJY9Rf1fxMuFXiXczoNMRu8UIG5/RFSBDeaF1bbrw==}
 
@@ -3075,16 +3650,16 @@ packages:
     resolution: {integrity: sha512-swFdZq8MCdmdR22jTVGQDhwqDzcI4M10nhjXkLr1EsIzXgZBqm4ZlmmcWsg3TSNf+3mzgOiqveXmBLZuDi2Lgg==}
     engines: {node: '>=8.0.0'}
 
-  '@opentelemetry/api-logs@0.219.0':
-    resolution: {integrity: sha512-FFx7YnaYJlIjqWW/AG/yAZ0L/NEY724PipXXXQLdtZPbLwBGbUMTGL1i/esI56TWfTUXxhLfpgrnWJCG8aUJyg==}
+  '@opentelemetry/api-logs@0.220.0':
+    resolution: {integrity: sha512-CmVa4ImJ+ynfrPMNaAXHET6Bhb44SwzmfyVJFq9ni2jgXJR/l7C6gfVFddNmHP+ZOkP9cf4f9DBe68qVLTHc9w==}
     engines: {node: '>=8.0.0'}
 
   '@opentelemetry/api@1.9.1':
     resolution: {integrity: sha512-gLyJlPHPZYdAk1JENA9LeHejZe1Ti77/pTeFm/nMXmQH/HFZlcS/O2XJB+L8fkbrNSqhdtlvjBVjxwUYanNH5Q==}
     engines: {node: '>=8.0.0'}
 
-  '@opentelemetry/context-async-hooks@2.8.0':
-    resolution: {integrity: sha512-/3FIraneMcng67SUJCxvyInk/oxzwsxyadufk0wwfOBLf5wqtAGX4MoQASwSbndBPeARzBryUM9Azr5kHIdWLw==}
+  '@opentelemetry/context-async-hooks@2.9.0':
+    resolution: {integrity: sha512-OQ0vzvbZBiUhjqLnUaoNfYmP8553Crr3aggB4y0ZUi815mZ7idpdJXQmoKdeBKJelYttoBlLSSHubmyw3wvX4w==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.10.0'
@@ -3095,8 +3670,8 @@ packages:
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.10.0'
 
-  '@opentelemetry/core@2.8.0':
-    resolution: {integrity: sha512-hd1Lfh8p545nNz+jq1Ejfz+Mn1hyLuxYn1YzTfFNrxr8urEWMNQLPf1Th8kjOH+HxwawCrtgBp8JpBUR4ZSgww==}
+  '@opentelemetry/core@2.9.0':
+    resolution: {integrity: sha512-m2nckMT80NnmjTYSPjJQObBJ+8dgkoajEOUbznL8AHZ3T3yHRk2P7gI1PhEBc1+lOnrYE9UWrWHqJDsmqjmNbw==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.10.0'
@@ -3245,8 +3820,8 @@ packages:
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation@0.219.0':
-    resolution: {integrity: sha512-X5t7I8GyIO9rmGHwoedZLREpQqrF1WW2nxzNNym6HOKpFiE+rvqV3ngC0xcZVO2YwIGf3KKmRdWrYwdwz3H9RQ==}
+  '@opentelemetry/instrumentation@0.220.0':
+    resolution: {integrity: sha512-xQx3E2WxP1mDvKzxLxX+CTCtNLa560YJZ3087qYHerl2YmiKpv7AH+dAy7vmx+eVrZ5BwhfWUAVoKOoxCNHcpw==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
@@ -3255,14 +3830,20 @@ packages:
     resolution: {integrity: sha512-VCghU1JYs/4gP6Gqf/xro9MEsZ7LrMv2uONVsaESKL38ZOB9BqnI98FfS23wjMnHlpuE+TTaWSoAVNpTwYXzjw==}
     engines: {node: ^18.19.0 || >=20.6.0}
 
-  '@opentelemetry/resources@2.8.0':
-    resolution: {integrity: sha512-qmXQ27ilDbUK/vGMqwL8D4/rhn76C+sherM4wTbjlfknR8Nvfc/hCxjRJPhkzZzUsPiNg16SA31NxMabwttRjg==}
+  '@opentelemetry/resources@2.9.0':
+    resolution: {integrity: sha512-jyA5MBLQ+Dkl3+JsZkUoUvL7yHvU64kLsvpXKarWm6347Sl1t1bXFTFykUePNpT5WH5pm9a2Qtt03iIYQhZ1Fg==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.3.0 <1.10.0'
+
+  '@opentelemetry/sdk-trace-base@2.9.0':
+    resolution: {integrity: sha512-cp9zmTl62R8PJrpvFcmc8N2JQU/xfa0S+61q511Nji+QxCfZ8Ifvg7H27G8cANe4crg4RTrWsVvanHiXjSp6ag==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': '>=1.3.0 <1.10.0'
 
-  '@opentelemetry/sdk-trace-base@2.8.0':
-    resolution: {integrity: sha512-mhU4jp+vW0mGbFRd+GeXHvmfA4aDqWjBjLC3pE5XMpLs0IE2ryYb019Ts2AQrOq67gaTF25D91+fgvEHDZEnuQ==}
+  '@opentelemetry/sdk-trace@2.9.0':
+    resolution: {integrity: sha512-sGA19HvtrrSKYsseHphluH6j3p6Xa3fqc7c7y8f/7mYWejc1lyDFcpSdD1kYa50HCLUeEo4zA5bW0pniaPszuw==}
     engines: {node: ^18.19.0 || >=20.6.0}
     peerDependencies:
       '@opentelemetry/api': '>=1.3.0 <1.10.0'
@@ -3450,8 +4031,8 @@ packages:
   '@radix-ui/primitive@1.1.4':
     resolution: {integrity: sha512-7AdCK9PQyiljKoBDbN8OuctCbd/esdwZPQ8RtOE3SsyQtUpiPb+ND75q0jEhC1m1ecBI0MFNeLJvwIh9iKHRcQ==}
 
-  '@radix-ui/react-accordion@1.2.14':
-    resolution: {integrity: sha512-iE8YB9nmTBH8zd73ofBISZ8JCzgMoMkATJr7qDwa6u5F1+7mTM81V6fa71jgZ65rpjVpecDf1vSnwIFP9Ly1zw==}
+  '@radix-ui/react-accordion@1.2.15':
+    resolution: {integrity: sha512-24Zz/0SYx8F2bSVThBnQrdJs2VbKelyuJordcFRRdA0fRAhrq/wSegGCqaQz34VQoiWqSMGYCYXEhynLSlyQlg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -3489,8 +4070,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-collapsible@1.1.14':
-    resolution: {integrity: sha512-9bT+FvifX1FK2Mj6UEsTdyu0cN3JaA3KdfhaBao+ONrYFy/pyOy3TU1TNw7iOk1o+0hOEq67RojlUUmoFGwxyA==}
+  '@radix-ui/react-collapsible@1.1.15':
+    resolution: {integrity: sha512-8A1zibu5skAQ+UVbaeNH5hVMibiFCRJzgMuM14LTWGttnTZKQL9jwYnhAbHRuxrtCqPXa4JvvnVUq1pTNgyZYw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -3502,8 +4083,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-collection@1.1.10':
-    resolution: {integrity: sha512-IVVz4EvBcKjrzKgof714qDnz/SzQAkLA2Emh5edlHbgcE6fNd3Un6CJLlaYcnm8N4JmAtzQgse4dOKxcD2yc9g==}
+  '@radix-ui/react-collection@1.1.11':
+    resolution: {integrity: sha512-djW9+zeg137KQdlPtmE8xnaD+K2rcXXMWFrSg0hsmYZ6HRbdTA7tDHFgpaW9+huWVEu0RCabL+985T4TA0BE7g==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -3752,8 +4333,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-primitive@2.1.6':
-    resolution: {integrity: sha512-wetd0QI77DbvrPpTAvH1SqOxsYF2wZe5TNxqwOd5Ty4XDpV3dpV0s8K/1MGMJBeY5o7lg8ub5VIt1Ub+yVen6g==}
+  '@radix-ui/react-primitive@2.1.7':
+    resolution: {integrity: sha512-bC3NiwsprbxKjuon9l7X6BUTw7FPVzEYaL92MPEY5SCd/9hUTPXVFtVwRix7778wtRsVao+zE062gL79FZleeQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -4125,12 +4706,12 @@ packages:
     peerDependencies:
       react: ^18.0 || ^19.0 || ^19.0.0-rc
 
-  '@react-router/cloudflare@7.18.0':
-    resolution: {integrity: sha512-im4t/oeTyT/oIoU/YoNtn4g9XA3NjeZoBM1wQafZPhXmCu6LfPF5TFaPwenj3U+70cqeuwXeVY/NfBG6yxodmQ==}
+  '@react-router/cloudflare@7.18.1':
+    resolution: {integrity: sha512-fQpWtCQ2wvV7mSfM/YC3dGWyMZtGlRI6JpkB07MF38ZTcqQf5wmyfP2u7iO3+YdalOKW+3fVnCFS84QkPAKwlg==}
     engines: {node: '>=20.0.0'}
     peerDependencies:
       '@cloudflare/workers-types': ^4.0.0
-      react-router: ^7.18.0
+      react-router: ^7.18.1
       typescript: ^5.1.0 || ^6.0.0
     peerDependenciesMeta:
       typescript:
@@ -4160,38 +4741,14 @@ packages:
       wrangler:
         optional: true
 
-  '@react-router/dev@7.18.0':
-    resolution: {integrity: sha512-GVTFvul0xlZHZyVXyRpiJv54Xfyj4eDOAlGYrzi7kDmN7n40rsrUqX+hvU0fy/41SCDMtckht59R3iGR94703g==}
-    engines: {node: '>=20.0.0'}
-    hasBin: true
-    peerDependencies:
-      '@react-router/serve': ^7.18.0
-      '@vitejs/plugin-rsc': ~0.5.21
-      react-router: ^7.18.0
-      react-server-dom-webpack: ^19.2.3
-      typescript: ^5.1.0 || ^6.0.0
-      vite: ^5.1.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
-      wrangler: ^3.28.2 || ^4.0.0
-    peerDependenciesMeta:
-      '@react-router/serve':
-        optional: true
-      '@vitejs/plugin-rsc':
-        optional: true
-      react-server-dom-webpack:
-        optional: true
-      typescript:
-        optional: true
-      wrangler:
-        optional: true
-
-  '@react-router/dev@8.0.1':
-    resolution: {integrity: sha512-Xc1WfN4Ql9j271iJnvIJqxLvN5cyjUW/X4JsGw2j/0lET12UFnpNTpBLYXmLNci8vfpmfKI06KSixZ4pjIT4Bw==}
+  '@react-router/dev@8.1.0':
+    resolution: {integrity: sha512-0R7g3hPm+vXjfOzA6oInZ3KI/N9hxrtibtue3s1pdHcSPrfRFU2jgmC5I/W0gCJ9wtszLKqisHRet2vzY8USoA==}
     engines: {node: '>=22.22.0'}
     hasBin: true
     peerDependencies:
-      '@react-router/serve': ^8.0.1
+      '@react-router/serve': ^8.1.0
       '@vitejs/plugin-rsc': ~0.5.26
-      react-router: ^8.0.1
+      react-router: ^8.1.0
       react-server-dom-webpack: ^19.2.7
       typescript: ^5.1.0 || ^6.0.0
       vite: ^7.0.0 || ^8.0.0
@@ -4230,12 +4787,22 @@ packages:
       typescript:
         optional: true
 
-  '@react-router/express@7.18.0':
-    resolution: {integrity: sha512-7+6oZJYdJ7ha7ASV0XkYZkmnTUYtRkzjzjpZh3W9tPdaUY1zJoDFiMlUJZoAg0mHw8BNTAwVWCCf8NFV1xlLZA==}
-    engines: {node: '>=20.0.0'}
+  '@react-router/express@8.1.0':
+    resolution: {integrity: sha512-SuyQNfxbfphmEjF0joUir5boACNRoD2HUPrIqp56fhG7zwOAR9NQpnu6ZQZ8iA2ox3U013BR8Flijb2tI1jFbg==}
+    engines: {node: '>=22.22.0'}
     peerDependencies:
-      express: ^4.17.1 || ^5
-      react-router: 7.18.0
+      express: ^4.22.2 || ^5
+      react-router: 8.1.0
+      typescript: ^5.1.0 || ^6.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@react-router/fs-routes@8.1.0':
+    resolution: {integrity: sha512-m2TcSWXY/XQL46kXbo/mCoTx9pqzU4/om0aF0C1x/BCdHq9NsXSorUhiL8Jg08RJ+ZVxMbNc0W0WH/HQsKb6yw==}
+    engines: {node: '>=22.22.0'}
+    peerDependencies:
+      '@react-router/dev': ^8.1.0
       typescript: ^5.1.0 || ^6.0.0
     peerDependenciesMeta:
       typescript:
@@ -4261,21 +4828,11 @@ packages:
       typescript:
         optional: true
 
-  '@react-router/node@7.18.0':
-    resolution: {integrity: sha512-pRXJahLrdVfuVbaTpWsZ89mBuGiYH3Z4y+y1UidwxmJFKk6NjMyUvkJl3FjDWdD+nSlgFPSESUZS0hF560MUUQ==}
-    engines: {node: '>=20.0.0'}
-    peerDependencies:
-      react-router: 7.18.0
-      typescript: ^5.1.0 || ^6.0.0
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@react-router/node@8.0.1':
-    resolution: {integrity: sha512-XUtOdjgOtFXe4XxkO28km51l++AYL7A3mk4Sozm7hr3ROY/9qE+9EoPHw0gEv4FQEgY7a/6XnzDL5dB+zNt7GA==}
+  '@react-router/node@8.1.0':
+    resolution: {integrity: sha512-KgdcDTp+rDFybx4qBaGxBpKEBCSjBT+bmRXRziD3A9TOlQ1AlaqK1sSttYtgA/t4HEgoDsKVa7OO9jaZAacLgg==}
     engines: {node: '>=22.22.0'}
     peerDependencies:
-      react-router: 8.0.1
+      react-router: 8.1.0
       typescript: ^5.1.0 || ^6.0.0
     peerDependenciesMeta:
       typescript:
@@ -4291,6 +4848,16 @@ packages:
       typescript:
         optional: true
 
+  '@react-router/remix-routes-option-adapter@8.1.0':
+    resolution: {integrity: sha512-9lh1lzuXk1l70ekNLZYWcdo2mczeEfL8/dUhz2uK9yLOGWogtKbELyskJeLBGoZ/mfHardRM/VsPL46qoCw3Zg==}
+    engines: {node: '>=22.22.0'}
+    peerDependencies:
+      '@react-router/dev': ^8.1.0
+      typescript: ^5.1.0 || ^6.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@react-router/serve@7.14.0':
     resolution: {integrity: sha512-setPBP5+ci0vwx+ufGZl0inOwsCoGU1ssOJcW4fHo+Pb6GbbMTrbCOVO6yQkDsTrQju+iStp3d7FTxLHphLhcA==}
     engines: {node: '>=20.0.0'}
@@ -4298,12 +4865,12 @@ packages:
     peerDependencies:
       react-router: 7.14.0
 
-  '@react-router/serve@7.18.0':
-    resolution: {integrity: sha512-IrF0cLcJNGBBavnRBm3HxaEGwRrLrLF8E4EzQFuCpkgP1sRli1x2xEOOTJl4zBgUbyIn0ey4TAD6ytg45MAUBQ==}
-    engines: {node: '>=20.0.0'}
+  '@react-router/serve@8.1.0':
+    resolution: {integrity: sha512-ZK6BK25axqfWMha773/+5ZPGyh0zSWiOhsRXECnrHImUhzBcVvEK7niApbimIW9zllHegUIqbwb2AC47A6MQ4w==}
+    engines: {node: '>=22.22.0'}
     hasBin: true
     peerDependencies:
-      react-router: 7.18.0
+      react-router: 8.1.0
 
   '@remix-run/node-fetch-server@0.13.3':
     resolution: {integrity: sha512-UfjOXed/DQteaM5VyTfqTeGpHwyL2J5aoRGY6cydip4tt1ehNNeSwuXCC7AEGE0RWBs/7bgKxYkL/B/+UDe4AA==}
@@ -4345,8 +4912,14 @@ packages:
       typescript:
         optional: true
 
-  '@rolldown/pluginutils@1.0.0-beta.53':
-    resolution: {integrity: sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==}
+  '@rollup/pluginutils@5.4.0':
+    resolution: {integrity: sha512-MfPp06CjRLfXQ3wY0R8vJDYBy/MvVcc9OulEfR0B8Iv9ko+GCNaRZ+EpJYFl27LhKsZK0o420sYCRHCjfCgeUg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
 
   '@rollup/rollup-android-arm-eabi@4.62.2':
     resolution: {integrity: sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==}
@@ -4498,6 +5071,16 @@ packages:
       core-js:
         optional: true
 
+  '@rsbuild/core@2.1.6':
+    resolution: {integrity: sha512-w2WxblstOgHnDElkqJZVO/jM/EqPaEhg7zqQhON3Xu3Mj9FlVOJx+SgimOtghFzxLt8x7atX4oMUtMTNSZGf0Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      core-js: '>= 3.0.0'
+    peerDependenciesMeta:
+      core-js:
+        optional: true
+
   '@rsbuild/plugin-babel@2.0.0':
     resolution: {integrity: sha512-JSiKJhsebDItVYPLY4dpZ0vw2Acvqv4jQtuAIDri+o6qBYzCzDXP936F6REiitVNTWh3H2rCyT8eM/WADTuFow==}
     peerDependencies:
@@ -4522,6 +5105,14 @@ packages:
       '@rsbuild/core':
         optional: true
 
+  '@rsbuild/plugin-mdx@1.1.3':
+    resolution: {integrity: sha512-2o/Pg+VExsyfr6uzzXj+cBxzjiFbQ2yIUxzM5kQnrPC5J0D8ZhWyXuWN5rTtsolAS23QdfsycZ0iAtlRuZVwCw==}
+    peerDependencies:
+      '@rsbuild/core': ^1.0.0 || ^2.0.0
+    peerDependenciesMeta:
+      '@rsbuild/core':
+        optional: true
+
   '@rsbuild/plugin-react@2.1.0':
     resolution: {integrity: sha512-RQTIAWB/CwPjoWt9iAl+8HixeQVgZ7kEIBrWPCixfITyHdiD84h0YpUTpEUuz6kGHw1KXT9mHZ3Rwy6WG7aRDA==}
     peerDependencies:
@@ -4554,28 +5145,28 @@ packages:
       '@rsbuild/core':
         optional: true
 
-  '@rsdoctor/client@1.5.16':
-    resolution: {integrity: sha512-SskR2c06w+QTCrrhlN5wIjpVzJgqscQlMlYT3e/rSc2lH09lA1VBkKlgh2jy0OkE7FTZIO+9n6hdXM4qCAFOOA==}
+  '@rsdoctor/client@1.5.17':
+    resolution: {integrity: sha512-3EqJtkfBfKd4hcr2+KxvwqpTyTxm11Ti//c/0BGvcr+RnH+U7XVkrpxVZNvTPDA9RTSIqMNJCUh4/89KRSZPQQ==}
 
-  '@rsdoctor/core@1.5.16':
-    resolution: {integrity: sha512-Sj9bJO3yRYvTn111pNFzADLrE9WJ8ZgOJertzeST4ueOSw4yeUkM9oMgj21p7NWYsM44C2vDuBIcerAHuxIkBA==}
+  '@rsdoctor/core@1.5.17':
+    resolution: {integrity: sha512-RVpCDEIw2jERG1Jfc8t/sWVqPh9KndcoJRYwPHxls3GsbvaJZtwV1/smipn7GXiuT8T/80XU2icTydcFEdZEdw==}
 
-  '@rsdoctor/graph@1.5.16':
-    resolution: {integrity: sha512-Uzq5n5Za30z2CW6V9j6Bl4x8Bbek1YHJyhKEXyF1P3UoQIQ2qpdYu1B//krlDV2YmwB7ENwqaV5D0D+LoB690g==}
+  '@rsdoctor/graph@1.5.17':
+    resolution: {integrity: sha512-fMT50FdXZEObmt9aMaKFiZ4YI1hzFS0sBKSPqTUqq+GvkhRaDEx7FD+TNAYGoCeVENFkNWagS4NUpYP7Tn4SVw==}
 
-  '@rsdoctor/rspack-plugin@1.5.16':
-    resolution: {integrity: sha512-CoFLPpJF+XU96sVZ8EWbbQh4ZjihmZAv3hlyQzrn+HO8VBa0BRI/k+oyRAPwg7fI0/Uc1OHDtgL7D8IST3vbTw==}
+  '@rsdoctor/rspack-plugin@1.5.17':
+    resolution: {integrity: sha512-n8G4lhY3wxVg/Prni9YQskT9gHsReZRxozcruIdoqV00Y9Af+rmq5AOdKd3sN1XJnEXQP1d7HwZtBopm2L6qGA==}
     peerDependencies:
       '@rspack/core': '*'
     peerDependenciesMeta:
       '@rspack/core':
         optional: true
 
-  '@rsdoctor/sdk@1.5.16':
-    resolution: {integrity: sha512-t2ghEUCUKFwP12QeeLX3VvI5b+Z+SI9rwUiE8VHa+gOFi8oHkceEi0rlBf1k9BexMpQf3zP3RNTZtzo09mxpCw==}
+  '@rsdoctor/sdk@1.5.17':
+    resolution: {integrity: sha512-sywxok2WlZmHU2xd+yhVZAgbxyRpJF0y13OpdldKXaC5fTtuNIefA3NL5gEybDKUPcEJnxRhTCwwY0RMmoI8rA==}
 
-  '@rsdoctor/types@1.5.16':
-    resolution: {integrity: sha512-J9yqQu1VNFgLJpkgzAucjA1AkVnrg6kRyMhAzj05uYyPM6FQgFmi3NlQFDxRPLAfTuwSXC72xhSi7LYd6MuVvA==}
+  '@rsdoctor/types@1.5.17':
+    resolution: {integrity: sha512-iJsAUybCyLBOcXgWuRAqMREL3TBx6/4HLnNMRPgzLv4K3eMWD2CErntkJsabZZjh5VklBn7nTpBifHMilLGPVA==}
     peerDependencies:
       '@rspack/core': '*'
       webpack: 5.x
@@ -4585,8 +5176,8 @@ packages:
       webpack:
         optional: true
 
-  '@rsdoctor/utils@1.5.16':
-    resolution: {integrity: sha512-aFhv9gzDjJ5qyODO1Uno1NAfl/7WDhmJASJ5lQj1Qo8FV1VgtnYKFbbYdQYSpsowhxgklNISxVs905HdiBp6yg==}
+  '@rsdoctor/utils@1.5.17':
+    resolution: {integrity: sha512-d4r6E8CiI+cQi+FJX24eObIS/AYrp0+xWHFd8URDNrjvRtZyAY12kKllcDT3nCw9OPlKhMSh+p+SqOohfDNCvg==}
 
   '@rslib/core@0.22.1':
     resolution: {integrity: sha512-RaqTITHFkpMDJG9fmD7Hu6FLE64hwctCo46asHOD2DipzQJWawg6K0pFGimTAyutYEZysIUfYgCwSYkbctDudg==}
@@ -4616,6 +5207,11 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@rspack/binding-darwin-arm64@2.1.4':
+    resolution: {integrity: sha512-3Xcs01iw48F4WeE4SHga6bCNb/UEFvtQX4P4eMIaJfGPjTQuxfabGE8yCPm9e3tpLZ5uo+IBnJ6nh5r6tIDOXQ==}
+    cpu: [arm64]
+    os: [darwin]
+
   '@rspack/binding-darwin-x64@1.7.12':
     resolution: {integrity: sha512-jnOp+/UXOJa9xqUb8KXH03sysoO2e4Ij6tw6MqDdmdj8n/A8PQENRPUbW9AwXpPtVDJPus9r4fi7b3+6e4B8Hg==}
     cpu: [x64]
@@ -4631,6 +5227,11 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  '@rspack/binding-darwin-x64@2.1.4':
+    resolution: {integrity: sha512-bz/AsCplLs+3fXULPQU9d4r8H4PdeljgHFyItvVIrA/NKZqzQ8sX0topf/zJVZAOtPH7GNnrKjq0/F0U2DHikQ==}
+    cpu: [x64]
+    os: [darwin]
+
   '@rspack/binding-linux-arm64-gnu@1.7.12':
     resolution: {integrity: sha512-C8owWG+yvo7X0oVLIXetkoJhIFBP1LYNcAQqtgLmJnQLQDklGuP83dKC+zISGQWpjawHfZ1ER96vLgoTrxKZdw==}
     cpu: [arm64]
@@ -4646,6 +5247,11 @@ packages:
     cpu: [arm64]
     os: [linux]
 
+  '@rspack/binding-linux-arm64-gnu@2.1.4':
+    resolution: {integrity: sha512-x0HQTLU1MusCtNamuXxf3ayEPkvh9uuaq4wVyBqveRkn4FznSOoHUsxTAKMnjGARX+vdLV/y/SwWJRDp2RI4zw==}
+    cpu: [arm64]
+    os: [linux]
+
   '@rspack/binding-linux-arm64-musl@1.7.12':
     resolution: {integrity: sha512-i51WWI64aRpsfSki6rN0aepPqXkVfS+vZM7+4bWDcmnhUmdMvhIPcYg0QRk3DtyJnu33jqNLM0WHY78k00NyfA==}
     cpu: [arm64]
@@ -4661,16 +5267,31 @@ packages:
     cpu: [arm64]
     os: [linux]
 
+  '@rspack/binding-linux-arm64-musl@2.1.4':
+    resolution: {integrity: sha512-SEYCQD9UflKJMkYGnG5nt2gcsqdkgJsQmryBC/jxo+bOuY9gUSReU99FqCt7WRQrsHLbGeAFeTWs1QzItWG/Bw==}
+    cpu: [arm64]
+    os: [linux]
+
   '@rspack/binding-linux-riscv64-gnu@2.1.0':
     resolution: {integrity: sha512-B3ENZHIBi5u1Apt6RJ62QSCabCijI5l86Sm2AEDYpQnqqBj3vIc+Br9HJHvNjK8PNWs1WfmD//UTUmQqZbYpKQ==}
     cpu: [riscv64]
     os: [linux]
 
+  '@rspack/binding-linux-riscv64-gnu@2.1.4':
+    resolution: {integrity: sha512-jYtQKtnDRaVfyasvTGY04Z7m+xDWZYVwAIEOB4hP7czM7FVLOMgHlMlvw/EgF0DNHrBthqbPfBIS2tP50CzpEA==}
+    cpu: [riscv64]
+    os: [linux]
+
   '@rspack/binding-linux-riscv64-musl@2.1.0':
     resolution: {integrity: sha512-Qho1S8bW2BKRsJjl/f39GoyPRznF8ZarIgxZdVCIkn4k+3veggKWxqR1WWKoMj/LfykQd1uG3FF6n7zy5IfxWw==}
     cpu: [riscv64]
     os: [linux]
 
+  '@rspack/binding-linux-riscv64-musl@2.1.4':
+    resolution: {integrity: sha512-ZgxKjQAm9pidq2kChQO2PqKI9OQpLuGD7iPBuyT0gQg3m1+7vvbbkArLBPzJ12CQHVZvqua7n/QGx8pQjJI2Zw==}
+    cpu: [riscv64]
+    os: [linux]
+
   '@rspack/binding-linux-x64-gnu@1.7.12':
     resolution: {integrity: sha512-MSos0FuPEefqo9V92ULd5hggKG29EkSNg1zDcypy0OkpsKh5pfjVxTLYFXgTcVyFoUQQbdG8zFBzYbwmJ8V4ew==}
     cpu: [x64]
@@ -4686,6 +5307,11 @@ packages:
     cpu: [x64]
     os: [linux]
 
+  '@rspack/binding-linux-x64-gnu@2.1.4':
+    resolution: {integrity: sha512-C53B3e6M4yzlYn4hDxR9cHZV+HqkfFGR0zuhH8QCfdBfN5KyGsmXmujiFU85ANEvBgf9CF8VreBQeJ20lyto/g==}
+    cpu: [x64]
+    os: [linux]
+
   '@rspack/binding-linux-x64-musl@1.7.12':
     resolution: {integrity: sha512-JcAMVKXOnjfpC3coWjCFPWD3Yl8RBw6a+IXQQ8mfRlHaHMIiOv8IfZqx15XRxMUn49CtP7Z0Na8iiAg2aKrcfw==}
     cpu: [x64]
@@ -4701,6 +5327,11 @@ packages:
     cpu: [x64]
     os: [linux]
 
+  '@rspack/binding-linux-x64-musl@2.1.4':
+    resolution: {integrity: sha512-UaeG3FRo7e5RameQvWRNQ6KeXF29LEk67U/ohb9tF4U38mKH1OGqhmwCf5yLkqiOSgOi7Ff3ireOZD83Fso1iw==}
+    cpu: [x64]
+    os: [linux]
+
   '@rspack/binding-wasm32-wasi@1.7.12':
     resolution: {integrity: sha512-n+ZqP6ZMc0nhOgvadg5VhEs9ojtbES80AcWeFnmGkbzIszvGSO63GKNiRkXtjJ9KFuRzytbbmsCqkUVH+Tywxg==}
     cpu: [wasm32]
@@ -4713,6 +5344,10 @@ packages:
     resolution: {integrity: sha512-ZsDDduXaEF1SpyGz2OFuEU9Tzm0pKtbtCYviymiNtQS+3lx6rXyv+FaK0oIWn+gWL+gVNamplxKnNNR2jZsp5w==}
     cpu: [wasm32]
 
+  '@rspack/binding-wasm32-wasi@2.1.4':
+    resolution: {integrity: sha512-0P1WZEfu7JOPzD/jQfk9U/6gnRFc7RpvYCQaYZVVYZNJ2gU6O0/yLegRGKNK/2L0zjYwiD0ynhOIBVUUERf5Pw==}
+    cpu: [wasm32]
+
   '@rspack/binding-win32-arm64-msvc@1.7.12':
     resolution: {integrity: sha512-8+h5fYDXYdmugbdfZ+D1y8IQ3rv2EhSfyGP7vBe+bjNyaMa4jWrpucmZbtxojUL1AzaeuHbvMdj9UO/gelk/+g==}
     cpu: [arm64]
@@ -4728,6 +5363,11 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@rspack/binding-win32-arm64-msvc@2.1.4':
+    resolution: {integrity: sha512-+aStQipk1EakLRPfD+/aQbtmTXfxqSWetcRRDWV3cAsD4ebv1tF8FLKYY1PCaFpQbX1FxzCBGF0KHxkAsi9cxA==}
+    cpu: [arm64]
+    os: [win32]
+
   '@rspack/binding-win32-ia32-msvc@1.7.12':
     resolution: {integrity: sha512-cDMGwTRSa2p9fNBVe1wTRkF2AEXZ9ARWW36QeC5CkLaI0Ezz8lvhF2+CSOPnhaQ1O1qtn0L0SF+lFnrY+I7xGQ==}
     cpu: [ia32]
@@ -4743,6 +5383,11 @@ packages:
     cpu: [ia32]
     os: [win32]
 
+  '@rspack/binding-win32-ia32-msvc@2.1.4':
+    resolution: {integrity: sha512-7nyrLRQ07j6i6omZuwiwwTI6rpjdy/Su3niLDAG7WsLL21u3/UQQrw6Fvm8SH3XYteghoHLSM3dhgaisuUhdJg==}
+    cpu: [ia32]
+    os: [win32]
+
   '@rspack/binding-win32-x64-msvc@1.7.12':
     resolution: {integrity: sha512-wIqFvlgFqrgUyj/6S/FJcvShnkZOmIeXTfqvheLY67MGq8qd8jb1YimQVKAIrmWB3yuJKUFACI3Ag1UBtEedEA==}
     cpu: [x64]
@@ -4758,7 +5403,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@rspack/binding@1.7.12':
+  '@rspack/binding-win32-x64-msvc@2.1.4':
+    resolution: {integrity: sha512-Z4je7JBaDpO9vvNMgCxlycycRJq+GQwwuXSXagW2xvvGM10Ij63YVtIehSMG9xaW8PED41oc9nWndoEsiD60pA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rspack/binding@1.7.12':
     resolution: {integrity: sha512-f4HHuLbvuld8Ba4iB/4ibse5XrKxFrgmM3S4P2AOKnPlekAFlBjmltCuaTL/W2ggYvILaVY+YcFXrEH1rrKeQA==}
 
   '@rspack/binding@2.0.8':
@@ -4767,6 +5417,9 @@ packages:
   '@rspack/binding@2.1.0':
     resolution: {integrity: sha512-LsXFIOOYDutHk44SAOcVQa5iA7lhYwEbD+nZhgmCiGJvKKh0UIpBj6EAsBsB6omEK5GEXvjDeLFieKgbYW08QQ==}
 
+  '@rspack/binding@2.1.4':
+    resolution: {integrity: sha512-iye4BaTYtTt0qa39avWwEsUobVxFNhQHr6B8reFeKU7sdaZsC9LUoDR8JAt5gOnbnzFMPdKgrdU/VzkC6rXbIg==}
+
   '@rspack/core@1.7.12':
     resolution: {integrity: sha512-6CwFIHlhRmXfZoMj3v9MZ1SMTPBn+cHVXeMIeaGp5sufqinKsISbsqHu6ZMJu2wDSmZLdmQJX6zLxkhcAUlhkQ==}
     engines: {node: '>=18.12.0'}
@@ -4800,6 +5453,18 @@ packages:
       '@swc/helpers':
         optional: true
 
+  '@rspack/core@2.1.4':
+    resolution: {integrity: sha512-lpJgtr+JAXuDAMBJfRJ1LHyWVuYJyhZu6L6aj9t4lipUU03qwakHnzn3vwSCr68PsVvVPzR6NbJE1gJienSV0g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      '@module-federation/runtime-tools': ^0.24.1 || ^2.0.0
+      '@swc/helpers': ^0.5.23
+    peerDependenciesMeta:
+      '@module-federation/runtime-tools':
+        optional: true
+      '@swc/helpers':
+        optional: true
+
   '@rspack/lite-tapable@1.1.0':
     resolution: {integrity: sha512-E2B0JhYFmVAwdDiG14+DW0Di4Ze4Jg10Pc4/lILUrd5DRCaklduz2OvJ5HYQ6G+hd+WTzqQb3QnDNfK4yvAFYw==}
 
@@ -4868,6 +5533,19 @@ packages:
   '@rspack/resolver@0.2.8':
     resolution: {integrity: sha512-FBWqdHhzS8mcf/WN4Ktzr7EaeaN+hsxbN98EweegX3924beZuY6H70CSFWCv1fIHAieCUv/9XCjKggHvhCsLwA==}
 
+  '@rstest/core@0.11.4':
+    resolution: {integrity: sha512-HfBP4mmvLVq2vpyRvHHaeu1+K2e9XSjDCHbj15s+NExnniS2b+y/ABXyjJldpRSoiirKnfIqY7BVGOaO+G+W0w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      happy-dom: ^20.8.3
+      jsdom: '*'
+    peerDependenciesMeta:
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
   '@rstest/core@0.8.1':
     resolution: {integrity: sha512-7d/2fm2V91pVx/rRtZ2gl6Zh4hVMivtDl4RgHFhBOrxi//UwhKISeF5gS/CSwpCgfOf10TzJRXqdI17ueUBNMQ==}
     engines: {node: '>=18.12.0'}
@@ -4881,6 +5559,11 @@ packages:
       jsdom:
         optional: true
 
+  '@rstest/coverage-istanbul@0.11.4':
+    resolution: {integrity: sha512-InsiiS3koVjBoiIlBDLcpGT8njCtmqWzr5NyY8abRlOux8MCaEyodialg6GZXy1PNhvR2FyCiy2kFFRxxNDjgw==}
+    peerDependencies:
+      '@rstest/core': ^0.11.4
+
   '@rstest/coverage-istanbul@0.2.0':
     resolution: {integrity: sha512-ghFY2XkjL2PFarLaG+BxFTJYbVXtAtcqW5rjOqheiOYV6PqlOHFf/s+fLkKeOTc1oVoL3A/9vjMBc8fOgjAF/A==}
     peerDependencies:
@@ -4912,70 +5595,10 @@ packages:
     resolution: {integrity: sha512-snuk12ZaDerxesSnetNIwKoth/51R0y/h3eXD/bGtXp+hnSkeXN5HanI/RJl297llRjn4zJYRShW9Nx86Ay0Dw==}
     engines: {node: '>=18'}
 
-  '@sentry/babel-plugin-component-annotate@4.8.0':
-    resolution: {integrity: sha512-cy/9Eipkv23MsEJ4IuB4dNlVwS9UqOzI3Eu+QPake5BVFgPYCX0uP0Tr3Z43Ime6Rb+BiDnWC51AJK9i9afHYw==}
-    engines: {node: '>= 14'}
-
   '@sentry/browser@10.37.0':
     resolution: {integrity: sha512-kheqJNqGZP5TSBCPv4Vienv1sfZwXKHQDYR+xrdHHYdZqwWuZMJJW/cLO9XjYAe+B9NnJ4UwJOoY4fPvU+HQ1Q==}
     engines: {node: '>=18'}
 
-  '@sentry/bundler-plugin-core@4.8.0':
-    resolution: {integrity: sha512-QaXd/NzaZ2vmiA2FNu2nBkgQU+17N3fE+zVOTzG0YK54QDSJMd4n3AeJIEyPhSzkOob+GqtO22nbYf6AATFMAw==}
-    engines: {node: '>= 14'}
-
-  '@sentry/cli-darwin@2.58.6':
-    resolution: {integrity: sha512-udAVvcyfNa0R+95GvPz/+43/N3TC0TYKdkQ7D7jhPSzbcMc7l2fxRNN5yB3UpCA5fWFnW4toeaqwDBhb/Wh3LA==}
-    engines: {node: '>=10'}
-    os: [darwin]
-
-  '@sentry/cli-linux-arm64@2.58.6':
-    resolution: {integrity: sha512-q8mEcNNmeXMy5i+jWT30TVpH7LcP4HD21CD5XRSPAd/a912HF6EpK0ybf/1USO14WOhoXbAGi9txwaWabSe33g==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [linux, freebsd, android]
-
-  '@sentry/cli-linux-arm@2.58.6':
-    resolution: {integrity: sha512-pD0LAt5PcUzAinBwvDqc66x9+2CabHEv486yP0gRjWO7SakbaxmfVq/EXd8VLq/Tzi39LAu422UYK1lpW3MILw==}
-    engines: {node: '>=10'}
-    cpu: [arm]
-    os: [linux, freebsd, android]
-
-  '@sentry/cli-linux-i686@2.58.6':
-    resolution: {integrity: sha512-q8vNJi1eOV/4vxAFWBsEwLHoSYapaZHIf4j76KJGJXFKTkEbsjCOOsKbwUIBTQQhRgV4DFWh3ryfsPS/que4Kg==}
-    engines: {node: '>=10'}
-    cpu: [x86, ia32]
-    os: [linux, freebsd, android]
-
-  '@sentry/cli-linux-x64@2.58.6':
-    resolution: {integrity: sha512-DZu956Mhi3ZRjTBe1WdbGV46ldVbA8d2rgp/fh51GsI25zjBHah4wZnPTSzpc+YqxU6pJpg579B/r3jrIK530Q==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [linux, freebsd, android]
-
-  '@sentry/cli-win32-arm64@2.58.6':
-    resolution: {integrity: sha512-nj0Ff/kmAB73EPDhR8B4O9r+NUHK5GkPCkGWC+kXVemqAJWL5jcJ5KdxG0l/S0z6RoEoltID8/43/B+TaMlT7A==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@sentry/cli-win32-i686@2.58.6':
-    resolution: {integrity: sha512-WNZiDzPbgsEMQWq4avsQ391v/xWKJDIWWWo9GYl+N/w5qcYKkoDW7wQG7T9FasI6ENn68phChTOAPXXxbfAdOg==}
-    engines: {node: '>=10'}
-    cpu: [x86, ia32]
-    os: [win32]
-
-  '@sentry/cli-win32-x64@2.58.6':
-    resolution: {integrity: sha512-R35WJ17oF4D2eqI1DR2sQQqr0fjRTt5xoP16WrTu91XM2lndRMFsnjh+/GttbxapLCBNlrjzia99MJ0PZHZpgA==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [win32]
-
-  '@sentry/cli@2.58.6':
-    resolution: {integrity: sha512-baBcNPLLfUi9WuL+Tpri9BFaAdvugZIKelC5X0tt0Zdy+K0K+PCVSrnNmwMWU/HyaF/SEv6b6UHnXIdqanBlcg==}
-    engines: {node: '>= 10'}
-    hasBin: true
-
   '@sentry/core@10.37.0':
     resolution: {integrity: sha512-hkRz7S4gkKLgPf+p3XgVjVm7tAfvcEPZxeACCC6jmoeKhGkzN44nXwLiqqshJ25RMcSrhfFvJa/FlBg6zupz7g==}
     engines: {node: '>=18'}
@@ -5017,9 +5640,14 @@ packages:
     peerDependencies:
       react: ^16.14.0 || 17.x || 18.x || 19.x
 
-  '@sentry/vite-plugin@4.8.0':
-    resolution: {integrity: sha512-/YZJitGsx/o72FFQYy3tucUfs4w3COvSI1d2NYyAhIzay4tjLLRjpM5PdwFnoBT7Uj/7jSbuHkg87PAliLiu2g==}
-    engines: {node: '>= 14'}
+  '@sideway/address@4.1.5':
+    resolution: {integrity: sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==}
+
+  '@sideway/formula@3.0.1':
+    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==}
+
+  '@sideway/pinpoint@2.0.0':
+    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
 
   '@sindresorhus/is@7.2.0':
     resolution: {integrity: sha512-P1Cz1dWaFfR4IR+U13mqqiGsLFf1KbayybWwdd2vfctdV6hDpUkgCY0nKOLLTMSoRd/jJNjtbqzf13K8DCCXQw==}
@@ -5154,132 +5782,63 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
 
-  '@tailwindcss/node@4.3.1':
-    resolution: {integrity: sha512-6NDaqRoAMSXD1mr/RXu0HBvNE9a2n5tHPsxu9XHLws8o4Twes5rBM2205SUUiJ9goAtadrN6xTGX0UDEwp/N4A==}
-
   '@tailwindcss/node@4.3.2':
     resolution: {integrity: sha512-yWP/sqEcBLaD8JuA6zNwxoYKr75qxTioYwlRwekj5Jr/I5GXnoJfjetH/psLUIv74cYTH2lBUEzBkinthoYcBg==}
 
-  '@tailwindcss/oxide-android-arm64@4.3.1':
-    resolution: {integrity: sha512-SVlyf61g374l5cHyg8x9kf5xmLcOaxvOTsbsqDnSsDJaKOEFZ7GCvi84VAVGpxojYOs1+3K6M0UjXfqPU8vmOQ==}
-    engines: {node: '>= 20'}
-    cpu: [arm64]
-    os: [android]
-
   '@tailwindcss/oxide-android-arm64@4.3.2':
     resolution: {integrity: sha512-WHxqIuHpvZ5VtdX6GTl1Ik/Vp2YuN42Et+0CdeaVd/frQ9jAvGmvR8vLT+jk3e8/Q3x8kECB9+R17pgpp2BulA==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.3.1':
-    resolution: {integrity: sha512-hVnWLwv+e/l7c4WKyVtHVrIPvYdqWHjRB3MDIqARynzFtnQg85kmQEFCbV9Ja0VVx4xXTIiDWY60Y7iz/iNoDA==}
-    engines: {node: '>= 20'}
-    cpu: [arm64]
-    os: [darwin]
-
   '@tailwindcss/oxide-darwin-arm64@4.3.2':
     resolution: {integrity: sha512-GZypeUY/IDJW3877KeM+O67vbXr3MBnbtEL4aYhNErv/JWZhye2vGSWWG9tB6iiqR2MqRNkY8IOUy4NdSZV26w==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.3.1':
-    resolution: {integrity: sha512-Cf7abu0WVgbhU7ANgPUnSAvm7nCvMweusHb8FnaHlLfv/Caq4GYaEZg7ZImzzmjx4lIAfuS8q+eLIS7A7IzxIg==}
-    engines: {node: '>= 20'}
-    cpu: [x64]
-    os: [darwin]
-
   '@tailwindcss/oxide-darwin-x64@4.3.2':
     resolution: {integrity: sha512-UIIzmefR6KO1sDU7MzRqAxC8iBpft/VhkGjTjnhoS6k7Z3rQ9wEgA1ODSiyH/tcSYssulNm4Ci3hOeK1jH7ccQ==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.3.1':
-    resolution: {integrity: sha512-ZZqzX2Y+GXtXXfqSfpJhDm60OoZfvLHLCgm+J7NVqgHHJjG/m9ugZI77RwTsVd4fnBJuCFP6Ae6kTJb71UdS8g==}
-    engines: {node: '>= 20'}
-    cpu: [x64]
-    os: [freebsd]
-
   '@tailwindcss/oxide-freebsd-x64@4.3.2':
     resolution: {integrity: sha512-GN+uAmcI6DNspnCDwtOAZrTz6oukJnp337qZvxqCGLd3BHBzJpO0ZbTLRvJNdztOeAmTzewewGIMPb0tk2R4WA==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.1':
-    resolution: {integrity: sha512-/Ah/xik0LaMYfv9DZ0S/t4pBlBNYOcqtRwusjgovHkvT8ixueWCLyJjsaF5kQIckjb4IT8Q6K6p/iPmZMixYgg==}
-    engines: {node: '>= 20'}
-    cpu: [arm]
-    os: [linux]
-
   '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.2':
     resolution: {integrity: sha512-4ABn7qSbdHRwTiDiuWNegCyb5+2FJ4vKIKc3DmKrvAFw7MU1Lm11dIkTPwUaFdTzc7IsOpDbqBrlh0x6y36U/w==}
     engines: {node: '>= 20'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.3.1':
-    resolution: {integrity: sha512-gqdFoVJlw444GvpnheZLHmvTzSxI/cOUUh2KSNejQjTcYkW062SVD+En0rUgD+QV91bz1XGIGtt1HJd48xUGbQ==}
-    engines: {node: '>= 20'}
-    cpu: [arm64]
-    os: [linux]
-
   '@tailwindcss/oxide-linux-arm64-gnu@4.3.2':
     resolution: {integrity: sha512-wDgEIGwoM8w8pufh9LVt1PahDgNdKXrLC2qfAnV3vAmococ9RWbxeAw4pxPttd/TsJfwjyLf90Dg1y9y8I6Emw==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.3.1':
-    resolution: {integrity: sha512-Bwv9KwOvE0VKa86xPFif9b9c3Y1NxOV1P0gLti/IYaWEsQYZXDlxfGEtA8mdDZ7SG3wyNXAWYT5SIn3giL57oA==}
-    engines: {node: '>= 20'}
-    cpu: [arm64]
-    os: [linux]
-
   '@tailwindcss/oxide-linux-arm64-musl@4.3.2':
     resolution: {integrity: sha512-J5Nuk0uZQIiMTJj3LEx4sAA9tMFUoXQZFv1J6An+QGYe53HKRJuFDi0rpq/tuouCZeAbOBY3kQ6g8qeD4TUjtA==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.3.1':
-    resolution: {integrity: sha512-Ymi8O8T15HYQdOUWUtTI6ldN0neHP85FC+Qz32xTcZ7iJXtem/x8ITev0o1e9e5rkqj4lONZfTRLvkmin1+tKg==}
-    engines: {node: '>= 20'}
-    cpu: [x64]
-    os: [linux]
-
   '@tailwindcss/oxide-linux-x64-gnu@4.3.2':
     resolution: {integrity: sha512-kqCZpSKOBEJO4mz7OqWoofBZeXTAwaVGPj0ErAj7CojmhKpWVWVOnrt9dE8odoIraZq4oj3ausM37kXi+Tow8w==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.3.1':
-    resolution: {integrity: sha512-M+P/91qJ6uILLw4k2G93GMDRAXj61SMvFQYt39AqvUqYgExXpLL5aepfns7sj4HiAQeolirQF9E0lzRvdf4zPQ==}
-    engines: {node: '>= 20'}
-    cpu: [x64]
-    os: [linux]
-
   '@tailwindcss/oxide-linux-x64-musl@4.3.2':
     resolution: {integrity: sha512-cixpqbh2toJDmkuCRI68nXA8ZxNmdK9Y+9v5h3MC3ZQKy/0BO8AWzlkWyRM7JAFSGBlfig4YVTPsK6MVgqz1uw==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-wasm32-wasi@4.3.1':
-    resolution: {integrity: sha512-zsM8uOeqvVGHsAXsJxsT28ttosFahLJKCLOTUBqRAtKnVgGSRitds9T432QiT8b77Yga7JIBkulIRRlJPtYhRA==}
-    engines: {node: '>=14.0.0'}
-    cpu: [wasm32]
-    bundledDependencies:
-      - '@napi-rs/wasm-runtime'
-      - '@emnapi/core'
-      - '@emnapi/runtime'
-      - '@tybys/wasm-util'
-      - '@emnapi/wasi-threads'
-      - tslib
-
   '@tailwindcss/oxide-wasm32-wasi@4.3.2':
     resolution: {integrity: sha512-4ec2Z/LOmRsAgU23CS4xeJfcJlmRg94A/XrbGRCF1gyU/zdDfRLYDVsS+ynSZCmGNxQ1jQriQOKMQeQxBA3Isw==}
     engines: {node: '>=14.0.0'}
@@ -5292,40 +5851,24 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.3.1':
-    resolution: {integrity: sha512-aiNvSq9BsVk8V513lDKlrCFAgf8qBMPZTpgEhInL+NwQqs97mYmupVMrPrgBBSL8Pv/0zXu9MrMF9rMun1ZeNg==}
-    engines: {node: '>= 20'}
-    cpu: [arm64]
-    os: [win32]
-
   '@tailwindcss/oxide-win32-arm64-msvc@4.3.2':
     resolution: {integrity: sha512-Zyr/M0+XcYZu3bZrUytc7TXvrk0ftWfl8gN2MwekNDzhqhKRUucMPSeOzM0o0wH5AWOU49BsKRrfKxI2atCPMQ==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.3.1':
-    resolution: {integrity: sha512-xDEyu1rg290472FEGaKHnzyDyh5QH+AlWvsU5hMoMtPpzmKlRI0jaYKCgSHDYtaQWZOYbMaduSyCwFwY4n1HmA==}
-    engines: {node: '>= 20'}
-    cpu: [x64]
-    os: [win32]
-
   '@tailwindcss/oxide-win32-x64-msvc@4.3.2':
     resolution: {integrity: sha512-QI9BO7KlNZsp2GuO0jwAAj5jCDABOKXRkCk2XuKTSaNEFSdfzqswYVTtCHBNKHLsqyjFyFkqlDiwkNbTYSssMQ==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.3.1':
-    resolution: {integrity: sha512-yVPyo8RNkabVr3O2EhHEE0Rewu7YKzc1DhIqfL46LKveFrmu9XbDazNOJY7/GRuvw1h6u3utWnR29H/p5JPlgA==}
-    engines: {node: '>= 20'}
-
   '@tailwindcss/oxide@4.3.2':
     resolution: {integrity: sha512-z8ZgnzX8gdNoWLBLqBPoh/sjnxkwvf9ZuWjnO0l0yIzbLa5/9S+eC5QxGZKRobVHIC3/1BoMWjHblqWjcgFgag==}
     engines: {node: '>= 20'}
 
-  '@tailwindcss/postcss@4.3.1':
-    resolution: {integrity: sha512-dNJuNbdEJT/SWRuXTYP1WSamelsz3ztkUsdtWQPjrexysrTpaEPM40P/71knXiXLYEojqPOEGitVLLpPMS5T6A==}
+  '@tailwindcss/postcss@4.3.2':
+    resolution: {integrity: sha512-rjVWYCa7Ngbi5AarT6k8TkxUG3Wl1QKzHdIZVsjZSzf36Jmo2IKZt/NHRAwly8oDkbBOH0YTu+CHuf9jPxMc+g==}
 
   '@tailwindcss/webpack@4.3.2':
     resolution: {integrity: sha512-aI9G1d0QAZu1AlctpsIkpo/y5rWV2d1PZ7m/OOKlbgWZnxN4ZUa2lseu65QAbrp/eeDXOFHdTk6HDnSy3Yy5cA==}
@@ -5468,15 +6011,27 @@ packages:
   '@types/cors@2.8.19':
     resolution: {integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==}
 
+  '@types/cross-spawn@6.0.6':
+    resolution: {integrity: sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==}
+
   '@types/d3-hierarchy@1.1.11':
     resolution: {integrity: sha512-lnQiU7jV+Gyk9oQYk0GGYccuexmQPTp08E0+4BidgFdiJivjEvf+esPSdZqCZ2C7UwTWejWpqetVaU8A+eX3FA==}
 
+  '@types/debug@4.1.13':
+    resolution: {integrity: sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==}
+
+  '@types/dedent@0.7.2':
+    resolution: {integrity: sha512-kRiitIeUg1mPV9yH4VUJ/1uk2XjyANfeL8/7rH1tsjvHeO9PJLBHJIYsFWmAvmGj5u8rj+1TZx7PZzW2qLw3Lw==}
+
   '@types/deep-eql@4.0.2':
     resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
 
   '@types/eslint@9.6.1':
     resolution: {integrity: sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==}
 
+  '@types/estree-jsx@1.0.5':
+    resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
+
   '@types/estree@1.0.5':
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
 
@@ -5496,6 +6051,9 @@ packages:
     resolution: {integrity: sha512-00UxlRaIUvYm4R4W9WYkN8/J+kV8fmOQ7okeH6YFtGWFMt3odD45tpG5yA5wnL7HE6lLgjaTW5n14ju2hl2NNA==}
     deprecated: This is a stub types definition. glob provides its own type definitions, so you do not need this installed.
 
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
   '@types/http-errors@2.0.5':
     resolution: {integrity: sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==}
 
@@ -5508,9 +6066,18 @@ packages:
   '@types/jsonfile@6.1.4':
     resolution: {integrity: sha512-D5qGUYwjvnNNextdU59/+fI+spnwtTFmyQP0h+PfIOSkNfpU6AOICUOkm4i0OnSk+NyjdPJrxCDro0sJsWlRpQ==}
 
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/mdx@2.0.14':
+    resolution: {integrity: sha512-T48PeuJtvLosNTPVhfnIp3i/n3a4g4Bad7YCq5k64D4u7NwDrAotikQ+5+sjtUvBmxCMlbo3dVL+C2dP0rWHzg==}
+
   '@types/morgan@1.9.10':
     resolution: {integrity: sha512-sS4A1zheMvsADRVfT0lYbJ4S9lmsey8Zo2F7cnbYjWHP67Q0AwMYuuzLlkIM2N8gAbb9cubhIVFwcIN2XyYCkA==}
 
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
   '@types/mysql@2.15.27':
     resolution: {integrity: sha512-YfWiV16IY0OeBfBCk8+hXKmdTKrKlwKN1MNKAPBu5JYxLwBEZl7QzeEpGnlZb3VMGJrrGmB84gXiH+ofs/TezA==}
 
@@ -5520,6 +6087,9 @@ packages:
   '@types/node@22.15.31':
     resolution: {integrity: sha512-jnVe5ULKl6tijxUhvQeNbQG/84fHfg+yMak02cT8QVhBx/F05rAVxCGBYYTh2EKz22D6JF5ktXuNwdx7b9iEGw==}
 
+  '@types/node@22.20.0':
+    resolution: {integrity: sha512-QWlFW2wf3nTjC13/DqRnBpR4ZO36VJH/JVBkA/vcnmbTBNQIlnObqyqZE1tUR7+Ni23Lda8R1BxMfbXRpCUx5g==}
+
   '@types/node@25.0.10':
     resolution: {integrity: sha512-zWW5KPngR/yvakJgGOmZ5vTBemDoSqF3AcV/LrO5u5wTWyEAVVh+IT39G4gtyAkh3CtTZs8aX/yRM82OfzHJRg==}
 
@@ -5563,6 +6133,9 @@ packages:
   '@types/semver@7.5.8':
     resolution: {integrity: sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==}
 
+  '@types/semver@7.7.1':
+    resolution: {integrity: sha512-FmgJfu+MOcQ370SD0ev7EI8TlCAfKYU+B4m5T3yXc1CiRN94g/SZPtsCkk506aUDtlMnFZvasDwHHUcZUEaYuA==}
+
   '@types/send@1.2.1':
     resolution: {integrity: sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==}
 
@@ -5572,6 +6145,9 @@ packages:
   '@types/set-cookie-parser@2.4.10':
     resolution: {integrity: sha512-GGmQVGpQWUe5qglJozEjZV/5dyxbOOZ0LHe/lqyWssB88Y4svNfst0uqBVscdDeIKl5Jy5+aPSvy7mI9tYRguw==}
 
+  '@types/shelljs@0.10.0':
+    resolution: {integrity: sha512-OEfyhE5Ox+FeoHbhrEDwm0kXxntO6nsyMRCFvNsIBHPZu5rV1w2OjPcLclaC/IZ1TlzZPgbeMfwAZEi5N238yQ==}
+
   '@types/source-map-support@0.5.10':
     resolution: {integrity: sha512-tgVP2H469x9zq34Z0m/fgPewGhg/MLClalNOiPIzQlXrSS2YrKu/xCdSCKnEDwkFha51VKEKB6A9wW26/ZNwzA==}
 
@@ -5587,68 +6163,83 @@ packages:
   '@types/trusted-types@2.0.7':
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
+  '@types/unist@2.0.11':
+    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@types/wait-on@5.3.4':
+    resolution: {integrity: sha512-EBsPjFMrFlMbbUFf9D1Fp+PAB2TwmUn7a3YtHyD9RLuTIk1jDd8SxXVAoez2Ciy+8Jsceo2MYEYZzJ/DvorOKw==}
+
+  '@types/webpack-env@1.18.8':
+    resolution: {integrity: sha512-G9eAoJRMLjcvN4I08wB5I7YofOb/kaJNd5uoCMX+LbKXTPCF+ZIHuqTnFaK9Jz1rgs035f9JUPUhNFtqgucy/A==}
+
   '@types/ws@8.18.1':
     resolution: {integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==}
 
-  '@typescript-eslint/eslint-plugin@8.62.0':
-    resolution: {integrity: sha512-o+mpz7EYiMzXoySXiKmzlabIvTVqUuK5yLrAedRPRDA0IpPFMUV1IXt6OqljIxX/kumN6EjUYp41Hqelh6p/Dw==}
+  '@typescript-eslint/eslint-plugin@8.62.1':
+    resolution: {integrity: sha512-4EQM77WgVNxj7OkL/5b/D/xZsw00G577+UriYTC7JF5opcF3T2AuoeY7ueLaZgSVjSgCS6yOAJB5bRGLPSJUzA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.62.0
+      '@typescript-eslint/parser': ^8.62.1
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/parser@8.62.0':
-    resolution: {integrity: sha512-dzHeT2gySzZtLDsuqxU9AkYgIsQoHAHtRBpOqM+Ofzx1Bwrd2RcCjQJ+6iQbsHOIR6NS33bF2W1k3blN1zLDrA==}
+  '@typescript-eslint/parser@8.62.1':
+    resolution: {integrity: sha512-sPhE4iHuJDSvoAiec+Ro8JyXw8f0ql13HFR82P99nCm9GwTEKG0KYLvDe6REk8BCXuit6vJAv/Yxg5ABaNS2rA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/project-service@8.62.0':
-    resolution: {integrity: sha512-wexnCqiTg7BOGtbLDftYpRWlmLq4xfoMd7BKFR6Y75sZS3QmRKLdN3yWLhmIYgqMmP/OXWpj3H8odkb5nGURCQ==}
+  '@typescript-eslint/project-service@8.62.1':
+    resolution: {integrity: sha512-yQ3RgY5RkSBpsNS1Bx/JQEcA24FOSdfGktoyprAr5u18390UQdtVcfnEv4nIrIshNnavlVyZBKxQwT1fIAE6cg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/scope-manager@8.62.0':
-    resolution: {integrity: sha512-1lX38kNxXIRb8mEc3lbq5mdHq1Pf2+U0nFU65KfT18mtPxxl0fvjuEE92mHuXPuCtElJhOrddOpyMlM3Z0umEA==}
+  '@typescript-eslint/scope-manager@8.62.1':
+    resolution: {integrity: sha512-r4d249KbQ1SFdpeStvob8Ih6aPPIzfqllPVOtvhve6ZcpuVcYo5/7zUWckKpHE7StASX4kTKZTLf0WQm/wPkcg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.62.0':
-    resolution: {integrity: sha512-y2GAdB6ykaXUvuspbYnizQc4oDDz0Tz/Yc7iWrXf9mx8vm/L/0vLHCe0tS2boG96Zy+DivnVDQ9ZUEWoHqqx1g==}
+  '@typescript-eslint/tsconfig-utils@8.62.1':
+    resolution: {integrity: sha512-xadytJqX9vJVQ2fdQjkcIVigwaOJNWkpjdLt6cEQ+xPnrI1fkp+/jZE/I97k9KUjqtpd25i0HeyZf3T6dutv2g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/type-utils@8.62.0':
-    resolution: {integrity: sha512-+g5O3j0w2ldzC86Pv6fvbO/xhAonbJFIdf/MKQ1d30gndlsVzUOE83ldfSE15Qrl9fhFjK6AovHs5Wpp6vx86w==}
+  '@typescript-eslint/type-utils@8.62.1':
+    resolution: {integrity: sha512-aXM5xlqXiTxPibXB93cLAURfT3rlizf7uMXISCXy66Isr/9hISJx3yDsKl0L7lKa51b8JpFuNKby0/O0pEm9jg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/types@8.62.0':
-    resolution: {integrity: sha512-KvAclkktORPvM54TgLgA4z9HIV1M8zOgw9ZVNXl9f/8dLYfXYX1wkMXP7qmabpijQRV5bHJLOmoyGQbLMaUYeg==}
+  '@typescript-eslint/types@8.62.1':
+    resolution: {integrity: sha512-ooCzJFaf+Hg+uG6fA3NRFGuFjlfNlDhBthbv4ZPU/0elCAFUfnyXUvf/WOpHz/jYwSmvU2GkR2LtyUfy1AxZ1Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.62.0':
-    resolution: {integrity: sha512-+hVbNxtW64pIcZWDPGbyaKF7vp2IBTVY5ma1blwwksrjdsbdqqEKvJWMGbBofei4F6Dovx1M0RJgoFeNu2279A==}
+  '@typescript-eslint/typescript-estree@8.62.1':
+    resolution: {integrity: sha512-xMcW9oP9u7fAMXYs9A65CVmtLQe2r//oXINHfi8HV+oiqhih17sbLdhXr4540YWlgpDKQdY854OL5ZrdCiQsAA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/utils@8.62.0':
-    resolution: {integrity: sha512-82r66fi9zYwZ+mTq3vKgwjbZ1PVk/DJzrXFLpG6RnBbdvH8TEGVHIs9H4d2drhkOzf0syZuD/OZvvlu6GDbP4g==}
+  '@typescript-eslint/utils@8.62.1':
+    resolution: {integrity: sha512-sHtbPfuKNZCG+ih8SyjjucqRntSVmp8XgL5u6o9mAhiSn8ds5o/M/XdM0abweme2Tln3szOstOrZ9OXitvPh0g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/visitor-keys@8.62.0':
-    resolution: {integrity: sha512-CY3uyFSRbcQv3nnSv8S0+lDftMVz6P963PoRlxrV7ew/Md564g9ut60PYzdLM5qW4jFn93GBF+Soi90ISAN+GQ==}
+  '@typescript-eslint/visitor-keys@8.62.1':
+    resolution: {integrity: sha512-4g3BLxfdTMy8iZG0MaBkadnlRrCJ74cQiFbyEVMrkwIoqdyaXXQM22cotDvrl4x28wgIZ9rEJRoM+mmhSJpJ1g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@ungap/structured-clone@1.3.2':
+    resolution: {integrity: sha512-5jsZFwgR5rTdKwidH9Qmat75RKwqfpKlWWB1frDkljN127mwqBu8K0PYo7/hFpF03IEJpfVPpCQDY/eDx3iHvA==}
+
   '@unrs/resolver-binding-android-arm-eabi@1.12.2':
     resolution: {integrity: sha512-g5T90pqg1bo/7mytQx6F4iBNC0Wsh9cu+z9veDbFjc7HjpesJFWD7QMS0NGStXM075+7dJPPVvBbpZlnrdpi/w==}
     cpu: [arm]
@@ -5759,11 +6350,22 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@vitejs/plugin-react@5.1.2':
-    resolution: {integrity: sha512-EcA07pHJouywpzsoTUqNh5NwGayl2PPVEJKUSinGGSxFGYn+shYbqMGBg6FXDqgXum9Ou/ecb+411ssw8HImJQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@vanilla-extract/babel-plugin-debug-ids@1.2.2':
+    resolution: {integrity: sha512-MeDWGICAF9zA/OZLOKwhoRlsUW+fiMwnfuOAqFVohL31Agj7Q/RBWAYweqjHLgFBCsdnr6XIfwjJnmb2znEWxw==}
+
+  '@vanilla-extract/css@1.21.1':
+    resolution: {integrity: sha512-T6z6oeT+o0OwqukE6kLs9w5ooB75b8NPRadyU9pPTml83l40TPN+mscPt2OQ9P9cYfwEBMfsfivwiJujs2mzmg==}
+
+  '@vanilla-extract/integration@8.0.10':
+    resolution: {integrity: sha512-01IB5gbrgTe8IIrtfRXXTmACl5D8Enzqp2cKbCWaMKXmnoilXXVCPbJoA96q88PXkNDXsXepCxUugMvEmL3c7A==}
+
+  '@vanilla-extract/private@1.0.9':
+    resolution: {integrity: sha512-gT2jbfZuaaCLrAxwXbRgIhGhcXbRZCG3v4TTUnjw0EJ7ArdBRxkq4msNJkbuRkCgfIK5ATmprB5t9ljvLeFDEA==}
+
+  '@vanilla-extract/webpack-plugin@2.3.27':
+    resolution: {integrity: sha512-i/GFQPifTkGYXYpkVYzScBPwXB82f+5GMLg9rh9UBgTG6M/YUebIDVjVOC9Mn5VMvc8Fk2w/FmagDRLugHA09w==}
     peerDependencies:
-      vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
+      webpack: ^4.30.0 || ^5.20.2
 
   '@vitest/eslint-plugin@1.6.20':
     resolution: {integrity: sha512-xRwWHFG0Utp6hXtbGiWk4VdKXCGdExD8kbWrrmFEiG5dk8anOJ+vbWbeOa8EbkocKQRTsx7JAWETccZiBgFp/Q==}
@@ -6112,10 +6714,6 @@ packages:
     resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
     engines: {node: '>=12'}
 
-  anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-
   anynum@1.0.1:
     resolution: {integrity: sha512-N6//FLET/tXYNM/F6ABca1oH6fWB+KlTt909Le28WMDBk8oaT4vY17DCrwg2MvmuqUKt3Ni4N5dGJ/EoBgcO6A==}
 
@@ -6184,10 +6782,17 @@ packages:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
 
+  astring@1.9.0:
+    resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
+    hasBin: true
+
   async-function@1.0.0:
     resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
     engines: {node: '>= 0.4'}
 
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
   autoprefixer@10.4.23:
     resolution: {integrity: sha512-YYTXSFulfwytnjAPlw8QHncHJmlvFKtczb8InXaAx9Q0LbfDnfEYDE55omerIJKihhmU61Ft+cAOSzQVaBUmeA==}
     engines: {node: ^10 || ^12 || >=14}
@@ -6199,12 +6804,18 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
+  axios@1.18.1:
+    resolution: {integrity: sha512-3nTvFlvpn9Zu/RkHUqtc7/+al4UpRW5az71ap5zccp6e8RAYEzhMTecX8Dz1wWDYrPpUoB1HAQEGEAEvUr7S9g==}
+
   babel-dead-code-elimination@1.0.12:
     resolution: {integrity: sha512-GERT7L2TiYcYDtYk1IpD+ASAYXjKbLTDPhBtYj7X1NuRMDTMtAx9kyBenub1Ev41lo91OHCKdmP+egTDmfQ7Ig==}
 
   babel-plugin-formatjs@10.5.41:
     resolution: {integrity: sha512-ZpozYGek+Bdyl52LgzW1MhPYBRKbROdbHBuBz7KAO88Ht7GcyCBiwJxpAjVDb0YBA9LGKUemGQOLdEDkRCe2hg==}
 
+  bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
+
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -6226,13 +6837,13 @@ packages:
     resolution: {integrity: sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==}
     engines: {node: ^4.5.0 || >= 5.9}
 
-  baseline-browser-mapping@2.10.40:
-    resolution: {integrity: sha512-BSSLZ9/Cjjv7Gtj5B68ZzXcXUg8iOf3fme+FCuh8rC/Go+Kmh8cox7M3A8dolou16s64QjLPOSdngh7GxXvkSw==}
+  baseline-browser-mapping@2.10.41:
+    resolution: {integrity: sha512-WwS7MHhqGHHlaVsqRZnhvCEMS0owDX+SxRlve7JkuH7My1Ara3ZriTmCQupPfYjxMZ8I/tgxtJYr2t7taHaH4A==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  baseline-browser-mapping@2.10.42:
-    resolution: {integrity: sha512-c/jurFrDLyui7o1J86yLkRu4LMsTYcBohveus7/I2Hzdn9KIP2bdJPTue/lR1KH46enoPbD77GKeSYNdyPoD3Q==}
+  baseline-browser-mapping@2.10.44:
+    resolution: {integrity: sha512-T3ghW+sl/ZJ8w1v/yQx3qvJ9040DWoLBz8JT/CILbAKcFyG9b2MRe75v6W5uXjv6uH1lumK2Kv46y2zSkcej0Q==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -6265,10 +6876,6 @@ packages:
   bignumber.js@9.3.1:
     resolution: {integrity: sha512-Ko0uX15oIUS7wJ3Rb30Fs6SkVbLmPBAKdlm7q9+ak9bbIeFf0MwuBsQV6z7+X768/cHsfg+WlysDWJcmthjsjQ==}
 
-  binary-extensions@2.3.0:
-    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
-    engines: {node: '>=8'}
-
   bindings@1.5.0:
     resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==}
 
@@ -6305,8 +6912,8 @@ packages:
   brace-expansion@2.1.1:
     resolution: {integrity: sha512-WR1cURNjuvBLMZBMbqM0UoE+WAfdUcEV1ccD8PVBVOI+Z3ND4+SZbN8RsfT2bMuG1qwz5RFvPukSZm5fF2D5eA==}
 
-  brace-expansion@5.0.6:
-    resolution: {integrity: sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==}
+  brace-expansion@5.0.7:
+    resolution: {integrity: sha512-7oFy703dxfY3/NLxC1fh2SUCQ0H9rmAY+5EpDVfXjUTTs+HEwR2nYaqLv+GWcTsumwxPfiz6CzCNkwXwBUwqCA==}
     engines: {node: 18 || 20 || >=22}
 
   braces@3.0.3:
@@ -6325,8 +6932,8 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
-  browserslist@4.28.5:
-    resolution: {integrity: sha512-Cu2E6QejHWzuDMTkuwgpABFgDfZrXLQq5V13YOACZx4mFAG4IwGTbTfHPMr4WtxlHoXSM8FIuRwYYCz5XiabaQ==}
+  browserslist@4.28.6:
+    resolution: {integrity: sha512-FQBYNK15VMslhLHpA7+n+n1GOlF1kId2xcCg7/j95f24AOF6VDYMNH4mFxF7KuaTdv627faazpOAjFzMrfJOUw==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -6379,11 +6986,14 @@ packages:
     resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
     engines: {node: '>=14.16'}
 
-  caniuse-lite@1.0.30001799:
-    resolution: {integrity: sha512-hG1bReV+OUU+MOqK4t/ZWI0tZOyz3rqS9XuhOUz1cIcbwBKjOyJEJuw9ER5JuNyqxNk8u/JUVbGibBOL1yrjFw==}
+  caniuse-lite@1.0.30001800:
+    resolution: {integrity: sha512-MMHtuAz9Ys840zAY5F4k6fV5GaivZ9sPk+nz0mY+GYVzRBnYkN0mpqkSR92oWRQ19yQWo4HvBV/FnC16AJX8MA==}
+
+  caniuse-lite@1.0.30001806:
+    resolution: {integrity: sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==}
 
-  caniuse-lite@1.0.30001803:
-    resolution: {integrity: sha512-g/uHREV2ZpK9qMalCsWaxmA6ol+DX8GYhuf3T40RKoP+oL7vhRJh8LNt73PCjpnR6l14FzfPrB5Yux4PKm2meg==}
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
 
   chain-function@1.0.1:
     resolution: {integrity: sha512-SxltgMwL9uCko5/ZCLiyG2B7R9fY4pDZUw7hJ4MhirdjBLosoDqkWABi3XMucddHdLiFJMb7PD2MZifZriuMTg==}
@@ -6408,12 +7018,27 @@ packages:
     resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  character-reference-invalid@2.0.1:
+    resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
+
   chardet@2.2.0:
     resolution: {integrity: sha512-rddelWYNPRrXq6PtNEN2S3f6t9ILzvqaN5pVgi4kqt9jHQaXIial9PznB5iSPVlQSLNaaH22ItWz3EJtQ10+OA==}
 
-  chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
+  cheerio-select@2.1.0:
+    resolution: {integrity: sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==}
+
+  cheerio@1.2.0:
+    resolution: {integrity: sha512-WDrybc/gKFpTYQutKIK6UvfcuxijIZfMfXaYm8NMsPQxSYvf+13fXUJ4rztGGbJcBQ/GF55gvrZ0Bc0bj/mqvg==}
+    engines: {node: '>=20.18.1'}
 
   chokidar@4.0.3:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
@@ -6481,6 +7106,9 @@ packages:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
+  collapse-white-space@2.1.0:
+    resolution: {integrity: sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==}
+
   color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
 
@@ -6497,6 +7125,13 @@ packages:
   colorjs.io@0.5.2:
     resolution: {integrity: sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==}
 
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
   commander@11.1.0:
     resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
     engines: {node: '>=16'}
@@ -6531,6 +7166,9 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
   confbox@0.2.4:
     resolution: {integrity: sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==}
 
@@ -6557,6 +7195,9 @@ packages:
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
+  cookie-es@3.1.1:
+    resolution: {integrity: sha512-UaXxwISYJPTr9hwQxMFYZ7kNhSXboMXP+Z3TRX6f1/NyaGPfuNUZOWP1pUEb75B2HjfklIYLVRfWiFZJyC6Npg==}
+
   cookie-signature@1.0.7:
     resolution: {integrity: sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==}
 
@@ -6752,6 +7393,9 @@ packages:
   decimal.js@10.6.0:
     resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
 
+  decode-named-character-reference@1.3.0:
+    resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
+
   decompress-response@6.0.0:
     resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
     engines: {node: '>=10'}
@@ -6775,6 +7419,9 @@ packages:
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
+  deep-object-diff@1.1.9:
+    resolution: {integrity: sha512-Rn+RuwkmkDwCi2/oXOFS9Gsr5lJZu/yTGpK7wAaAIE75CC+LCGEZHpY6VQJa/RoJcrmaA/docWJZvYohlNkWPA==}
+
   deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
@@ -6790,6 +7437,10 @@ packages:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
 
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
   depd@2.0.0:
     resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
     engines: {node: '>= 0.8'}
@@ -6813,6 +7464,9 @@ packages:
   detect-node-es@1.1.0:
     resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
 
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
   dijkstrajs@1.0.3:
     resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
 
@@ -6858,10 +7512,6 @@ packages:
   dot-case@3.0.4:
     resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
 
-  dotenv@16.6.1:
-    resolution: {integrity: sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==}
-    engines: {node: '>=12'}
-
   dotenv@17.2.3:
     resolution: {integrity: sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w==}
     engines: {node: '>=12'}
@@ -6882,14 +7532,14 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  effect@3.21.4:
-    resolution: {integrity: sha512-B89v/xSgPbl1J2Ai2u18jxq3odpFauU1rC6/eSs4FeNHi72kwKdJp12VGigvRV2lK+kRnx+OOz41XV8guZd4gQ==}
+  effect@3.22.0:
+    resolution: {integrity: sha512-jhYFe0zTlIRqYFrKTS+6luhmS/Tm0f+JLo0K9KUxvtFab1SUGEszQi2ehOP6QzAZvy831lDmTwwzvVDZSPNz3g==}
 
-  electron-to-chromium@1.5.380:
-    resolution: {integrity: sha512-W6d5AbuEoRayO447cqrg6lKJIlscgRnnxOZl/08kfV71BQDoEBC7Wwis68z87LjyK6f4kWyTaubuDbhHKrZkbA==}
+  electron-to-chromium@1.5.385:
+    resolution: {integrity: sha512-78sa/M08MNAYHQfjoWMvOlKQqZ0ElhSm/L5HNUc96VZ3b+KvDVnngFm8sYQy0XrhTRgAhggHr5abA7yTvRdo4Q==}
 
-  electron-to-chromium@1.5.389:
-    resolution: {integrity: sha512-cEto7aeOqBfU1D+c5py5pE+ooscKE75JifxLBdFUZsqAxRS6y7kebtxAZvICszSl05gPjYHDTjY+lXpyGvpJbg==}
+  electron-to-chromium@1.5.393:
+    resolution: {integrity: sha512-kiDJdIUawuEIcp9XoICKp1iTYDEbgguIPq526N1Q7jIQDeQ3CqoMx71025PI/7E48Ddtw2HuWsVjY7afEgNxmg==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -6905,6 +7555,9 @@ packages:
     resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
     engines: {node: '>= 0.8'}
 
+  encoding-sniffer@0.2.1:
+    resolution: {integrity: sha512-5gvq20T6vfpekVtqrYQsSCFZ1wEg5+wW0/QaZMWkFr6BqD3NfKs0rLCx4rrVlSWJeZb5NBJgVLswK/w2MWU+Gw==}
+
   encoding@0.1.13:
     resolution: {integrity: sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==}
 
@@ -6926,8 +7579,8 @@ packages:
     resolution: {integrity: sha512-aNnGCvbJ/RIyWo1IuhNdVjnNF+EjH9wpzpNHt+ci/m9He9LJvUN8wrCcXjp9cWsGNAuvSpVFTx/vraAFQ8qGjQ==}
     engines: {node: '>=10.13.0'}
 
-  enhanced-resolve@5.24.2:
-    resolution: {integrity: sha512-rpsZEGT1jFuve6QlpyRp9ckQ+kN61hvF9BzCPyMdaKTm8UJce96KBn3sorXOFXlzjPrs3Vc4T1NsSroZ3PxlFw==}
+  enhanced-resolve@5.24.3:
+    resolution: {integrity: sha512-PwKooW9JUzh5chmYfHM3IQl5OkK2u2Nm011MgeZrss3JmFraUx/fqrf78kk8GUMYoibx/14MdwTl/1WKkG7TpQ==}
     engines: {node: '>=10.13.0'}
 
   enquirer@2.4.1:
@@ -6942,6 +7595,10 @@ packages:
     resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
     engines: {node: '>=0.12'}
 
+  entities@7.0.1:
+    resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
+    engines: {node: '>=0.12'}
+
   entities@8.0.0:
     resolution: {integrity: sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==}
     engines: {node: '>=20.19.0'}
@@ -6987,12 +7644,12 @@ packages:
   es-module-lexer@1.7.0:
     resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
 
-  es-module-lexer@2.1.0:
-    resolution: {integrity: sha512-n27zTYMjYu1aj4MjCWzSP7G9r75utsaoc8m61weK+W8JMBGGQybd43GstCXZ3WNmSFtGT9wi59qQTW6mhTR5LQ==}
-
   es-module-lexer@2.3.0:
     resolution: {integrity: sha512-KLdwQm2NvGLDkQDCGvmiQrhkd0JbMzXthwQAUgWjQuQdBLFa3eiBP5arXZyA+f8x+x7OXgud6bq2rxjGtHV2tw==}
 
+  es-module-lexer@2.3.1:
+    resolution: {integrity: sha512-shc1dbU90Yl/xq1QrC7QRtfcwURZuVRfPhZbDoldJ1cn1gzDvBaBWlv0eFolj5+0znnPJz5TXLxsN77X/12KTA==}
+
   es-object-atoms@1.1.2:
     resolution: {integrity: sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==}
     engines: {node: '>= 0.4'}
@@ -7012,6 +7669,12 @@ packages:
   es-toolkit@1.49.0:
     resolution: {integrity: sha512-G5iZ6Pc/FNRY/soKZHC+TxGDD83rHUDXxzaWhGCX44vAv/tMs56WMusnm/KMNK+luUPsgA9U28cGr4RDlSzL2g==}
 
+  esast-util-from-estree@2.0.0:
+    resolution: {integrity: sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ==}
+
+  esast-util-from-js@2.0.1:
+    resolution: {integrity: sha512-8Ja+rNJ0Lt56Pcf3TAmpBZjmx8ZcK5Ts4cAzIOjsjevg9oSXJnl6SUQ2EevU8tv3h6ZLWmoKL5H4fgWvdvfETw==}
+
   esbuild@0.27.2:
     resolution: {integrity: sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==}
     engines: {node: '>=18'}
@@ -7148,6 +7811,30 @@ packages:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
 
+  estree-util-attach-comments@3.0.0:
+    resolution: {integrity: sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==}
+
+  estree-util-build-jsx@3.0.1:
+    resolution: {integrity: sha512-8U5eiL6BTrPxp/CHbs2yMgP8ftMhR5ww1eIKoWRMlqvltHF8fZn5LRDvTKuxD3DUn+shRbLGqXemcP51oFCsGQ==}
+
+  estree-util-is-identifier-name@3.0.0:
+    resolution: {integrity: sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==}
+
+  estree-util-scope@1.0.0:
+    resolution: {integrity: sha512-2CAASclonf+JFWBNJPndcOpA8EMJwa0Q8LUFJEKqXLW6+qBvbFZuF5gItbQOs/umBUkjviCSDCbBwU2cXbmrhQ==}
+
+  estree-util-to-js@2.0.0:
+    resolution: {integrity: sha512-WDF+xj5rRWmD5tj6bIqRi6CkLIXbbNQUcxQHzGysQzvHmdYG2G7p/Tf0J0gpxGgkeMZNTIjT/AoSvC9Xehcgdg==}
+
+  estree-util-visit@2.0.0:
+    resolution: {integrity: sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww==}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
   esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
@@ -7156,6 +7843,10 @@ packages:
     resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
     engines: {node: '>= 0.6'}
 
+  eval@0.1.8:
+    resolution: {integrity: sha512-EzV94NYKoO09GLXGjXj9JIlXijVck4ONSr5wiCWDvhsvj5jxSrzTmRU/9C1DyB6uToszLs8aifA6NQ7lEQdvFw==}
+    engines: {node: '>= 0.8'}
+
   events@3.3.0:
     resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
     engines: {node: '>=0.8.x'}
@@ -7205,6 +7896,9 @@ packages:
   exsolve@1.1.0:
     resolution: {integrity: sha512-D+42+T12DdIlJM3uepa55qGiL3sYdLBOxIl2ifQCzCHz4c7eiolaHsi3BIqEr7JxBzxv2pYZQX9kw16ziMcEmw==}
 
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
   extendable-error@0.1.7:
     resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==}
 
@@ -7225,8 +7919,8 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
-  fast-uri@3.1.2:
-    resolution: {integrity: sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==}
+  fast-uri@3.1.3:
+    resolution: {integrity: sha512-i70LwGWUduXqzicKXWshooq+sWL1K3WUU5rKZNG/0i3a1OSoX3HqhH5WbWwTmqWfor4urUakGPiRQcleRZTwOg==}
 
   fast-xml-builder@1.2.0:
     resolution: {integrity: sha512-00aAWieqff+ZJhsXA4g1g7M8k+7AYoMUUHF+/zFb5U6Uv/P0Vl4QZo84/IcufzYalLuEj9928bXN9PbbFzMF0Q==}
@@ -7297,6 +7991,15 @@ packages:
   flatted@3.4.2:
     resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==}
 
+  follow-redirects@1.16.0:
+    resolution: {integrity: sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
   for-each@0.3.5:
     resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
     engines: {node: '>= 0.4'}
@@ -7305,6 +8008,10 @@ packages:
     resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
     engines: {node: '>=14'}
 
+  form-data@4.0.6:
+    resolution: {integrity: sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==}
+    engines: {node: '>= 6'}
+
   forwarded-parse@2.1.2:
     resolution: {integrity: sha512-alTFZZQDKMporBH77856pXgzhEzaUVmLCDk+egLgIgHst3Tpndzz8MnKe+GzRJRfvVdn69HhpW7cmXzvtLvJAw==}
 
@@ -7315,8 +8022,8 @@ packages:
   fraction.js@5.3.4:
     resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
 
-  framer-motion@12.42.0:
-    resolution: {integrity: sha512-wp7EJnfWaaEScVygKv3e20udoRz+LbtxScsuTkakAxfXmt+ReC6WyPW2nINRAGvd+hG9odwcjBLyOTPjH5pBRA==}
+  framer-motion@12.42.2:
+    resolution: {integrity: sha512-5XY9luDiu0oHfHBjpDthFMh0ES+122w6p/papSJBweMkO8Sn+PW2QaEgRblQBpWFnuvZS5qvarpt/hO2pjGmnw==}
     peerDependencies:
       '@emotion/is-prop-valid': '*'
       react: ^18.0.0 || ^19.0.0
@@ -7400,6 +8107,10 @@ packages:
     resolution: {integrity: sha512-QB9NKEeDg3xxVwCCwJQ9+xycaz6pBB6iQ76wiWMl1927n0Kir6alPiP+yuiICLLU4jpMe08dXfpebuQppFA2zw==}
     engines: {node: '>=16'}
 
+  get-port@7.2.0:
+    resolution: {integrity: sha512-afP4W205ONCuMoPBqcR6PSXnzX35KTcJygfJfcp+QY+uwm3p20p1YczWXhlICIzGMCxYBQcySEcOgsJcrkyobg==}
+    engines: {node: '>=16'}
+
   get-proto@1.0.1:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
@@ -7470,9 +8181,6 @@ packages:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
 
-  globrex@0.1.2:
-    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
-
   goober@2.1.19:
     resolution: {integrity: sha512-U7veizMqxyKlM58+Z5j2ngJBH/r9siDmxpvNxSw0PylF6WQvrASJEZrxh1hidRBJc2jqoBVSyOban5u8m+6Rxg==}
     peerDependencies:
@@ -7520,6 +8228,15 @@ packages:
     resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==}
     engines: {node: '>= 0.4'}
 
+  hast-util-to-estree@3.1.3:
+    resolution: {integrity: sha512-48+B/rJWAp0jamNbAAf9M7Uf//UVqAoMmgXhBdxTDJLGKY+LRnZ99qcG+Qjl5HfMpYNzS5v4EAwVEF34LeAj7w==}
+
+  hast-util-to-jsx-runtime@2.3.6:
+    resolution: {integrity: sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
   he@1.2.0:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
@@ -7552,6 +8269,9 @@ packages:
   htmlparser2@10.0.0:
     resolution: {integrity: sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==}
 
+  htmlparser2@10.1.0:
+    resolution: {integrity: sha512-VTZkM9GWRAtEpveh7MSF6SjjrpNVNNVJfFup7xTY3UpFtm67foy9HDVXneLtFVt4pMz5kZtgNcvCniNFb1hlEQ==}
+
   htmlparser2@8.0.2:
     resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}
 
@@ -7618,8 +8338,8 @@ packages:
   immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
 
-  immutable@5.1.8:
-    resolution: {integrity: sha512-TM5YqrGeTsVIPPpILzeqZ8D2Zc2TvNgSDi88zPF2a4cyqQdWV/wVWBDRDbNzzrLeRWScrFcOX9lW2iX6GOtUDw==}
+  immutable@5.1.9:
+    resolution: {integrity: sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==}
 
   import-fresh@3.3.1:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
@@ -7646,6 +8366,9 @@ packages:
   ini@1.3.8:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
 
+  inline-style-parser@0.2.7:
+    resolution: {integrity: sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==}
+
   input-otp@1.4.2:
     resolution: {integrity: sha512-l3jWwYNvrEa6NTCt7BECfCm48GvwuZzkoeG3gBL2w4CHeOXW3eKFmf9UNYkNfYc3mxMrthMnxjIE07MT0zLBQA==}
     peerDependencies:
@@ -7671,6 +8394,12 @@ packages:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
 
+  is-alphabetical@2.0.1:
+    resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
+
+  is-alphanumerical@2.0.1:
+    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
+
   is-array-buffer@3.0.5:
     resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
     engines: {node: '>= 0.4'}
@@ -7686,10 +8415,6 @@ packages:
     resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
     engines: {node: '>= 0.4'}
 
-  is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-
   is-boolean-object@1.2.2:
     resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
     engines: {node: '>= 0.4'}
@@ -7710,6 +8435,9 @@ packages:
     resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
     engines: {node: '>= 0.4'}
 
+  is-decimal@2.0.1:
+    resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
+
   is-docker@2.2.1:
     resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
     engines: {node: '>=8'}
@@ -7739,6 +8467,9 @@ packages:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
+  is-hexadecimal@2.0.1:
+    resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
+
   is-interactive@2.0.0:
     resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
     engines: {node: '>=12'}
@@ -7893,6 +8624,9 @@ packages:
   jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
+  javascript-stringify@2.1.0:
+    resolution: {integrity: sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg==}
+
   jest-worker@27.5.1:
     resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
     engines: {node: '>= 10.13.0'}
@@ -7905,6 +8639,13 @@ packages:
     resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
     hasBin: true
 
+  joi@17.13.4:
+    resolution: {integrity: sha512-1RuuER6kmt8K8I3nIWvPZKi5RQCb568ZPyY4Pwjlua+yo+63ZTmIwxLZH0heBmiKN4uxjvCiarDrjaeH84xicQ==}
+
+  joi@18.2.3:
+    resolution: {integrity: sha512-N5A3KTWQpPWT4ExxxPlUx7WmykGXRzhNidWhV41d6Abu9YfI2NyWCJuxdPnslJCPWtbRpSVOWSnSS6GakLM/Rg==}
+    engines: {node: '>= 20'}
+
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
@@ -8115,8 +8856,8 @@ packages:
     resolution: {integrity: sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  linkify-it@5.0.1:
-    resolution: {integrity: sha512-wVoTjP4Q6R0NW5hiZkVJaFZPWgtXfoGF+6LucL3/FtiNjmcHhYjEr5f1Kqjirc1nBW07J/ZuRFumqr2oqccEWg==}
+  linkify-it@5.0.2:
+    resolution: {integrity: sha512-ONTm2jCMAVZjgQa/Fy1kScXsuOoF5NPTsoFBdE1KVIZ2vAh/r9+Bqo+0jINCBYnavTPQZz38QzFTme79ENoN3Q==}
 
   litefs-js@2.0.2:
     resolution: {integrity: sha512-/tsWuxjjp+xokvbCCtnyMJaTAbdmb3n9WS10ZB1/tBaa355qAXJP0Xlg37aO5YNTsJnl2zixpRGcmjcQwIZsdw==}
@@ -8161,6 +8902,9 @@ packages:
   long-timeout@0.1.1:
     resolution: {integrity: sha512-BFRuQUqc7x2NWxfJBCyUrN8iYUYznzL9JROmRz1gZ6KlOIgmoD+njPVbb+VNn2nGMKggMsK79iUNErillsrx7w==}
 
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
   loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
@@ -8196,10 +8940,6 @@ packages:
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
-  magic-string@0.30.8:
-    resolution: {integrity: sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==}
-    engines: {node: '>=12'}
-
   make-dir@4.0.0:
     resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
     engines: {node: '>=10'}
@@ -8213,6 +8953,10 @@ packages:
     engines: {node: '>=12.0.0'}
     hasBin: true
 
+  markdown-extensions@2.0.0:
+    resolution: {integrity: sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q==}
+    engines: {node: '>=16'}
+
   markdown-it@14.2.0:
     resolution: {integrity: sha512-1TGiQiJVRQ3NPmZH6sx5Cfnmg6GQm9jvC1ch4TK511NjSJvjzKLzn5pPfZRNZkRPZP0HqCioSndqH8v2nRaWVQ==}
     hasBin: true
@@ -8231,6 +8975,33 @@ packages:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
+  mdast-util-from-markdown@2.0.3:
+    resolution: {integrity: sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==}
+
+  mdast-util-mdx-expression@2.0.1:
+    resolution: {integrity: sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==}
+
+  mdast-util-mdx-jsx@3.2.0:
+    resolution: {integrity: sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==}
+
+  mdast-util-mdx@3.0.0:
+    resolution: {integrity: sha512-JfbYLAW7XnYTTbUsmpu0kdBUVe+yKVJZBItEjwyYJiDJuZ9w4eeaqks4HQO+R7objWgS2ymV60GYpI14Ug554w==}
+
+  mdast-util-mdxjs-esm@2.0.1:
+    resolution: {integrity: sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==}
+
+  mdast-util-phrasing@4.1.0:
+    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
+
+  mdast-util-to-hast@13.2.1:
+    resolution: {integrity: sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==}
+
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
+
+  mdast-util-to-string@4.0.0:
+    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+
   mdn-data@2.0.28:
     resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
 
@@ -8243,6 +9014,9 @@ packages:
   mdurl@2.0.0:
     resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
 
+  media-query-parser@2.0.2:
+    resolution: {integrity: sha512-1N4qp+jE0pL5Xv4uEcwVUhIkwdUO3S/9gML90nqKA7v7FcOS5vUtatfzok9S9U1EJU8dHWlcv95WLnKmmxZI9w==}
+
   media-typer@0.3.0:
     resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
     engines: {node: '>= 0.6'}
@@ -8273,6 +9047,90 @@ packages:
     resolution: {integrity: sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==}
     engines: {node: '>= 0.6'}
 
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
+
+  micromark-extension-mdx-expression@3.0.1:
+    resolution: {integrity: sha512-dD/ADLJ1AeMvSAKBwO22zG22N4ybhe7kFIZ3LsDI0GlsNr2A3KYxb0LdC1u5rj4Nw+CHKY0RVdnHX8vj8ejm4Q==}
+
+  micromark-extension-mdx-jsx@3.0.2:
+    resolution: {integrity: sha512-e5+q1DjMh62LZAJOnDraSSbDMvGJ8x3cbjygy2qFEi7HCeUT4BDKCvMozPozcD6WmOt6sVvYDNBKhFSz3kjOVQ==}
+
+  micromark-extension-mdx-md@2.0.0:
+    resolution: {integrity: sha512-EpAiszsB3blw4Rpba7xTOUptcFeBFi+6PY8VnJ2hhimH+vCQDirWgsMpz7w1XcZE7LVrSAUGb9VJpG9ghlYvYQ==}
+
+  micromark-extension-mdxjs-esm@3.0.0:
+    resolution: {integrity: sha512-DJFl4ZqkErRpq/dAPyeWp15tGrcrrJho1hKK5uBS70BCtfrIFg81sqcTVu3Ta+KD1Tk5vAtBNElWxtAa+m8K9A==}
+
+  micromark-extension-mdxjs@3.0.0:
+    resolution: {integrity: sha512-A873fJfhnJ2siZyUrJ31l34Uqwy4xIFmvPY1oj+Ean5PHcPBYzEsvqvWGaWcfEIr11O5Dlw3p2y0tZWpKHDejQ==}
+
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
+
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
+
+  micromark-factory-mdx-expression@2.0.3:
+    resolution: {integrity: sha512-kQnEtA3vzucU2BkrIa8/VaSAsP+EJ3CKOvhMuJgOEGg9KDC6OAY6nSnNDVRiVNRqj7Y4SlSzcStaH/5jge8JdQ==}
+
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
+
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
+
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
+
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
+
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
+
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-events-to-acorn@2.0.3:
+    resolution: {integrity: sha512-jmsiEIiZ1n7X1Rr5k8wVExBQCg5jy4UXVADItHmNk1zkwEVhBuIUKRu3fqv+hs4nxLISi2DQGlqIOGiFxgbfHg==}
+
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
+
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
+
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
+
   micromatch@4.0.8:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
@@ -8322,8 +9180,8 @@ packages:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
 
-  miniflare@4.20260625.0:
-    resolution: {integrity: sha512-3kKXwRUObJsnBYPBgR0NiNZYKF/yv8GFyha1cx2EeAEraxNODgRVcyeRo+F1ok1tg5Mg7iUpOWSkknQTHuFhwA==}
+  miniflare@4.20260701.0:
+    resolution: {integrity: sha512-L6eAAi6IKtyb/7J6L+YsH2vb1yBrJWKRXI293JYDiMl70+6nncdAgigex58w6WBd+CwvdMsqOyNyGs95Op5gWQ==}
     engines: {node: '>=22.0.0'}
     hasBin: true
 
@@ -8391,7 +9249,13 @@ packages:
   mkdirp-classic@0.5.3:
     resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
 
-  module-details-from-path@1.0.4:
+  mlly@1.8.2:
+    resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
+
+  modern-ahocorasick@1.1.0:
+    resolution: {integrity: sha512-sEKPVl2rM+MNVkGQt3ChdmD8YsigmXdn5NifZn6jiwn9LRJpWm8F3guhaqrJT/JOat6pwpbXEk6kv+b9DMIjsQ==}
+
+  module-details-from-path@1.0.4:
     resolution: {integrity: sha512-EGWKgxALGMgzvxYF1UyGTy0HXX/2vHLkw6+NvDKW2jypWbHpjQuj4UMcqQWXHERJhVGKikolT06G3bcKe4fi7w==}
 
   monaco-editor@0.55.1:
@@ -8404,8 +9268,8 @@ packages:
     resolution: {integrity: sha512-223dMRJtI/l25dJKWpgij2cMtywuG/WiUKXdvwfbhGKBhy1puASqXwFzmWZ7+K73vUPoR7SS2Qz2cI/g9MKw0A==}
     engines: {node: '>= 0.8.0'}
 
-  motion-dom@12.42.0:
-    resolution: {integrity: sha512-M63h4n8R+quJdNhBwuLlgxM+OLYa9+I/T2pzDRboB9fLXRdbou+Gw7Zury+SkpaCyACP1JHSjHgZ1EgTkBr30w==}
+  motion-dom@12.42.2:
+    resolution: {integrity: sha512-5gIMWLp/PycBtJRJWRgjxke5n8dlvkSn2DrYW+tr3XcqAZY1xZh6BJyooJXCM8wdfM7wfMjkBJNLge1CKPUIRA==}
 
   motion-utils@12.39.0:
     resolution: {integrity: sha512-8nadJAJjTtqRkmRF36FoJTrywK9nnFmnPwnSMyxaOCU7GDjN9RTMJIxx9De8ErM+vpPhMccr/6fo5WciyQLnMQ==}
@@ -8480,8 +9344,8 @@ packages:
   no-case@3.0.4:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
 
-  node-abi@3.92.0:
-    resolution: {integrity: sha512-KdHvFWZjEKDf0cakgFjebl371GPsISX2oZHcuyKqM7DtogIsHrqKeLTo8wBHxaXRAQlY2PsPlZmfo+9ZCxEREQ==}
+  node-abi@3.94.0:
+    resolution: {integrity: sha512-W5ZNO5KRPB5TkYmGVD9F6YqhsglXJzE6etpbmT+f6EQElhiX/UTG551cnsRGvLG3fyZEg9HwaDmNmj5nwJ4z9g==}
     engines: {node: '>=10'}
 
   node-addon-api@7.1.1:
@@ -8522,10 +9386,6 @@ packages:
   normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
 
-  normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-
   npm-run-all@4.1.5:
     resolution: {integrity: sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==}
     engines: {node: '>= 4'}
@@ -8642,8 +9502,8 @@ packages:
     resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==}
     engines: {node: '>=6'}
 
-  p-map@7.0.4:
-    resolution: {integrity: sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==}
+  p-map@7.0.5:
+    resolution: {integrity: sha512-e8vJF4XdVkzqqSHguEMz41mQO1wKwxKm5ENrUJQUu9kLDCtn83cxbyHZcszr4QC5zEA7WffRRC4gsTecC7J9oA==}
     engines: {node: '>=18'}
 
   p-try@2.2.0:
@@ -8663,6 +9523,9 @@ packages:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
+  parse-entities@4.0.2:
+    resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
+
   parse-json@4.0.0:
     resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
     engines: {node: '>=4'}
@@ -8683,6 +9546,15 @@ packages:
     resolution: {integrity: sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==}
     engines: {node: '>=0.10.0'}
 
+  parse5-htmlparser2-tree-adapter@7.1.0:
+    resolution: {integrity: sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==}
+
+  parse5-parser-stream@7.1.2:
+    resolution: {integrity: sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==}
+
+  parse5@7.3.0:
+    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
+
   parse5@8.0.1:
     resolution: {integrity: sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==}
 
@@ -8784,8 +9656,8 @@ packages:
     resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
     engines: {node: '>=8.6'}
 
-  picomatch@4.0.4:
-    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+  picomatch@4.0.5:
+    resolution: {integrity: sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==}
     engines: {node: '>=12'}
 
   pidtree@0.3.1:
@@ -8793,6 +9665,10 @@ packages:
     engines: {node: '>=0.10'}
     hasBin: true
 
+  pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+
   pify@3.0.0:
     resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
     engines: {node: '>=4'}
@@ -8805,6 +9681,9 @@ packages:
     resolution: {integrity: sha512-u9mdErTewKSMsr+ceCt8VcNuNP0ro5AXiPXhUVApuEyqr2Zlvt+DdCFBcm+yGWN8mhOdZJ27meIDbnoZgfzpOw==}
     hasBin: true
 
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
   pkg-types@2.3.1:
     resolution: {integrity: sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==}
 
@@ -8826,6 +9705,12 @@ packages:
     resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
 
+  postcss-import@16.1.1:
+    resolution: {integrity: sha512-2xVS1NCZAfjtVdvXiyegxzJ447GyqCeEI5V7ApgQVOWnros1p5lGNovJNapwPpMombyFBfqDwt7AD3n2l0KOfQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
   postcss-nested@5.0.6:
     resolution: {integrity: sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==}
     engines: {node: '>=12.0'}
@@ -8839,10 +9724,6 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.5.15:
-    resolution: {integrity: sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==}
-    engines: {node: ^10 || ^12 || >=14}
-
   postcss@8.5.16:
     resolution: {integrity: sha512-vuwillviilfKZsg0VGj5R/YwwcHx4SLsIOI/7K6mQkWx+l5cUHTjj5g0AasTBcyXsbfTgrwsUNmVUb5xVwyPwg==}
     engines: {node: ^10 || ^12 || >=14}
@@ -9005,8 +9886,8 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
-  prettier@3.9.1:
-    resolution: {integrity: sha512-ppiDo2CSwexck1eyZUwJHg/N3nf1+6IRCv7W/VJ5vaLnVCmB7+3CdRfMwoCHBBX6xTrREDTksZ4OZl5SSf4zXA==}
+  prettier@3.9.4:
+    resolution: {integrity: sha512-yWG/o/4oJfo036EKAfK6ACAoDOfHeRHx4tuxkfBZiauURiaSmYwlpOr5LQqKtIkRD2z1PLteme2WoxEnj4tHTg==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -9030,10 +9911,6 @@ packages:
   process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
-  progress@2.0.3:
-    resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
-    engines: {node: '>=0.4.0'}
-
   prompts@2.4.2:
     resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
     engines: {node: '>= 6'}
@@ -9041,6 +9918,9 @@ packages:
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
+  property-information@7.2.0:
+    resolution: {integrity: sha512-IAtzIB6sUiWaJYrX9smp3V46pBGbBeLFRGdh25kg1334VcBlD8HzhPeNIWQH9zhGmo2itIe25EHt9dQP7G5hmg==}
+
   proxy-addr@2.0.7:
     resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
     engines: {node: '>= 0.10'}
@@ -9048,8 +9928,9 @@ packages:
   proxy-compare@3.0.1:
     resolution: {integrity: sha512-V9plBAt3qjMlS1+nC8771KNf6oJ12gExvaxnNzN/9yVRLdTv/lc+oJlnSzrdYDAvBfTStPCoiaCOTmTs0adv7Q==}
 
-  proxy-from-env@1.1.0:
-    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+  proxy-from-env@2.1.0:
+    resolution: {integrity: sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==}
+    engines: {node: '>=10'}
 
   prr@1.0.1:
     resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==}
@@ -9090,6 +9971,9 @@ packages:
     resolution: {integrity: sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ==}
     engines: {node: '>=0.12'}
 
+  randombytes@2.1.0:
+    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
+
   range-parser@1.2.0:
     resolution: {integrity: sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==}
     engines: {node: '>= 0.6'}
@@ -9196,8 +10080,8 @@ packages:
       react: '>=16.8'
       react-dom: '>=16.8'
 
-  react-router-dom@7.18.0:
-    resolution: {integrity: sha512-Fi0yY6kgtKae/Th2xibdWK0KSdYZ4B53Gyf6wRtomOKWgpNm7H7+DyfDhncdz9FKbpS+1jmDhg3F4WoGJ+yFOA==}
+  react-router-dom@7.18.1:
+    resolution: {integrity: sha512-KaZh+X/6UtEp28x51AUYZDMg9NGoz2ja3dNHa+ta/tk40vCzKhQ/RypCWBMLbmDr6//E24Vv5uPsrqXFozdkAg==}
     engines: {node: '>=20.0.0'}
     peerDependencies:
       react: '>=18'
@@ -9219,8 +10103,8 @@ packages:
       react-dom:
         optional: true
 
-  react-router@7.18.0:
-    resolution: {integrity: sha512-pTTGt8J+ji1NOmYnjzT+bAJy/1zD+Jp4ziO6cL7T3ZLvXKtusO7BpFqlRXitqpcPVqllsIXFHRMt+2/k3Xn6HQ==}
+  react-router@7.18.1:
+    resolution: {integrity: sha512-GDLgg3i3uM0aeJO3Fm+TCS+sDQ7gu12T6x0qdTEzcwqEfleci7JwugVNIF3U//0FWKnJT7ptG+20B2jfDqnZAg==}
     engines: {node: '>=20.0.0'}
     peerDependencies:
       react: '>=18'
@@ -9229,6 +10113,24 @@ packages:
       react-dom:
         optional: true
 
+  react-router@8.1.0:
+    resolution: {integrity: sha512-Mdfi61uObuvWNN9OhChOC0HV6YWOIfKRzEWOvCHRSuQg8IM+Nv10edaM/2HE8ZixBpUTdQbruyWqC3sDkkh9vw==}
+    engines: {node: '>=22.22.0'}
+    peerDependencies:
+      react: '>=19.2.7'
+      react-dom: '>=19.2.7'
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+
+  react-server-dom-rspack@0.0.2:
+    resolution: {integrity: sha512-PowIm+Z65LkvC3yk4t3YrH2nMejwL361jiBT0BMW2bQCDUaNQknDHMPH0aTgMtJ9ZZ1Gc7KFgBvwB0itSzzELQ==}
+    engines: {node: '>=0.10.0'}
+    peerDependencies:
+      '@rspack/core': ^2.0.0-0
+      react: ^19.1.0
+      react-dom: ^19.1.0
+
   react-style-singleton@2.2.3:
     resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
     engines: {node: '>=10'}
@@ -9253,6 +10155,9 @@ packages:
     resolution: {integrity: sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==}
     engines: {node: '>=0.10.0'}
 
+  read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
   read-pkg@3.0.0:
     resolution: {integrity: sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==}
     engines: {node: '>=4'}
@@ -9268,10 +10173,6 @@ packages:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
 
-  readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-
   readdirp@4.1.2:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
@@ -9280,6 +10181,20 @@ packages:
     resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
     engines: {node: '>= 20.19.0'}
 
+  recma-build-jsx@1.0.0:
+    resolution: {integrity: sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew==}
+
+  recma-jsx@1.0.1:
+    resolution: {integrity: sha512-huSIy7VU2Z5OLv6oFLosQGGDqPqdO1iq6bWNAdhzMxSJP7RAso4fCZ1cKu8j9YHCZf3TPrq4dw3okhrylgcd7w==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  recma-parse@1.0.0:
+    resolution: {integrity: sha512-OYLsIGBB5Y5wjnSnQW6t3Xg7q3fQ7FWbw/vcXtORTnyaSFscOtABg+7Pnz6YZ6c27fG1/aN8CjfwoUEUIdwqWQ==}
+
+  recma-stringify@1.0.0:
+    resolution: {integrity: sha512-cjwII1MdIIVloKvC9ErQ+OgAtwHBmcZ0Bg4ciz78FtbT8In39aAYbaA7zvxQ61xVMSPE8WxhLwLbhif4Js2C+g==}
+
   redent@3.0.0:
     resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
     engines: {node: '>=8'}
@@ -9302,6 +10217,18 @@ packages:
     resolution: {integrity: sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==}
     engines: {node: '>=0.10.0'}
 
+  rehype-recma@1.0.0:
+    resolution: {integrity: sha512-lqA4rGUf1JmacCNWWZx0Wv1dHqMwxzsDWYMTowuplHF3xH0N/MmrZ/G3BDZnzAkRmxDadujCjaKM2hqYdCBOGw==}
+
+  remark-mdx@3.1.1:
+    resolution: {integrity: sha512-Pjj2IYlUY3+D8x00UJsIOg5BEvfMyeI+2uLPn9VO9Wg4MEtN/VTIq2NEJQfde9PnX15KgtHyl9S0BcTnWrIuWg==}
+
+  remark-parse@11.0.0:
+    resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
+
+  remark-rehype@11.1.2:
+    resolution: {integrity: sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==}
+
   remix-auth-github@3.0.2:
     resolution: {integrity: sha512-3XxykdwMrcPSyMsdGtBDl3DBc19gJM3t7q/1uzfz3g/SJRsxEytjGiQ17ztKykebCGM454Z0lVJMvSb+LF/yHA==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=20.0.0}
@@ -9365,6 +10292,9 @@ packages:
     resolution: {integrity: sha512-QT7FVMXfWOYFbeRBF6nu+I6tr2Tf3u0q8RIEjNob/heKY/nh7drD/k7eeMFmSQgnTtCzLDcCu/XEnpW2wk4xCQ==}
     engines: {node: '>=9.3.0 || >=8.10.0 <9.0.0'}
 
+  require-like@0.1.2:
+    resolution: {integrity: sha512-oyrU88skkMtDdauHDuKVrgR+zuItqr6/c//FXzvmxRGMexSDc6hNvJInGW3LL46n+8b50RykrvwSUIIQH2LQ5A==}
+
   require-main-filename@2.0.0:
     resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
 
@@ -9445,6 +10375,12 @@ packages:
       typescript:
         optional: true
 
+  rsbuild-plugin-rsc@0.1.1:
+    resolution: {integrity: sha512-aDITXfKR7D6LudDZeErVIzftgVRK6qoA77Mt/Lnp90qXgRRT3X63yOq4bx8bRPeFXIp1Rp+KS3VJq1K9oWmkMQ==}
+    peerDependencies:
+      '@rsbuild/core': ^2.0.0
+      react-server-dom-rspack: '*'
+
   rslog@2.1.3:
     resolution: {integrity: sha512-DCUkRKUBR1lSpHKRcxNvHaYwGrUVf9MsoE1u6gd0CF37I8vwwtWc4b+FA9OwYZ4QA/shslzAYorD3MMfd+Rs/Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -9638,14 +10574,17 @@ packages:
     resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==}
     engines: {node: '>= 18'}
 
-  seroval-plugins@1.5.5:
-    resolution: {integrity: sha512-+BDhqYM6CEn3x09v44dpa9p6974FuUB2dxk+Ctn04k0cO1Zt6QODTXfmEZK0eBaTe/fJBvP4NMGuNJ+R8T+QMg==}
+  serialize-javascript@6.0.2:
+    resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
+
+  seroval-plugins@1.5.6:
+    resolution: {integrity: sha512-HXuLAX2pu/UByPpaeo/TaMfvMIi+1QqIoPJYCcAtU8QkVNwgR6MPlGuCQTErV1JwraaMbYaWVIBX7mppzGLATQ==}
     engines: {node: '>=10'}
     peerDependencies:
       seroval: ^1.0
 
-  seroval@1.5.5:
-    resolution: {integrity: sha512-bSjOuPcwPKLSJNhr9+bZxA20nQxVle5J5MNsYRVE6cIg7KpRLXGupymePavu0jrxlPiPsr4xGZSB8yUY2sH2sw==}
+  seroval@1.5.6:
+    resolution: {integrity: sha512-rVQVWjjSvlINzaQPZH5JFqsqEsIWdTxY3iJZCnTL/5gQbXIRooVZKI60tVCkOVfzcRPejboxO2t0P89dg5mQaA==}
     engines: {node: '>=10'}
 
   serve-handler@6.1.7:
@@ -9722,6 +10661,10 @@ packages:
     resolution: {integrity: sha512-Iov+JwFv/2HcTpcwNMKd8+IWNb8tboQJNQTkAY/LLVK7gGH9jy+LGkVqPxfekHl+yMmiqXszdGWXgkfml7hjqA==}
     engines: {node: '>= 0.4'}
 
+  shelljs@0.10.0:
+    resolution: {integrity: sha512-Jex+xw5Mg2qMZL3qnzXIfaxEtBaC4n7xifqaqtrZDdlheR70OGkydrPJWT0V1cA1k3nanC86x9FwAmQl6w3Klw==}
+    engines: {node: '>=18'}
+
   side-channel-list@1.0.1:
     resolution: {integrity: sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==}
     engines: {node: '>= 0.4'}
@@ -9772,8 +10715,8 @@ packages:
     resolution: {integrity: sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==}
     engines: {node: '>=10.2.0'}
 
-  solid-js@1.9.13:
-    resolution: {integrity: sha512-6hJeJMOcEX8ktqjpDoJZEmld3ijvcvWBDtiXBm7f4332SiFN66QeAQI1REQshvyUoISsSeJ4PHDauKYbwao9JQ==}
+  solid-js@1.9.14:
+    resolution: {integrity: sha512-sAEXC0Kk0S1EDg+8ysEWJDbYhA3RRoEjwuySUGlKIemeo0I5YZfOyumNjNs9Sv3y2nmhD+0rW66ag2HsMuQiGQ==}
 
   sonner@2.0.7:
     resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
@@ -9799,6 +10742,9 @@ packages:
     resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
     engines: {node: '>= 12'}
 
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
   spawndamnit@3.0.1:
     resolution: {integrity: sha512-MmnduQUuHCoFckZoWnXsTg7JaiLBJrKFj9UI2MbRPGaJeVpsLcVBu6P/IGZovziM/YBsellCmsprgNA+w0CzVg==}
 
@@ -9888,6 +10834,9 @@ packages:
   string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
 
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
   strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -9916,6 +10865,10 @@ packages:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
 
+  strip-indent@4.1.1:
+    resolution: {integrity: sha512-SlyRoSkdh1dYP0PzclLE7r0M9sgbFKKMFXpFRUMNuKhQSbC6VQIGzq3E0qsfvGJaUFJPGv6Ws1NZ/haTAjfbMA==}
+    engines: {node: '>=12'}
+
   strip-json-comments@2.0.1:
     resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
     engines: {node: '>=0.10.0'}
@@ -9927,6 +10880,12 @@ packages:
   strnum@2.4.1:
     resolution: {integrity: sha512-M9eUSMT2dCB2cTNPG7UYj6KuK7RJR2SN2+yCV/fTW3xzTCS6EaGZ5pSMgDIjB7r8zSfTGk+dvvn9rTjpVS9Mwg==}
 
+  style-to-js@1.1.21:
+    resolution: {integrity: sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==}
+
+  style-to-object@1.0.14:
+    resolution: {integrity: sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==}
+
   supports-color@10.2.2:
     resolution: {integrity: sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==}
     engines: {node: '>=18'}
@@ -10031,11 +10990,11 @@ packages:
     resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
     engines: {node: ^18.0.0 || >=20.0.0}
 
-  tldts-core@7.4.5:
-    resolution: {integrity: sha512-pGrwzZDvPwKe+7NNUqAunb6rqTfynr0VOUhCMdqbu5xlvNiszsAJygRzwvpVycdzejlbpY+SWJOn+s75Og7FEA==}
+  tldts-core@7.4.6:
+    resolution: {integrity: sha512-TkQNGJIhlEphpHCjKodMTSe23egUZr/g+flI2qkLgiJ/maAzSgXypSLRTNH3nCmqgayEmtcJBiLcfODSAr1xoA==}
 
-  tldts@7.4.5:
-    resolution: {integrity: sha512-RfEzKWcq5fHUOFq7J3rl3Oz6ylKGtcHqUznzj4EcXsxLSIjJcvpbXAQtWGeJQ0xKnimR5e0Cn+cn9TssfMzm+g==}
+  tldts@7.4.6:
+    resolution: {integrity: sha512-rbP0Gyx8b3Ae9yO//CU2wbSnQNoQ66m1nJdSbSHmnwKwzkkz/u8mERYU8T2rmlmy+bJvRNn84yNCW8gYqox44Q==}
     hasBin: true
 
   to-data-view@2.0.0:
@@ -10065,23 +11024,18 @@ packages:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
     hasBin: true
 
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  trough@2.2.0:
+    resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
+
   ts-api-utils@2.5.0:
     resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
     engines: {node: '>=18.12'}
     peerDependencies:
       typescript: '>=4.8.4'
 
-  tsconfck@3.1.6:
-    resolution: {integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==}
-    engines: {node: ^18 || >=20}
-    deprecated: unmaintained
-    hasBin: true
-    peerDependencies:
-      typescript: ^5.0.0
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   tslib@1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
 
@@ -10146,8 +11100,8 @@ packages:
     resolution: {integrity: sha512-phPGCwqr2+Qo0fwniCE8e4pKnGu/yFb5nD5Y8bf0EEeiI5GklnACYA9GFy/DrAeRrKHXvHn+1SUsOWgJp6RO+g==}
     engines: {node: '>= 0.4'}
 
-  typescript-eslint@8.62.0:
-    resolution: {integrity: sha512-8QxXi+ZACKX0kaqO4gY8kn0RSD9gFfaHDWwjqtEN48aWCBkX4MJaufWN+c3BzlrXLOxfywDL8CaoqUwcRq4j4Q==}
+  typescript-eslint@8.62.1:
+    resolution: {integrity: sha512-vymnnM5g0AKQDSAyfP12nMIBvgwgA42syg74kkuZ4x1VuTzwQKwc5h9rGxeShCjny5o+zWAb6OEoz7XLgrIkIw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
@@ -10166,6 +11120,9 @@ packages:
   uc.micro@2.1.0:
     resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
 
+  ufo@1.6.4:
+    resolution: {integrity: sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==}
+
   unbox-primitive@1.1.0:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
@@ -10197,6 +11154,27 @@ packages:
     resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
     engines: {node: '>=18'}
 
+  unified@11.0.5:
+    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
+
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-position-from-estree@2.0.0:
+    resolution: {integrity: sha512-KaFVRjoqLyF6YXCbVLNad/eS4+OfPQQn2yOd7zF/h5T/CSL2v8NpN6a5TPvtbXthAGw5nG+PuTtq+DdIZr+cRQ==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
+
   universalify@0.1.2:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
     engines: {node: '>= 4.0.0'}
@@ -10209,9 +11187,6 @@ packages:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
 
-  unplugin@1.0.1:
-    resolution: {integrity: sha512-aqrHaVBWW1JVKBHmGo33T5TxeL0qWzfvjWokObHA9bYmN7eNDkwOxmLjhioHl9878qDFMAaT51XNroRyuz7WxA==}
-
   unrs-resolver@1.12.2:
     resolution: {integrity: sha512-dmlRxBJJayXjqTwC+JtF1HhJmgf3ftQ3YejFcZrf4+KKtJv0qDsK1pjqaaVjG7wJ5NJ6UVP1OqRMQ71Z4C3rxQ==}
 
@@ -10296,21 +11271,17 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
-  vite-env-only@3.0.3:
-    resolution: {integrity: sha512-iAb7cTXRrvFShaF1n+G8f6Yqq7sRJcxipNYNQQu0DN5N9P55vJMmLG5lNU5moYGpd+ZH1WhBHdkWi5WjrfImHg==}
-    peerDependencies:
-      vite: '*'
+  vfile-message@4.0.3:
+    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
   vite-node@3.2.4:
     resolution: {integrity: sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
 
-  vite-tsconfig-paths@6.1.1:
-    resolution: {integrity: sha512-2cihq7zliibCCZ8P9cKJrQBkfgdvcFkOOc3Y02o3GWUDLgqjWsZudaoiuOwO/gzTzy17cS5F7ZPo4bsnS4DGkg==}
-    peerDependencies:
-      vite: '*'
-
   vite@7.3.1:
     resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -10355,6 +11326,16 @@ packages:
     resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
     engines: {node: '>=18'}
 
+  wait-on@7.2.0:
+    resolution: {integrity: sha512-wCQcHkRazgjG5XoAq9jbTMLpNIjoSlZslrJ2+N9MxDsGEv1HnFoVjOCexL0ESva7Y9cu350j+DWADdk54s4AFQ==}
+    engines: {node: '>=12.0.0'}
+    hasBin: true
+
+  wait-on@9.0.10:
+    resolution: {integrity: sha512-rCoJEhvMr0X6alHmwc9abbrA5ZrLZFKpFQVKPNFwl2h7DapXOGdmimIHDtLOWhT4PjhZhxFEtZoQgEXbkDWdZw==}
+    engines: {node: '>=20.0.0'}
+    hasBin: true
+
   warning@3.0.0:
     resolution: {integrity: sha512-jMBt6pUrKn5I+OGgtQ4YZLdhIeJmObddh6CsibPxyQ5yPZm1XExSyzC1LCNX7BzhxWgiHmizBWJTHJIjMjTQYQ==}
 
@@ -10372,19 +11353,12 @@ packages:
     resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==}
     engines: {node: '>=20'}
 
-  webpack-sources@3.5.0:
-    resolution: {integrity: sha512-HPuy+uuoTCaaoEoI1LQ3JN9+vrPBvEesnnX1jADHy728cHSMlq4wUc4afYqahq2B1mhQVZxCXOkNTnXltr+2vQ==}
-    engines: {node: '>=10.13.0'}
-
   webpack-sources@3.5.1:
     resolution: {integrity: sha512-jyuiGJdtvY434z5bUZrjz67v76/ePNvFZTp9Mdz29IlH4+GPsgyGjiv0fKI+M7BdkU6ADjulUcKAd3tUK3WlEw==}
     engines: {node: '>=10.13.0'}
 
-  webpack-virtual-modules@0.5.0:
-    resolution: {integrity: sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==}
-
-  webpack@5.108.1:
-    resolution: {integrity: sha512-UUCihHQK3O7483Woa0SulNLDeAiOhHI2PN2PAPU4fVWJqbzhv04EJ8FaWtB9WWh3i8fRt28543U7VfuJTOrpgQ==}
+  webpack@5.108.3:
+    resolution: {integrity: sha512-hOpaCHmQVVY66IVTjofnH14IgSdmod2aquSGHGuYig/OIdWge01Hk2Wt988DZcwXumFUT4+FvJY5N+ikl8o/ww==}
     engines: {node: '>=10.13.0'}
     hasBin: true
     peerDependencies:
@@ -10393,6 +11367,11 @@ packages:
       webpack-cli:
         optional: true
 
+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
+    deprecated: Use @exodus/bytes instead for a more spec-conformant and faster implementation
+
   whatwg-mimetype@4.0.0:
     resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
     engines: {node: '>=18'}
@@ -10444,17 +11423,17 @@ packages:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
 
-  workerd@1.20260625.1:
-    resolution: {integrity: sha512-GApQvFX52SDM6L4u0+RRnUDB1wJOnEwoXjinkmOPtIyofWBxrlZckdegJSYc1leg++lLZ3+DQ4zMVmBqYVtzfA==}
+  workerd@1.20260701.1:
+    resolution: {integrity: sha512-uF813NG09JwNRRUfJ0zBomyTslSPM810dMj9LVvkQ7RAkLrQLzAlPU8Xh/3dIqZDo2bfd7tChbf2PtqLRARRJQ==}
     engines: {node: '>=16'}
     hasBin: true
 
-  wrangler@4.105.0:
-    resolution: {integrity: sha512-7dXFH6OLj1Fv0y6ZeRPUxFTkp+duWD7/xxVi/1c0vfOeEYwIFKWB7cdqnY05DvY1Ta3BnqAwRkXfLs8PDj538g==}
+  wrangler@4.107.0:
+    resolution: {integrity: sha512-fw69ThymNitZ0oIEBU2yNeq3kK59UKz/jyA3udwRrQIAIsxX57q5qLOpPTN7qc5t8n9pnUeofe0uxtMuhQZW8w==}
     engines: {node: '>=22.0.0'}
     hasBin: true
     peerDependencies:
-      '@cloudflare/workers-types': ^4.20260625.1
+      '@cloudflare/workers-types': ^4.20260701.1
     peerDependenciesMeta:
       '@cloudflare/workers-types':
         optional: true
@@ -10568,6 +11547,9 @@ packages:
   zrender@6.1.0:
     resolution: {integrity: sha512-oEGMDB6pOP2S6OwRR4PdVv610zrjnA3Bh+JnSG12fYJlBKjtNAoEb5fSUoCOOINlH96I2fU38/A2UpRKs67xYQ==}
 
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
 snapshots:
 
   '@acemir/cssom@0.9.31': {}
@@ -10881,16 +11863,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-react-jsx-self@7.29.7(@babel/core@7.29.0)':
-    dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.29.7
-
-  '@babel/plugin-transform-react-jsx-source@7.29.7(@babel/core@7.29.0)':
-    dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.29.7
-
   '@babel/plugin-transform-typescript@7.29.7(@babel/core@7.29.0)':
     dependencies:
       '@babel/core': 7.29.0
@@ -10960,7 +11932,7 @@ snapshots:
       '@babel/helper-string-parser': 7.29.7
       '@babel/helper-validator-identifier': 7.29.7
 
-  '@biomejs/cli-darwin-arm64@2.5.1':
+  '@biomejs/cli-darwin-arm64@2.5.2':
     optional: true
 
   '@bkrem/react-transition-group@1.3.5(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
@@ -11121,28 +12093,28 @@ snapshots:
 
   '@cloudflare/kv-asset-handler@0.5.0': {}
 
-  '@cloudflare/unenv-preset@2.16.1(unenv@2.0.0-rc.24)(workerd@1.20260625.1)':
+  '@cloudflare/unenv-preset@2.16.1(unenv@2.0.0-rc.24)(workerd@1.20260701.1)':
     dependencies:
       unenv: 2.0.0-rc.24
     optionalDependencies:
-      workerd: 1.20260625.1
+      workerd: 1.20260701.1
 
-  '@cloudflare/workerd-darwin-64@1.20260625.1':
+  '@cloudflare/workerd-darwin-64@1.20260701.1':
     optional: true
 
-  '@cloudflare/workerd-darwin-arm64@1.20260625.1':
+  '@cloudflare/workerd-darwin-arm64@1.20260701.1':
     optional: true
 
-  '@cloudflare/workerd-linux-64@1.20260625.1':
+  '@cloudflare/workerd-linux-64@1.20260701.1':
     optional: true
 
-  '@cloudflare/workerd-linux-arm64@1.20260625.1':
+  '@cloudflare/workerd-linux-arm64@1.20260701.1':
     optional: true
 
-  '@cloudflare/workerd-windows-64@1.20260625.1':
+  '@cloudflare/workerd-windows-64@1.20260701.1':
     optional: true
 
-  '@cloudflare/workers-types@4.20260628.1': {}
+  '@cloudflare/workers-types@4.20260702.1': {}
 
   '@conform-to/dom@1.16.0': {}
 
@@ -11196,6 +12168,12 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@emnapi/core@1.11.2':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.2
+      tslib: 2.8.1
+    optional: true
+
   '@emnapi/runtime@1.10.0':
     dependencies:
       tslib: 2.8.1
@@ -11206,6 +12184,11 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@emnapi/runtime@1.11.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@emnapi/wasi-threads@1.2.1':
     dependencies:
       tslib: 2.8.1
@@ -11216,15 +12199,17 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@emotion/hash@0.9.2': {}
+
   '@epic-web/cachified@5.6.1': {}
 
   '@epic-web/client-hints@1.3.8': {}
 
-  '@epic-web/config@1.21.3(@testing-library/dom@10.4.1)(@typescript-eslint/eslint-plugin@8.62.0(@typescript-eslint/parser@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/utils@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(prettier@3.8.1)(typescript@5.9.3)':
+  '@epic-web/config@1.21.3(@testing-library/dom@10.4.1)(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(@typescript-eslint/utils@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(prettier@3.8.1)(typescript@5.9.3)':
     dependencies:
       '@total-typescript/ts-reset': 0.6.1
-      '@vitest/eslint-plugin': 1.6.20(@typescript-eslint/eslint-plugin@8.62.0(@typescript-eslint/parser@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
-      eslint-plugin-import-x: 4.17.1(@typescript-eslint/utils@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))
+      '@vitest/eslint-plugin': 1.6.20(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      eslint-plugin-import-x: 4.17.1(@typescript-eslint/utils@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))
       eslint-plugin-jest-dom: 5.5.0(@testing-library/dom@10.4.1)(eslint@9.39.2(jiti@2.7.0))
       eslint-plugin-playwright: 2.10.4(eslint@9.39.2(jiti@2.7.0))
       eslint-plugin-react: 7.37.5(eslint@9.39.2(jiti@2.7.0))
@@ -11233,7 +12218,7 @@ snapshots:
       globals: 16.5.0
       prettier-plugin-tailwindcss: 0.6.14(prettier@3.8.1)
       tslib: 2.8.1
-      typescript-eslint: 8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      typescript-eslint: 8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
     transitivePeerDependencies:
       - '@ianvs/prettier-plugin-sort-imports'
       - '@prettier/plugin-hermes'
@@ -11540,12 +12525,34 @@ snapshots:
   '@formatjs/ts-transformer@3.14.2':
     dependencies:
       '@formatjs/icu-messageformat-parser': 2.11.4
-      '@types/node': 22.15.31
+      '@types/node': 22.20.0
       chalk: 4.1.2
       json-stable-stringify: 1.3.0
       tslib: 2.8.1
       typescript: 5.9.3
 
+  '@hapi/address@5.1.1':
+    dependencies:
+      '@hapi/hoek': 11.0.7
+
+  '@hapi/formula@3.0.2': {}
+
+  '@hapi/hoek@11.0.7': {}
+
+  '@hapi/hoek@9.3.0': {}
+
+  '@hapi/pinpoint@2.0.1': {}
+
+  '@hapi/tlds@1.1.7': {}
+
+  '@hapi/topo@5.1.0':
+    dependencies:
+      '@hapi/hoek': 9.3.0
+
+  '@hapi/topo@6.0.2':
+    dependencies:
+      '@hapi/hoek': 11.0.7
+
   '@humanfs/core@0.19.2':
     dependencies:
       '@humanfs/types': 0.15.0
@@ -11747,6 +12754,55 @@ snapshots:
       globby: 11.1.0
       read-yaml-file: 1.1.0
 
+  '@mdx-js/loader@3.1.1(webpack@5.108.3(lightningcss@1.32.0))':
+    dependencies:
+      '@mdx-js/mdx': 3.1.1
+      source-map: 0.7.6
+    optionalDependencies:
+      webpack: 5.108.3(lightningcss@1.32.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@mdx-js/mdx@3.1.1':
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdx': 2.0.14
+      acorn: 8.17.0
+      collapse-white-space: 2.1.0
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      estree-util-scope: 1.0.0
+      estree-walker: 3.0.3
+      hast-util-to-jsx-runtime: 2.3.6
+      markdown-extensions: 2.0.0
+      recma-build-jsx: 1.0.0
+      recma-jsx: 1.0.1(acorn@8.17.0)
+      recma-stringify: 1.0.0
+      rehype-recma: 1.0.0
+      remark-mdx: 3.1.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.2
+      source-map: 0.7.6
+      unified: 11.0.5
+      unist-util-position-from-estree: 2.0.0
+      unist-util-stringify-position: 4.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@mdx-js/rollup@3.1.1(rollup@4.62.2)':
+    dependencies:
+      '@mdx-js/mdx': 3.1.1
+      '@rollup/pluginutils': 5.4.0(rollup@4.62.2)
+      rollup: 4.62.2
+      source-map: 0.7.6
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@mjackson/form-data-parser@0.9.1':
     dependencies:
       '@mjackson/multipart-parser': 0.10.1
@@ -11802,7 +12858,7 @@ snapshots:
       - node-fetch
       - utf-8-validate
 
-  '@module-federation/enhanced@2.5.1(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))':
+  '@module-federation/enhanced@2.5.1(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))':
     dependencies:
       '@module-federation/bridge-react-webpack-plugin': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
       '@module-federation/cli': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)
@@ -11811,7 +12867,7 @@ snapshots:
       '@module-federation/inject-external-runtime-core-plugin': 2.5.1(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))
       '@module-federation/managers': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
       '@module-federation/manifest': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)
-      '@module-federation/rspack': 2.5.1(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)
+      '@module-federation/rspack': 2.5.1(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)
       '@module-federation/runtime-tools': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
       '@module-federation/sdk': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
       '@module-federation/webpack-bundler-runtime': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
@@ -11820,7 +12876,7 @@ snapshots:
       upath: 2.0.1
     optionalDependencies:
       typescript: 5.9.3
-      webpack: 5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)
+      webpack: 5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)
     transitivePeerDependencies:
       - '@rspack/core'
       - bufferutil
@@ -11855,16 +12911,16 @@ snapshots:
       - utf-8-validate
       - vue-tsc
 
-  '@module-federation/node@2.7.44(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))':
+  '@module-federation/node@2.7.44(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))':
     dependencies:
-      '@module-federation/enhanced': 2.5.1(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
+      '@module-federation/enhanced': 2.5.1(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
       '@module-federation/runtime': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
       '@module-federation/sdk': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
       encoding: 0.1.13
       node-fetch: 2.7.0(encoding@0.1.13)
       tapable: 2.3.0
     optionalDependencies:
-      webpack: 5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)
+      webpack: 5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)
     transitivePeerDependencies:
       - '@rspack/core'
       - bufferutil
@@ -11872,10 +12928,10 @@ snapshots:
       - utf-8-validate
       - vue-tsc
 
-  '@module-federation/rsbuild-plugin@2.5.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))':
+  '@module-federation/rsbuild-plugin@2.5.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))':
     dependencies:
-      '@module-federation/enhanced': 2.5.1(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
-      '@module-federation/node': 2.7.44(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
+      '@module-federation/enhanced': 2.5.1(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
+      '@module-federation/node': 2.7.44(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
       '@module-federation/sdk': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
     optionalDependencies:
       '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
@@ -11888,7 +12944,7 @@ snapshots:
       - vue-tsc
       - webpack
 
-  '@module-federation/rspack@2.5.1(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)':
+  '@module-federation/rspack@2.5.1(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)':
     dependencies:
       '@module-federation/bridge-react-webpack-plugin': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
       '@module-federation/dts-plugin': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)
@@ -11897,7 +12953,7 @@ snapshots:
       '@module-federation/manifest': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))(typescript@5.9.3)
       '@module-federation/runtime-tools': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
       '@module-federation/sdk': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
-      '@rspack/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
+      '@rspack/core': 2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
     optionalDependencies:
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -12004,10 +13060,10 @@ snapshots:
       '@tybys/wasm-util': 0.10.3
     optional: true
 
-  '@napi-rs/wasm-runtime@1.1.6(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)':
+  '@napi-rs/wasm-runtime@1.1.6(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)':
     dependencies:
-      '@emnapi/core': 1.11.1
-      '@emnapi/runtime': 1.11.1
+      '@emnapi/core': 1.11.2
+      '@emnapi/runtime': 1.11.2
       '@tybys/wasm-util': 0.10.3
     optional: true
 
@@ -12050,13 +13106,13 @@ snapshots:
     dependencies:
       '@opentelemetry/api': 1.9.1
 
-  '@opentelemetry/api-logs@0.219.0':
+  '@opentelemetry/api-logs@0.220.0':
     dependencies:
       '@opentelemetry/api': 1.9.1
 
   '@opentelemetry/api@1.9.1': {}
 
-  '@opentelemetry/context-async-hooks@2.8.0(@opentelemetry/api@1.9.1)':
+  '@opentelemetry/context-async-hooks@2.9.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
 
@@ -12065,7 +13121,7 @@ snapshots:
       '@opentelemetry/api': 1.9.1
       '@opentelemetry/semantic-conventions': 1.41.1
 
-  '@opentelemetry/core@2.8.0(@opentelemetry/api@1.9.1)':
+  '@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
       '@opentelemetry/semantic-conventions': 1.41.1
@@ -12073,7 +13129,7 @@ snapshots:
   '@opentelemetry/instrumentation-amqplib@0.58.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
     transitivePeerDependencies:
@@ -12082,7 +13138,7 @@ snapshots:
   '@opentelemetry/instrumentation-connect@0.54.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
       '@types/connect': 3.4.38
@@ -12099,7 +13155,7 @@ snapshots:
   '@opentelemetry/instrumentation-express@0.59.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
     transitivePeerDependencies:
@@ -12108,7 +13164,7 @@ snapshots:
   '@opentelemetry/instrumentation-fs@0.30.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.1)
     transitivePeerDependencies:
       - supports-color
@@ -12130,7 +13186,7 @@ snapshots:
   '@opentelemetry/instrumentation-hapi@0.57.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
     transitivePeerDependencies:
@@ -12174,7 +13230,7 @@ snapshots:
   '@opentelemetry/instrumentation-koa@0.59.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
     transitivePeerDependencies:
@@ -12198,7 +13254,7 @@ snapshots:
   '@opentelemetry/instrumentation-mongoose@0.57.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
     transitivePeerDependencies:
@@ -12225,7 +13281,7 @@ snapshots:
   '@opentelemetry/instrumentation-pg@0.63.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
       '@opentelemetry/sql-common': 0.41.2(@opentelemetry/api@1.9.1)
@@ -12255,7 +13311,7 @@ snapshots:
   '@opentelemetry/instrumentation-undici@0.21.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
     transitivePeerDependencies:
@@ -12279,10 +13335,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation@0.219.0(@opentelemetry/api@1.9.1)':
+  '@opentelemetry/instrumentation@0.220.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/api-logs': 0.219.0
+      '@opentelemetry/api-logs': 0.220.0
       import-in-the-middle: 3.2.0
       require-in-the-middle: 8.0.1
     transitivePeerDependencies:
@@ -12290,17 +13346,25 @@ snapshots:
 
   '@opentelemetry/redis-common@0.38.3': {}
 
-  '@opentelemetry/resources@2.8.0(@opentelemetry/api@1.9.1)':
+  '@opentelemetry/resources@2.9.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.41.1
+
+  '@opentelemetry/sdk-trace-base@2.9.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/resources': 2.9.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/sdk-trace': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
 
-  '@opentelemetry/sdk-trace-base@2.8.0(@opentelemetry/api@1.9.1)':
+  '@opentelemetry/sdk-trace@2.9.0(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/resources': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/resources': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
 
   '@opentelemetry/semantic-conventions@1.41.1': {}
@@ -12308,7 +13372,7 @@ snapshots:
   '@opentelemetry/sql-common@0.41.2(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
 
   '@oslojs/asn1@1.0.0':
     dependencies:
@@ -12379,7 +13443,7 @@ snapshots:
       detect-libc: 2.1.2
       is-glob: 4.0.3
       node-addon-api: 7.1.1
-      picomatch: 4.0.4
+      picomatch: 4.0.5
     optionalDependencies:
       '@parcel/watcher-android-arm64': 2.5.6
       '@parcel/watcher-darwin-arm64': 2.5.6
@@ -12451,7 +13515,7 @@ snapshots:
   '@prisma/instrumentation@6.19.3(@opentelemetry/api@1.9.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/instrumentation': 0.219.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.220.0(@opentelemetry/api@1.9.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -12473,16 +13537,16 @@ snapshots:
 
   '@radix-ui/primitive@1.1.4': {}
 
-  '@radix-ui/react-accordion@1.2.14(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-accordion@1.2.15(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@radix-ui/primitive': 1.1.4
-      '@radix-ui/react-collapsible': 1.1.14(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-collection': 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-collapsible': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-collection': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.10)(react@19.2.7)
       '@radix-ui/react-context': 1.1.4(@types/react@19.2.10)(react@19.2.7)
       '@radix-ui/react-direction': 1.1.2(@types/react@19.2.10)(react@19.2.7)
       '@radix-ui/react-id': 1.1.2(@types/react@19.2.10)(react@19.2.7)
-      '@radix-ui/react-primitive': 2.1.6(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 2.1.7(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.10)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
@@ -12515,14 +13579,14 @@ snapshots:
       '@types/react': 19.2.10
       '@types/react-dom': 19.2.3(@types/react@19.2.10)
 
-  '@radix-ui/react-collapsible@1.1.14(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-collapsible@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@radix-ui/primitive': 1.1.4
       '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.10)(react@19.2.7)
       '@radix-ui/react-context': 1.1.4(@types/react@19.2.10)(react@19.2.7)
       '@radix-ui/react-id': 1.1.2(@types/react@19.2.10)(react@19.2.7)
       '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 2.1.6(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 2.1.7(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.10)(react@19.2.7)
       '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.10)(react@19.2.7)
       react: 19.2.7
@@ -12531,11 +13595,11 @@ snapshots:
       '@types/react': 19.2.10
       '@types/react-dom': 19.2.3(@types/react@19.2.10)
 
-  '@radix-ui/react-collection@1.1.10(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-collection@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.10)(react@19.2.7)
       '@radix-ui/react-context': 1.1.4(@types/react@19.2.10)(react@19.2.7)
-      '@radix-ui/react-primitive': 2.1.6(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 2.1.7(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-slot': 1.3.0(@types/react@19.2.10)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
@@ -12750,7 +13814,7 @@ snapshots:
       '@types/react': 19.2.10
       '@types/react-dom': 19.2.3(@types/react@19.2.10)
 
-  '@radix-ui/react-primitive@2.1.6(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-primitive@2.1.7(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@radix-ui/react-slot': 1.3.0(@types/react@19.2.10)(react@19.2.7)
       react: 19.2.7
@@ -13014,7 +14078,7 @@ snapshots:
   '@react-email/render@2.0.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       html-to-text: 9.0.5
-      prettier: 3.8.1
+      prettier: 3.9.4
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
 
@@ -13030,7 +14094,7 @@ snapshots:
     dependencies:
       '@react-email/text': 0.1.6(react@19.2.7)
       react: 19.2.7
-      tailwindcss: 4.3.1
+      tailwindcss: 4.3.2
     optionalDependencies:
       '@react-email/body': 0.2.1(react@19.2.7)
       '@react-email/button': 0.2.1(react@19.2.7)
@@ -13047,14 +14111,14 @@ snapshots:
     dependencies:
       react: 19.2.7
 
-  '@react-router/cloudflare@7.18.0(@cloudflare/workers-types@4.20260628.1)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+  '@react-router/cloudflare@7.18.1(@cloudflare/workers-types@4.20260702.1)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
     dependencies:
-      '@cloudflare/workers-types': 4.20260628.1
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@cloudflare/workers-types': 4.20260702.1
+      react-router: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     optionalDependencies:
       typescript: 5.9.3
 
-  '@react-router/dev@7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@6.0.1-rc))(@types/node@22.15.31)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@6.0.1-rc)(vite@7.3.1(@types/node@22.15.31)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))':
+  '@react-router/dev@7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@6.0.1-rc))(@types/node@22.15.31)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@6.0.1-rc)(vite@7.3.1(@types/node@22.15.31)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/generator': 7.29.7
@@ -13074,7 +14138,7 @@ snapshots:
       isbot: 5.1.34
       jsesc: 3.0.2
       lodash: 4.18.1
-      p-map: 7.0.4
+      p-map: 7.0.5
       pathe: 1.1.2
       picocolors: 1.1.1
       pkg-types: 2.3.1
@@ -13089,7 +14153,7 @@ snapshots:
     optionalDependencies:
       '@react-router/serve': 7.14.0(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@6.0.1-rc)
       typescript: 6.0.1-rc
-      wrangler: 4.105.0(@cloudflare/workers-types@4.20260628.1)
+      wrangler: 4.107.0(@cloudflare/workers-types@4.20260702.1)
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -13105,7 +14169,7 @@ snapshots:
       - tsx
       - yaml
 
-  '@react-router/dev@7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))':
+  '@react-router/dev@7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/generator': 7.29.7
@@ -13114,7 +14178,7 @@ snapshots:
       '@babel/preset-typescript': 7.29.7(@babel/core@7.29.0)
       '@babel/traverse': 7.29.7
       '@babel/types': 7.29.7
-      '@react-router/node': 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/node': 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@remix-run/node-fetch-server': 0.13.3
       arg: 5.0.2
       babel-dead-code-elimination: 1.0.12
@@ -13125,22 +14189,22 @@ snapshots:
       isbot: 5.1.34
       jsesc: 3.0.2
       lodash: 4.18.1
-      p-map: 7.0.4
+      p-map: 7.0.5
       pathe: 1.1.2
       picocolors: 1.1.1
       pkg-types: 2.3.1
       prettier: 3.8.1
       react-refresh: 0.14.2
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       semver: 7.8.5
       tinyglobby: 0.2.17
       valibot: 1.4.2(typescript@5.9.3)
       vite: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
       vite-node: 3.2.4(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
     optionalDependencies:
-      '@react-router/serve': 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/serve': 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       typescript: 5.9.3
-      wrangler: 4.105.0(@cloudflare/workers-types@4.20260628.1)
+      wrangler: 4.107.0(@cloudflare/workers-types@4.20260702.1)
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -13156,7 +14220,7 @@ snapshots:
       - tsx
       - yaml
 
-  '@react-router/dev@7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.9.5)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.9.5)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))':
+  '@react-router/dev@7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.9.5)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.9.5)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/generator': 7.29.7
@@ -13165,7 +14229,7 @@ snapshots:
       '@babel/preset-typescript': 7.29.7(@babel/core@7.29.0)
       '@babel/traverse': 7.29.7
       '@babel/types': 7.29.7
-      '@react-router/node': 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/node': 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@remix-run/node-fetch-server': 0.13.3
       arg: 5.0.2
       babel-dead-code-elimination: 1.0.12
@@ -13176,22 +14240,22 @@ snapshots:
       isbot: 5.1.34
       jsesc: 3.0.2
       lodash: 4.18.1
-      p-map: 7.0.4
+      p-map: 7.0.5
       pathe: 1.1.2
       picocolors: 1.1.1
       pkg-types: 2.3.1
       prettier: 3.8.1
       react-refresh: 0.14.2
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       semver: 7.8.5
       tinyglobby: 0.2.17
       valibot: 1.4.2(typescript@5.9.3)
       vite: 7.3.1(@types/node@25.9.5)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
       vite-node: 3.2.4(@types/node@25.9.5)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
     optionalDependencies:
-      '@react-router/serve': 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/serve': 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       typescript: 5.9.3
-      wrangler: 4.105.0(@cloudflare/workers-types@4.20260628.1)
+      wrangler: 4.107.0(@cloudflare/workers-types@4.20260702.1)
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -13207,7 +14271,7 @@ snapshots:
       - tsx
       - yaml
 
-  '@react-router/dev@8.0.1(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))':
+  '@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))':
     dependencies:
       '@babel/core': 7.29.7
       '@babel/generator': 7.29.7
@@ -13216,48 +14280,116 @@ snapshots:
       '@babel/preset-typescript': 7.29.7(@babel/core@7.29.7)
       '@babel/traverse': 7.29.7
       '@babel/types': 7.29.7
-      '@react-router/node': 8.0.1(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/node': 8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@remix-run/node-fetch-server': 0.13.3
-      arg: 5.0.2
       babel-dead-code-elimination: 1.0.12
       chokidar: 5.0.0
       dedent: 1.7.2
-      es-module-lexer: 2.1.0
+      es-module-lexer: 2.3.0
       exit-hook: 5.1.0
       isbot: 5.1.44
       jsesc: 3.1.0
       lodash: 4.18.1
-      p-map: 7.0.4
+      p-map: 7.0.5
       pathe: 2.0.3
       picocolors: 1.1.1
       pkg-types: 2.3.1
-      prettier: 3.9.1
+      prettier: 3.9.4
       react-refresh: 0.18.0
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       semver: 7.8.5
       tinyglobby: 0.2.17
       valibot: 1.4.2(typescript@5.9.3)
       vite: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
     optionalDependencies:
+      '@react-router/serve': 8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       typescript: 5.9.3
-      wrangler: 4.105.0(@cloudflare/workers-types@4.20260628.1)
+      wrangler: 4.107.0(@cloudflare/workers-types@4.20260702.1)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
 
-  '@react-router/express@7.13.0(express@4.22.2)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+  '@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))':
     dependencies:
-      '@react-router/node': 7.13.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
-      express: 4.22.2
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@babel/core': 7.29.7
+      '@babel/generator': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
+      '@babel/preset-typescript': 7.29.7(@babel/core@7.29.7)
+      '@babel/traverse': 7.29.7
+      '@babel/types': 7.29.7
+      '@react-router/node': 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@remix-run/node-fetch-server': 0.13.3
+      babel-dead-code-elimination: 1.0.12
+      chokidar: 5.0.0
+      dedent: 1.7.2
+      es-module-lexer: 2.3.0
+      exit-hook: 5.1.0
+      isbot: 5.1.44
+      jsesc: 3.1.0
+      lodash: 4.18.1
+      p-map: 7.0.5
+      pathe: 2.0.3
+      picocolors: 1.1.1
+      pkg-types: 2.3.1
+      prettier: 3.9.4
+      react-refresh: 0.18.0
+      react-router: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      semver: 7.8.5
+      tinyglobby: 0.2.17
+      valibot: 1.4.2(typescript@5.9.3)
+      vite: 7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
+    optionalDependencies:
+      '@react-router/serve': 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      typescript: 5.9.3
+      wrangler: 4.107.0(@cloudflare/workers-types@4.20260702.1)
+    transitivePeerDependencies:
+      - babel-plugin-macros
+      - supports-color
+
+  '@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/generator': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
+      '@babel/preset-typescript': 7.29.7(@babel/core@7.29.7)
+      '@babel/traverse': 7.29.7
+      '@babel/types': 7.29.7
+      '@react-router/node': 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@remix-run/node-fetch-server': 0.13.3
+      babel-dead-code-elimination: 1.0.12
+      chokidar: 5.0.0
+      dedent: 1.7.2
+      es-module-lexer: 2.3.0
+      exit-hook: 5.1.0
+      isbot: 5.1.44
+      jsesc: 3.1.0
+      lodash: 4.18.1
+      p-map: 7.0.5
+      pathe: 2.0.3
+      picocolors: 1.1.1
+      pkg-types: 2.3.1
+      prettier: 3.9.4
+      react-refresh: 0.18.0
+      react-router: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      semver: 7.8.5
+      tinyglobby: 0.2.17
+      valibot: 1.4.2(typescript@5.9.3)
+      vite: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
     optionalDependencies:
+      '@react-router/serve': 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       typescript: 5.9.3
+      wrangler: 4.107.0(@cloudflare/workers-types@4.20260702.1)
+    transitivePeerDependencies:
+      - babel-plugin-macros
+      - supports-color
 
-  '@react-router/express@7.13.0(express@5.2.1)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+  '@react-router/express@7.13.0(express@5.2.1)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
     dependencies:
-      '@react-router/node': 7.13.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/node': 7.13.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       express: 5.2.1
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     optionalDependencies:
       typescript: 5.9.3
 
@@ -13269,18 +14401,71 @@ snapshots:
     optionalDependencies:
       typescript: 6.0.1-rc
 
-  '@react-router/express@7.18.0(express@4.22.2)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+  '@react-router/express@7.14.0(express@4.22.2)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+    dependencies:
+      '@react-router/node': 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      express: 4.22.2
+      react-router: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@react-router/express@8.1.0(express@4.22.2)(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+    dependencies:
+      '@react-router/node': 8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      express: 4.22.2
+      react-router: 7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@react-router/express@8.1.0(express@4.22.2)(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
     dependencies:
-      '@react-router/node': 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/node': 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       express: 4.22.2
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@react-router/express@8.1.0(express@5.2.1)(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+    dependencies:
+      '@react-router/node': 8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      express: 5.2.1
+      react-router: 7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@react-router/express@8.1.0(express@5.2.1)(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+    dependencies:
+      '@react-router/node': 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      express: 5.2.1
+      react-router: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@react-router/fs-routes@8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)':
+    dependencies:
+      '@react-router/dev': 8.1.0(@react-router/serve@8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+      minimatch: 10.2.5
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@react-router/fs-routes@8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)':
+    dependencies:
+      '@react-router/dev': 8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+      minimatch: 10.2.5
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@react-router/fs-routes@8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)':
+    dependencies:
+      '@react-router/dev': 8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+      minimatch: 10.2.5
     optionalDependencies:
       typescript: 5.9.3
 
-  '@react-router/node@7.13.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+  '@react-router/node@7.13.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
     dependencies:
       '@mjackson/node-fetch-server': 0.2.0
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     optionalDependencies:
       typescript: 5.9.3
 
@@ -13291,51 +14476,105 @@ snapshots:
     optionalDependencies:
       typescript: 6.0.1-rc
 
-  '@react-router/node@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+  '@react-router/node@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+    dependencies:
+      '@mjackson/node-fetch-server': 0.2.0
+      react-router: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@react-router/node@7.14.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
     dependencies:
       '@mjackson/node-fetch-server': 0.2.0
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     optionalDependencies:
       typescript: 5.9.3
 
-  '@react-router/node@8.0.1(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+  '@react-router/node@8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
     dependencies:
       '@remix-run/node-fetch-server': 0.13.3
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     optionalDependencies:
       typescript: 5.9.3
 
-  '@react-router/remix-routes-option-adapter@7.13.0(@react-router/dev@7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1)))(typescript@5.9.3)':
+  '@react-router/node@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
     dependencies:
-      '@react-router/dev': 7.18.0(@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1))
+      '@remix-run/node-fetch-server': 0.13.3
+      react-router: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     optionalDependencies:
       typescript: 5.9.3
 
-  '@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@6.0.1-rc)':
+  '@react-router/remix-routes-option-adapter@7.13.0(@react-router/dev@7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)':
     dependencies:
-      '@mjackson/node-fetch-server': 0.2.0
-      '@react-router/express': 7.14.0(express@4.22.2)(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@6.0.1-rc)
-      '@react-router/node': 7.14.0(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@6.0.1-rc)
-      compression: 1.8.1
-      express: 4.22.2
-      get-port: 5.1.1
-      morgan: 1.10.1
+      '@react-router/dev': 7.14.0(@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@react-router/remix-routes-option-adapter@8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)':
+    dependencies:
+      '@react-router/dev': 8.1.0(@react-router/serve@8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@react-router/remix-routes-option-adapter@8.1.0(@react-router/dev@8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1)))(typescript@5.9.3)':
+    dependencies:
+      '@react-router/dev': 8.1.0(@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3))(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)(vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))(wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1))
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@6.0.1-rc)':
+    dependencies:
+      '@mjackson/node-fetch-server': 0.2.0
+      '@react-router/express': 7.14.0(express@4.22.2)(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@6.0.1-rc)
+      '@react-router/node': 7.14.0(react-router@7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@6.0.1-rc)
+      compression: 1.8.1
+      express: 4.22.2
+      get-port: 5.1.1
+      morgan: 1.10.1
       react-router: 7.14.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       source-map-support: 0.5.21
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@react-router/serve@7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+  '@react-router/serve@7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
     dependencies:
       '@mjackson/node-fetch-server': 0.2.0
-      '@react-router/express': 7.18.0(express@4.22.2)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
-      '@react-router/node': 7.18.0(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/express': 7.14.0(express@4.22.2)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/node': 7.14.0(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       compression: 1.8.1
       express: 4.22.2
       get-port: 5.1.1
       morgan: 1.10.1
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      source-map-support: 0.5.21
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@react-router/serve@8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+    dependencies:
+      '@react-router/express': 8.1.0(express@5.2.1)(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/node': 8.1.0(react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@remix-run/node-fetch-server': 0.13.3
+      compression: 1.8.1
+      express: 5.2.1
+      morgan: 1.10.1
+      react-router: 7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      source-map-support: 0.5.21
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@react-router/serve@8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
+    dependencies:
+      '@react-router/express': 8.1.0(express@5.2.1)(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@react-router/node': 8.1.0(react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
+      '@remix-run/node-fetch-server': 0.13.3
+      compression: 1.8.1
+      express: 5.2.1
+      morgan: 1.10.1
+      react-router: 8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       source-map-support: 0.5.21
     transitivePeerDependencies:
       - supports-color
@@ -13383,7 +14622,13 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
-  '@rolldown/pluginutils@1.0.0-beta.53': {}
+  '@rollup/pluginutils@5.4.0(rollup@4.62.2)':
+    dependencies:
+      '@types/estree': 1.0.9
+      estree-walker: 2.0.2
+      picomatch: 4.0.5
+    optionalDependencies:
+      rollup: 4.62.2
 
   '@rollup/rollup-android-arm-eabi@4.62.2':
     optional: true
@@ -13468,9 +14713,9 @@ snapshots:
       core-js: 3.47.0
       jiti: 2.7.0
 
-  '@rsbuild/core@2.0.15(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0)':
+  '@rsbuild/core@2.0.15(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)':
     dependencies:
-      '@rspack/core': 2.0.8(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23)
+      '@rspack/core': 2.0.8(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
       '@swc/helpers': 0.5.23
     optionalDependencies:
       core-js: 3.47.0
@@ -13486,7 +14731,16 @@ snapshots:
     transitivePeerDependencies:
       - '@module-federation/runtime-tools'
 
-  '@rsbuild/plugin-babel@2.0.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))':
+  '@rsbuild/core@2.1.6(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)':
+    dependencies:
+      '@rspack/core': 2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
+      '@swc/helpers': 0.5.23
+    optionalDependencies:
+      core-js: 3.47.0
+    transitivePeerDependencies:
+      - '@module-federation/runtime-tools'
+
+  '@rsbuild/plugin-babel@2.0.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))':
     dependencies:
       '@babel/core': 7.29.7
       '@babel/plugin-proposal-decorators': 7.29.7(@babel/core@7.29.7)
@@ -13499,7 +14753,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@rsbuild/plugin-check-syntax@1.6.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))':
+  '@rsbuild/plugin-check-syntax@1.6.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))':
     dependencies:
       acorn: 8.17.0
       browserslist-to-es-version: 1.4.2
@@ -13509,11 +14763,23 @@ snapshots:
     optionalDependencies:
       '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
 
-  '@rsbuild/plugin-less@1.6.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))':
+  '@rsbuild/plugin-less@1.6.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
+    dependencies:
+      deepmerge: 4.3.1
+      less: 4.6.7
+      less-loader: 12.3.3(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(less@4.6.7)(webpack@5.108.3(lightningcss@1.32.0))
+      reduce-configs: 1.1.2
+    optionalDependencies:
+      '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+    transitivePeerDependencies:
+      - '@rspack/core'
+      - webpack
+
+  '@rsbuild/plugin-less@1.6.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
     dependencies:
       deepmerge: 4.3.1
       less: 4.6.7
-      less-loader: 12.3.3(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(less@4.6.7)(webpack@5.108.1(lightningcss@1.32.0))
+      less-loader: 12.3.3(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(less@4.6.7)(webpack@5.108.3(lightningcss@1.32.0))
       reduce-configs: 1.1.2
     optionalDependencies:
       '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
@@ -13521,6 +14787,15 @@ snapshots:
       - '@rspack/core'
       - webpack
 
+  '@rsbuild/plugin-mdx@1.1.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(webpack@5.108.3(lightningcss@1.32.0))':
+    dependencies:
+      '@mdx-js/loader': 3.1.1(webpack@5.108.3(lightningcss@1.32.0))
+    optionalDependencies:
+      '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+    transitivePeerDependencies:
+      - supports-color
+      - webpack
+
   '@rsbuild/plugin-react@2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))':
     dependencies:
       '@rspack/plugin-react-refresh': 2.0.2(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-refresh@0.18.0)
@@ -13530,7 +14805,16 @@ snapshots:
     transitivePeerDependencies:
       - '@rspack/core'
 
-  '@rsbuild/plugin-sass@1.5.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))':
+  '@rsbuild/plugin-react@2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))':
+    dependencies:
+      '@rspack/plugin-react-refresh': 2.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-refresh@0.18.0)
+      react-refresh: 0.18.0
+    optionalDependencies:
+      '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+    transitivePeerDependencies:
+      - '@rspack/core'
+
+  '@rsbuild/plugin-sass@1.5.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))':
     dependencies:
       deepmerge: 4.3.1
       loader-utils: 2.0.4
@@ -13540,12 +14824,42 @@ snapshots:
     optionalDependencies:
       '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
 
-  '@rsbuild/plugin-svgr@2.0.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(typescript@6.0.1-rc)':
+  '@rsbuild/plugin-svgr@2.0.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)':
     dependencies:
       '@rsbuild/plugin-react': 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+      '@svgr/core': 8.1.0(typescript@5.9.3)
+      '@svgr/plugin-jsx': 8.1.0(@svgr/core@8.1.0(typescript@5.9.3))
+      '@svgr/plugin-svgo': 8.1.0(@svgr/core@8.1.0(typescript@5.9.3))(typescript@5.9.3)
+      deepmerge: 4.3.1
+      loader-utils: 3.3.1
+    optionalDependencies:
+      '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+    transitivePeerDependencies:
+      - '@rspack/core'
+      - supports-color
+      - typescript
+
+  '@rsbuild/plugin-svgr@2.0.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@5.9.3)':
+    dependencies:
+      '@rsbuild/plugin-react': 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
+      '@svgr/core': 8.1.0(typescript@5.9.3)
+      '@svgr/plugin-jsx': 8.1.0(@svgr/core@8.1.0(typescript@5.9.3))
+      '@svgr/plugin-svgo': 8.1.0(@svgr/core@8.1.0(typescript@5.9.3))(typescript@5.9.3)
+      deepmerge: 4.3.1
+      loader-utils: 3.3.1
+    optionalDependencies:
+      '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+    transitivePeerDependencies:
+      - '@rspack/core'
+      - supports-color
+      - typescript
+
+  '@rsbuild/plugin-svgr@2.0.4(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(typescript@6.0.1-rc)':
+    dependencies:
+      '@rsbuild/plugin-react': 2.1.0(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))
       '@svgr/core': 8.1.0(typescript@6.0.1-rc)
-      '@svgr/plugin-jsx': 8.1.0(@svgr/core@8.1.0(typescript@6.0.1-rc))
-      '@svgr/plugin-svgo': 8.1.0(@svgr/core@8.1.0(typescript@6.0.1-rc))(typescript@6.0.1-rc)
+      '@svgr/plugin-jsx': 8.1.0(@svgr/core@8.1.0(typescript@5.9.3))
+      '@svgr/plugin-svgo': 8.1.0(@svgr/core@8.1.0(typescript@5.9.3))(typescript@6.0.1-rc)
       deepmerge: 4.3.1
       loader-utils: 3.3.1
     optionalDependencies:
@@ -13555,25 +14869,34 @@ snapshots:
       - supports-color
       - typescript
 
-  '@rsbuild/plugin-tailwindcss@2.0.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))':
+  '@rsbuild/plugin-tailwindcss@2.0.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
+    dependencies:
+      '@tailwindcss/webpack': 4.3.2(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+    optionalDependencies:
+      '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+    transitivePeerDependencies:
+      - '@rspack/core'
+      - webpack
+
+  '@rsbuild/plugin-tailwindcss@2.0.3(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
     dependencies:
-      '@tailwindcss/webpack': 4.3.2(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
+      '@tailwindcss/webpack': 4.3.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
     optionalDependencies:
       '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
     transitivePeerDependencies:
       - '@rspack/core'
       - webpack
 
-  '@rsdoctor/client@1.5.16': {}
+  '@rsdoctor/client@1.5.17': {}
 
-  '@rsdoctor/core@1.5.16(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))':
+  '@rsdoctor/core@1.5.17(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
     dependencies:
-      '@rsbuild/plugin-check-syntax': 1.6.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))
-      '@rsdoctor/graph': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
-      '@rsdoctor/sdk': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
-      '@rsdoctor/types': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
-      '@rsdoctor/utils': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
-      '@rspack/resolver': 0.2.8(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)
+      '@rsbuild/plugin-check-syntax': 1.6.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))
+      '@rsdoctor/graph': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsdoctor/sdk': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsdoctor/types': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsdoctor/utils': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rspack/resolver': 0.2.8(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)
       browserslist-load-config: 1.0.3
       es-toolkit: 1.49.0
       filesize: 11.0.19
@@ -13590,10 +14913,10 @@ snapshots:
       - utf-8-validate
       - webpack
 
-  '@rsdoctor/graph@1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))':
+  '@rsdoctor/graph@1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
     dependencies:
-      '@rsdoctor/types': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
-      '@rsdoctor/utils': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
+      '@rsdoctor/types': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsdoctor/utils': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
       es-toolkit: 1.49.0
       path-browserify: 1.0.1
       source-map: 0.7.6
@@ -13601,15 +14924,15 @@ snapshots:
       - '@rspack/core'
       - webpack
 
-  '@rsdoctor/rspack-plugin@1.5.16(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))':
+  '@rsdoctor/rspack-plugin@1.5.17(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
     dependencies:
-      '@rsdoctor/core': 1.5.16(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
-      '@rsdoctor/graph': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
-      '@rsdoctor/sdk': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
-      '@rsdoctor/types': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
-      '@rsdoctor/utils': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
+      '@rsdoctor/core': 1.5.17(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsdoctor/graph': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsdoctor/sdk': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsdoctor/types': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsdoctor/utils': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
     optionalDependencies:
-      '@rspack/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
+      '@rspack/core': 2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
     transitivePeerDependencies:
       - '@emnapi/core'
       - '@emnapi/runtime'
@@ -13619,12 +14942,12 @@ snapshots:
       - utf-8-validate
       - webpack
 
-  '@rsdoctor/sdk@1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))':
+  '@rsdoctor/sdk@1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
     dependencies:
-      '@rsdoctor/client': 1.5.16
-      '@rsdoctor/graph': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
-      '@rsdoctor/types': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
-      '@rsdoctor/utils': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
+      '@rsdoctor/client': 1.5.17
+      '@rsdoctor/graph': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsdoctor/types': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
+      '@rsdoctor/utils': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
       launch-editor: 2.14.1
       safer-buffer: 2.1.2
       socket.io: 4.8.1
@@ -13636,20 +14959,20 @@ snapshots:
       - utf-8-validate
       - webpack
 
-  '@rsdoctor/types@1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))':
+  '@rsdoctor/types@1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
     dependencies:
       '@types/connect': 3.4.38
       '@types/estree': 1.0.5
       '@types/tapable': 2.3.0
       source-map: 0.7.6
     optionalDependencies:
-      '@rspack/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
-      webpack: 5.108.1(lightningcss@1.32.0)
+      '@rspack/core': 2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
+      webpack: 5.108.3(lightningcss@1.32.0)
 
-  '@rsdoctor/utils@1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))':
+  '@rsdoctor/utils@1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
     dependencies:
       '@babel/code-frame': 7.26.2
-      '@rsdoctor/types': 1.5.16(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))
+      '@rsdoctor/types': 1.5.17(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))
       '@types/estree': 1.0.5
       acorn: 8.17.0
       acorn-import-attributes: 1.9.5(acorn@8.17.0)
@@ -13667,10 +14990,10 @@ snapshots:
       - '@rspack/core'
       - webpack
 
-  '@rslib/core@0.22.1(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0)(typescript@5.9.3)':
+  '@rslib/core@0.22.1(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)(typescript@5.9.3)':
     dependencies:
-      '@rsbuild/core': 2.0.15(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0)
-      rsbuild-plugin-dts: 0.22.1(@rsbuild/core@2.0.15(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(typescript@5.9.3)
+      '@rsbuild/core': 2.0.15(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+      rsbuild-plugin-dts: 0.22.1(@rsbuild/core@2.0.15(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(typescript@5.9.3)
     optionalDependencies:
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -13687,6 +15010,9 @@ snapshots:
   '@rspack/binding-darwin-arm64@2.1.0':
     optional: true
 
+  '@rspack/binding-darwin-arm64@2.1.4':
+    optional: true
+
   '@rspack/binding-darwin-x64@1.7.12':
     optional: true
 
@@ -13696,6 +15022,9 @@ snapshots:
   '@rspack/binding-darwin-x64@2.1.0':
     optional: true
 
+  '@rspack/binding-darwin-x64@2.1.4':
+    optional: true
+
   '@rspack/binding-linux-arm64-gnu@1.7.12':
     optional: true
 
@@ -13705,6 +15034,9 @@ snapshots:
   '@rspack/binding-linux-arm64-gnu@2.1.0':
     optional: true
 
+  '@rspack/binding-linux-arm64-gnu@2.1.4':
+    optional: true
+
   '@rspack/binding-linux-arm64-musl@1.7.12':
     optional: true
 
@@ -13714,12 +15046,21 @@ snapshots:
   '@rspack/binding-linux-arm64-musl@2.1.0':
     optional: true
 
+  '@rspack/binding-linux-arm64-musl@2.1.4':
+    optional: true
+
   '@rspack/binding-linux-riscv64-gnu@2.1.0':
     optional: true
 
+  '@rspack/binding-linux-riscv64-gnu@2.1.4':
+    optional: true
+
   '@rspack/binding-linux-riscv64-musl@2.1.0':
     optional: true
 
+  '@rspack/binding-linux-riscv64-musl@2.1.4':
+    optional: true
+
   '@rspack/binding-linux-x64-gnu@1.7.12':
     optional: true
 
@@ -13729,6 +15070,9 @@ snapshots:
   '@rspack/binding-linux-x64-gnu@2.1.0':
     optional: true
 
+  '@rspack/binding-linux-x64-gnu@2.1.4':
+    optional: true
+
   '@rspack/binding-linux-x64-musl@1.7.12':
     optional: true
 
@@ -13738,6 +15082,9 @@ snapshots:
   '@rspack/binding-linux-x64-musl@2.1.0':
     optional: true
 
+  '@rspack/binding-linux-x64-musl@2.1.4':
+    optional: true
+
   '@rspack/binding-wasm32-wasi@1.7.12':
     dependencies:
       '@napi-rs/wasm-runtime': 1.0.7
@@ -13757,6 +15104,13 @@ snapshots:
       '@napi-rs/wasm-runtime': 1.1.5(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)
     optional: true
 
+  '@rspack/binding-wasm32-wasi@2.1.4':
+    dependencies:
+      '@emnapi/core': 1.11.2
+      '@emnapi/runtime': 1.11.2
+      '@napi-rs/wasm-runtime': 1.1.6(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)
+    optional: true
+
   '@rspack/binding-win32-arm64-msvc@1.7.12':
     optional: true
 
@@ -13766,6 +15120,9 @@ snapshots:
   '@rspack/binding-win32-arm64-msvc@2.1.0':
     optional: true
 
+  '@rspack/binding-win32-arm64-msvc@2.1.4':
+    optional: true
+
   '@rspack/binding-win32-ia32-msvc@1.7.12':
     optional: true
 
@@ -13775,6 +15132,9 @@ snapshots:
   '@rspack/binding-win32-ia32-msvc@2.1.0':
     optional: true
 
+  '@rspack/binding-win32-ia32-msvc@2.1.4':
+    optional: true
+
   '@rspack/binding-win32-x64-msvc@1.7.12':
     optional: true
 
@@ -13784,6 +15144,9 @@ snapshots:
   '@rspack/binding-win32-x64-msvc@2.1.0':
     optional: true
 
+  '@rspack/binding-win32-x64-msvc@2.1.4':
+    optional: true
+
   '@rspack/binding@1.7.12':
     optionalDependencies:
       '@rspack/binding-darwin-arm64': 1.7.12
@@ -13825,6 +15188,21 @@ snapshots:
       '@rspack/binding-win32-ia32-msvc': 2.1.0
       '@rspack/binding-win32-x64-msvc': 2.1.0
 
+  '@rspack/binding@2.1.4':
+    optionalDependencies:
+      '@rspack/binding-darwin-arm64': 2.1.4
+      '@rspack/binding-darwin-x64': 2.1.4
+      '@rspack/binding-linux-arm64-gnu': 2.1.4
+      '@rspack/binding-linux-arm64-musl': 2.1.4
+      '@rspack/binding-linux-riscv64-gnu': 2.1.4
+      '@rspack/binding-linux-riscv64-musl': 2.1.4
+      '@rspack/binding-linux-x64-gnu': 2.1.4
+      '@rspack/binding-linux-x64-musl': 2.1.4
+      '@rspack/binding-wasm32-wasi': 2.1.4
+      '@rspack/binding-win32-arm64-msvc': 2.1.4
+      '@rspack/binding-win32-ia32-msvc': 2.1.4
+      '@rspack/binding-win32-x64-msvc': 2.1.4
+
   '@rspack/core@1.7.12(@swc/helpers@0.5.23)':
     dependencies:
       '@module-federation/runtime-tools': 0.22.0
@@ -13833,7 +15211,7 @@ snapshots:
     optionalDependencies:
       '@swc/helpers': 0.5.23
 
-  '@rspack/core@2.0.8(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23)':
+  '@rspack/core@2.0.8(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)':
     dependencies:
       '@rspack/binding': 2.0.8
     optionalDependencies:
@@ -13847,6 +15225,13 @@ snapshots:
       '@module-federation/runtime-tools': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
       '@swc/helpers': 0.5.23
 
+  '@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)':
+    dependencies:
+      '@rspack/binding': 2.1.4
+    optionalDependencies:
+      '@module-federation/runtime-tools': 2.5.1(node-fetch@2.7.0(encoding@0.1.13))
+      '@swc/helpers': 0.5.23
+
   '@rspack/lite-tapable@1.1.0': {}
 
   '@rspack/lite-tapable@1.1.2': {}
@@ -13857,6 +15242,12 @@ snapshots:
     optionalDependencies:
       '@rspack/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
 
+  '@rspack/plugin-react-refresh@2.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-refresh@0.18.0)':
+    dependencies:
+      react-refresh: 0.18.0
+    optionalDependencies:
+      '@rspack/core': 2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
+
   '@rspack/resolver-binding-darwin-arm64@0.2.8':
     optional: true
 
@@ -13875,9 +15266,9 @@ snapshots:
   '@rspack/resolver-binding-linux-x64-musl@0.2.8':
     optional: true
 
-  '@rspack/resolver-binding-wasm32-wasi@0.2.8(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)':
+  '@rspack/resolver-binding-wasm32-wasi@0.2.8(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)':
     dependencies:
-      '@napi-rs/wasm-runtime': 1.1.6(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)
+      '@napi-rs/wasm-runtime': 1.1.6(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)
     transitivePeerDependencies:
       - '@emnapi/core'
       - '@emnapi/runtime'
@@ -13892,7 +15283,7 @@ snapshots:
   '@rspack/resolver-binding-win32-x64-msvc@0.2.8':
     optional: true
 
-  '@rspack/resolver@0.2.8(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)':
+  '@rspack/resolver@0.2.8(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)':
     optionalDependencies:
       '@rspack/resolver-binding-darwin-arm64': 0.2.8
       '@rspack/resolver-binding-darwin-x64': 0.2.8
@@ -13900,7 +15291,7 @@ snapshots:
       '@rspack/resolver-binding-linux-arm64-musl': 0.2.8
       '@rspack/resolver-binding-linux-x64-gnu': 0.2.8
       '@rspack/resolver-binding-linux-x64-musl': 0.2.8
-      '@rspack/resolver-binding-wasm32-wasi': 0.2.8(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)
+      '@rspack/resolver-binding-wasm32-wasi': 0.2.8(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)
       '@rspack/resolver-binding-win32-arm64-msvc': 0.2.8
       '@rspack/resolver-binding-win32-ia32-msvc': 0.2.8
       '@rspack/resolver-binding-win32-x64-msvc': 0.2.8
@@ -13908,6 +15299,16 @@ snapshots:
       - '@emnapi/core'
       - '@emnapi/runtime'
 
+  '@rstest/core@0.11.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)(jsdom@27.4.0(@noble/hashes@2.2.0))':
+    dependencies:
+      '@rsbuild/core': 2.1.6(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+      '@types/chai': 5.2.3
+    optionalDependencies:
+      jsdom: 27.4.0(@noble/hashes@2.2.0)
+    transitivePeerDependencies:
+      - '@module-federation/runtime-tools'
+      - core-js
+
   '@rstest/core@0.8.1(jsdom@27.4.0(@noble/hashes@2.2.0))':
     dependencies:
       '@rsbuild/core': 1.7.2
@@ -13916,6 +15317,17 @@ snapshots:
     optionalDependencies:
       jsdom: 27.4.0(@noble/hashes@2.2.0)
 
+  '@rstest/coverage-istanbul@0.11.4(@rstest/core@0.11.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)(jsdom@27.4.0(@noble/hashes@2.2.0)))':
+    dependencies:
+      '@rstest/core': 0.11.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)(jsdom@27.4.0(@noble/hashes@2.2.0))
+      istanbul-lib-coverage: 3.2.2
+      istanbul-lib-report: 3.0.1
+      istanbul-lib-source-maps: 5.0.6
+      istanbul-reports: 3.2.0
+      swc-plugin-coverage-instrument: 0.0.32
+    transitivePeerDependencies:
+      - supports-color
+
   '@rstest/coverage-istanbul@0.2.0(@rstest/core@0.8.1(jsdom@27.4.0(@noble/hashes@2.2.0)))':
     dependencies:
       '@rstest/core': 0.8.1(jsdom@27.4.0(@noble/hashes@2.2.0))
@@ -13945,7 +15357,7 @@ snapshots:
   '@sentry-internal/node-cpu-profiler@2.4.1':
     dependencies:
       detect-libc: 2.1.2
-      node-abi: 3.92.0
+      node-abi: 3.94.0
 
   '@sentry-internal/replay-canvas@10.37.0':
     dependencies:
@@ -13957,8 +15369,6 @@ snapshots:
       '@sentry-internal/browser-utils': 10.37.0
       '@sentry/core': 10.37.0
 
-  '@sentry/babel-plugin-component-annotate@4.8.0': {}
-
   '@sentry/browser@10.37.0':
     dependencies:
       '@sentry-internal/browser-utils': 10.37.0
@@ -13967,78 +15377,20 @@ snapshots:
       '@sentry-internal/replay-canvas': 10.37.0
       '@sentry/core': 10.37.0
 
-  '@sentry/bundler-plugin-core@4.8.0(encoding@0.1.13)':
-    dependencies:
-      '@babel/core': 7.29.0
-      '@sentry/babel-plugin-component-annotate': 4.8.0
-      '@sentry/cli': 2.58.6(encoding@0.1.13)
-      dotenv: 16.6.1
-      find-up: 5.0.0
-      glob: 10.5.0
-      magic-string: 0.30.8
-      unplugin: 1.0.1
-    transitivePeerDependencies:
-      - encoding
-      - supports-color
-
-  '@sentry/cli-darwin@2.58.6':
-    optional: true
-
-  '@sentry/cli-linux-arm64@2.58.6':
-    optional: true
-
-  '@sentry/cli-linux-arm@2.58.6':
-    optional: true
-
-  '@sentry/cli-linux-i686@2.58.6':
-    optional: true
-
-  '@sentry/cli-linux-x64@2.58.6':
-    optional: true
-
-  '@sentry/cli-win32-arm64@2.58.6':
-    optional: true
-
-  '@sentry/cli-win32-i686@2.58.6':
-    optional: true
-
-  '@sentry/cli-win32-x64@2.58.6':
-    optional: true
-
-  '@sentry/cli@2.58.6(encoding@0.1.13)':
-    dependencies:
-      https-proxy-agent: 5.0.1
-      node-fetch: 2.7.0(encoding@0.1.13)
-      progress: 2.0.3
-      proxy-from-env: 1.1.0
-      which: 2.0.2
-    optionalDependencies:
-      '@sentry/cli-darwin': 2.58.6
-      '@sentry/cli-linux-arm': 2.58.6
-      '@sentry/cli-linux-arm64': 2.58.6
-      '@sentry/cli-linux-i686': 2.58.6
-      '@sentry/cli-linux-x64': 2.58.6
-      '@sentry/cli-win32-arm64': 2.58.6
-      '@sentry/cli-win32-i686': 2.58.6
-      '@sentry/cli-win32-x64': 2.58.6
-    transitivePeerDependencies:
-      - encoding
-      - supports-color
-
   '@sentry/core@10.37.0': {}
 
-  '@sentry/node-core@10.37.0(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/core@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/instrumentation@0.211.0(@opentelemetry/api@1.9.1))(@opentelemetry/resources@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.41.1)':
+  '@sentry/node-core@10.37.0(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/instrumentation@0.211.0(@opentelemetry/api@1.9.1))(@opentelemetry/resources@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.41.1)':
     dependencies:
       '@apm-js-collab/tracing-hooks': 0.3.1
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/context-async-hooks': 2.8.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/context-async-hooks': 2.9.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/resources': 2.8.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/sdk-trace-base': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/resources': 2.9.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/sdk-trace-base': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
       '@sentry/core': 10.37.0
-      '@sentry/opentelemetry': 10.37.0(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/core@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.41.1)
+      '@sentry/opentelemetry': 10.37.0(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.41.1)
       import-in-the-middle: 2.0.6
     transitivePeerDependencies:
       - supports-color
@@ -14046,8 +15398,8 @@ snapshots:
   '@sentry/node@10.37.0':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/context-async-hooks': 2.8.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/context-async-hooks': 2.9.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation': 0.211.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation-amqplib': 0.58.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation-connect': 0.54.0(@opentelemetry/api@1.9.1)
@@ -14071,24 +15423,24 @@ snapshots:
       '@opentelemetry/instrumentation-redis': 0.59.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation-tedious': 0.30.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/instrumentation-undici': 0.21.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/resources': 2.8.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/sdk-trace-base': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/resources': 2.9.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/sdk-trace-base': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
       '@prisma/instrumentation': 7.2.0(@opentelemetry/api@1.9.1)
       '@sentry/core': 10.37.0
-      '@sentry/node-core': 10.37.0(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/core@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/instrumentation@0.211.0(@opentelemetry/api@1.9.1))(@opentelemetry/resources@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.41.1)
-      '@sentry/opentelemetry': 10.37.0(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/core@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.41.1)
+      '@sentry/node-core': 10.37.0(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/instrumentation@0.211.0(@opentelemetry/api@1.9.1))(@opentelemetry/resources@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.41.1)
+      '@sentry/opentelemetry': 10.37.0(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.41.1)
       import-in-the-middle: 2.0.6
       minimatch: 9.0.9
     transitivePeerDependencies:
       - supports-color
 
-  '@sentry/opentelemetry@10.37.0(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/core@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.41.1)':
+  '@sentry/opentelemetry@10.37.0(@opentelemetry/api@1.9.1)(@opentelemetry/context-async-hooks@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/core@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.9.0(@opentelemetry/api@1.9.1))(@opentelemetry/semantic-conventions@1.41.1)':
     dependencies:
       '@opentelemetry/api': 1.9.1
-      '@opentelemetry/context-async-hooks': 2.8.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/core': 2.8.0(@opentelemetry/api@1.9.1)
-      '@opentelemetry/sdk-trace-base': 2.8.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/context-async-hooks': 2.9.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/core': 2.9.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/sdk-trace-base': 2.9.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.41.1
       '@sentry/core': 10.37.0
 
@@ -14106,13 +15458,13 @@ snapshots:
       '@sentry/core': 10.37.0
       react: 19.2.7
 
-  '@sentry/vite-plugin@4.8.0(encoding@0.1.13)':
+  '@sideway/address@4.1.5':
     dependencies:
-      '@sentry/bundler-plugin-core': 4.8.0(encoding@0.1.13)
-      unplugin: 1.0.1
-    transitivePeerDependencies:
-      - encoding
-      - supports-color
+      '@hapi/hoek': 9.3.0
+
+  '@sideway/formula@3.0.1': {}
+
+  '@sideway/pinpoint@2.0.0': {}
 
   '@sindresorhus/is@7.2.0': {}
 
@@ -14134,39 +15486,39 @@ snapshots:
 
   '@socket.io/component-emitter@3.1.2': {}
 
-  '@solid-primitives/event-listener@2.4.5(solid-js@1.9.13)':
+  '@solid-primitives/event-listener@2.4.5(solid-js@1.9.14)':
     dependencies:
-      '@solid-primitives/utils': 6.4.0(solid-js@1.9.13)
-      solid-js: 1.9.13
+      '@solid-primitives/utils': 6.4.0(solid-js@1.9.14)
+      solid-js: 1.9.14
 
-  '@solid-primitives/keyboard@1.3.5(solid-js@1.9.13)':
+  '@solid-primitives/keyboard@1.3.5(solid-js@1.9.14)':
     dependencies:
-      '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.13)
-      '@solid-primitives/rootless': 1.5.3(solid-js@1.9.13)
-      '@solid-primitives/utils': 6.4.0(solid-js@1.9.13)
-      solid-js: 1.9.13
+      '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.14)
+      '@solid-primitives/rootless': 1.5.3(solid-js@1.9.14)
+      '@solid-primitives/utils': 6.4.0(solid-js@1.9.14)
+      solid-js: 1.9.14
 
-  '@solid-primitives/resize-observer@2.1.5(solid-js@1.9.13)':
+  '@solid-primitives/resize-observer@2.1.5(solid-js@1.9.14)':
     dependencies:
-      '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.13)
-      '@solid-primitives/rootless': 1.5.3(solid-js@1.9.13)
-      '@solid-primitives/static-store': 0.1.3(solid-js@1.9.13)
-      '@solid-primitives/utils': 6.4.0(solid-js@1.9.13)
-      solid-js: 1.9.13
+      '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.14)
+      '@solid-primitives/rootless': 1.5.3(solid-js@1.9.14)
+      '@solid-primitives/static-store': 0.1.3(solid-js@1.9.14)
+      '@solid-primitives/utils': 6.4.0(solid-js@1.9.14)
+      solid-js: 1.9.14
 
-  '@solid-primitives/rootless@1.5.3(solid-js@1.9.13)':
+  '@solid-primitives/rootless@1.5.3(solid-js@1.9.14)':
     dependencies:
-      '@solid-primitives/utils': 6.4.0(solid-js@1.9.13)
-      solid-js: 1.9.13
+      '@solid-primitives/utils': 6.4.0(solid-js@1.9.14)
+      solid-js: 1.9.14
 
-  '@solid-primitives/static-store@0.1.3(solid-js@1.9.13)':
+  '@solid-primitives/static-store@0.1.3(solid-js@1.9.14)':
     dependencies:
-      '@solid-primitives/utils': 6.4.0(solid-js@1.9.13)
-      solid-js: 1.9.13
+      '@solid-primitives/utils': 6.4.0(solid-js@1.9.14)
+      solid-js: 1.9.14
 
-  '@solid-primitives/utils@6.4.0(solid-js@1.9.13)':
+  '@solid-primitives/utils@6.4.0(solid-js@1.9.14)':
     dependencies:
-      solid-js: 1.9.13
+      solid-js: 1.9.14
 
   '@speed-highlight/core@1.2.17': {}
 
@@ -14216,6 +15568,17 @@ snapshots:
       '@svgr/babel-plugin-transform-react-native-svg': 8.1.0(@babel/core@7.29.0)
       '@svgr/babel-plugin-transform-svg-component': 8.0.0(@babel/core@7.29.0)
 
+  '@svgr/core@8.1.0(typescript@5.9.3)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@svgr/babel-preset': 8.1.0(@babel/core@7.29.0)
+      camelcase: 6.3.0
+      cosmiconfig: 8.3.6(typescript@5.9.3)
+      snake-case: 3.0.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
   '@svgr/core@8.1.0(typescript@6.0.1-rc)':
     dependencies:
       '@babel/core': 7.29.0
@@ -14232,19 +15595,28 @@ snapshots:
       '@babel/types': 7.29.7
       entities: 4.5.0
 
-  '@svgr/plugin-jsx@8.1.0(@svgr/core@8.1.0(typescript@6.0.1-rc))':
+  '@svgr/plugin-jsx@8.1.0(@svgr/core@8.1.0(typescript@5.9.3))':
     dependencies:
       '@babel/core': 7.29.0
       '@svgr/babel-preset': 8.1.0(@babel/core@7.29.0)
-      '@svgr/core': 8.1.0(typescript@6.0.1-rc)
+      '@svgr/core': 8.1.0(typescript@5.9.3)
       '@svgr/hast-util-to-babel-ast': 8.0.0
       svg-parser: 2.0.4
     transitivePeerDependencies:
       - supports-color
 
-  '@svgr/plugin-svgo@8.1.0(@svgr/core@8.1.0(typescript@6.0.1-rc))(typescript@6.0.1-rc)':
+  '@svgr/plugin-svgo@8.1.0(@svgr/core@8.1.0(typescript@5.9.3))(typescript@5.9.3)':
     dependencies:
-      '@svgr/core': 8.1.0(typescript@6.0.1-rc)
+      '@svgr/core': 8.1.0(typescript@5.9.3)
+      cosmiconfig: 8.3.6(typescript@5.9.3)
+      deepmerge: 4.3.1
+      svgo: 3.3.3
+    transitivePeerDependencies:
+      - typescript
+
+  '@svgr/plugin-svgo@8.1.0(@svgr/core@8.1.0(typescript@5.9.3))(typescript@6.0.1-rc)':
+    dependencies:
+      '@svgr/core': 8.1.0(typescript@5.9.3)
       cosmiconfig: 8.3.6(typescript@6.0.1-rc)
       deepmerge: 4.3.1
       svgo: 3.3.3
@@ -14260,16 +15632,6 @@ snapshots:
       postcss: 8.5.16
       postcss-nested: 5.0.6(postcss@8.5.16)
 
-  '@tailwindcss/node@4.3.1':
-    dependencies:
-      '@jridgewell/remapping': 2.3.5
-      enhanced-resolve: 5.21.6
-      jiti: 2.7.0
-      lightningcss: 1.32.0
-      magic-string: 0.30.21
-      source-map-js: 1.2.1
-      tailwindcss: 4.3.1
-
   '@tailwindcss/node@4.3.2':
     dependencies:
       '@jridgewell/remapping': 2.3.5
@@ -14280,93 +15642,42 @@ snapshots:
       source-map-js: 1.2.1
       tailwindcss: 4.3.2
 
-  '@tailwindcss/oxide-android-arm64@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-android-arm64@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-darwin-arm64@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-darwin-x64@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-freebsd-x64@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-linux-arm64-gnu@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-linux-arm64-musl@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-linux-x64-gnu@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-linux-x64-musl@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide-wasm32-wasi@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-wasm32-wasi@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-win32-arm64-msvc@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.3.1':
-    optional: true
-
   '@tailwindcss/oxide-win32-x64-msvc@4.3.2':
     optional: true
 
-  '@tailwindcss/oxide@4.3.1':
-    optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.3.1
-      '@tailwindcss/oxide-darwin-arm64': 4.3.1
-      '@tailwindcss/oxide-darwin-x64': 4.3.1
-      '@tailwindcss/oxide-freebsd-x64': 4.3.1
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.3.1
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.3.1
-      '@tailwindcss/oxide-linux-arm64-musl': 4.3.1
-      '@tailwindcss/oxide-linux-x64-gnu': 4.3.1
-      '@tailwindcss/oxide-linux-x64-musl': 4.3.1
-      '@tailwindcss/oxide-wasm32-wasi': 4.3.1
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.3.1
-      '@tailwindcss/oxide-win32-x64-msvc': 4.3.1
-
   '@tailwindcss/oxide@4.3.2':
     optionalDependencies:
       '@tailwindcss/oxide-android-arm64': 4.3.2
@@ -14382,15 +15693,15 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.3.2
       '@tailwindcss/oxide-win32-x64-msvc': 4.3.2
 
-  '@tailwindcss/postcss@4.3.1':
+  '@tailwindcss/postcss@4.3.2':
     dependencies:
       '@alloc/quick-lru': 5.2.0
-      '@tailwindcss/node': 4.3.1
-      '@tailwindcss/oxide': 4.3.1
-      postcss: 8.5.15
-      tailwindcss: 4.3.1
+      '@tailwindcss/node': 4.3.2
+      '@tailwindcss/oxide': 4.3.2
+      postcss: 8.5.16
+      tailwindcss: 4.3.2
 
-  '@tailwindcss/webpack@4.3.2(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(webpack@5.108.1(lightningcss@1.32.0))':
+  '@tailwindcss/webpack@4.3.2(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
     dependencies:
       '@alloc/quick-lru': 5.2.0
       '@tailwindcss/node': 4.3.2
@@ -14398,7 +15709,17 @@ snapshots:
       tailwindcss: 4.3.2
     optionalDependencies:
       '@rspack/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
-      webpack: 5.108.1(lightningcss@1.32.0)
+      webpack: 5.108.3(lightningcss@1.32.0)
+
+  '@tailwindcss/webpack@4.3.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(webpack@5.108.3(lightningcss@1.32.0))':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.3.2
+      '@tailwindcss/oxide': 4.3.2
+      tailwindcss: 4.3.2
+    optionalDependencies:
+      '@rspack/core': 2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
+      webpack: 5.108.3(lightningcss@1.32.0)
 
   '@tanstack/devtools-client@0.0.5':
     dependencies:
@@ -14424,12 +15745,12 @@ snapshots:
 
   '@tanstack/devtools-event-client@0.4.4': {}
 
-  '@tanstack/devtools-ui@0.5.0(csstype@3.2.3)(solid-js@1.9.13)':
+  '@tanstack/devtools-ui@0.5.0(csstype@3.2.3)(solid-js@1.9.14)':
     dependencies:
       clsx: 2.1.1
       dayjs: 1.11.21
       goober: 2.1.19(csstype@3.2.3)
-      solid-js: 1.9.13
+      solid-js: 1.9.14
     transitivePeerDependencies:
       - csstype
 
@@ -14444,32 +15765,32 @@ snapshots:
       '@tanstack/devtools-event-bus': 0.4.0
       chalk: 5.6.2
       launch-editor: 2.14.1
-      picomatch: 4.0.4
+      picomatch: 4.0.5
       vite: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
     transitivePeerDependencies:
       - bufferutil
       - supports-color
       - utf-8-validate
 
-  '@tanstack/devtools@0.10.14(csstype@3.2.3)(solid-js@1.9.13)':
+  '@tanstack/devtools@0.10.14(csstype@3.2.3)(solid-js@1.9.14)':
     dependencies:
-      '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.13)
-      '@solid-primitives/keyboard': 1.3.5(solid-js@1.9.13)
-      '@solid-primitives/resize-observer': 2.1.5(solid-js@1.9.13)
+      '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.14)
+      '@solid-primitives/keyboard': 1.3.5(solid-js@1.9.14)
+      '@solid-primitives/resize-observer': 2.1.5(solid-js@1.9.14)
       '@tanstack/devtools-client': 0.0.6
       '@tanstack/devtools-event-bus': 0.4.1
-      '@tanstack/devtools-ui': 0.5.0(csstype@3.2.3)(solid-js@1.9.13)
+      '@tanstack/devtools-ui': 0.5.0(csstype@3.2.3)(solid-js@1.9.14)
       clsx: 2.1.1
       goober: 2.1.19(csstype@3.2.3)
-      solid-js: 1.9.13
+      solid-js: 1.9.14
     transitivePeerDependencies:
       - bufferutil
       - csstype
       - utf-8-validate
 
-  '@tanstack/react-devtools@0.9.13(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(solid-js@1.9.13)':
+  '@tanstack/react-devtools@0.9.13(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(solid-js@1.9.14)':
     dependencies:
-      '@tanstack/devtools': 0.10.14(csstype@3.2.3)(solid-js@1.9.13)
+      '@tanstack/devtools': 0.10.14(csstype@3.2.3)(solid-js@1.9.14)
       '@types/react': 19.2.10
       '@types/react-dom': 19.2.3(@types/react@19.2.10)
       react: 19.2.7
@@ -14583,8 +15904,18 @@ snapshots:
     dependencies:
       '@types/node': 25.0.10
 
+  '@types/cross-spawn@6.0.6':
+    dependencies:
+      '@types/node': 25.0.10
+
   '@types/d3-hierarchy@1.1.11': {}
 
+  '@types/debug@4.1.13':
+    dependencies:
+      '@types/ms': 2.1.0
+
+  '@types/dedent@0.7.2': {}
+
   '@types/deep-eql@4.0.2': {}
 
   '@types/eslint@9.6.1':
@@ -14592,6 +15923,10 @@ snapshots:
       '@types/estree': 1.0.9
       '@types/json-schema': 7.0.15
 
+  '@types/estree-jsx@1.0.5':
+    dependencies:
+      '@types/estree': 1.0.9
+
   '@types/estree@1.0.5': {}
 
   '@types/estree@1.0.9': {}
@@ -14618,6 +15953,10 @@ snapshots:
     dependencies:
       glob: 13.0.0
 
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
   '@types/http-errors@2.0.5': {}
 
   '@types/jsesc@3.0.3': {}
@@ -14628,10 +15967,18 @@ snapshots:
     dependencies:
       '@types/node': 25.0.10
 
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/mdx@2.0.14': {}
+
   '@types/morgan@1.9.10':
     dependencies:
       '@types/node': 25.0.10
 
+  '@types/ms@2.1.0': {}
+
   '@types/mysql@2.15.27':
     dependencies:
       '@types/node': 25.0.10
@@ -14642,6 +15989,10 @@ snapshots:
     dependencies:
       undici-types: 6.21.0
 
+  '@types/node@22.20.0':
+    dependencies:
+      undici-types: 6.21.0
+
   '@types/node@25.0.10':
     dependencies:
       undici-types: 7.16.0
@@ -14689,6 +16040,8 @@ snapshots:
 
   '@types/semver@7.5.8': {}
 
+  '@types/semver@7.7.1': {}
+
   '@types/send@1.2.1':
     dependencies:
       '@types/node': 25.0.10
@@ -14702,6 +16055,11 @@ snapshots:
     dependencies:
       '@types/node': 25.0.10
 
+  '@types/shelljs@0.10.0':
+    dependencies:
+      '@types/node': 25.0.10
+      fast-glob: 3.3.3
+
   '@types/source-map-support@0.5.10':
     dependencies:
       source-map: 0.6.1
@@ -14719,18 +16077,28 @@ snapshots:
   '@types/trusted-types@2.0.7':
     optional: true
 
+  '@types/unist@2.0.11': {}
+
+  '@types/unist@3.0.3': {}
+
+  '@types/wait-on@5.3.4':
+    dependencies:
+      '@types/node': 25.0.10
+
+  '@types/webpack-env@1.18.8': {}
+
   '@types/ws@8.18.1':
     dependencies:
       '@types/node': 25.0.10
 
-  '@typescript-eslint/eslint-plugin@8.62.0(@typescript-eslint/parser@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.62.0
-      '@typescript-eslint/type-utils': 8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.62.0
+      '@typescript-eslint/parser': 8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.62.1
+      '@typescript-eslint/type-utils': 8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.62.1
       eslint: 9.39.2(jiti@2.7.0)
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -14739,41 +16107,41 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.62.0
-      '@typescript-eslint/types': 8.62.0
-      '@typescript-eslint/typescript-estree': 8.62.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.62.0
+      '@typescript-eslint/scope-manager': 8.62.1
+      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/typescript-estree': 8.62.1(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.62.1
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.7.0)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.62.0(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.62.1(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.62.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.62.0
+      '@typescript-eslint/tsconfig-utils': 8.62.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.62.1
       debug: 4.4.3
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.62.0':
+  '@typescript-eslint/scope-manager@8.62.1':
     dependencies:
-      '@typescript-eslint/types': 8.62.0
-      '@typescript-eslint/visitor-keys': 8.62.0
+      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/visitor-keys': 8.62.1
 
-  '@typescript-eslint/tsconfig-utils@8.62.0(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.62.1(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.62.0
-      '@typescript-eslint/typescript-estree': 8.62.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/typescript-estree': 8.62.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.7.0)
       ts-api-utils: 2.5.0(typescript@5.9.3)
@@ -14781,14 +16149,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.62.0': {}
+  '@typescript-eslint/types@8.62.1': {}
 
-  '@typescript-eslint/typescript-estree@8.62.0(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.62.1(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.62.0(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.62.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.62.0
-      '@typescript-eslint/visitor-keys': 8.62.0
+      '@typescript-eslint/project-service': 8.62.1(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.62.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/visitor-keys': 8.62.1
       debug: 4.4.3
       minimatch: 10.2.5
       semver: 7.8.5
@@ -14798,22 +16166,24 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.7.0))
-      '@typescript-eslint/scope-manager': 8.62.0
-      '@typescript-eslint/types': 8.62.0
-      '@typescript-eslint/typescript-estree': 8.62.0(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.62.1
+      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/typescript-estree': 8.62.1(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.7.0)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.62.0':
+  '@typescript-eslint/visitor-keys@8.62.1':
     dependencies:
-      '@typescript-eslint/types': 8.62.0
+      '@typescript-eslint/types': 8.62.1
       eslint-visitor-keys: 5.0.1
 
+  '@ungap/structured-clone@1.3.2': {}
+
   '@unrs/resolver-binding-android-arm-eabi@1.12.2':
     optional: true
 
@@ -14878,31 +16248,70 @@ snapshots:
   '@unrs/resolver-binding-win32-arm64-msvc@1.12.2':
     optional: true
 
-  '@unrs/resolver-binding-win32-ia32-msvc@1.12.2':
-    optional: true
+  '@unrs/resolver-binding-win32-ia32-msvc@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-win32-x64-msvc@1.12.2':
+    optional: true
+
+  '@vanilla-extract/babel-plugin-debug-ids@1.2.2':
+    dependencies:
+      '@babel/core': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vanilla-extract/css@1.21.1':
+    dependencies:
+      '@emotion/hash': 0.9.2
+      '@vanilla-extract/private': 1.0.9
+      css-what: 6.2.2
+      csstype: 3.2.3
+      dedent: 1.7.2
+      deep-object-diff: 1.1.9
+      deepmerge: 4.3.1
+      lru-cache: 10.4.3
+      media-query-parser: 2.0.2
+      modern-ahocorasick: 1.1.0
+      picocolors: 1.1.1
+    transitivePeerDependencies:
+      - babel-plugin-macros
+
+  '@vanilla-extract/integration@8.0.10':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.0)
+      '@vanilla-extract/babel-plugin-debug-ids': 1.2.2
+      '@vanilla-extract/css': 1.21.1
+      dedent: 1.7.2
+      esbuild: 0.27.2
+      eval: 0.1.8
+      find-up: 5.0.0
+      javascript-stringify: 2.1.0
+      mlly: 1.8.2
+    transitivePeerDependencies:
+      - babel-plugin-macros
+      - supports-color
 
-  '@unrs/resolver-binding-win32-x64-msvc@1.12.2':
-    optional: true
+  '@vanilla-extract/private@1.0.9': {}
 
-  '@vitejs/plugin-react@5.1.2(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))':
+  '@vanilla-extract/webpack-plugin@2.3.27(webpack@5.108.3(lightningcss@1.32.0))':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/plugin-transform-react-jsx-self': 7.29.7(@babel/core@7.29.0)
-      '@babel/plugin-transform-react-jsx-source': 7.29.7(@babel/core@7.29.0)
-      '@rolldown/pluginutils': 1.0.0-beta.53
-      '@types/babel__core': 7.20.5
-      react-refresh: 0.18.0
-      vite: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
+      '@vanilla-extract/integration': 8.0.10
+      debug: 4.4.3
+      loader-utils: 2.0.4
+      picocolors: 1.1.1
+      webpack: 5.108.3(lightningcss@1.32.0)
     transitivePeerDependencies:
+      - babel-plugin-macros
       - supports-color
 
-  '@vitest/eslint-plugin@1.6.20(@typescript-eslint/eslint-plugin@8.62.0(@typescript-eslint/parser@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)':
+  '@vitest/eslint-plugin@1.6.20(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.62.0
-      '@typescript-eslint/utils': 8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.62.1
+      '@typescript-eslint/utils': 8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.7.0)
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.62.0(@typescript-eslint/parser@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
@@ -15153,14 +16562,14 @@ snapshots:
   ajv@8.18.0:
     dependencies:
       fast-deep-equal: 3.1.3
-      fast-uri: 3.1.2
+      fast-uri: 3.1.3
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
   ajv@8.20.0:
     dependencies:
       fast-deep-equal: 3.1.3
-      fast-uri: 3.1.2
+      fast-uri: 3.1.3
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
@@ -15186,11 +16595,6 @@ snapshots:
 
   ansi-styles@6.2.3: {}
 
-  anymatch@3.1.3:
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.2
-
   anynum@1.0.1: {}
 
   arch@2.2.0: {}
@@ -15282,12 +16686,16 @@ snapshots:
 
   assertion-error@2.0.1: {}
 
+  astring@1.9.0: {}
+
   async-function@1.0.0: {}
 
+  asynckit@0.4.0: {}
+
   autoprefixer@10.4.23(postcss@8.5.16):
     dependencies:
       browserslist: 4.28.4
-      caniuse-lite: 1.0.30001799
+      caniuse-lite: 1.0.30001800
       fraction.js: 5.3.4
       picocolors: 1.1.1
       postcss: 8.5.16
@@ -15297,6 +16705,16 @@ snapshots:
     dependencies:
       possible-typed-array-names: 1.1.0
 
+  axios@1.18.1:
+    dependencies:
+      follow-redirects: 1.16.0
+      form-data: 4.0.6
+      https-proxy-agent: 5.0.1
+      proxy-from-env: 2.1.0
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+
   babel-dead-code-elimination@1.0.12:
     dependencies:
       '@babel/core': 7.29.0
@@ -15323,6 +16741,8 @@ snapshots:
       - supports-color
       - ts-jest
 
+  bail@2.0.2: {}
+
   balanced-match@1.0.2: {}
 
   balanced-match@4.0.4: {}
@@ -15337,9 +16757,9 @@ snapshots:
 
   base64id@2.0.0: {}
 
-  baseline-browser-mapping@2.10.40: {}
+  baseline-browser-mapping@2.10.41: {}
 
-  baseline-browser-mapping@2.10.42: {}
+  baseline-browser-mapping@2.10.44: {}
 
   basic-auth@2.0.1:
     dependencies:
@@ -15366,8 +16786,6 @@ snapshots:
 
   bignumber.js@9.3.1: {}
 
-  binary-extensions@2.3.0: {}
-
   bindings@1.5.0:
     dependencies:
       file-uri-to-path: 1.0.0
@@ -15441,7 +16859,7 @@ snapshots:
     dependencies:
       balanced-match: 1.0.2
 
-  brace-expansion@5.0.6:
+  brace-expansion@5.0.7:
     dependencies:
       balanced-match: 4.0.4
 
@@ -15457,19 +16875,19 @@ snapshots:
 
   browserslist@4.28.4:
     dependencies:
-      baseline-browser-mapping: 2.10.40
-      caniuse-lite: 1.0.30001799
-      electron-to-chromium: 1.5.380
+      baseline-browser-mapping: 2.10.41
+      caniuse-lite: 1.0.30001800
+      electron-to-chromium: 1.5.385
       node-releases: 2.0.50
       update-browserslist-db: 1.2.3(browserslist@4.28.4)
 
-  browserslist@4.28.5:
+  browserslist@4.28.6:
     dependencies:
-      baseline-browser-mapping: 2.10.42
-      caniuse-lite: 1.0.30001803
-      electron-to-chromium: 1.5.389
+      baseline-browser-mapping: 2.10.44
+      caniuse-lite: 1.0.30001806
+      electron-to-chromium: 1.5.393
       node-releases: 2.0.51
-      update-browserslist-db: 1.2.3(browserslist@4.28.5)
+      update-browserslist-db: 1.2.3(browserslist@4.28.6)
 
   buffer-from@1.1.2: {}
 
@@ -15514,9 +16932,11 @@ snapshots:
 
   camelcase@7.0.1: {}
 
-  caniuse-lite@1.0.30001799: {}
+  caniuse-lite@1.0.30001800: {}
+
+  caniuse-lite@1.0.30001806: {}
 
-  caniuse-lite@1.0.30001803: {}
+  ccount@2.0.1: {}
 
   chain-function@1.0.1: {}
 
@@ -15539,19 +16959,38 @@ snapshots:
 
   chalk@5.6.2: {}
 
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
+  character-entities@2.0.2: {}
+
+  character-reference-invalid@2.0.1: {}
+
   chardet@2.2.0: {}
 
-  chokidar@3.6.0:
+  cheerio-select@2.1.0:
     dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.3
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.3
+      boolbase: 1.0.0
+      css-select: 5.2.2
+      css-what: 6.2.2
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+
+  cheerio@1.2.0:
+    dependencies:
+      cheerio-select: 2.1.0
+      dom-serializer: 2.0.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      encoding-sniffer: 0.2.1
+      htmlparser2: 10.1.0
+      parse5: 7.3.0
+      parse5-htmlparser2-tree-adapter: 7.1.0
+      parse5-parser-stream: 7.1.2
+      undici: 7.28.0
+      whatwg-mimetype: 4.0.0
 
   chokidar@4.0.3:
     dependencies:
@@ -15609,6 +17048,8 @@ snapshots:
 
   clsx@2.1.1: {}
 
+  collapse-white-space@2.1.0: {}
+
   color-convert@1.9.3:
     dependencies:
       color-name: 1.1.3
@@ -15623,6 +17064,12 @@ snapshots:
 
   colorjs.io@0.5.2: {}
 
+  combined-stream@1.0.8:
+    dependencies:
+      delayed-stream: 1.0.0
+
+  comma-separated-tokens@2.0.3: {}
+
   commander@11.1.0: {}
 
   commander@2.20.3: {}
@@ -15660,6 +17107,8 @@ snapshots:
       tree-kill: 1.2.2
       yargs: 17.7.2
 
+  confbox@0.1.8: {}
+
   confbox@0.2.4: {}
 
   content-disposition@0.5.2: {}
@@ -15676,6 +17125,8 @@ snapshots:
 
   convert-source-map@2.0.0: {}
 
+  cookie-es@3.1.1: {}
+
   cookie-signature@1.0.7: {}
 
   cookie-signature@1.2.2: {}
@@ -15867,6 +17318,10 @@ snapshots:
 
   decimal.js@10.6.0: {}
 
+  decode-named-character-reference@1.3.0:
+    dependencies:
+      character-entities: 2.0.2
+
   decompress-response@6.0.0:
     dependencies:
       mimic-response: 3.1.0
@@ -15881,6 +17336,8 @@ snapshots:
 
   deep-is@0.1.4: {}
 
+  deep-object-diff@1.1.9: {}
+
   deepmerge@4.3.1: {}
 
   defaults@1.0.4:
@@ -15899,6 +17356,8 @@ snapshots:
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
+  delayed-stream@1.0.0: {}
+
   depd@2.0.0: {}
 
   dequal@2.0.3: {}
@@ -15911,6 +17370,10 @@ snapshots:
 
   detect-node-es@1.1.0: {}
 
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
   dijkstrajs@1.0.3: {}
 
   dingbat-to-unicode@1.0.1: {}
@@ -15960,8 +17423,6 @@ snapshots:
       no-case: 3.0.4
       tslib: 2.8.1
 
-  dotenv@16.6.1: {}
-
   dotenv@17.2.3: {}
 
   duck@0.1.12:
@@ -15983,14 +17444,14 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  effect@3.21.4:
+  effect@3.22.0:
     dependencies:
       '@standard-schema/spec': 1.1.0
       fast-check: 3.23.2
 
-  electron-to-chromium@1.5.380: {}
+  electron-to-chromium@1.5.385: {}
 
-  electron-to-chromium@1.5.389: {}
+  electron-to-chromium@1.5.393: {}
 
   emoji-regex@8.0.0: {}
 
@@ -16000,6 +17461,11 @@ snapshots:
 
   encodeurl@2.0.0: {}
 
+  encoding-sniffer@0.2.1:
+    dependencies:
+      iconv-lite: 0.6.3
+      whatwg-encoding: 3.1.1
+
   encoding@0.1.13:
     dependencies:
       iconv-lite: 0.6.3
@@ -16034,7 +17500,7 @@ snapshots:
       graceful-fs: 4.2.11
       tapable: 2.3.3
 
-  enhanced-resolve@5.24.2:
+  enhanced-resolve@5.24.3:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.3.3
@@ -16048,6 +17514,8 @@ snapshots:
 
   entities@6.0.1: {}
 
+  entities@7.0.1: {}
+
   entities@8.0.0: {}
 
   envinfo@7.21.0: {}
@@ -16154,10 +17622,10 @@ snapshots:
 
   es-module-lexer@1.7.0: {}
 
-  es-module-lexer@2.1.0: {}
-
   es-module-lexer@2.3.0: {}
 
+  es-module-lexer@2.3.1: {}
+
   es-object-atoms@1.1.2:
     dependencies:
       es-errors: 1.3.0
@@ -16184,6 +17652,20 @@ snapshots:
 
   es-toolkit@1.49.0: {}
 
+  esast-util-from-estree@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      devlop: 1.1.0
+      estree-util-visit: 2.0.0
+      unist-util-position-from-estree: 2.0.0
+
+  esast-util-from-js@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      acorn: 8.17.0
+      esast-util-from-estree: 2.0.0
+      vfile-message: 4.0.3
+
   esbuild@0.27.2:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.27.2
@@ -16257,9 +17739,9 @@ snapshots:
     optionalDependencies:
       unrs-resolver: 1.12.2
 
-  eslint-plugin-import-x@4.17.1(@typescript-eslint/utils@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0)):
+  eslint-plugin-import-x@4.17.1(@typescript-eslint/utils@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0)):
     dependencies:
-      '@typescript-eslint/types': 8.62.0
+      '@typescript-eslint/types': 8.62.1
       comment-parser: 1.4.7
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.7.0)
@@ -16270,7 +17752,7 @@ snapshots:
       stable-hash-x: 0.2.0
       unrs-resolver: 1.12.2
     optionalDependencies:
-      '@typescript-eslint/utils': 8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
@@ -16315,8 +17797,8 @@ snapshots:
 
   eslint-plugin-testing-library@7.16.2(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/scope-manager': 8.62.0
-      '@typescript-eslint/utils': 8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.62.1
+      '@typescript-eslint/utils': 8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.7.0)
     transitivePeerDependencies:
       - supports-color
@@ -16399,10 +17881,50 @@ snapshots:
 
   estraverse@5.3.0: {}
 
+  estree-util-attach-comments@3.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  estree-util-build-jsx@3.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      estree-walker: 3.0.3
+
+  estree-util-is-identifier-name@3.0.0: {}
+
+  estree-util-scope@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+      devlop: 1.1.0
+
+  estree-util-to-js@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      astring: 1.9.0
+      source-map: 0.7.6
+
+  estree-util-visit@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/unist': 3.0.3
+
+  estree-walker@2.0.2: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+
   esutils@2.0.3: {}
 
   etag@1.8.1: {}
 
+  eval@0.1.8:
+    dependencies:
+      '@types/node': 25.0.10
+      require-like: 0.1.2
+
   events@3.3.0: {}
 
   execa@5.1.1:
@@ -16530,6 +18052,8 @@ snapshots:
 
   exsolve@1.1.0: {}
 
+  extend@3.0.2: {}
+
   extendable-error@0.1.7: {}
 
   fast-check@3.23.2:
@@ -16550,7 +18074,7 @@ snapshots:
 
   fast-levenshtein@2.0.6: {}
 
-  fast-uri@3.1.2: {}
+  fast-uri@3.1.3: {}
 
   fast-xml-builder@1.2.0:
     dependencies:
@@ -16569,9 +18093,9 @@ snapshots:
     dependencies:
       reusify: 1.1.0
 
-  fdir@6.5.0(picomatch@4.0.4):
+  fdir@6.5.0(picomatch@4.0.5):
     optionalDependencies:
-      picomatch: 4.0.4
+      picomatch: 4.0.5
 
   figures@6.1.0:
     dependencies:
@@ -16637,6 +18161,8 @@ snapshots:
 
   flatted@3.4.2: {}
 
+  follow-redirects@1.16.0: {}
+
   for-each@0.3.5:
     dependencies:
       is-callable: 1.2.7
@@ -16646,15 +18172,23 @@ snapshots:
       cross-spawn: 7.0.6
       signal-exit: 4.1.0
 
+  form-data@4.0.6:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.4
+      mime-types: 2.1.35
+
   forwarded-parse@2.1.2: {}
 
   forwarded@0.2.0: {}
 
   fraction.js@5.3.4: {}
 
-  framer-motion@12.42.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+  framer-motion@12.42.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
-      motion-dom: 12.42.0
+      motion-dom: 12.42.2
       motion-utils: 12.39.0
       tslib: 2.8.1
     optionalDependencies:
@@ -16732,6 +18266,8 @@ snapshots:
 
   get-port@7.1.0: {}
 
+  get-port@7.2.0: {}
+
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
@@ -16815,8 +18351,6 @@ snapshots:
       merge2: 1.4.1
       slash: 3.0.0
 
-  globrex@0.1.2: {}
-
   goober@2.1.19(csstype@3.2.3):
     dependencies:
       csstype: 3.2.3
@@ -16851,6 +18385,51 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  hast-util-to-estree@3.1.3:
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      estree-util-attach-comments: 3.0.0
+      estree-util-is-identifier-name: 3.0.0
+      hast-util-whitespace: 3.0.0
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      property-information: 7.2.0
+      space-separated-tokens: 2.0.2
+      style-to-js: 1.1.21
+      unist-util-position: 5.0.0
+      zwitch: 2.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  hast-util-to-jsx-runtime@2.3.6:
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      hast-util-whitespace: 3.0.0
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      property-information: 7.2.0
+      space-separated-tokens: 2.0.2
+      style-to-js: 1.1.21
+      unist-util-position: 5.0.0
+      vfile-message: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
   he@1.2.0: {}
 
   headers-polyfill@4.0.3: {}
@@ -16886,6 +18465,13 @@ snapshots:
       domutils: 3.2.2
       entities: 6.0.1
 
+  htmlparser2@10.1.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      entities: 7.0.1
+
   htmlparser2@8.0.2:
     dependencies:
       domelementtype: 2.3.0
@@ -16953,7 +18539,7 @@ snapshots:
 
   immediate@3.0.6: {}
 
-  immutable@5.1.8: {}
+  immutable@5.1.9: {}
 
   import-fresh@3.3.1:
     dependencies:
@@ -16982,6 +18568,8 @@ snapshots:
 
   ini@1.3.8: {}
 
+  inline-style-parser@0.2.7: {}
+
   input-otp@1.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       react: 19.2.7
@@ -17004,6 +18592,13 @@ snapshots:
 
   ipaddr.js@1.9.1: {}
 
+  is-alphabetical@2.0.1: {}
+
+  is-alphanumerical@2.0.1:
+    dependencies:
+      is-alphabetical: 2.0.1
+      is-decimal: 2.0.1
+
   is-array-buffer@3.0.5:
     dependencies:
       call-bind: 1.0.9
@@ -17024,10 +18619,6 @@ snapshots:
     dependencies:
       has-bigints: 1.1.0
 
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
-
   is-boolean-object@1.2.2:
     dependencies:
       call-bound: 1.0.4
@@ -17050,6 +18641,8 @@ snapshots:
       call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
+  is-decimal@2.0.1: {}
+
   is-docker@2.2.1: {}
 
   is-document.all@1.0.0:
@@ -17076,6 +18669,8 @@ snapshots:
     dependencies:
       is-extglob: 2.1.1
 
+  is-hexadecimal@2.0.1: {}
+
   is-interactive@2.0.0: {}
 
   is-map@2.0.3: {}
@@ -17210,6 +18805,8 @@ snapshots:
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
 
+  javascript-stringify@2.1.0: {}
+
   jest-worker@27.5.1:
     dependencies:
       '@types/node': 25.0.10
@@ -17220,6 +18817,24 @@ snapshots:
 
   jiti@2.7.0: {}
 
+  joi@17.13.4:
+    dependencies:
+      '@hapi/hoek': 9.3.0
+      '@hapi/topo': 5.1.0
+      '@sideway/address': 4.1.5
+      '@sideway/formula': 3.0.1
+      '@sideway/pinpoint': 2.0.0
+
+  joi@18.2.3:
+    dependencies:
+      '@hapi/address': 5.1.1
+      '@hapi/formula': 3.0.2
+      '@hapi/hoek': 11.0.7
+      '@hapi/pinpoint': 2.0.1
+      '@hapi/tlds': 1.1.7
+      '@hapi/topo': 6.0.2
+      '@standard-schema/spec': 1.1.0
+
   js-tokens@4.0.0: {}
 
   js-yaml@3.15.0:
@@ -17339,12 +18954,19 @@ snapshots:
 
   leaflet@1.9.4: {}
 
-  less-loader@12.3.3(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1)(@swc/helpers@0.5.23))(less@4.6.7)(webpack@5.108.1(lightningcss@1.32.0)):
+  less-loader@12.3.3(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(less@4.6.7)(webpack@5.108.3(lightningcss@1.32.0)):
     dependencies:
       less: 4.6.7
     optionalDependencies:
       '@rspack/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
-      webpack: 5.108.1(lightningcss@1.32.0)
+      webpack: 5.108.3(lightningcss@1.32.0)
+
+  less-loader@12.3.3(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(less@4.6.7)(webpack@5.108.3(lightningcss@1.32.0)):
+    dependencies:
+      less: 4.6.7
+    optionalDependencies:
+      '@rspack/core': 2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
+      webpack: 5.108.3(lightningcss@1.32.0)
 
   less@4.6.7:
     dependencies:
@@ -17421,7 +19043,7 @@ snapshots:
 
   lines-and-columns@2.0.4: {}
 
-  linkify-it@5.0.1:
+  linkify-it@5.0.2:
     dependencies:
       uc.micro: 2.1.0
 
@@ -17467,6 +19089,8 @@ snapshots:
 
   long-timeout@0.1.1: {}
 
+  longest-streak@3.1.0: {}
+
   loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
@@ -17487,80 +19111,387 @@ snapshots:
 
   lru-cache@11.5.1: {}
 
-  lru-cache@5.1.1:
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  luxon@3.7.2: {}
+
+  lz-string@1.5.0: {}
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  make-dir@4.0.0:
+    dependencies:
+      semver: 7.8.5
+
+  make-dir@5.1.0:
+    optional: true
+
+  mammoth@1.12.0:
+    dependencies:
+      '@xmldom/xmldom': 0.8.13
+      argparse: 1.0.10
+      base64-js: 1.5.1
+      bluebird: 3.4.7
+      dingbat-to-unicode: 1.0.1
+      jszip: 3.10.1
+      lop: 0.4.2
+      path-is-absolute: 1.0.1
+      underscore: 1.13.8
+      xmlbuilder: 10.1.1
+
+  markdown-extensions@2.0.0: {}
+
+  markdown-it@14.2.0:
+    dependencies:
+      argparse: 2.0.1
+      entities: 4.5.0
+      linkify-it: 5.0.2
+      mdurl: 2.0.0
+      punycode.js: 2.3.1
+      uc.micro: 2.1.0
+
+  marked@14.0.0: {}
+
+  marked@15.0.12: {}
+
+  math-intrinsics@1.1.0: {}
+
+  mdast-util-from-markdown@2.0.3:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      mdast-util-to-string: 4.0.0
+      micromark: 4.0.2
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-stringify-position: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx-expression@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx-jsx@3.2.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      parse-entities: 4.0.2
+      stringify-entities: 4.0.4
+      unist-util-stringify-position: 4.0.0
+      vfile-message: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx@3.0.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdxjs-esm@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-phrasing@4.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      unist-util-is: 6.0.1
+
+  mdast-util-to-hast@13.2.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.2
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+
+  mdast-util-to-markdown@2.1.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-string: 4.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
+      unist-util-visit: 5.1.0
+      zwitch: 2.0.4
+
+  mdast-util-to-string@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+
+  mdn-data@2.0.28: {}
+
+  mdn-data@2.0.30: {}
+
+  mdn-data@2.27.1: {}
+
+  mdurl@2.0.0: {}
+
+  media-query-parser@2.0.2:
+    dependencies:
+      '@babel/runtime': 7.29.7
+
+  media-typer@0.3.0: {}
+
+  media-typer@1.1.0: {}
+
+  memorystream@0.3.1: {}
+
+  merge-descriptors@1.0.3: {}
+
+  merge-descriptors@2.0.0: {}
+
+  merge-stream@2.0.0: {}
+
+  merge2@1.4.1: {}
+
+  methods@1.1.2: {}
+
+  micromark-core-commonmark@2.0.3:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdx-expression@3.0.1:
+    dependencies:
+      '@types/estree': 1.0.9
+      devlop: 1.1.0
+      micromark-factory-mdx-expression: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdx-jsx@3.0.2:
+    dependencies:
+      '@types/estree': 1.0.9
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      micromark-factory-mdx-expression: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      vfile-message: 4.0.3
+
+  micromark-extension-mdx-md@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdxjs-esm@3.0.0:
     dependencies:
-      yallist: 3.1.1
+      '@types/estree': 1.0.9
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-position-from-estree: 2.0.0
+      vfile-message: 4.0.3
 
-  luxon@3.7.2: {}
+  micromark-extension-mdxjs@3.0.0:
+    dependencies:
+      acorn: 8.17.0
+      acorn-jsx: 5.3.2(acorn@8.17.0)
+      micromark-extension-mdx-expression: 3.0.1
+      micromark-extension-mdx-jsx: 3.0.2
+      micromark-extension-mdx-md: 2.0.0
+      micromark-extension-mdxjs-esm: 3.0.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
 
-  lz-string@1.5.0: {}
+  micromark-factory-destination@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  magic-string@0.30.21:
+  micromark-factory-label@2.0.1:
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
+      devlop: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  magic-string@0.30.8:
+  micromark-factory-mdx-expression@2.0.3:
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
+      '@types/estree': 1.0.9
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-position-from-estree: 2.0.0
+      vfile-message: 4.0.3
 
-  make-dir@4.0.0:
+  micromark-factory-space@2.0.1:
     dependencies:
-      semver: 7.8.5
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.2
 
-  make-dir@5.1.0:
-    optional: true
+  micromark-factory-title@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  mammoth@1.12.0:
+  micromark-factory-whitespace@2.0.1:
     dependencies:
-      '@xmldom/xmldom': 0.8.13
-      argparse: 1.0.10
-      base64-js: 1.5.1
-      bluebird: 3.4.7
-      dingbat-to-unicode: 1.0.1
-      jszip: 3.10.1
-      lop: 0.4.2
-      path-is-absolute: 1.0.1
-      underscore: 1.13.8
-      xmlbuilder: 10.1.1
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  markdown-it@14.2.0:
+  micromark-util-character@2.1.1:
     dependencies:
-      argparse: 2.0.1
-      entities: 4.5.0
-      linkify-it: 5.0.1
-      mdurl: 2.0.0
-      punycode.js: 2.3.1
-      uc.micro: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  marked@14.0.0: {}
+  micromark-util-chunked@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
 
-  marked@15.0.12: {}
+  micromark-util-classify-character@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  math-intrinsics@1.1.0: {}
+  micromark-util-combine-extensions@2.0.1:
+    dependencies:
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.2
 
-  mdn-data@2.0.28: {}
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    dependencies:
+      micromark-util-symbol: 2.0.1
 
-  mdn-data@2.0.30: {}
+  micromark-util-decode-string@2.0.1:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
 
-  mdn-data@2.27.1: {}
+  micromark-util-encode@2.0.1: {}
 
-  mdurl@2.0.0: {}
+  micromark-util-events-to-acorn@2.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/unist': 3.0.3
+      devlop: 1.1.0
+      estree-util-visit: 2.0.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      vfile-message: 4.0.3
 
-  media-typer@0.3.0: {}
+  micromark-util-html-tag-name@2.0.1: {}
 
-  media-typer@1.1.0: {}
+  micromark-util-normalize-identifier@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
 
-  memorystream@0.3.1: {}
+  micromark-util-resolve-all@2.0.1:
+    dependencies:
+      micromark-util-types: 2.0.2
 
-  merge-descriptors@1.0.3: {}
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
 
-  merge-descriptors@2.0.0: {}
+  micromark-util-subtokenize@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  merge-stream@2.0.0: {}
+  micromark-util-symbol@2.0.1: {}
 
-  merge2@1.4.1: {}
+  micromark-util-types@2.0.2: {}
 
-  methods@1.1.2: {}
+  micromark@4.0.2:
+    dependencies:
+      '@types/debug': 4.1.13
+      debug: 4.4.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
 
   micromatch@4.0.8:
     dependencies:
@@ -17595,12 +19526,12 @@ snapshots:
 
   min-indent@1.0.1: {}
 
-  miniflare@4.20260625.0:
+  miniflare@4.20260701.0:
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       sharp: 0.34.5
       undici: 7.28.0
-      workerd: 1.20260625.1
+      workerd: 1.20260701.1
       ws: 8.21.0
       youch: 4.1.0-beta.10
     transitivePeerDependencies:
@@ -17609,7 +19540,7 @@ snapshots:
 
   minimatch@10.2.5:
     dependencies:
-      brace-expansion: 5.0.6
+      brace-expansion: 5.0.7
 
   minimatch@3.1.5:
     dependencies:
@@ -17621,26 +19552,26 @@ snapshots:
 
   minimist@1.2.8: {}
 
-  minimizer-webpack-plugin@5.6.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)):
+  minimizer-webpack-plugin@5.6.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       jest-worker: 27.5.1
       schema-utils: 4.3.3
       terser: 5.49.0
-      webpack: 5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)
+      webpack: 5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)
     optionalDependencies:
       esbuild: 0.27.2
       lightningcss: 1.32.0
       postcss: 8.5.16
     optional: true
 
-  minimizer-webpack-plugin@5.6.1(lightningcss@1.32.0)(webpack@5.108.1(lightningcss@1.32.0)):
+  minimizer-webpack-plugin@5.6.1(lightningcss@1.32.0)(webpack@5.108.3(lightningcss@1.32.0)):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       jest-worker: 27.5.1
       schema-utils: 4.3.3
       terser: 5.49.0
-      webpack: 5.108.1(lightningcss@1.32.0)
+      webpack: 5.108.3(lightningcss@1.32.0)
     optionalDependencies:
       lightningcss: 1.32.0
 
@@ -17648,6 +19579,15 @@ snapshots:
 
   mkdirp-classic@0.5.3: {}
 
+  mlly@1.8.2:
+    dependencies:
+      acorn: 8.17.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.4
+
+  modern-ahocorasick@1.1.0: {}
+
   module-details-from-path@1.0.4: {}
 
   monaco-editor@0.55.1:
@@ -17667,7 +19607,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  motion-dom@12.42.0:
+  motion-dom@12.42.2:
     dependencies:
       motion-utils: 12.39.0
 
@@ -17742,7 +19682,7 @@ snapshots:
       lower-case: 2.0.2
       tslib: 2.8.1
 
-  node-abi@3.92.0:
+  node-abi@3.94.0:
     dependencies:
       semver: 7.8.5
 
@@ -17789,8 +19729,6 @@ snapshots:
       semver: 5.7.2
       validate-npm-package-license: 3.0.4
 
-  normalize-path@3.0.0: {}
-
   npm-run-all@4.1.5:
     dependencies:
       ansi-styles: 3.2.1
@@ -17933,7 +19871,7 @@ snapshots:
 
   p-map@2.1.0: {}
 
-  p-map@7.0.4: {}
+  p-map@7.0.5: {}
 
   p-try@2.2.0: {}
 
@@ -17949,6 +19887,16 @@ snapshots:
     dependencies:
       callsites: 3.1.0
 
+  parse-entities@4.0.2:
+    dependencies:
+      '@types/unist': 2.0.11
+      character-entities-legacy: 3.0.0
+      character-reference-invalid: 2.0.1
+      decode-named-character-reference: 1.3.0
+      is-alphanumerical: 2.0.1
+      is-decimal: 2.0.1
+      is-hexadecimal: 2.0.1
+
   parse-json@4.0.0:
     dependencies:
       error-ex: 1.3.4
@@ -17967,6 +19915,19 @@ snapshots:
 
   parse-passwd@1.0.0: {}
 
+  parse5-htmlparser2-tree-adapter@7.1.0:
+    dependencies:
+      domhandler: 5.0.3
+      parse5: 7.3.0
+
+  parse5-parser-stream@7.1.2:
+    dependencies:
+      parse5: 7.3.0
+
+  parse5@7.3.0:
+    dependencies:
+      entities: 6.0.1
+
   parse5@8.0.1:
     dependencies:
       entities: 8.0.0
@@ -18049,16 +20010,24 @@ snapshots:
 
   picomatch@2.3.2: {}
 
-  picomatch@4.0.4: {}
+  picomatch@4.0.5: {}
 
   pidtree@0.3.1: {}
 
+  pify@2.3.0: {}
+
   pify@3.0.0: {}
 
   pify@4.0.1: {}
 
   pkg-pr-new@0.0.75: {}
 
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.2
+      pathe: 2.0.3
+
   pkg-types@2.3.1:
     dependencies:
       confbox: 0.2.4
@@ -18077,6 +20046,13 @@ snapshots:
 
   possible-typed-array-names@1.1.0: {}
 
+  postcss-import@16.1.1(postcss@8.5.16):
+    dependencies:
+      postcss: 8.5.16
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.12
+
   postcss-nested@5.0.6(postcss@8.5.16):
     dependencies:
       postcss: 8.5.16
@@ -18089,12 +20065,6 @@ snapshots:
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.5.15:
-    dependencies:
-      nanoid: 3.3.15
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
   postcss@8.5.16:
     dependencies:
       nanoid: 3.3.15
@@ -18119,7 +20089,7 @@ snapshots:
       minimist: 1.2.8
       mkdirp-classic: 0.5.3
       napi-build-utils: 2.0.0
-      node-abi: 3.92.0
+      node-abi: 3.94.0
       pump: 3.0.4
       rc: 1.2.8
       simple-get: 4.0.1
@@ -18148,7 +20118,7 @@ snapshots:
 
   prettier@3.8.1: {}
 
-  prettier@3.9.1: {}
+  prettier@3.9.4: {}
 
   pretty-format@27.5.1:
     dependencies:
@@ -18170,8 +20140,6 @@ snapshots:
 
   process-nextick-args@2.0.1: {}
 
-  progress@2.0.3: {}
-
   prompts@2.4.2:
     dependencies:
       kleur: 3.0.3
@@ -18183,6 +20151,8 @@ snapshots:
       object-assign: 4.1.1
       react-is: 16.13.1
 
+  property-information@7.2.0: {}
+
   proxy-addr@2.0.7:
     dependencies:
       forwarded: 0.2.0
@@ -18190,7 +20160,7 @@ snapshots:
 
   proxy-compare@3.0.1: {}
 
-  proxy-from-env@1.1.0: {}
+  proxy-from-env@2.1.0: {}
 
   prr@1.0.1:
     optional: true
@@ -18228,6 +20198,10 @@ snapshots:
       discontinuous-range: 1.0.0
       ret: 0.1.15
 
+  randombytes@2.1.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
   range-parser@1.2.0: {}
 
   range-parser@1.2.1: {}
@@ -18321,33 +20295,33 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.10
 
-  react-router-devtools@6.2.1(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(solid-js@1.9.13)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)):
+  react-router-devtools@6.2.1(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(solid-js@1.9.14)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)):
     dependencies:
       '@babel/core': 7.29.0
       '@babel/generator': 7.29.7
       '@babel/parser': 7.29.7
       '@babel/traverse': 7.29.7
       '@babel/types': 7.29.7
-      '@radix-ui/react-accordion': 1.2.14(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-accordion': 1.2.15(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@tanstack/devtools-client': 0.0.5
       '@tanstack/devtools-event-client': 0.4.4
       '@tanstack/devtools-vite': 0.4.1(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0))
-      '@tanstack/react-devtools': 0.9.13(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(solid-js@1.9.13)
+      '@tanstack/react-devtools': 0.9.13(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(csstype@3.2.3)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(solid-js@1.9.14)
       '@types/react': 19.2.10
       '@types/react-dom': 19.2.3(@types/react@19.2.10)
       chalk: 5.6.2
       clsx: 2.1.1
-      framer-motion: 12.42.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      framer-motion: 12.42.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       goober: 2.1.19(csstype@3.2.3)
       react: 19.2.7
       react-d3-tree: 3.6.6(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react-dom: 19.2.7(react@19.2.7)
       react-hotkeys-hook: 5.3.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react-tooltip: 5.30.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       vite: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
     optionalDependencies:
-      '@biomejs/cli-darwin-arm64': 2.5.1
+      '@biomejs/cli-darwin-arm64': 2.5.2
       '@rollup/rollup-darwin-arm64': 4.62.2
       '@rollup/rollup-linux-x64-gnu': 4.62.2
     transitivePeerDependencies:
@@ -18365,11 +20339,11 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
       react-router: 6.30.4(react@19.2.7)
 
-  react-router-dom@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+  react-router-dom@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
 
   react-router@6.30.4(react@19.2.7):
     dependencies:
@@ -18384,7 +20358,15 @@ snapshots:
     optionalDependencies:
       react-dom: 19.2.3(react@19.2.3)
 
-  react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+  react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+    dependencies:
+      cookie: 1.1.1
+      react: 19.2.7
+      set-cookie-parser: 2.7.2
+    optionalDependencies:
+      react-dom: 19.2.7(react@19.2.7)
+
+  react-router@7.18.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       cookie: 1.1.1
       react: 19.2.7
@@ -18392,6 +20374,25 @@ snapshots:
     optionalDependencies:
       react-dom: 19.2.7(react@19.2.7)
 
+  react-router@8.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+    dependencies:
+      cookie-es: 3.1.1
+      react: 19.2.7
+    optionalDependencies:
+      react-dom: 19.2.7(react@19.2.7)
+
+  react-server-dom-rspack@0.0.2(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+    dependencies:
+      '@rspack/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+
+  react-server-dom-rspack@0.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+    dependencies:
+      '@rspack/core': 2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23)
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+
   react-style-singleton@2.2.3(@types/react@19.2.10)(react@19.2.7):
     dependencies:
       get-nonce: 1.0.1
@@ -18411,6 +20412,10 @@ snapshots:
 
   react@19.2.7: {}
 
+  read-cache@1.0.0:
+    dependencies:
+      pify: 2.3.0
+
   read-pkg@3.0.0:
     dependencies:
       load-json-file: 4.0.0
@@ -18440,14 +20445,39 @@ snapshots:
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
 
-  readdirp@3.6.0:
-    dependencies:
-      picomatch: 2.3.2
-
   readdirp@4.1.2: {}
 
   readdirp@5.0.0: {}
 
+  recma-build-jsx@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+      estree-util-build-jsx: 3.0.1
+      vfile: 6.0.3
+
+  recma-jsx@1.0.1(acorn@8.17.0):
+    dependencies:
+      acorn: 8.17.0
+      acorn-jsx: 5.3.2(acorn@8.17.0)
+      estree-util-to-js: 2.0.0
+      recma-parse: 1.0.0
+      recma-stringify: 1.0.0
+      unified: 11.0.5
+
+  recma-parse@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+      esast-util-from-js: 2.0.1
+      unified: 11.0.5
+      vfile: 6.0.3
+
+  recma-stringify@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+      estree-util-to-js: 2.0.0
+      unified: 11.0.5
+      vfile: 6.0.3
+
   redent@3.0.0:
     dependencies:
       indent-string: 4.0.0
@@ -18484,6 +20514,38 @@ snapshots:
     dependencies:
       rc: 1.2.8
 
+  rehype-recma@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/hast': 3.0.4
+      hast-util-to-estree: 3.1.3
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-mdx@3.1.1:
+    dependencies:
+      mdast-util-mdx: 3.0.0
+      micromark-extension-mdxjs: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-parse@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      micromark-util-types: 2.0.2
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-rehype@11.1.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      mdast-util-to-hast: 13.2.1
+      unified: 11.0.5
+      vfile: 6.0.3
+
   remix-auth-github@3.0.2(remix-auth@4.2.0):
     dependencies:
       '@mjackson/headers': 0.9.0
@@ -18500,7 +20562,7 @@ snapshots:
       fs-extra: 11.3.3
       minimatch: 10.2.5
 
-  remix-utils@9.0.0(@oslojs/crypto@1.0.1)(@oslojs/encoding@1.1.0)(@standard-schema/spec@1.1.0)(intl-parse-accept-language@1.0.0)(react-router@7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7):
+  remix-utils@9.0.0(@oslojs/crypto@1.0.1)(@oslojs/encoding@1.1.0)(@standard-schema/spec@1.1.0)(intl-parse-accept-language@1.0.0)(react-router@7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7):
     dependencies:
       type-fest: 4.41.0
     optionalDependencies:
@@ -18509,7 +20571,7 @@ snapshots:
       '@standard-schema/spec': 1.1.0
       intl-parse-accept-language: 1.0.0
       react: 19.2.7
-      react-router: 7.18.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router: 7.14.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
 
   require-directory@2.1.1: {}
 
@@ -18522,6 +20584,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  require-like@0.1.2: {}
+
   require-main-filename@2.0.0: {}
 
   requireindex@1.2.0: {}
@@ -18615,13 +20679,23 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  rsbuild-plugin-dts@0.22.1(@rsbuild/core@2.0.15(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0))(typescript@5.9.3):
+  rsbuild-plugin-dts@0.22.1(@rsbuild/core@2.0.15(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(typescript@5.9.3):
     dependencies:
       '@ast-grep/napi': 0.37.0
-      '@rsbuild/core': 2.0.15(@module-federation/runtime-tools@2.5.1)(core-js@3.47.0)
+      '@rsbuild/core': 2.0.15(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
     optionalDependencies:
       typescript: 5.9.3
 
+  rsbuild-plugin-rsc@0.1.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(react-server-dom-rspack@0.0.2(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)):
+    dependencies:
+      '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+      react-server-dom-rspack: 0.0.2(@rspack/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+
+  rsbuild-plugin-rsc@0.1.1(@rsbuild/core@2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0))(react-server-dom-rspack@0.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)):
+    dependencies:
+      '@rsbuild/core': 2.1.0(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(core-js@3.47.0)
+      react-server-dom-rspack: 0.0.2(@rspack/core@2.1.4(@module-federation/runtime-tools@2.5.1(node-fetch@2.7.0(encoding@0.1.13)))(@swc/helpers@0.5.23))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+
   rslog@2.1.3: {}
 
   run-parallel@1.2.0:
@@ -18719,7 +20793,7 @@ snapshots:
     dependencies:
       '@bufbuild/protobuf': 2.12.1
       colorjs.io: 0.5.2
-      immutable: 5.1.8
+      immutable: 5.1.9
       rxjs: 7.8.2
       supports-color: 8.1.1
       sync-child-process: 1.0.2
@@ -18747,7 +20821,7 @@ snapshots:
   sass@1.100.0:
     dependencies:
       chokidar: 5.0.0
-      immutable: 5.1.8
+      immutable: 5.1.9
       source-map-js: 1.2.1
     optionalDependencies:
       '@parcel/watcher': 2.5.6
@@ -18821,11 +20895,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  seroval-plugins@1.5.5(seroval@1.5.5):
+  serialize-javascript@6.0.2:
+    dependencies:
+      randombytes: 2.1.0
+
+  seroval-plugins@1.5.6(seroval@1.5.6):
     dependencies:
-      seroval: 1.5.5
+      seroval: 1.5.6
 
-  seroval@1.5.5: {}
+  seroval@1.5.6: {}
 
   serve-handler@6.1.7:
     dependencies:
@@ -18952,6 +21030,11 @@ snapshots:
 
   shell-quote@1.9.0: {}
 
+  shelljs@0.10.0:
+    dependencies:
+      execa: 5.1.1
+      fast-glob: 3.3.3
+
   side-channel-list@1.0.1:
     dependencies:
       es-errors: 1.3.0
@@ -19031,11 +21114,11 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  solid-js@1.9.13:
+  solid-js@1.9.14:
     dependencies:
       csstype: 3.2.3
-      seroval: 1.5.5
-      seroval-plugins: 1.5.5(seroval@1.5.5)
+      seroval: 1.5.6
+      seroval-plugins: 1.5.6(seroval@1.5.6)
 
   sonner@2.0.7(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
@@ -19055,6 +21138,8 @@ snapshots:
 
   source-map@0.7.6: {}
 
+  space-separated-tokens@2.0.2: {}
+
   spawndamnit@3.0.1:
     dependencies:
       cross-spawn: 7.0.6
@@ -19100,10 +21185,10 @@ snapshots:
 
   strict-event-emitter@0.5.1: {}
 
-  string-replace-loader@3.3.0(webpack@5.108.1(lightningcss@1.32.0)):
+  string-replace-loader@3.3.0(webpack@5.108.3(lightningcss@1.32.0)):
     dependencies:
       schema-utils: 4.3.3
-      webpack: 5.108.1(lightningcss@1.32.0)
+      webpack: 5.108.3(lightningcss@1.32.0)
 
   string-width@4.2.3:
     dependencies:
@@ -19177,6 +21262,11 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
   strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
@@ -19197,6 +21287,8 @@ snapshots:
     dependencies:
       min-indent: 1.0.1
 
+  strip-indent@4.1.1: {}
+
   strip-json-comments@2.0.1: {}
 
   strip-json-comments@3.1.1: {}
@@ -19205,6 +21297,14 @@ snapshots:
     dependencies:
       anynum: 1.0.1
 
+  style-to-js@1.1.21:
+    dependencies:
+      style-to-object: 1.0.14
+
+  style-to-object@1.0.14:
+    dependencies:
+      inline-style-parser: 0.2.7
+
   supports-color@10.2.2: {}
 
   supports-color@5.5.0:
@@ -19293,16 +21393,16 @@ snapshots:
 
   tinyglobby@0.2.17:
     dependencies:
-      fdir: 6.5.0(picomatch@4.0.4)
-      picomatch: 4.0.4
+      fdir: 6.5.0(picomatch@4.0.5)
+      picomatch: 4.0.5
 
   tinypool@1.1.1: {}
 
-  tldts-core@7.4.5: {}
+  tldts-core@7.4.6: {}
 
-  tldts@7.4.5:
+  tldts@7.4.6:
     dependencies:
-      tldts-core: 7.4.5
+      tldts-core: 7.4.6
 
   to-data-view@2.0.0: {}
 
@@ -19314,7 +21414,7 @@ snapshots:
 
   tough-cookie@6.0.1:
     dependencies:
-      tldts: 7.4.5
+      tldts: 7.4.6
 
   tr46@0.0.3: {}
 
@@ -19324,14 +21424,14 @@ snapshots:
 
   tree-kill@1.2.2: {}
 
+  trim-lines@3.0.1: {}
+
+  trough@2.2.0: {}
+
   ts-api-utils@2.5.0(typescript@5.9.3):
     dependencies:
       typescript: 5.9.3
 
-  tsconfck@3.1.6(typescript@5.9.3):
-    optionalDependencies:
-      typescript: 5.9.3
-
   tslib@1.14.1: {}
 
   tslib@2.3.0: {}
@@ -19409,12 +21509,12 @@ snapshots:
       possible-typed-array-names: 1.1.0
       reflect.getprototypeof: 1.0.10
 
-  typescript-eslint@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3):
+  typescript-eslint@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.62.0(@typescript-eslint/parser@8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
-      '@typescript-eslint/typescript-estree': 8.62.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.62.0(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.62.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.62.1(eslint@9.39.2(jiti@2.7.0))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.7.0)
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -19426,6 +21526,8 @@ snapshots:
 
   uc.micro@2.1.0: {}
 
+  ufo@1.6.4: {}
+
   unbox-primitive@1.1.0:
     dependencies:
       call-bound: 1.0.4
@@ -19452,19 +21554,49 @@ snapshots:
 
   unicorn-magic@0.3.0: {}
 
+  unified@11.0.5:
+    dependencies:
+      '@types/unist': 3.0.3
+      bail: 2.0.2
+      devlop: 1.1.0
+      extend: 3.0.2
+      is-plain-obj: 4.1.0
+      trough: 2.2.0
+      vfile: 6.0.3
+
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position-from-estree@2.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
   universalify@0.1.2: {}
 
   universalify@2.0.1: {}
 
   unpipe@1.0.0: {}
 
-  unplugin@1.0.1:
-    dependencies:
-      acorn: 8.17.0
-      chokidar: 3.6.0
-      webpack-sources: 3.5.0
-      webpack-virtual-modules: 0.5.0
-
   unrs-resolver@1.12.2:
     dependencies:
       napi-postinstall: 0.3.4
@@ -19502,9 +21634,9 @@ snapshots:
       escalade: 3.2.0
       picocolors: 1.1.1
 
-  update-browserslist-db@1.2.3(browserslist@4.28.5):
+  update-browserslist-db@1.2.3(browserslist@4.28.6):
     dependencies:
-      browserslist: 4.28.5
+      browserslist: 4.28.6
       escalade: 3.2.0
       picocolors: 1.1.1
 
@@ -19562,18 +21694,15 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vite-env-only@3.0.3(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)):
+  vfile-message@4.0.3:
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/generator': 7.29.7
-      '@babel/parser': 7.29.7
-      '@babel/traverse': 7.29.7
-      '@babel/types': 7.29.7
-      babel-dead-code-elimination: 1.0.12
-      micromatch: 4.0.8
-      vite: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
-    transitivePeerDependencies:
-      - supports-color
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.3
 
   vite-node@3.2.4(@types/node@22.15.31)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0):
     dependencies:
@@ -19638,21 +21767,11 @@ snapshots:
       - tsx
       - yaml
 
-  vite-tsconfig-paths@6.1.1(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)):
-    dependencies:
-      debug: 4.4.3
-      globrex: 0.1.2
-      tsconfck: 3.1.6(typescript@5.9.3)
-      vite: 7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0)
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
   vite@7.3.1(@types/node@22.15.31)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0):
     dependencies:
       esbuild: 0.27.2
-      fdir: 6.5.0(picomatch@4.0.4)
-      picomatch: 4.0.4
+      fdir: 6.5.0(picomatch@4.0.5)
+      picomatch: 4.0.5
       postcss: 8.5.16
       rollup: 4.62.2
       tinyglobby: 0.2.17
@@ -19667,11 +21786,30 @@ snapshots:
       terser: 5.49.0
       tsx: 4.21.0
 
+  vite@7.3.1(@types/node@22.20.0)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0):
+    dependencies:
+      esbuild: 0.27.2
+      fdir: 6.5.0(picomatch@4.0.5)
+      picomatch: 4.0.5
+      postcss: 8.5.16
+      rollup: 4.62.2
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      '@types/node': 22.20.0
+      fsevents: 2.3.3
+      jiti: 2.7.0
+      less: 4.6.7
+      lightningcss: 1.32.0
+      sass: 1.100.0
+      sass-embedded: 1.100.0
+      terser: 5.49.0
+      tsx: 4.21.0
+
   vite@7.3.1(@types/node@25.0.10)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0):
     dependencies:
       esbuild: 0.27.2
-      fdir: 6.5.0(picomatch@4.0.4)
-      picomatch: 4.0.4
+      fdir: 6.5.0(picomatch@4.0.5)
+      picomatch: 4.0.5
       postcss: 8.5.16
       rollup: 4.62.2
       tinyglobby: 0.2.17
@@ -19689,8 +21827,8 @@ snapshots:
   vite@7.3.1(@types/node@25.9.5)(jiti@2.7.0)(less@4.6.7)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(tsx@4.21.0):
     dependencies:
       esbuild: 0.27.2
-      fdir: 6.5.0(picomatch@4.0.4)
-      picomatch: 4.0.4
+      fdir: 6.5.0(picomatch@4.0.5)
+      picomatch: 4.0.5
       postcss: 8.5.16
       rollup: 4.62.2
       tinyglobby: 0.2.17
@@ -19709,6 +21847,28 @@ snapshots:
     dependencies:
       xml-name-validator: 5.0.0
 
+  wait-on@7.2.0:
+    dependencies:
+      axios: 1.18.1
+      joi: 17.13.4
+      lodash: 4.18.1
+      minimist: 1.2.8
+      rxjs: 7.8.2
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+
+  wait-on@9.0.10:
+    dependencies:
+      axios: 1.18.1
+      joi: 18.2.3
+      lodash: 4.18.1
+      minimist: 1.2.8
+      rxjs: 7.8.2
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+
   warning@3.0.0:
     dependencies:
       loose-envify: 1.4.0
@@ -19725,13 +21885,9 @@ snapshots:
 
   webidl-conversions@8.0.1: {}
 
-  webpack-sources@3.5.0: {}
-
   webpack-sources@3.5.1: {}
 
-  webpack-virtual-modules@0.5.0: {}
-
-  webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16):
+  webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16):
     dependencies:
       '@types/estree': 1.0.9
       '@types/json-schema': 7.0.15
@@ -19740,16 +21896,16 @@ snapshots:
       '@webassemblyjs/wasm-parser': 1.14.1
       acorn: 8.17.0
       acorn-import-phases: 1.0.4(acorn@8.17.0)
-      browserslist: 4.28.5
+      browserslist: 4.28.6
       chrome-trace-event: 1.0.4
-      enhanced-resolve: 5.24.2
-      es-module-lexer: 2.3.0
+      enhanced-resolve: 5.24.3
+      es-module-lexer: 2.3.1
       eslint-scope: 5.1.1
       events: 3.3.0
       graceful-fs: 4.2.11
       loader-runner: 4.3.2
       mime-db: 1.54.0
-      minimizer-webpack-plugin: 5.6.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)(webpack@5.108.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
+      minimizer-webpack-plugin: 5.6.1(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16)(webpack@5.108.3(esbuild@0.27.2)(lightningcss@1.32.0)(postcss@8.5.16))
       neo-async: 2.6.2
       schema-utils: 4.3.3
       tapable: 2.3.3
@@ -19770,7 +21926,7 @@ snapshots:
       - uglify-js
     optional: true
 
-  webpack@5.108.1(lightningcss@1.32.0):
+  webpack@5.108.3(lightningcss@1.32.0):
     dependencies:
       '@types/estree': 1.0.9
       '@types/json-schema': 7.0.15
@@ -19779,16 +21935,16 @@ snapshots:
       '@webassemblyjs/wasm-parser': 1.14.1
       acorn: 8.17.0
       acorn-import-phases: 1.0.4(acorn@8.17.0)
-      browserslist: 4.28.5
+      browserslist: 4.28.6
       chrome-trace-event: 1.0.4
-      enhanced-resolve: 5.24.2
-      es-module-lexer: 2.3.0
+      enhanced-resolve: 5.24.3
+      es-module-lexer: 2.3.1
       eslint-scope: 5.1.1
       events: 3.3.0
       graceful-fs: 4.2.11
       loader-runner: 4.3.2
       mime-db: 1.54.0
-      minimizer-webpack-plugin: 5.6.1(lightningcss@1.32.0)(webpack@5.108.1(lightningcss@1.32.0))
+      minimizer-webpack-plugin: 5.6.1(lightningcss@1.32.0)(webpack@5.108.3(lightningcss@1.32.0))
       neo-async: 2.6.2
       schema-utils: 4.3.3
       tapable: 2.3.3
@@ -19808,6 +21964,10 @@ snapshots:
       - postcss
       - uglify-js
 
+  whatwg-encoding@3.1.1:
+    dependencies:
+      iconv-lite: 0.6.3
+
   whatwg-mimetype@4.0.0: {}
 
   whatwg-mimetype@5.0.0: {}
@@ -19879,26 +22039,26 @@ snapshots:
 
   word-wrap@1.2.5: {}
 
-  workerd@1.20260625.1:
+  workerd@1.20260701.1:
     optionalDependencies:
-      '@cloudflare/workerd-darwin-64': 1.20260625.1
-      '@cloudflare/workerd-darwin-arm64': 1.20260625.1
-      '@cloudflare/workerd-linux-64': 1.20260625.1
-      '@cloudflare/workerd-linux-arm64': 1.20260625.1
-      '@cloudflare/workerd-windows-64': 1.20260625.1
+      '@cloudflare/workerd-darwin-64': 1.20260701.1
+      '@cloudflare/workerd-darwin-arm64': 1.20260701.1
+      '@cloudflare/workerd-linux-64': 1.20260701.1
+      '@cloudflare/workerd-linux-arm64': 1.20260701.1
+      '@cloudflare/workerd-windows-64': 1.20260701.1
 
-  wrangler@4.105.0(@cloudflare/workers-types@4.20260628.1):
+  wrangler@4.107.0(@cloudflare/workers-types@4.20260702.1):
     dependencies:
       '@cloudflare/kv-asset-handler': 0.5.0
-      '@cloudflare/unenv-preset': 2.16.1(unenv@2.0.0-rc.24)(workerd@1.20260625.1)
+      '@cloudflare/unenv-preset': 2.16.1(unenv@2.0.0-rc.24)(workerd@1.20260701.1)
       blake3-wasm: 2.1.5
       esbuild: 0.28.1
-      miniflare: 4.20260625.0
+      miniflare: 4.20260701.0
       path-to-regexp: 6.3.0
       unenv: 2.0.0-rc.24
-      workerd: 1.20260625.1
+      workerd: 1.20260701.1
     optionalDependencies:
-      '@cloudflare/workers-types': 4.20260628.1
+      '@cloudflare/workers-types': 4.20260702.1
       fsevents: 2.3.3
     transitivePeerDependencies:
       - bufferutil
@@ -20055,3 +22215,5 @@ snapshots:
   zrender@6.1.0:
     dependencies:
       tslib: 2.3.0
+
+  zwitch@2.0.4: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index d3e61d7d..264a1c51 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -4,3 +4,7 @@ packages:
   - 'config'
   - 'examples/*'
   - 'examples/federation/*'
+  - 'tests/react-router-framework/integration'
+  - 'tests/react-router-framework/integration/helpers/rsbuild-template'
+  - 'tests/react-router-framework/integration/helpers/rsc-framework'
+  - 'tests/react-router-framework/integration/helpers/rsc-preview'
diff --git a/rslib.config.ts b/rslib.config.ts
index 566bf25c..7dab55e6 100644
--- a/rslib.config.ts
+++ b/rslib.config.ts
@@ -13,8 +13,12 @@ const config = defineConfig({
           index: './src/index.ts',
           'parallel-route-transform-worker':
             './src/parallel-route-transform-worker.ts',
+          'rsc-route-transform-loader': './src/rsc-route-transform-loader.ts',
           'templates/entry.server': './src/templates/entry.server.tsx',
           'templates/entry.client': './src/templates/entry.client.tsx',
+          'templates/entry.rsc': './src/templates/entry.rsc.tsx',
+          'templates/entry.rsc.client': './src/templates/entry.rsc.client.tsx',
+          'templates/entry.rsc.ssr': './src/templates/entry.rsc.ssr.tsx',
         },
       },
     },
@@ -23,6 +27,7 @@ const config = defineConfig({
       source: {
         entry: {
           index: './src/index.ts',
+          'rsc-route-transform-loader': './src/rsc-route-transform-loader.ts',
           'templates/entry.server': './src/templates/entry.server.tsx',
           'templates/entry.client': './src/templates/entry.client.tsx',
         },
@@ -34,11 +39,15 @@ const config = defineConfig({
       externals: [
         ...commonExternals,
         'user-routes',
+        /^virtual\/react-router\//,
+        /^virtual:react-router\//,
         /^react-router-dom/,
         /^react-router/,
         /^@react-router/,
         'react',
         /^react-dom/,
+        /^react-server-dom-rspack/,
+        /^rsbuild-plugin-rsc/,
       ],
     },
   },
diff --git a/rstest.config.ts b/rstest.config.ts
index 2df703fe..8e7ba5a1 100644
--- a/rstest.config.ts
+++ b/rstest.config.ts
@@ -1,7 +1,10 @@
 import { defineConfig } from '@rstest/core';
 
 export default defineConfig({
-  include: ['tests/**/*.test.ts'],
+  include: [
+    'tests/**/*.test.ts',
+    'tests/react-router-framework/react-router-dev/__tests__/rsc-virtual-route-modules-test.ts',
+  ],
   exclude: ['**/node_modules/**', '**/dist/**', 'examples/**'],
   testEnvironment: 'node',
   setupFiles: ['./tests/setup.ts'],
diff --git a/scripts/check-react-router-framework-upstream.d.mts b/scripts/check-react-router-framework-upstream.d.mts
new file mode 100644
index 00000000..16a467d4
--- /dev/null
+++ b/scripts/check-react-router-framework-upstream.d.mts
@@ -0,0 +1,38 @@
+export interface UpstreamChange {
+  kind: string;
+  status: string;
+  path: string;
+  oldPath?: string;
+}
+
+export interface CategorizedUpstreamChanges {
+  directoriesWithAddedFiles: string[];
+  added: string[];
+  modified: string[];
+  deleted: string[];
+  renamed: UpstreamChange[];
+  other: UpstreamChange[];
+}
+
+export interface UpstreamAuditOptions {
+  sourceRoot: string;
+  baseRef: string;
+  targetRef?: string;
+  sourceDirs: string[];
+}
+
+export interface UpstreamAudit extends CategorizedUpstreamChanges {
+  baseCommit: string;
+  targetCommit: string;
+}
+
+export declare const parseNameStatus: (
+  output: Buffer | string
+) => UpstreamChange[];
+export declare const categorizeChanges: (
+  changes: UpstreamChange[]
+) => CategorizedUpstreamChanges;
+export declare const auditUpstream: (
+  options: UpstreamAuditOptions
+) => UpstreamAudit;
+export declare const printAudit: (audit: UpstreamAudit) => void;
diff --git a/scripts/check-react-router-framework-upstream.mjs b/scripts/check-react-router-framework-upstream.mjs
new file mode 100755
index 00000000..74461578
--- /dev/null
+++ b/scripts/check-react-router-framework-upstream.mjs
@@ -0,0 +1,178 @@
+#!/usr/bin/env node
+
+import { execFileSync } from 'node:child_process';
+import { readFile } from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const scriptPath = fileURLToPath(import.meta.url);
+const repoRoot = path.resolve(path.dirname(scriptPath), '..');
+const manifestPath = path.join(
+  repoRoot,
+  'tests/react-router-framework/UPSTREAM.json'
+);
+
+const git = (sourceRoot, args, options = {}) =>
+  execFileSync('git', ['-C', sourceRoot, ...args], {
+    stdio: ['ignore', 'pipe', 'pipe'],
+    ...options,
+  });
+
+export const parseNameStatus = output => {
+  const fields = output.toString('utf8').split('\0');
+  if (fields.at(-1) === '') {
+    fields.pop();
+  }
+
+  const changes = [];
+  for (let index = 0; index < fields.length; ) {
+    const status = fields[index++];
+    if (!status) {
+      throw new Error('Malformed git diff output: missing status');
+    }
+    const kind = status[0];
+    if (kind === 'R' || kind === 'C') {
+      const oldPath = fields[index++];
+      const newPath = fields[index++];
+      if (!oldPath || !newPath) {
+        throw new Error(`Malformed git diff output for ${status}`);
+      }
+      changes.push({ kind, status, oldPath, path: newPath });
+      continue;
+    }
+
+    const changedPath = fields[index++];
+    if (!changedPath) {
+      throw new Error(`Malformed git diff output for ${status}`);
+    }
+    changes.push({ kind, status, path: changedPath });
+  }
+  return changes;
+};
+
+export const categorizeChanges = changes => {
+  const result = {
+    directoriesWithAddedFiles: [],
+    added: [],
+    modified: [],
+    deleted: [],
+    renamed: [],
+    other: [],
+  };
+  const directoriesWithAddedFiles = new Set();
+
+  for (const change of changes) {
+    if (change.kind === 'A') {
+      result.added.push(change.path);
+      const directory = path.posix.dirname(change.path);
+      if (directory !== '.') {
+        directoriesWithAddedFiles.add(directory);
+      }
+    } else if (change.kind === 'M') {
+      result.modified.push(change.path);
+    } else if (change.kind === 'D') {
+      result.deleted.push(change.path);
+    } else if (change.kind === 'R') {
+      result.renamed.push(change);
+    } else {
+      result.other.push(change);
+    }
+  }
+
+  result.directoriesWithAddedFiles = [...directoriesWithAddedFiles].sort();
+  for (const key of ['added', 'modified', 'deleted']) {
+    result[key].sort();
+  }
+  result.renamed.sort((left, right) => left.path.localeCompare(right.path));
+  result.other.sort((left, right) => left.path.localeCompare(right.path));
+  return result;
+};
+
+const resolveCommit = (sourceRoot, ref) =>
+  git(sourceRoot, ['rev-parse', '--verify', `${ref}^{commit}`], {
+    encoding: 'utf8',
+  }).trim();
+
+export const auditUpstream = ({
+  sourceRoot,
+  baseRef,
+  targetRef = 'HEAD',
+  sourceDirs,
+}) => {
+  const baseCommit = resolveCommit(sourceRoot, baseRef);
+  const targetCommit = resolveCommit(sourceRoot, targetRef);
+  const output = git(
+    sourceRoot,
+    [
+      'diff',
+      '--name-status',
+      '-z',
+      '--find-renames',
+      baseCommit,
+      targetCommit,
+      '--',
+      ...sourceDirs,
+    ],
+    { encoding: 'buffer' }
+  );
+  return {
+    baseCommit,
+    targetCommit,
+    ...categorizeChanges(parseNameStatus(output)),
+  };
+};
+
+const printPaths = (label, paths) => {
+  console.log(`${label} (${paths.length})`);
+  for (const entry of paths) {
+    console.log(`  ${entry}`);
+  }
+};
+
+export const printAudit = audit => {
+  console.log(`React Router framework upstream audit`);
+  console.log(`  reviewed: ${audit.baseCommit}`);
+  console.log(`  target:   ${audit.targetCommit}`);
+  printPaths('Directories with added files', audit.directoriesWithAddedFiles);
+  printPaths('Added files', audit.added);
+  printPaths('Modified files', audit.modified);
+  printPaths('Deleted files', audit.deleted);
+  console.log(`Renamed files (${audit.renamed.length})`);
+  for (const change of audit.renamed) {
+    console.log(`  ${change.oldPath} -> ${change.path}`);
+  }
+  console.log(`Other changes (${audit.other.length})`);
+  for (const change of audit.other) {
+    console.log(`  ${change.status} ${change.path}`);
+  }
+  console.log(
+    '\nReview these changes manually. Copy and adapt only the tests this ' +
+      'repository needs, run them, then update lastReviewedRef and reviewedAt ' +
+      'in tests/react-router-framework/UPSTREAM.json.'
+  );
+};
+
+const readOption = name =>
+  process.argv
+    .find(argument => argument.startsWith(`--${name}=`))
+    ?.slice(name.length + 3);
+
+const isDirectExecution =
+  process.argv[1] && path.resolve(process.argv[1]) === scriptPath;
+
+if (isDirectExecution) {
+  const sourceOption = readOption('source') ?? process.env.REACT_ROUTER_REPO;
+  if (!sourceOption) {
+    throw new Error(
+      'Pass --source=/path/to/react-router or set REACT_ROUTER_REPO.'
+    );
+  }
+  const manifest = JSON.parse(await readFile(manifestPath, 'utf8'));
+  const audit = auditUpstream({
+    sourceRoot: path.resolve(sourceOption),
+    baseRef: manifest.lastReviewedRef,
+    targetRef: readOption('target') ?? 'HEAD',
+    sourceDirs: manifest.sourceDirs,
+  });
+  printAudit(audit);
+}
diff --git a/scripts/test-package-interop.mts b/scripts/test-package-interop.mts
index 34369239..ce106ee4 100644
--- a/scripts/test-package-interop.mts
+++ b/scripts/test-package-interop.mts
@@ -1,5 +1,6 @@
 import assert from 'node:assert/strict';
 import { execFile } from 'node:child_process';
+import { readFileSync } from 'node:fs';
 import { createRequire } from 'node:module';
 import { fileURLToPath } from 'node:url';
 import { promisify } from 'node:util';
@@ -23,6 +24,7 @@ const build = {
 
 const collect = hooks => hook => hooks.push(hook);
 const noop = () => undefined;
+const invoke = hook => (typeof hook === 'function' ? hook() : hook.handler?.());
 
 const loadEntryPoints = async () => {
   const esm = await import('../dist/index.js');
@@ -32,7 +34,9 @@ const loadEntryPoints = async () => {
 
 const verifyRegistration = async (writer, reader) => {
   const starts = [];
-  const closes = [];
+  const closeBuilds = [];
+  const closeDevServers = [];
+  const exits = [];
   const api = {
     context: { action: 'dev', rootPath: process.cwd() },
     logger: { info: noop, warn: noop, error: noop },
@@ -40,10 +44,14 @@ const verifyRegistration = async (writer, reader) => {
     modifyRsbuildConfig: noop,
     modifyEnvironmentConfig: noop,
     onBeforeBuild: noop,
+    onBeforeCreateCompiler: noop,
+    modifyBundlerChain: noop,
+    isPluginExists: () => false,
     onBeforeStartDevServer: collect(starts),
     onAfterStartDevServer: noop,
-    onCloseDevServer: collect(closes),
-    onCloseBuild: noop,
+    onCloseDevServer: collect(closeDevServers),
+    onCloseBuild: collect(closeBuilds),
+    onExit: collect(exits),
     onAfterEnvironmentCompile: noop,
     onAfterBuild: noop,
     processAssets: noop,
@@ -55,9 +63,12 @@ const verifyRegistration = async (writer, reader) => {
   await writer.pluginReactRouter({ customServer: true }).setup(api);
 
   const startHook = starts.find(hook => hook.order === 'pre');
-  const closeHook = closes.find(hook => hook.order === 'pre');
+  const closeHook = closeDevServers.find(hook => hook.order === 'pre');
   assert(startHook, 'Expected a pre dev-server start hook');
   assert(closeHook, 'Expected a pre dev-server close hook');
+  assert.equal(closeBuilds.length, 1);
+  assert.deepEqual(closeBuilds, exits);
+  assert.deepEqual(closeDevServers, [closeBuilds[0], closeHook]);
   const start = startHook.handler;
   const server = {
     close: async () => undefined,
@@ -67,13 +78,7 @@ const verifyRegistration = async (writer, reader) => {
   await start({ environments: {}, server });
 
   const pending = reader.loadReactRouterServerBuild(server);
-  for (const close of closes) {
-    if (typeof close === 'function') {
-      await close();
-    } else {
-      await close.handler?.();
-    }
-  }
+  await Promise.all([...closeBuilds, ...closeDevServers, ...exits].map(invoke));
   await assert.rejects(pending, /closed before a React Router build was ready/);
   await assert.rejects(
     reader.loadReactRouterServerBuild(server),
@@ -102,9 +107,75 @@ const verifyPackIncludesOriginalSource = async () => {
   );
 };
 
+const verifyEffectFreeRuntimeOutputs = () => {
+  const dist = new URL('../dist/', import.meta.url);
+  const pending = [
+    'parallel-route-transform-worker.js',
+    'templates/entry.client.js',
+    'templates/entry.client.cjs',
+    'templates/entry.rsc.client.js',
+  ].map(file => new URL(file, dist));
+  const visited = new Set<string>();
+
+  while (pending.length > 0) {
+    const file = pending.pop();
+    if (!file || visited.has(file.href)) continue;
+    visited.add(file.href);
+    const source = readFileSync(file, 'utf8');
+    assert.doesNotMatch(source, /["']effect(?:\/|["'])/);
+    for (const [, specifier] of source.matchAll(
+      /(?:\bfrom\s*|\b(?:import|require)\s*\(?\s*)["'](\.{1,2}\/[^"']+)["']/g
+    )) {
+      const dependency = new URL(specifier, file);
+      assert(dependency.href.startsWith(dist.href));
+      pending.push(dependency);
+    }
+  }
+};
+
+const verifyRscPublicSurface = (esm, commonjs) => {
+  assert.equal(typeof esm.pluginReactRouterRSC, 'function');
+  assert.equal(typeof commonjs.pluginReactRouterRSC, 'function');
+  assert.match(
+    readFileSync(new URL('../dist/index.js', import.meta.url), 'utf8'),
+    /rsc-route-transform-loader\.js/
+  );
+  assert.match(
+    readFileSync(new URL('../dist/index.cjs', import.meta.url), 'utf8'),
+    /rsc-route-transform-loader\.cjs/
+  );
+
+  for (const specifier of [
+    'rsbuild-plugin-react-router/templates/entry.rsc',
+    'rsbuild-plugin-react-router/templates/entry.rsc.client',
+    'rsbuild-plugin-react-router/templates/entry.rsc.ssr',
+  ]) {
+    const resolved = import.meta.resolve(specifier);
+    assert.match(
+      resolved,
+      /\/dist\/templates\/entry\.rsc(?:\.client|\.ssr)?\.js$/
+    );
+    assert.throws(
+      () => require.resolve(specifier),
+      error => {
+        const code =
+          error && typeof error === 'object' && 'code' in error
+            ? error.code
+            : undefined;
+        return (
+          code === 'ERR_PACKAGE_PATH_NOT_EXPORTED' ||
+          code === 'ERR_PACKAGE_IMPORT_NOT_DEFINED'
+        );
+      }
+    );
+  }
+};
+
 const main = async () => {
   const [esm, commonjs] = await loadEntryPoints();
   await verifyPackIncludesOriginalSource();
+  verifyEffectFreeRuntimeOutputs();
+  verifyRscPublicSurface(esm, commonjs);
   process.chdir(
     fileURLToPath(new URL('../tests/fixtures/dev-runtime/', import.meta.url))
   );
diff --git a/src/build-output-transforms.ts b/src/build-output-transforms.ts
index 9b14d0ec..918918ae 100644
--- a/src/build-output-transforms.ts
+++ b/src/build-output-transforms.ts
@@ -3,19 +3,75 @@ import jsesc from 'jsesc';
 import { relative } from 'pathe';
 import { PLUGIN_NAME } from './constants.js';
 import {
+  createReactRouterManifestOptions,
   getReactRouterManifestForDev,
+  type ReactRouterManifestForDev as ReactRouterManifest,
+  type RouteChunkManifestOptions,
+  type RouteModuleAnalysisProvider,
   type ReactRouterManifestStats,
 } from './manifest.js';
 import type { RouteTransformExecutor } from './parallel-route-transforms.js';
 import type { ReactRouterPerformanceProfiler } from './performance.js';
+import { validateSpaModeRouteExports } from './route-transform-tasks.js';
 import { createBundlerRouteExportResolver } from './route-export-resolution.js';
-import type { RouteChunkConfig } from './route-chunks.js';
+import {
+  getRouteChunkNameFromModuleId,
+  type RouteChunkConfig,
+} from './route-chunks.js';
 import type { PluginOptions, Route } from './types.js';
 import { isSourceMapEnabled } from './warnings/warn-on-client-source-maps.js';
+import {
+  analyzeRouteModuleCode,
+  type RouteModuleAnalysis,
+} from './export-utils.js';
+import {
+  relocateServerAssetsToClient,
+  type RelocatableAssetCompilation,
+} from './ssr-asset-relocation.js';
 
-type ReactRouterManifest = Awaited<
-  ReturnType<typeof getReactRouterManifestForDev>
->;
+/**
+ * Register the node-compilation hook that relocates server-only static assets
+ * (`?url` imports, `.css?url` files, and other `asset/resource` outputs
+ * referenced only by loaders or `.server` modules) into the client build. The
+ * loader/`links()` export returns the asset URL to the client, which fetches it
+ * from `build/client` at runtime, so the file must exist there even though only
+ * the node compilation referenced it. The assets are also stripped from the
+ * server build to avoid shipping duplicate static files, mirroring upstream
+ * React Router's Vite plugin. This runs for every node compilation, so it also
+ * covers `serverBundles` (multiple node outputs) and dev mode (where
+ * `writeToDisk` is enabled).
+ *
+ * Registered by both the classic build-output transforms and the RSC branch so
+ * `.css?url`/`?url` assets referenced from `links()` resolve in RSC framework
+ * mode too.
+ */
+export const registerSsrAssetRelocation = ({
+  api,
+  outputClientPath,
+  performanceProfiler,
+}: {
+  api: RsbuildPluginAPI;
+  outputClientPath: string;
+  performanceProfiler: ReactRouterPerformanceProfiler;
+}): void => {
+  const relocatedDestinations = new Map<string, string>();
+  api.processAssets(
+    { stage: 'report', targets: ['node'] },
+    async ({ compilation }) => {
+      await performanceProfiler.record(
+        'node',
+        'assets:relocate-ssr-only',
+        'ssr-only-assets',
+        () =>
+          relocateServerAssetsToClient({
+            compilation: compilation as unknown as RelocatableAssetCompilation,
+            outputClientPath,
+            relocatedDestinations,
+          })
+      );
+    }
+  );
+};
 
 type RegisterBuildOutputTransformsOptions = {
   api: RsbuildPluginAPI;
@@ -30,7 +86,8 @@ type RegisterBuildOutputTransformsOptions = {
   getClientStats: () => ReactRouterManifestStats | undefined;
   appDirectory: string;
   getAssetPrefix: () => string;
-  routeChunkOptions: Parameters<typeof getReactRouterManifestForDev>[5];
+  routeChunkOptions: RouteChunkManifestOptions | undefined;
+  routeModuleAnalysis?: RouteModuleAnalysisProvider;
   routeTransformExecutor: RouteTransformExecutor;
   routeByFilePath: Map<string, Route>;
   routeChunkConfig: RouteChunkConfig;
@@ -39,7 +96,12 @@ type RegisterBuildOutputTransformsOptions = {
   ssr: boolean;
   isSpaMode: boolean;
   rootRoutePath: string;
+  outputClientPath: string;
   isDevHmrEnabled?: () => boolean;
+  onRouteModuleAnalysis?: (
+    resourcePath: string,
+    analysis: RouteModuleAnalysis
+  ) => void;
 };
 
 export const registerBuildOutputTransforms = ({
@@ -54,6 +116,7 @@ export const registerBuildOutputTransforms = ({
   appDirectory,
   getAssetPrefix,
   routeChunkOptions,
+  routeModuleAnalysis,
   routeTransformExecutor,
   routeByFilePath,
   routeChunkConfig,
@@ -62,10 +125,26 @@ export const registerBuildOutputTransforms = ({
   ssr,
   isSpaMode,
   rootRoutePath,
+  outputClientPath,
   isDevHmrEnabled = () => false,
+  onRouteModuleAnalysis,
 }: RegisterBuildOutputTransformsOptions): void => {
-  const transformRouteModule = async (args: Parameters<TransformHandler>[0]) =>
-    performanceProfiler.record(
+  const rememberRouteModuleAnalysis = (
+    args: Parameters<TransformHandler>[0]
+  ): void => {
+    if (!routeByFilePath.has(args.resourcePath)) {
+      return;
+    }
+    onRouteModuleAnalysis?.(
+      args.resourcePath,
+      analyzeRouteModuleCode(args.code)
+    );
+  };
+
+  const transformRouteModule = async (
+    args: Parameters<TransformHandler>[0]
+  ) => {
+    return performanceProfiler.record(
       args.environment?.name,
       'route:module',
       args.resource,
@@ -86,6 +165,7 @@ export const registerBuildOutputTransforms = ({
           devHmr: isDevHmrEnabled(),
         })
     );
+  };
 
   api.processAssets(
     { stage: 'additional', targets: ['node'] },
@@ -103,6 +183,8 @@ export const registerBuildOutputTransforms = ({
     }
   );
 
+  registerSsrAssetRelocation({ api, outputClientPath, performanceProfiler });
+
   api.transform(
     {
       test: /virtual\/react-router\/(browser|server)-manifest/,
@@ -135,7 +217,10 @@ export const registerBuildOutputTransforms = ({
               getClientStats(),
               appDirectory,
               getAssetPrefix(),
-              routeChunkOptions
+              createReactRouterManifestOptions({
+                routeChunks: routeChunkOptions,
+                routeModuleAnalysis,
+              })
             ));
           return {
             code: `export default ${jsesc(manifest, { es6: true })};`,
@@ -147,9 +232,11 @@ export const registerBuildOutputTransforms = ({
   api.transform(
     {
       resourceQuery: /__react-router-build-client-route/,
+      order: 'post',
     },
-    async args =>
-      performanceProfiler.record(
+    async args => {
+      rememberRouteModuleAnalysis(args);
+      return performanceProfiler.record(
         args.environment?.name,
         'route:client-entry',
         args.resource,
@@ -164,29 +251,67 @@ export const registerBuildOutputTransforms = ({
             routeId: routeByFilePath.get(args.resourcePath)?.id,
             devHmr: isDevHmrEnabled(),
           })
-      )
+      );
+    }
   );
 
   api.transform(
     {
       resourceQuery: /route-chunk=/,
       environments: ['web'],
+      order: 'post',
     },
-    async args =>
-      performanceProfiler.record(
+    async args => {
+      return performanceProfiler.record(
         args.environment?.name,
         'route:chunk',
         args.resource,
-        async () =>
-          routeTransformExecutor.run({
+        async () => {
+          const routeChunkName = getRouteChunkNameFromModuleId(args.resource);
+          if (isBuild && isSpaMode && routeChunkName === 'main') {
+            validateSpaModeRouteExports({
+              exportNames: analyzeRouteModuleCode(args.code, args.resourcePath)
+                .exports,
+              resourcePath: args.resourcePath,
+              rootRoutePath,
+            });
+          }
+
+          const routeChunkArtifact = await routeTransformExecutor.run({
             kind: 'routeChunk',
             code: args.code,
             resource: args.resource,
             resourcePath: args.resourcePath,
             isBuild,
             routeChunkConfig,
-          })
-      )
+          });
+
+          // Invariant with the transformRouteModule registration below: in
+          // split-chunk production builds, web route modules are transformed
+          // HERE (on the main chunk) and the shared registration is scoped to
+          // ['node']. If either gate changes, web modules get transformed
+          // twice or not at all.
+          if (!isBuild || routeChunkName !== 'main') {
+            return routeChunkArtifact;
+          }
+
+          return routeTransformExecutor.run({
+            kind: 'routeModule',
+            code: routeChunkArtifact.code,
+            resource: args.resource,
+            resourcePath: args.resourcePath,
+            environmentName: 'web',
+            sourceMaps: isSourceMapEnabled(
+              args.environment.config.output.sourceMap
+            ),
+            ssr,
+            isBuild,
+            isSpaMode,
+            rootRoutePath,
+          });
+        }
+      );
+    }
   );
 
   if (isBuild && splitRouteModules) {
@@ -197,9 +322,10 @@ export const registerBuildOutputTransforms = ({
           not: /__react-router-build-client-route|react-router-route|route-chunk=/,
         },
         environments: ['web'],
+        order: 'post',
       },
-      async args =>
-        performanceProfiler.record(
+      async args => {
+        return performanceProfiler.record(
           args.environment?.name,
           'route:split-exports',
           args.resource,
@@ -210,7 +336,8 @@ export const registerBuildOutputTransforms = ({
               resourcePath: args.resourcePath,
               routeChunkConfig,
             })
-        )
+        );
+      }
     );
   }
 
@@ -271,6 +398,11 @@ export const registerBuildOutputTransforms = ({
       resourceQuery: {
         not: /__react-router-build-client-route|react-router-route|route-chunk=/,
       },
+      // Invariant with the route-chunk= handler above: when split-chunk
+      // production builds transform web modules on the main chunk, this
+      // registration must stay scoped to ['node'] so web modules are not
+      // transformed twice.
+      environments: isBuild && splitRouteModules ? ['node'] : undefined,
       order: 'post',
     },
     transformRouteModule
diff --git a/src/classic-mode.ts b/src/classic-mode.ts
new file mode 100644
index 00000000..47ed8509
--- /dev/null
+++ b/src/classic-mode.ts
@@ -0,0 +1,253 @@
+import { readFileSync } from 'node:fs';
+import type { RsbuildEntryDescription, RsbuildPluginAPI } from '@rsbuild/core';
+import type { RouteConfigEntry } from '@react-router/dev/routes';
+import { resolve } from 'pathe';
+import {
+  getBuildManifest,
+  getRoutesByServerBundleId,
+} from './build-manifest.js';
+import { BUILD_CLIENT_ROUTE_QUERY_STRING } from './constants.js';
+import {
+  DEV_HMR_RUNTIME_MODULE_ID,
+  type DevHmrPlanOptions,
+} from './dev-hmr.js';
+import {
+  createReactRouterDevRuntimeController,
+  type ReactRouterDevRuntimeController,
+} from './dev-runtime-controller.js';
+import { generateWithProps } from './plugin-utils.js';
+import { resolvePrerenderPaths } from './prerender.js';
+import { generateServerBuild } from './server-utils.js';
+import {
+  createReactRouterServerBuildPlan,
+  type ReactRouterServerBundleEntry,
+} from './server-build-plan.js';
+import {
+  getRouteChunkEntryName,
+  getRouteChunkModuleId,
+  routeChunkExportNames,
+} from './route-chunks.js';
+import type { Config } from './react-router-config.js';
+import type { Route } from './types.js';
+
+type CreateClassicWebRouteEntriesOptions = {
+  appDirectory: string;
+  isBuild: boolean;
+  routes: Record<string, Route>;
+  splitRouteModules: boolean;
+};
+
+type CreateClassicVirtualModulesOptions = {
+  allowedActionOrigins: string[] | undefined;
+  appDirectory: string;
+  assetsBuildDirectory: string;
+  basename: string;
+  devHmrRuntimeModule?: string;
+  entryServerPath: string;
+  future: Config['future'];
+  isSpaMode: boolean;
+  prerenderPaths: string[];
+  publicPath: string;
+  routeDiscovery: Config['routeDiscovery'];
+  routes: Record<string, Route>;
+  routesByServerBundleId: Record<string, Record<string, Route>>;
+  ssr: boolean;
+};
+
+type CreateClassicBuildArtifactsOptions = {
+  api: RsbuildPluginAPI;
+  defaultEntryName: string;
+  isBuild: boolean;
+  prerenderConfig: Config['prerender'];
+  reactRouterConfig: Required<
+    Pick<
+      Config,
+      'appDirectory' | 'buildDirectory' | 'serverBuildFile' | 'future'
+    >
+  > &
+    Pick<Config, 'serverBundles'>;
+  routeConfig: RouteConfigEntry[];
+  routes: Record<string, Route>;
+  rootDirectory: string;
+  ssr: boolean;
+  devHmr?: DevHmrPlanOptions;
+};
+
+export type ClassicBuildArtifacts = {
+  buildManifest: Awaited<ReturnType<typeof getBuildManifest>>;
+  devRuntime: ReactRouterDevRuntimeController;
+  prerenderPaths: string[];
+  routesByServerBundleId: Record<string, Record<string, Route>>;
+  serverBundleEntries: ReactRouterServerBundleEntry[];
+};
+
+export const createClassicBuildArtifacts = async ({
+  api,
+  defaultEntryName,
+  isBuild,
+  prerenderConfig,
+  reactRouterConfig,
+  routeConfig,
+  routes,
+  rootDirectory,
+  ssr,
+  devHmr,
+}: CreateClassicBuildArtifactsOptions): Promise<ClassicBuildArtifacts> => {
+  const buildManifest = await getBuildManifest({
+    reactRouterConfig,
+    routes,
+    rootDirectory,
+  });
+  const routesByServerBundleId = getRoutesByServerBundleId(
+    buildManifest,
+    routes
+  );
+  const serverBuildPlan = createReactRouterServerBuildPlan({
+    routesByServerBundleId,
+    serverBuildFile: reactRouterConfig.serverBuildFile,
+    defaultEntryName,
+  });
+  const prerenderPaths = await resolvePrerenderPaths(
+    prerenderConfig,
+    ssr,
+    routeConfig,
+    {
+      logWarning: true,
+      warn: message => api.logger.warn(message),
+    }
+  );
+
+  return {
+    buildManifest,
+    devRuntime: createReactRouterDevRuntimeController({
+      api,
+      isBuild,
+      buildPlan: serverBuildPlan,
+      clientPatchesRouteMetadata: devHmr?.isEnabled,
+      onNodeRebuildCommitted: devHmr?.onNodeRebuildCommitted,
+    }),
+    prerenderPaths,
+    routesByServerBundleId,
+    serverBundleEntries: serverBuildPlan.serverBundleEntries,
+  };
+};
+
+export const createClassicWebRouteEntries = ({
+  appDirectory,
+  isBuild,
+  routes,
+  splitRouteModules,
+}: CreateClassicWebRouteEntriesOptions): {
+  manifestChunkNames: Set<string>;
+  webRouteEntries: Record<string, RsbuildEntryDescription>;
+} => {
+  const manifestChunkNames = new Set<string>(['entry.client']);
+  const webRouteEntries = Object.values(routes).reduce(
+    (acc, route) => {
+      const entryName = route.file.slice(0, route.file.lastIndexOf('.'));
+      const routeFilePath = resolve(appDirectory, route.file);
+      manifestChunkNames.add(entryName);
+      acc[entryName] = {
+        import: `${routeFilePath}${BUILD_CLIENT_ROUTE_QUERY_STRING}`,
+        html: false,
+      };
+
+      if (isBuild && splitRouteModules && route.id !== 'root') {
+        let source: string;
+        try {
+          source = readFileSync(routeFilePath, 'utf8');
+        } catch (error) {
+          if ((error as NodeJS.ErrnoException).code === 'ENOENT') {
+            return acc;
+          }
+          throw error;
+        }
+        for (const exportName of routeChunkExportNames) {
+          if (!source.includes(exportName)) {
+            continue;
+          }
+          const chunkEntryName = getRouteChunkEntryName(route.id, exportName);
+          manifestChunkNames.add(chunkEntryName);
+          acc[chunkEntryName] = {
+            import: getRouteChunkModuleId(routeFilePath, exportName),
+            html: false,
+          };
+        }
+      }
+
+      return acc;
+    },
+    {} as Record<string, RsbuildEntryDescription>
+  );
+
+  return {
+    manifestChunkNames,
+    webRouteEntries,
+  };
+};
+
+export const createClassicVirtualModules = ({
+  allowedActionOrigins,
+  appDirectory,
+  assetsBuildDirectory,
+  basename,
+  devHmrRuntimeModule,
+  entryServerPath,
+  future,
+  isSpaMode,
+  prerenderPaths,
+  publicPath,
+  routeDiscovery,
+  routes,
+  routesByServerBundleId,
+  ssr,
+}: CreateClassicVirtualModulesOptions): Record<string, string> => {
+  const serverBuildOptions = {
+    entryServerPath,
+    assetsBuildDirectory,
+    basename,
+    appDirectory,
+    ssr,
+    isSpaMode,
+    future,
+    allowedActionOrigins,
+    prerender: prerenderPaths,
+    routeDiscovery,
+    publicPath,
+  };
+  const bundleVirtualModules = Object.fromEntries(
+    Object.entries(routesByServerBundleId).map(([bundleId, bundleRoutes]) => [
+      `virtual/react-router/server-build-${bundleId}`,
+      generateServerBuild(bundleRoutes, {
+        ...serverBuildOptions,
+        serverManifestId: `virtual/react-router/server-manifest-${bundleId}`,
+      }),
+    ])
+  );
+  const bundleManifestModules = Object.fromEntries(
+    Object.entries(routesByServerBundleId)
+      .filter(
+        ([, bundleRoutes]) =>
+          bundleRoutes && Object.keys(bundleRoutes).length > 0
+      )
+      .map(([bundleId]) => [
+        `virtual/react-router/server-manifest-${bundleId}`,
+        'export default {};',
+      ])
+  );
+
+  return {
+    'virtual/react-router/browser-manifest': 'export default {};',
+    'virtual/react-router/server-manifest': 'export default {};',
+    'virtual/react-router/server-build': generateServerBuild(
+      routes,
+      serverBuildOptions
+    ),
+    ...bundleVirtualModules,
+    ...bundleManifestModules,
+    'virtual/react-router/with-props': generateWithProps(),
+    ...(devHmrRuntimeModule !== undefined
+      ? { [DEV_HMR_RUNTIME_MODULE_ID]: devHmrRuntimeModule }
+      : {}),
+  };
+};
diff --git a/src/config-imports.ts b/src/config-imports.ts
index a8163b75..012db80e 100644
--- a/src/config-imports.ts
+++ b/src/config-imports.ts
@@ -1,14 +1,162 @@
-import type { ModuleCache } from 'jiti';
+import type { JitiOptions, ModuleCache, TransformOptions } from 'jiti';
 import { createJiti } from 'jiti';
 import { resolve } from 'pathe';
+import { parse } from './yuku.js';
 
-type ConfigImporter = Pick<ReturnType<typeof createJiti>, 'import'>;
+export type ConfigImporter = Pick<ReturnType<typeof createJiti>, 'import'>;
+
+type ConfigImportOptions = {
+  define?: Record<string, unknown>;
+  moduleCache?: boolean;
+};
 
 const normalizePath = (filePath: string): string => resolve(filePath);
 
 const isNodeModulePath = (filePath: string): boolean =>
   filePath.split(/[\\/]/).includes('node_modules');
 
+type AstNode = {
+  type?: string;
+  start?: number;
+  end?: number;
+  object?: AstNode;
+  property?: AstNode;
+  meta?: AstNode;
+  name?: string;
+  value?: unknown;
+  computed?: boolean;
+};
+
+const normalizeDefineValue = (value: unknown): string | undefined => {
+  if (value === undefined) {
+    return undefined;
+  }
+  if (typeof value === 'string') {
+    return value;
+  }
+  return JSON.stringify(value);
+};
+
+const getMemberExpressionName = (node: AstNode | undefined): string | null => {
+  if (!node) {
+    return null;
+  }
+  if (node.type === 'Identifier') {
+    return node.name ?? null;
+  }
+  if (node.type === 'MetaProperty') {
+    const meta = getMemberExpressionName(node.meta);
+    const property = getMemberExpressionName(node.property);
+    return meta && property ? `${meta}.${property}` : null;
+  }
+  if (node.type !== 'MemberExpression') {
+    return null;
+  }
+  const object = getMemberExpressionName(node.object);
+  const property =
+    node.computed && typeof node.property?.value === 'string'
+      ? node.property.value
+      : getMemberExpressionName(node.property);
+  return object && property ? `${object}.${property}` : null;
+};
+
+const collectDefineReplacements = (
+  node: unknown,
+  define: ReadonlyMap<string, string>,
+  replacements: Array<{ start: number; end: number; value: string }>
+): void => {
+  if (!node || typeof node !== 'object') {
+    return;
+  }
+
+  const astNode = node as AstNode;
+  const memberName = getMemberExpressionName(astNode);
+  const value = memberName ? define.get(memberName) : undefined;
+  if (
+    value !== undefined &&
+    typeof astNode.start === 'number' &&
+    typeof astNode.end === 'number'
+  ) {
+    replacements.push({
+      start: astNode.start,
+      end: astNode.end,
+      value,
+    });
+    return;
+  }
+
+  for (const child of Object.values(node)) {
+    if (Array.isArray(child)) {
+      for (const item of child) {
+        collectDefineReplacements(item, define, replacements);
+      }
+      continue;
+    }
+    collectDefineReplacements(child, define, replacements);
+  }
+};
+
+export const applyConfigDefines = (
+  source: string,
+  define: Record<string, unknown> | undefined
+): string => {
+  if (!define) {
+    return source;
+  }
+
+  const normalizedDefine = new Map(
+    Object.entries(define).flatMap(([key, value]) => {
+      const normalized = normalizeDefineValue(value);
+      return normalized === undefined ? [] : [[key, normalized]];
+    })
+  );
+  if (normalizedDefine.size === 0) {
+    return source;
+  }
+
+  const replacements: Array<{ start: number; end: number; value: string }> = [];
+  collectDefineReplacements(
+    parse(source, { sourceType: 'module' }),
+    normalizedDefine,
+    replacements
+  );
+
+  return replacements
+    .sort((left, right) => right.start - left.start)
+    .reduce(
+      (contents, replacement) =>
+        `${contents.slice(0, replacement.start)}${replacement.value}${contents.slice(
+          replacement.end
+        )}`,
+      source
+    );
+};
+
+export const createConfigImporter = ({
+  define,
+  moduleCache = true,
+}: ConfigImportOptions = {}): ReturnType<typeof createJiti> => {
+  const defaultJiti = createJiti(process.cwd(), { moduleCache });
+  if (!define || Object.keys(define).length === 0) {
+    return defaultJiti;
+  }
+
+  const defaultTransform = defaultJiti.transform;
+  const options = {
+    moduleCache,
+    transform(transformOptions: TransformOptions) {
+      return {
+        code: defaultTransform({
+          ...transformOptions,
+          source: applyConfigDefines(transformOptions.source, define),
+        }),
+      };
+    },
+  } satisfies JitiOptions;
+
+  return createJiti(process.cwd(), options);
+};
+
 export const collectConfigImportWatchPaths = (
   configPath: string,
   moduleCache: ModuleCache,
@@ -50,11 +198,10 @@ export const clearConfigImportCache = (
 export const importConfigWithWatchPaths = async <T>(
   configPath: string,
   load: (importer: ConfigImporter) => PromiseLike<T> | T = async importer =>
-    importer.import<T>(configPath, { default: true })
+    importer.import<T>(configPath, { default: true }),
+  options?: ConfigImportOptions
 ): Promise<{ value: Awaited<T>; watchPaths: string | string[] }> => {
-  const jiti = createJiti(process.cwd(), {
-    moduleCache: true,
-  });
+  const jiti = createConfigImporter({ moduleCache: true, ...options });
   const previousCacheKeys = new Set(Object.keys(jiti.cache));
   let importPaths: string[] = [];
 
diff --git a/src/constants.ts b/src/constants.ts
index 7af426db..bba5b143 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -1,5 +1,8 @@
 export const PLUGIN_NAME = 'rsbuild:react-router';
 
+/** Default web `output.distPath.js` segment when the user has not customized it. */
+export const DEFAULT_JS_DIST_PATH = 'static/js';
+
 export const JS_EXTENSIONS = [
   '.tsx',
   '.ts',
@@ -32,8 +35,6 @@ export const SERVER_ONLY_ROUTE_EXPORTS_SET: ReadonlySet<string> = new Set(
   SERVER_ONLY_ROUTE_EXPORTS
 );
 
-// Client route exports are split into non-component exports and component exports.
-// This mirrors upstream React Router Vite plugin intent and is used for export filtering.
 export const CLIENT_NON_COMPONENT_EXPORTS = [
   'clientAction',
   'clientLoader',
@@ -89,3 +90,6 @@ export const CLIENT_EXPORTS = {
   meta: 'meta',
   shouldRevalidate: 'shouldRevalidate',
 } as const;
+
+// SPA-mode prerender fallback document, served when no prerendered page matches.
+export const SPA_FALLBACK_HTML_FILE = '__spa-fallback.html';
diff --git a/src/dev-background-resources.ts b/src/dev-background-resources.ts
index 64a979a3..eaae083f 100644
--- a/src/dev-background-resources.ts
+++ b/src/dev-background-resources.ts
@@ -7,11 +7,10 @@ import {
   createDelayedPluginTask,
   DEV_BACKGROUND_STARTUP_DELAY_MS,
   normalizeEffectError,
-  runPluginEffect,
-  tryPluginPromise,
+  type PluginEffectRuntime,
 } from './effect-runtime.js';
 import {
-  createLazyCompilationPrewarmController,
+  acquireLazyCompilationPrewarm,
   normalizeLazyCompilationPrewarmOptions,
 } from './lazy-compilation-prewarm.js';
 import {
@@ -20,8 +19,8 @@ import {
 } from './manifest.js';
 import type { RouteTransformExecutor } from './parallel-route-transforms.js';
 import {
+  acquireRouteTopologyWatcher,
   createRouteManifestSnapshot,
-  createRouteTopologyWatcher,
   ensureDevRestartMarker,
   type WatchFileConfig,
 } from './route-watch.js';
@@ -29,9 +28,10 @@ import type { PluginOptions } from './types.js';
 
 type RegisterReactRouterDevBackgroundResourcesOptions = {
   api: RsbuildPluginAPI;
+  runtime: PluginEffectRuntime;
   isBuild: boolean;
   lazyCompilationPrewarm: PluginOptions['unstableLazyCompilationPrewarm'];
-  routeTransformExecutor: RouteTransformExecutor;
+  routeTransformExecutor?: RouteTransformExecutor;
   routeRestartMarkerPath: string;
   watchDirectory: string;
   getRouteTopology: () => Promise<Set<string>>;
@@ -100,7 +100,7 @@ export const createReactRouterRouteWatchFiles = ({
     watchFiles.push(
       {
         paths: routeConfigWatchPaths,
-        type: 'reload-server',
+        type: 'reload-page',
       },
       {
         paths: routeRestartMarkerPath,
@@ -112,27 +112,9 @@ export const createReactRouterRouteWatchFiles = ({
   return watchFiles;
 };
 
-const closeAll = async (
-  message: string,
-  closers: Array<() => Promise<void>>
-): Promise<void> => {
-  const results = await Promise.allSettled(closers.map(closer => closer()));
-  const errors = results
-    .filter(
-      (result): result is PromiseRejectedResult => result.status === 'rejected'
-    )
-    .map(result => normalizeEffectError(result.reason));
-
-  if (errors.length === 1) {
-    throw errors[0];
-  }
-  if (errors.length > 1) {
-    throw new AggregateError(errors, message);
-  }
-};
-
-export const registerReactRouterDevBackgroundResources = ({
+export const registerReactRouterDevBackgroundResources = async ({
   api,
+  runtime,
   isBuild,
   lazyCompilationPrewarm,
   routeTransformExecutor,
@@ -141,9 +123,8 @@ export const registerReactRouterDevBackgroundResources = ({
   getRouteTopology,
   initialRouteTopology,
   onRouteTopologyChange,
-}: RegisterReactRouterDevBackgroundResourcesOptions): ReactRouterDevBackgroundResources => {
-  let closeActiveRouteTopologyWatcher: (() => Promise<void>) | undefined;
-  let routeTopologyWatcherClosed = false;
+}: RegisterReactRouterDevBackgroundResourcesOptions): Promise<ReactRouterDevBackgroundResources> => {
+  let routeTopologyWatcherStarted = false;
 
   const reportRouteTopologyWatcherError = (error: unknown): void => {
     api.logger.warn(
@@ -152,54 +133,49 @@ export const registerReactRouterDevBackgroundResources = ({
   };
 
   const routeTopologyWatcherTask = createDelayedPluginTask({
+    runtime,
     delayMs: DEV_BACKGROUND_STARTUP_DELAY_MS,
     run: () =>
-      Effect.gen(function* () {
-        yield* tryPluginPromise(() =>
-          ensureDevRestartMarker(routeRestartMarkerPath)
-        );
-        const closeWatcher = yield* tryPluginPromise(() =>
-          createRouteTopologyWatcher({
-            watchDirectory,
-            getRouteTopology,
-            initialRouteTopology,
-            restartMarkerPath: routeRestartMarkerPath,
-            onRouteTopologyChange,
-            onError: reportRouteTopologyWatcherError,
-          })
-        );
-        if (routeTopologyWatcherClosed) {
-          yield* tryPluginPromise(() => closeWatcher());
-          return;
-        }
-        closeActiveRouteTopologyWatcher = closeWatcher;
-      }),
+      acquireRouteTopologyWatcher({
+        runtime,
+        watchDirectory,
+        getRouteTopology,
+        initialRouteTopology,
+        restartMarkerPath: routeRestartMarkerPath,
+        onRouteTopologyChange,
+        onError: reportRouteTopologyWatcherError,
+      }).pipe(
+        Effect.tap(() =>
+          Effect.sync(() => (routeTopologyWatcherStarted = true))
+        ),
+        Effect.asVoid
+      ),
     onError: reportRouteTopologyWatcherError,
   });
 
-  const scheduleRouteTopologyWatcher = (): void => {
-    if (routeTopologyWatcherClosed || closeActiveRouteTopologyWatcher) {
-      return;
-    }
-    routeTopologyWatcherTask.schedule();
-  };
-
   const lazyCompilationPrewarmConfig = normalizeLazyCompilationPrewarmOptions(
     lazyCompilationPrewarm
   );
   const lazyCompilationPrewarmController = lazyCompilationPrewarmConfig
-    ? createLazyCompilationPrewarmController({
-        config: lazyCompilationPrewarmConfig,
-        onError: error =>
-          api.logger.warn(
-            `[${PLUGIN_NAME}] Lazy compilation prewarm skipped: ${error.message}`
-          ),
-      })
+    ? await runtime.runPromise(
+        acquireLazyCompilationPrewarm({
+          runtime,
+          config: lazyCompilationPrewarmConfig,
+          onError: error =>
+            api.logger.warn(
+              `[${PLUGIN_NAME}] Lazy compilation prewarm skipped: ${error.message}`
+            ),
+        })
+      )
     : null;
 
   if (!isBuild) {
-    api.onBeforeStartDevServer(() => {
-      routeTopologyWatcherClosed = false;
+    await runtime.runPromise(
+      Effect.acquireRelease(Effect.void, routeTopologyWatcherTask.cancelEffect)
+    );
+
+    api.onBeforeStartDevServer(async () => {
+      await ensureDevRestartMarker(routeRestartMarkerPath);
     });
 
     api.onAfterStartDevServer(({ port }) => {
@@ -210,43 +186,17 @@ export const registerReactRouterDevBackgroundResources = ({
     });
 
     api.onAfterDevCompile(() => {
-      scheduleRouteTopologyWatcher();
+      if (!routeTopologyWatcherStarted) {
+        routeTopologyWatcherTask.schedule();
+      }
       lazyCompilationPrewarmController?.schedule();
     });
 
     // Spawn transform workers now so thread startup overlaps Rsbuild's own
     // compiler creation instead of delaying the first route transform.
-    routeTransformExecutor.prewarm();
+    routeTransformExecutor?.prewarm();
   }
 
-  const closeRouteTopologyWatcher = async (): Promise<void> => {
-    routeTopologyWatcherClosed = true;
-    await runPluginEffect(routeTopologyWatcherTask.cancelEffect());
-    await closeActiveRouteTopologyWatcher?.();
-    closeActiveRouteTopologyWatcher = undefined;
-  };
-
-  const closeLazyCompilationPrewarm = async (): Promise<void> => {
-    await runPluginEffect(
-      lazyCompilationPrewarmController?.cancelEffect() ?? Effect.void
-    );
-  };
-
-  const closeRouteTransformExecutor = (): Promise<void> =>
-    routeTransformExecutor.close();
-
-  api.onCloseDevServer(() =>
-    closeAll(
-      '[rsbuild-plugin-react-router] Failed to close dev server resources.',
-      [
-        closeRouteTopologyWatcher,
-        closeLazyCompilationPrewarm,
-        closeRouteTransformExecutor,
-      ]
-    )
-  );
-  api.onCloseBuild(closeRouteTransformExecutor);
-
   return {
     setManifest(manifest) {
       lazyCompilationPrewarmController?.setManifest(manifest);
diff --git a/src/dev-generation.ts b/src/dev-generation.ts
index d62cabe6..9862f9fd 100644
--- a/src/dev-generation.ts
+++ b/src/dev-generation.ts
@@ -1,7 +1,9 @@
 import type { RsbuildDevServer, Rspack } from '@rsbuild/core';
 import * as EffectDeferred from 'effect/Deferred';
 import * as Effect from 'effect/Effect';
+import * as FiberId from 'effect/FiberId';
 import type { ServerBuild } from 'react-router';
+import { HMR_PATCHABLE_ROUTE_FLAGS } from './route-artifacts.js';
 import {
   evaluateServerBuilds,
   getEnvironmentStats,
@@ -20,14 +22,10 @@ import {
 } from './dev-runtime-artifacts.js';
 import { normalizeEffectError, runPluginEffect } from './effect-runtime.js';
 
-export { snapshotDevChangedFiles } from './dev-runtime-artifacts.js';
 export type {
-  DevChangedFiles,
   DevGraphChanges,
   DevGraphIdentity,
-  ReactRouterDevBuildPlan,
   ReactRouterDevManifest,
-  ReactRouterDevManifestSet,
 } from './dev-runtime-artifacts.js';
 
 type CommittedGeneration = {
@@ -73,7 +71,9 @@ type CreateReactRouterDevRuntimeOptions = {
   buildPlan: ReactRouterDevBuildPlan;
   onEvaluationError: (error: Error) => void;
   onCssAssetOwnershipChanged?: (change: 'removed' | 'restored') => void;
-  onRouteManifestChanged?: () => void;
+  onRouteManifestChanged?: (
+    manifest: ReactRouterDevManifestSet[string]
+  ) => void;
   onWarning?: (message: string) => void;
 };
 
@@ -199,28 +199,35 @@ type DevRouteManifestEntry = NonNullable<
 
 const hasSameRouteMetadata = (
   previous: DevRouteManifestEntry,
-  next: DevRouteManifestEntry
-): boolean =>
-  previous.caseSensitive === next.caseSensitive &&
-  previous.clientActionModule === next.clientActionModule &&
-  previous.clientLoaderModule === next.clientLoaderModule &&
-  previous.clientMiddlewareModule === next.clientMiddlewareModule &&
-  previous.hasErrorBoundary === next.hasErrorBoundary &&
-  previous.hasAction === next.hasAction &&
-  previous.hasClientAction === next.hasClientAction &&
-  previous.hasClientLoader === next.hasClientLoader &&
-  previous.hasClientMiddleware === next.hasClientMiddleware &&
-  previous.hasDefaultExport === next.hasDefaultExport &&
-  previous.hasLoader === next.hasLoader &&
-  previous.hydrateFallbackModule === next.hydrateFallbackModule &&
-  previous.id === next.id &&
-  previous.index === next.index &&
-  previous.parentId === next.parentId &&
-  previous.path === next.path;
+  next: DevRouteManifestEntry,
+  includeHmrPatchableFlags: boolean
+): boolean => {
+  const structuralEqual =
+    previous.caseSensitive === next.caseSensitive &&
+    previous.clientActionModule === next.clientActionModule &&
+    previous.clientLoaderModule === next.clientLoaderModule &&
+    previous.clientMiddlewareModule === next.clientMiddlewareModule &&
+    previous.hasDefaultExport === next.hasDefaultExport &&
+    previous.hydrateFallbackModule === next.hydrateFallbackModule &&
+    previous.id === next.id &&
+    previous.index === next.index &&
+    previous.parentId === next.parentId &&
+    previous.path === next.path;
+  if (!structuralEqual) {
+    return false;
+  }
+  if (!includeHmrPatchableFlags) {
+    return true;
+  }
+  // Without a client-side HMR runtime these flags can only reach the browser
+  // through a full reload.
+  return HMR_PATCHABLE_ROUTE_FLAGS.every(flag => previous[flag] === next[flag]);
+};
 
 const hasRouteManifestMetadataChanges = (
   previous: ReactRouterDevManifestSet,
-  next: ReactRouterDevManifestSet
+  next: ReactRouterDevManifestSet,
+  includeHmrPatchableFlags: boolean
 ): boolean => {
   const previousEntryNames = Object.keys(previous);
   if (previousEntryNames.length !== Object.keys(next).length) {
@@ -240,7 +247,14 @@ const hasRouteManifestMetadataChanges = (
     for (const routeId of previousRouteIds) {
       const previousRoute = previousRoutes[routeId];
       const nextRoute = nextRoutes[routeId];
-      if (!nextRoute || !hasSameRouteMetadata(previousRoute, nextRoute)) {
+      if (
+        !nextRoute ||
+        !hasSameRouteMetadata(
+          previousRoute,
+          nextRoute,
+          includeHmrPatchableFlags
+        )
+      ) {
         return true;
       }
     }
@@ -251,7 +265,7 @@ const hasRouteManifestMetadataChanges = (
 const createReadinessDeferred = (): EffectDeferred.Deferred<
   CommittedGeneration,
   Error
-> => Effect.runSync(EffectDeferred.make<CommittedGeneration, Error>());
+> => EffectDeferred.unsafeMake<CommittedGeneration, Error>(FiberId.none);
 
 export const createReactRouterDevRuntime = ({
   server,
@@ -285,9 +299,11 @@ export const createReactRouterDevRuntime = ({
     }
   };
 
-  const notifyRouteManifestChanged = (): void => {
+  const notifyRouteManifestChanged = (
+    manifest: ReactRouterDevManifestSet[string]
+  ): void => {
     try {
-      onRouteManifestChanged();
+      onRouteManifestChanged(manifest);
     } catch (cause) {
       onWarning(
         `[rsbuild-plugin-react-router] Failed to notify the browser after route manifest metadata changed: ${normalizeEffectError(cause).message}`
@@ -340,7 +356,7 @@ export const createReactRouterDevRuntime = ({
     if (state.kind === 'starting') {
       const { readiness } = state;
       state = { kind: 'failed', attemptId, error };
-      Effect.runSync(EffectDeferred.fail(readiness, error));
+      EffectDeferred.unsafeDone(readiness, Effect.fail(error));
     } else if (state.kind === 'ready') {
       state = { ...state, pendingAttemptId: null };
     }
@@ -359,7 +375,7 @@ export const createReactRouterDevRuntime = ({
     if (state.kind === 'starting') {
       const { readiness } = state;
       state = { kind: 'ready', committed, pendingAttemptId: null };
-      Effect.runSync(EffectDeferred.succeed(readiness, committed));
+      EffectDeferred.unsafeDone(readiness, Effect.succeed(committed));
     } else if (state.kind === 'ready') {
       state = { kind: 'ready', committed, pendingAttemptId: null };
     }
@@ -513,7 +529,8 @@ export const createReactRouterDevRuntime = ({
         webChanged &&
         hasRouteManifestMetadataChanges(
           previous.web.manifestsByEntryName,
-          manifestsByEntryName
+          manifestsByEntryName,
+          true
         );
       const reusePreviousNodeBuild =
         !!previous &&
@@ -587,7 +604,9 @@ export const createReactRouterDevRuntime = ({
           reloadAfterCssRemoval = false;
         }
         if (routeManifestMetadataChanged) {
-          notifyRouteManifestChanged();
+          notifyRouteManifestChanged(
+            web.manifestsByEntryName[buildPlan.defaultEntryName]
+          );
         }
         return 'committed';
       } catch (cause) {
@@ -636,7 +655,7 @@ export const createReactRouterDevRuntime = ({
           '[rsbuild-plugin-react-router] The development server closed before a React Router build was ready.'
         );
       if (state.kind === 'starting') {
-        Effect.runSync(EffectDeferred.fail(state.readiness, closeError));
+        EffectDeferred.unsafeDone(state.readiness, Effect.fail(closeError));
       }
       state = { kind: 'closed', error: closeError };
     },
diff --git a/src/dev-hmr.ts b/src/dev-hmr.ts
index af8f5c5b..7131d424 100644
--- a/src/dev-hmr.ts
+++ b/src/dev-hmr.ts
@@ -3,9 +3,14 @@ import { createRequire } from 'node:module';
 import type { Rspack } from '@rsbuild/core';
 import { dirname, join } from 'pathe';
 
-import { HMR_PATCHABLE_ROUTE_FLAGS } from './route-artifacts.js';
-
 export const DEV_HMR_RUNTIME_MODULE_ID = 'virtual/react-router/hmr-runtime';
+export const DEV_MANIFEST_UPDATE_EVENT = 'react-router:manifest-update';
+
+export type DevHmrPlanOptions = {
+  isEnabled: () => boolean;
+  runtimeModule: string;
+  onNodeRebuildCommitted: () => void;
+};
 
 type SwcLoaderOptions = {
   jsc?: { transform?: { react?: { refresh?: boolean } } };
@@ -17,30 +22,21 @@ const isObject = (value: unknown): value is Record<string, unknown> =>
 const isSwcLoader = (loader: unknown): boolean =>
   typeof loader === 'string' && loader.includes('builtin:swc-loader');
 
-const hasReactRefresh = (options: unknown): boolean =>
-  (options as SwcLoaderOptions | undefined)?.jsc?.transform?.react?.refresh ===
-  true;
-
 const readSwcLoaderRefresh = (value: unknown): boolean => {
-  if (Array.isArray(value)) {
-    return value.some(readSwcLoaderRefresh);
-  }
-  if (!isObject(value)) {
-    return false;
-  }
+  if (Array.isArray(value)) return value.some(readSwcLoaderRefresh);
+  if (!isObject(value)) return false;
   if (isSwcLoader(value.loader)) {
-    return hasReactRefresh(value.options);
+    return (
+      (value.options as SwcLoaderOptions | undefined)?.jsc?.transform?.react
+        ?.refresh === true
+    );
   }
   return Object.values(value).some(readSwcLoaderRefresh);
 };
 
 const readRuleSwcRefresh = (rule: unknown): boolean => {
-  if (!isObject(rule)) {
-    return false;
-  }
-  if (isSwcLoader(rule.loader)) {
-    return hasReactRefresh(rule.options);
-  }
+  if (!isObject(rule)) return false;
+  if (isSwcLoader(rule.loader)) return readSwcLoaderRefresh(rule);
   return (
     readSwcLoaderRefresh(rule.use) ||
     readRuleSetSwcRefresh(rule.oneOf) ||
@@ -94,12 +90,11 @@ const hdrRevisionModuleContent = (revision: number): string =>
  * whenever server code changes, which the client answers by revalidating
  * React Router loader data.
  */
-export const DEV_HDR_REVISION_RELATIVE_PATH = '.react-router/hdr-revision.mjs';
-
 export const getDevHdrRevisionFilePath = (rootPath: string): string =>
-  join(rootPath, DEV_HDR_REVISION_RELATIVE_PATH);
+  join(rootPath, '.react-router', 'hdr-revision.mjs');
 
 export type DevHdrRevisionSignal = {
+  filePath: string;
   /** Writes the initial revision module so the first compile can resolve it. */
   ensure: () => void;
   /** Increments the revision, signaling hot data revalidation to the client. */
@@ -127,6 +122,7 @@ export const createDevHdrRevisionSignal = ({
     }
   };
   return {
+    filePath,
     ensure: write,
     bump() {
       revision += 1;
@@ -138,7 +134,7 @@ export const createDevHdrRevisionSignal = ({
 /**
  * Browser-side HMR runtime shared by all route client entries in development.
  *
- * This mirrors React Router's Vite HMR contract (see `refresh-utils.mjs` in
+ * This mirrors React Router framework HMR contract (see `refresh-utils.mjs` in
  * `@react-router/dev`): route module updates are applied by patching
  * `window.__reactRouterRouteModules` while preserving the previous component
  * identities (React Fast Refresh swaps their implementations in place),
@@ -156,7 +152,11 @@ import * as __refreshRuntimeModule from ${JSON.stringify(reactRefreshRuntimePath
 // Read revision so the import survives sideEffects: false tree-shaking.
 import __hdrRevision from ${JSON.stringify(hdrRevisionFilePath)};
 
-void __hdrRevision;
+let latestHdrRevision = __hdrRevision;
+
+export function getReactRouterHdrRevision() {
+  return latestHdrRevision;
+}
 
 const RefreshRuntime =
   __refreshRuntimeModule && __refreshRuntimeModule.performReactRefresh
@@ -166,6 +166,7 @@ const RefreshRuntime =
 const pendingRouteUpdates = new Map();
 let flushTimeout;
 let pendingRevalidation = false;
+let pendingComponentRouteRevalidation = false;
 
 function getCurrentRouterPath(router) {
   const basename = router.basename || '/';
@@ -199,10 +200,10 @@ export function registerReactRouterRouteExports(routeId, moduleExports) {
 
 export function scheduleReactRouterRouteUpdate(
   routeId,
-  routeFlags,
+  routeMetadata,
   getRouteModuleExports
 ) {
-  pendingRouteUpdates.set(routeId, { routeFlags, getRouteModuleExports });
+  pendingRouteUpdates.set(routeId, { routeMetadata, getRouteModuleExports });
   scheduleFlush();
 }
 
@@ -228,16 +229,8 @@ function takePendingRouteUpdates() {
   return updates;
 }
 
-function getRouteMetadata(routeFlags) {
-  return {
-${HMR_PATCHABLE_ROUTE_FLAGS.map(
-  (flag, index) => `    ${flag}: Boolean(routeFlags & ${1 << index}),`
-).join('\n')}
-  };
-}
-
 function applyRouteModuleUpdate(routeId, update, routeEntry, routeModules) {
-  Object.assign(routeEntry, getRouteMetadata(update.routeFlags));
+  Object.assign(routeEntry, update.routeMetadata);
   const imported = update.getRouteModuleExports();
   registerReactRouterRouteExports(routeId, imported);
   const current = routeModules[routeId];
@@ -294,11 +287,7 @@ function patchCurrentRouteMatches(router, routes) {
 
 function applyPendingRouteUpdates(router, routeModules, manifest, context) {
   if (pendingRouteUpdates.size === 0) {
-    return {
-      nextManifest: undefined,
-      shouldRefreshRouteState: false,
-      routesToRevalidate: new Set(),
-    };
+    return { nextManifest: undefined, hmrRoutes: undefined };
   }
 
   // Clone only entries mutated before the manifest is committed in flush().
@@ -309,8 +298,7 @@ function applyPendingRouteUpdates(router, routeModules, manifest, context) {
     const existingEntry = nextManifest.routes[routeId];
     if (!existingEntry) continue;
 
-    // Shallow clone is enough: only top-level flags are mutated below.
-    const routeEntry = { ...existingEntry };
+    const routeEntry = JSON.parse(JSON.stringify(existingEntry));
     nextManifest.routes[routeId] = routeEntry;
     applyRouteModuleUpdate(routeId, update, routeEntry, routeModules);
     if (
@@ -332,54 +320,52 @@ function applyPendingRouteUpdates(router, routeModules, manifest, context) {
     }
   }
 
+  let hmrRoutes;
   if (
     typeof router.createRoutesForHMR === 'function' &&
     typeof router._internalSetRoutes === 'function'
   ) {
-    const routes = router.createRoutesForHMR(
+    hmrRoutes = router.createRoutesForHMR(
       routesToRevalidate,
       nextManifest.routes,
       routeModules,
       context.ssr,
       context.isSpaMode
     );
-    router._internalSetRoutes(routes);
-    patchCurrentRouteMatches(router, routes);
+    router._internalSetRoutes(hmrRoutes);
   }
 
-  return { nextManifest, shouldRefreshRouteState, routesToRevalidate };
+  return { nextManifest, hmrRoutes, shouldRefreshRouteState };
 }
 
-async function withHdrActive(fn) {
+async function revalidateRouter(router) {
   try {
     window.__reactRouterHdrActive = true;
-    await fn();
+    if (typeof router.revalidate === 'function') {
+      await router.revalidate();
+      return;
+    }
+    if (typeof router.navigate === 'function') {
+      await router.navigate(getCurrentRouterPath(router), {
+        replace: true,
+        preventScrollReset: true,
+      });
+    }
   } finally {
     window.__reactRouterHdrActive = false;
   }
 }
 
-async function revalidateRouter(router) {
-  if (typeof router.revalidate === 'function') {
-    await withHdrActive(() => router.revalidate());
+async function refreshRouteState(router) {
+  if (typeof router.revalidate !== 'function') {
     return;
   }
-  if (typeof router.navigate === 'function') {
-    await withHdrActive(() =>
-      router.navigate(getCurrentRouterPath(router), {
-        replace: true,
-        preventScrollReset: true,
-      })
-    );
-  }
-}
-
-async function refreshRouteState(router) {
-  if (typeof router.revalidate === 'function') {
-    await withHdrActive(() => router.revalidate());
-    return true;
+  try {
+    window.__reactRouterHdrActive = true;
+    await router.revalidate();
+  } finally {
+    window.__reactRouterHdrActive = false;
   }
-  return false;
 }
 
 function performReactRefresh() {
@@ -391,6 +377,34 @@ function performReactRefresh() {
   }
 }
 
+function applyManifestUpdate(nextRoutes) {
+  const router = window.__reactRouterDataRouter;
+  const routeModules = window.__reactRouterRouteModules;
+  const manifest = window.__reactRouterManifest;
+  const context = window.__reactRouterContext;
+  if (
+    !router ||
+    !routeModules ||
+    !manifest ||
+    !context ||
+    !nextRoutes ||
+    typeof router.createRoutesForHMR !== 'function' ||
+    typeof router._internalSetRoutes !== 'function'
+  ) {
+    return;
+  }
+  const routes = router.createRoutesForHMR(
+    new Set(Object.keys(nextRoutes)),
+    nextRoutes,
+    routeModules,
+    context.ssr,
+    context.isSpaMode
+  );
+  manifest.routes = nextRoutes;
+  router._internalSetRoutes(routes);
+  patchCurrentRouteMatches(router, routes);
+}
+
 async function flush() {
   const router = window.__reactRouterDataRouter;
   const routeModules = window.__reactRouterRouteModules;
@@ -402,30 +416,48 @@ async function flush() {
 
   let shouldRevalidate = pendingRevalidation;
   pendingRevalidation = false;
-  const { nextManifest, shouldRefreshRouteState, routesToRevalidate } =
+  const { nextManifest, hmrRoutes, shouldRefreshRouteState } =
     applyPendingRouteUpdates(router, routeModules, manifest, context);
-  if (nextManifest) {
+  // Loader updates must be visible during revalidation. Component-only routes
+  // stay staged until revalidation completes, matching React Router's HMR flow.
+  if (nextManifest && shouldRefreshRouteState) {
+    pendingComponentRouteRevalidation = false;
+    if (hmrRoutes) {
+      patchCurrentRouteMatches(router, hmrRoutes);
+    }
     Object.assign(manifest, nextManifest);
-  }
-  // Component-only updates do not need a full loader revalidation.
-  if (
-    shouldRefreshRouteState &&
-    (routesToRevalidate.size > 0 || shouldRevalidate)
-  ) {
-    if (await refreshRouteState(router)) {
-      shouldRevalidate = false;
+    await refreshRouteState(router);
+    shouldRevalidate = false;
+  } else if (nextManifest) {
+    if (hmrRoutes) {
+      patchCurrentRouteMatches(router, hmrRoutes);
+    }
+    Object.assign(manifest, nextManifest);
+    // The node compiler also emits an HDR revision for this route edit. If it
+    // did not arrive in this flush, consume that redundant revalidation later.
+    pendingComponentRouteRevalidation = !shouldRevalidate;
+    shouldRevalidate = false;
+  } else if (shouldRevalidate) {
+    if (pendingComponentRouteRevalidation) {
+      pendingComponentRouteRevalidation = false;
+    } else {
+      await revalidateRouter(router);
     }
-  }
-  if (shouldRevalidate) {
-    await revalidateRouter(router);
   }
   performReactRefresh();
 }
 
 if (typeof window !== 'undefined' && import.meta.webpackHot) {
+  import.meta.webpackHot.on(
+    ${JSON.stringify(DEV_MANIFEST_UPDATE_EVENT)},
+    applyManifestUpdate
+  );
   import.meta.webpackHot.accept(
     ${JSON.stringify(hdrRevisionFilePath)},
-    scheduleReactRouterRevalidation
+    () => {
+      latestHdrRevision = __hdrRevision;
+      scheduleReactRouterRevalidation();
+    }
   );
 }
 `;
diff --git a/src/dev-runtime-artifacts.ts b/src/dev-runtime-artifacts.ts
index c82a3548..20be0f4a 100644
--- a/src/dev-runtime-artifacts.ts
+++ b/src/dev-runtime-artifacts.ts
@@ -5,7 +5,7 @@ import type { ServerBuild } from 'react-router';
 import type { ReactRouterManifestForDev } from './manifest.js';
 import { getCappedPluginConcurrency } from './concurrency.js';
 import { runPluginEffect, tryPluginPromise } from './effect-runtime.js';
-import { resolveServerBuildModuleEffect } from './server-build-resolution.js';
+import { resolveServerBuildModule } from './server-build-resolution.js';
 
 export type ReactRouterDevManifest = ReactRouterManifestForDev;
 
@@ -137,14 +137,17 @@ export const getEnvironmentStats = (
 const startServerBuildEvaluationEffect = (
   server: RsbuildDevServer,
   entryName: string
-): Effect.Effect<ServerBuild, Error, never> =>
+): Effect.Effect<readonly [string, ServerBuild], Error, never> =>
   tryPluginPromise(() => server.environments.node.loadBundle(entryName)).pipe(
     Effect.flatMap(buildModule =>
-      resolveServerBuildModuleEffect(
-        buildModule,
-        `Server entry ${JSON.stringify(entryName)}`
+      tryPluginPromise(() =>
+        resolveServerBuildModule(
+          buildModule,
+          `Server entry ${JSON.stringify(entryName)}`
+        )
       )
-    )
+    ),
+    Effect.map(build => [entryName, build] as const)
   );
 
 const evaluateServerBuildsEffect = (
@@ -152,12 +155,8 @@ const evaluateServerBuildsEffect = (
   entryNames: readonly string[]
 ): Effect.Effect<ReactRouterServerBuilds, Error, never> =>
   Effect.forEach(
-    entryNames.map(entryName =>
-      startServerBuildEvaluationEffect(server, entryName).pipe(
-        Effect.map(build => [entryName, build] as const)
-      )
-    ),
-    evaluation => evaluation,
+    entryNames,
+    entryName => startServerBuildEvaluationEffect(server, entryName),
     { concurrency: getCappedPluginConcurrency() }
   ).pipe(
     Effect.map(
diff --git a/src/dev-runtime-controller.ts b/src/dev-runtime-controller.ts
index 9202aa26..30f5cee2 100644
--- a/src/dev-runtime-controller.ts
+++ b/src/dev-runtime-controller.ts
@@ -1,7 +1,7 @@
 import type { RsbuildConfig, RsbuildPluginAPI, Rspack } from '@rsbuild/core';
-import * as Effect from 'effect/Effect';
 import type { ServerBuild } from 'react-router';
 import { PLUGIN_NAME } from './constants.js';
+import { escapeHtml } from './plugin-utils.js';
 import {
   beginDevCompilerAttempt,
   clearDevCompilerStart,
@@ -19,6 +19,7 @@ import {
   registerReactRouterDevRuntime,
   unregisterReactRouterDevRuntime,
 } from './dev-generation.js';
+import { DEV_MANIFEST_UPDATE_EVENT } from './dev-hmr.js';
 import {
   getEnvironmentStats,
   snapshotDevChangedFiles,
@@ -27,17 +28,11 @@ import {
   type ReactRouterDevBuildPlan,
   type ReactRouterDevManifestSet,
 } from './dev-runtime-artifacts.js';
-import { DEV_HDR_REVISION_RELATIVE_PATH } from './dev-hmr.js';
 import {
   createDevRuntimeSessionManager,
   type RuntimeBinding,
 } from './dev-runtime-session.js';
-import {
-  normalizeEffectError,
-  runPluginEffect,
-  tryPluginPromise,
-  tryPluginSync,
-} from './effect-runtime.js';
+import { normalizeEffectError } from './effect-runtime.js';
 
 type ServerSetup = Exclude<
   NonNullable<NonNullable<RsbuildConfig['server']>['setup']>,
@@ -56,6 +51,11 @@ type CreateControllerOptions = {
   api: RsbuildPluginAPI;
   isBuild: boolean;
   buildPlan: ReactRouterDevBuildPlan;
+  /**
+   * The browser HMR runtime patches route manifest metadata (loader/action
+   * flags) in place, so metadata-only changes no longer need a full reload.
+   */
+  clientPatchesRouteMetadata?: boolean | (() => boolean);
   /**
    * Invoked after a development attempt commits a re-evaluated node build for
    * changed server files. Used to signal hot data revalidation to the client.
@@ -63,36 +63,19 @@ type CreateControllerOptions = {
   onNodeRebuildCommitted?: () => void;
 };
 
-const escapeHtml = (value: string): string =>
-  value
-    .replaceAll('&', '&amp;')
-    .replaceAll('<', '&lt;')
-    .replaceAll('>', '&gt;');
-
 const CSS_SOURCE_RELOAD_DELAY_MS = 1000;
 
 const isHdrRevisionFile = (file: string): boolean =>
-  file.includes(DEV_HDR_REVISION_RELATIVE_PATH);
+  file.includes('.react-router/hdr-revision.mjs');
 
 const isCssSourceFile = (file: string): boolean =>
   /\.css(?:\.[cm]?[jt]s)?$/.test(file);
 
-// A change that should bump the HDR revision: anything except the revision
-// file itself (the bump's own echo) and CSS sources (styling never changes
-// loader data).
-const hasHdrTriggeringChange = (files: Iterable<string>): boolean => {
-  for (const file of files) {
-    if (!isHdrRevisionFile(file) && !isCssSourceFile(file)) {
-      return true;
-    }
-  }
-  return false;
-};
-
 export const createReactRouterDevRuntimeController = ({
   api,
   isBuild,
   buildPlan,
+  clientPatchesRouteMetadata,
   onNodeRebuildCommitted,
 }: CreateControllerOptions): ReactRouterDevRuntimeController => {
   if (isBuild) {
@@ -165,56 +148,44 @@ export const createReactRouterDevRuntimeController = ({
     NonNullable<DevGraphIdentity['node']>
   >();
 
-  const finishRuntimeAttemptEffect = (
+  const finishRuntimeAttempt = async (
     binding: RuntimeBinding,
     pair: DevCompilerPair,
     stats: DevRuntimeStats,
     changes: Parameters<RuntimeBinding['runtime']['finishAttempt']>[1],
     identity: Parameters<RuntimeBinding['runtime']['finishAttempt']>[2]
-  ): Effect.Effect<void, Error, never> =>
-    tryPluginPromise(() =>
-      binding.runtime.finishAttempt(stats, changes, identity)
-    ).pipe(
-      Effect.flatMap(result =>
-        tryPluginSync(() => {
-          if (sessions.getActiveBinding()?.id !== binding.id) {
-            return;
-          }
-          if (result === 'retry-node') {
-            pair.node.watching?.invalidate();
-            return;
-          }
-          if (
-            result === 'committed' &&
-            changes.node.known &&
-            identity.node !== undefined &&
-            hdrSignaledNodeIdentity.get(pair) !== identity.node &&
-            hasHdrTriggeringChange(changes.node.files)
-          ) {
-            hdrSignaledNodeIdentity.set(pair, identity.node);
-            onNodeRebuildCommitted?.();
-          }
-        })
-      ),
-      Effect.catchAll(cause =>
-        tryPluginSync(() => {
-          if (sessions.getActiveBinding()?.id === binding.id) {
-            binding.runtime.failAttempt(normalizeEffectError(cause));
-          }
-        })
-      )
-    );
-
-  const finishRuntimeAttempt = (
-    binding: RuntimeBinding,
-    pair: DevCompilerPair,
-    stats: DevRuntimeStats,
-    changes: Parameters<RuntimeBinding['runtime']['finishAttempt']>[1],
-    identity: Parameters<RuntimeBinding['runtime']['finishAttempt']>[2]
-  ): Promise<void> =>
-    runPluginEffect(
-      finishRuntimeAttemptEffect(binding, pair, stats, changes, identity)
-    );
+  ): Promise<void> => {
+    try {
+      const result = await binding.runtime.finishAttempt(
+        stats,
+        changes,
+        identity
+      );
+      if (sessions.getActiveBinding()?.id !== binding.id) {
+        return;
+      }
+      if (result === 'retry-node') {
+        pair.node.watching?.invalidate();
+        return;
+      }
+      if (
+        result === 'committed' &&
+        changes.node.known &&
+        identity.node !== undefined &&
+        hdrSignaledNodeIdentity.get(pair) !== identity.node &&
+        Array.from(changes.node.files).some(
+          file => !isHdrRevisionFile(file) && !isCssSourceFile(file)
+        )
+      ) {
+        hdrSignaledNodeIdentity.set(pair, identity.node);
+        onNodeRebuildCommitted?.();
+      }
+    } catch (cause) {
+      if (sessions.getActiveBinding()?.id === binding.id) {
+        binding.runtime.failAttempt(normalizeEffectError(cause));
+      }
+    }
+  };
 
   const flushSettledAttempt = (
     binding: RuntimeBinding,
@@ -306,11 +277,22 @@ export const createReactRouterDevRuntimeController = ({
           reloadAfterCssAssetOwnershipRemoval = change === 'removed';
           sendCssAssetOwnershipReload();
         },
-        onRouteManifestChanged() {
+        onRouteManifestChanged(manifest) {
           if (sessions.getActiveBinding()?.runtime !== runtime) {
             return;
           }
-          server.sockWrite('full-reload', { path: '*' });
+          const patchesRouteMetadata =
+            typeof clientPatchesRouteMetadata === 'function'
+              ? clientPatchesRouteMetadata()
+              : clientPatchesRouteMetadata;
+          if (patchesRouteMetadata) {
+            server.sockWrite('custom', {
+              event: DEV_MANIFEST_UPDATE_EVENT,
+              data: manifest.routes,
+            });
+          } else {
+            server.sockWrite('full-reload', { path: '*' });
+          }
         },
         onWarning: message => api.logger.warn(message),
       });
@@ -566,21 +548,29 @@ export const createReactRouterDevRuntimeController = ({
     },
 
     createBuildLoader(entryName?: string): () => Promise<ServerBuild> {
-      const server = sessions.getActiveBinding()?.server;
-      if (server) {
-        return () => loadReactRouterServerBuild(server, entryName);
-      }
-      const state = sessions.getState();
-      if (state.status === 'terminal') {
-        const { error } = state;
-        return () => Promise.reject(error);
-      }
-      return () =>
-        Promise.reject(
+      // Pin the loader to the dev-server session active at creation time. Once a
+      // loader is handed to React Router for session N it must keep serving N (or
+      // fail loudly with 'not registered' once N closes) and never silently migrate
+      // to a replacement session — this preserves SSR generation/session coherency.
+      // The live fallback below applies ONLY when no session exists yet at creation
+      // (boundServer === undefined), i.e. a loader built during config setup before
+      // the dev server has started; there is no session to stay coherent with yet.
+      const boundServer = sessions.getActiveBinding()?.server;
+      return () => {
+        const server = boundServer ?? sessions.getActiveBinding()?.server;
+        if (server) {
+          return loadReactRouterServerBuild(server, entryName);
+        }
+        const state = sessions.getState();
+        if (state.status === 'terminal') {
+          return Promise.reject(state.error);
+        }
+        return Promise.reject(
           new Error(
             `[${PLUGIN_NAME}] The development server runtime is not ready.`
           )
         );
+      };
     },
   };
 };
diff --git a/src/dev-runtime-session.ts b/src/dev-runtime-session.ts
index 54dd4607..e6b10f6f 100644
--- a/src/dev-runtime-session.ts
+++ b/src/dev-runtime-session.ts
@@ -1,13 +1,8 @@
 import type { RsbuildDevServer } from '@rsbuild/core';
-import * as Effect from 'effect/Effect';
 import { PLUGIN_NAME } from './constants.js';
 import type { ReactRouterDevRuntime } from './dev-generation.js';
 import type { DevCompilerPair } from './dev-runtime-compilation.js';
-import {
-  runPluginEffect,
-  tryPluginPromise,
-  tryPluginSync,
-} from './effect-runtime.js';
+import { normalizeEffectError } from './effect-runtime.js';
 
 export type RuntimeBinding = {
   id: number;
@@ -115,18 +110,19 @@ export const createDevRuntimeSessionManager = (
       if (observation.promise) {
         return observation.promise;
       }
-      observation.promise = runPluginEffect(
-        tryPluginPromise(close).pipe(
-          Effect.tap(() =>
-            tryPluginSync(() => applyCloseOutcome(observation, { ok: true }))
-          ),
-          Effect.catchAll(cause =>
-            tryPluginSync(() =>
-              applyCloseOutcome(observation, { ok: false, cause })
-            ).pipe(Effect.zipRight(Effect.fail(cause)))
-          )
-        )
-      );
+      let closePromise: Promise<void>;
+      try {
+        closePromise = Promise.resolve(close());
+      } catch (cause) {
+        closePromise = Promise.reject(normalizeEffectError(cause));
+      }
+      observation.promise = closePromise
+        .then(() => applyCloseOutcome(observation, { ok: true }))
+        .catch(cause => {
+          const error = normalizeEffectError(cause);
+          applyCloseOutcome(observation, { ok: false, cause: error });
+          throw error;
+        });
       return observation.promise;
     };
     closeObservationByServer.set(server, observation);
diff --git a/src/dev-server.ts b/src/dev-server.ts
index 3b0e3281..fe96c8c2 100644
--- a/src/dev-server.ts
+++ b/src/dev-server.ts
@@ -1,6 +1,7 @@
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { RsbuildConfig } from '@rsbuild/core';
 import type { ServerBuild } from 'react-router';
+import { installDevServerSourceMapSupport } from './dev-source-maps.js';
 
 export type ServerSetup = Exclude<
   NonNullable<NonNullable<RsbuildConfig['server']>['setup']>,
@@ -83,6 +84,7 @@ export const createReactRouterDevServerSetup = ({
     // middlewares, so static assets are served before the React Router
     // request handler.
     return () => {
+      installDevServerSourceMapSupport();
       context.server.middlewares.use(createDevServerMiddleware({ loadBuild }));
     };
   };
diff --git a/src/dev-source-maps.ts b/src/dev-source-maps.ts
new file mode 100644
index 00000000..00cdeb4a
--- /dev/null
+++ b/src/dev-source-maps.ts
@@ -0,0 +1,257 @@
+import { existsSync, readFileSync, statSync } from 'node:fs';
+import { SourceMap, type SourceMapPayload } from 'node:module';
+import { dirname, isAbsolute, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import type { Rspack } from '@rsbuild/core';
+
+type CachedSourceMap = {
+  cacheKey: string;
+  sourceMap: SourceMap | null;
+};
+
+type InMemorySourceMap = {
+  load: () => SourceMapPayload | null;
+  sourceMap?: SourceMap | null;
+};
+
+const SOURCE_MAPPING_URL_MARKER = '//# sourceMappingURL=';
+const GENERATED_JS_FRAME_RE =
+  /(file:\/\/\/[^\s()]+\.m?js|\/[^\s()]+\.m?js):(\d+):(\d+)/g;
+
+let installed = false;
+let previousPrepareStackTrace: typeof Error.prepareStackTrace;
+const sourceMapCache = new Map<string, CachedSourceMap>();
+const inMemorySourceMaps = new Map<string, InMemorySourceMap>();
+const generatedFilesByOutputPath = new Map<string, Set<string>>();
+
+const getGeneratedFilePath = (fileName: string): string => {
+  if (fileName.startsWith('file://')) {
+    return fileURLToPath(fileName);
+  }
+  return fileName;
+};
+
+const getCacheKey = (filePath: string): string | null => {
+  try {
+    const generatedStats = statSync(filePath);
+    const mapPath = `${filePath}.map`;
+    const mapStats = existsSync(mapPath) ? statSync(mapPath) : undefined;
+    return [
+      generatedStats.mtimeMs,
+      generatedStats.size,
+      mapStats?.mtimeMs ?? 0,
+      mapStats?.size ?? 0,
+    ].join(':');
+  } catch {
+    return null;
+  }
+};
+
+const parseSourceMapPayload = (sourceMapJson: string): SourceMapPayload => {
+  const payload = JSON.parse(sourceMapJson) as Partial<SourceMapPayload>;
+  return {
+    file: payload.file ?? '',
+    version: payload.version ?? 3,
+    sources: payload.sources ?? [],
+    sourcesContent: payload.sourcesContent ?? [],
+    names: payload.names ?? [],
+    mappings: payload.mappings ?? '',
+    sourceRoot: payload.sourceRoot ?? '',
+  };
+};
+
+const toSourceMapPayload = (value: unknown): SourceMapPayload | null => {
+  if (!value || typeof value !== 'object') {
+    return null;
+  }
+  const payload = value as Partial<SourceMapPayload>;
+  return {
+    file: payload.file ?? '',
+    version: payload.version ?? 3,
+    sources: payload.sources ?? [],
+    sourcesContent: payload.sourcesContent ?? [],
+    names: payload.names ?? [],
+    mappings: payload.mappings ?? '',
+    sourceRoot: payload.sourceRoot ?? '',
+  };
+};
+
+const readInlineSourceMap = (filePath: string): string | null => {
+  const source = readFileSync(filePath, 'utf8');
+  const markerIndex = source.lastIndexOf(SOURCE_MAPPING_URL_MARKER);
+  if (markerIndex === -1) {
+    return null;
+  }
+
+  const sourceMapUrlStart = markerIndex + SOURCE_MAPPING_URL_MARKER.length;
+  const nextLineIndex = source.indexOf('\n', sourceMapUrlStart);
+  const sourceMapUrl = source
+    .slice(sourceMapUrlStart, nextLineIndex === -1 ? undefined : nextLineIndex)
+    .trim();
+  if (!sourceMapUrl.startsWith('data:')) {
+    return null;
+  }
+
+  const commaIndex = sourceMapUrl.indexOf(',');
+  if (commaIndex === -1) {
+    return null;
+  }
+
+  const metadata = sourceMapUrl.slice(0, commaIndex);
+  const data = sourceMapUrl.slice(commaIndex + 1);
+  return metadata.endsWith(';base64')
+    ? Buffer.from(data, 'base64').toString('utf8')
+    : decodeURIComponent(data);
+};
+
+const readSourceMapPayload = (filePath: string): SourceMapPayload | null => {
+  const inlineSourceMap = readInlineSourceMap(filePath);
+  if (inlineSourceMap) {
+    return parseSourceMapPayload(inlineSourceMap);
+  }
+
+  const externalSourceMapPath = `${filePath}.map`;
+  if (!existsSync(externalSourceMapPath)) {
+    return null;
+  }
+
+  return parseSourceMapPayload(readFileSync(externalSourceMapPath, 'utf8'));
+};
+
+const getSourceMap = (filePath: string): SourceMap | null => {
+  const inMemory = inMemorySourceMaps.get(filePath);
+  if (inMemory) {
+    if (inMemory.sourceMap !== undefined) {
+      return inMemory.sourceMap;
+    }
+    try {
+      const payload = inMemory.load();
+      inMemory.sourceMap = payload ? new SourceMap(payload) : null;
+    } catch {
+      inMemory.sourceMap = null;
+    }
+    return inMemory.sourceMap;
+  }
+
+  const cacheKey = getCacheKey(filePath);
+  if (!cacheKey) {
+    return null;
+  }
+
+  const cached = sourceMapCache.get(filePath);
+  if (cached?.cacheKey === cacheKey) {
+    return cached.sourceMap;
+  }
+
+  let sourceMap: SourceMap | null = null;
+  try {
+    const payload = readSourceMapPayload(filePath);
+    sourceMap = payload ? new SourceMap(payload) : null;
+  } catch {
+    sourceMap = null;
+  }
+
+  sourceMapCache.set(filePath, { cacheKey, sourceMap });
+  return sourceMap;
+};
+
+export const registerDevServerSourceMaps = (
+  compilation: Pick<Rspack.Compilation, 'getAssets' | 'outputOptions'>
+): void => {
+  const outputPath = compilation.outputOptions.path;
+  if (!outputPath) {
+    return;
+  }
+  const previousFiles = generatedFilesByOutputPath.get(outputPath);
+  if (previousFiles) {
+    for (const filePath of previousFiles) {
+      inMemorySourceMaps.delete(filePath);
+    }
+  }
+
+  const assets = compilation.getAssets();
+  const assetsByName = new Map(assets.map(asset => [asset.name, asset]));
+  const generatedFiles = new Set<string>();
+
+  for (const asset of assets) {
+    if (!/\.m?js$/.test(asset.name)) {
+      continue;
+    }
+
+    const generatedFilePath = resolve(outputPath, asset.name);
+    const externalMap = assetsByName.get(`${asset.name}.map`);
+    const load = externalMap
+      ? () =>
+          parseSourceMapPayload(externalMap.source.buffer().toString('utf8'))
+      : () => toSourceMapPayload(asset.source.map());
+
+    generatedFiles.add(generatedFilePath);
+    inMemorySourceMaps.set(generatedFilePath, { load });
+  }
+
+  generatedFilesByOutputPath.set(outputPath, generatedFiles);
+};
+
+const resolveOriginalFileName = (
+  generatedFilePath: string,
+  originalFileName: string
+): string => {
+  if (
+    isAbsolute(originalFileName) ||
+    originalFileName.startsWith('node:') ||
+    originalFileName.includes('://')
+  ) {
+    return originalFileName;
+  }
+  return resolve(dirname(generatedFilePath), originalFileName);
+};
+
+export const remapDevServerStack = (stack: string): string =>
+  stack.replace(GENERATED_JS_FRAME_RE, (match, fileName, line, column) => {
+    const generatedFilePath = getGeneratedFilePath(fileName);
+    const sourceMap = getSourceMap(generatedFilePath);
+    const origin = sourceMap?.findOrigin(Number(line), Number(column));
+    if (!origin || !('fileName' in origin)) {
+      return match;
+    }
+
+    return `${resolveOriginalFileName(
+      generatedFilePath,
+      origin.fileName
+    )}:${origin.lineNumber}:${origin.columnNumber}`;
+  });
+
+const formatStackTrace = (
+  error: Error,
+  callSites: NodeJS.CallSite[]
+): string => {
+  const message = error.message
+    ? `${error.name}: ${error.message}`
+    : error.name;
+  const frames = callSites.map(callSite => `    at ${callSite.toString()}`);
+  return [message, ...frames].join('\n');
+};
+
+const prepareStackTrace: NonNullable<typeof Error.prepareStackTrace> = (
+  error,
+  callSites
+) => {
+  const formattedStack =
+    previousPrepareStackTrace && previousPrepareStackTrace !== prepareStackTrace
+      ? previousPrepareStackTrace(error, callSites)
+      : formatStackTrace(error, callSites);
+
+  return typeof formattedStack === 'string'
+    ? remapDevServerStack(formattedStack)
+    : formattedStack;
+};
+
+export const installDevServerSourceMapSupport = (): void => {
+  if (installed) {
+    return;
+  }
+
+  installed = true;
+  previousPrepareStackTrace = Error.prepareStackTrace;
+  Error.prepareStackTrace = prepareStackTrace;
+};
diff --git a/src/effect-runtime.ts b/src/effect-runtime.ts
index cf9aca3e..573713ce 100644
--- a/src/effect-runtime.ts
+++ b/src/effect-runtime.ts
@@ -1,9 +1,80 @@
 import * as Cause from 'effect/Cause';
+import * as Context from 'effect/Context';
 import * as Duration from 'effect/Duration';
 import * as Effect from 'effect/Effect';
+import * as ExecutionStrategy from 'effect/ExecutionStrategy';
 import * as Exit from 'effect/Exit';
 import * as Fiber from 'effect/Fiber';
+import * as FiberSet from 'effect/FiberSet';
+import * as Layer from 'effect/Layer';
+import * as ManagedRuntime from 'effect/ManagedRuntime';
 import * as Option from 'effect/Option';
+import * as Scope from 'effect/Scope';
+
+const PluginFibers = Context.GenericTag<FiberSet.FiberSet>(
+  'rsbuild-plugin-react-router/PluginFibers'
+);
+type PluginResources = { readonly scope: Scope.CloseableScope };
+const PluginResources: Context.Tag<PluginResources, PluginResources> =
+  Context.GenericTag<PluginResources>(
+    'rsbuild-plugin-react-router/PluginResources'
+  );
+
+type PluginRuntimeContext = Scope.Scope | FiberSet.FiberSet | PluginResources;
+
+const PluginRuntimeLive = Layer.scopedContext(
+  Effect.gen(function* () {
+    const scope = yield* Effect.scope;
+    const resources = yield* Scope.fork(scope, ExecutionStrategy.sequential);
+    const fiberScope = yield* Scope.fork(scope, ExecutionStrategy.sequential);
+    const fibers = yield* FiberSet.make().pipe(
+      Effect.provideService(Scope.Scope, fiberScope)
+    );
+    return Context.make(Scope.Scope, resources).pipe(
+      Context.add(PluginFibers, fibers),
+      Context.add(PluginResources, { scope: resources })
+    );
+  })
+);
+
+export type PluginEffectRuntime = Pick<
+  ManagedRuntime.ManagedRuntime<PluginRuntimeContext, never>,
+  'runFork' | 'runPromise'
+> & {
+  readonly dispose: () => Promise<void>;
+};
+
+export const createPluginEffectRuntime = (): PluginEffectRuntime => {
+  const runtime = ManagedRuntime.make(PluginRuntimeLive);
+  let fiberRunFork: typeof runtime.runFork | undefined;
+
+  let disposePromise: Promise<void> | undefined;
+
+  return {
+    runPromise: runtime.runPromise,
+    runFork: (effect, options) => {
+      if (disposePromise) return Effect.runFork(Effect.interrupt);
+      return (fiberRunFork ??= runtime.runSync(
+        Effect.flatMap(PluginFibers, fibers =>
+          FiberSet.runtime(fibers)<PluginRuntimeContext>()
+        )
+      ))(effect, options);
+    },
+    // Resource finalizers cancel their owned fibers before runtime disposal
+    // closes the fiber scope and interrupts any stragglers. Deferring by one
+    // microtask also lets a managed fiber request its own shutdown safely.
+    dispose: (): Promise<void> =>
+      (disposePromise ??= Promise.resolve()
+        .then(() =>
+          runtime.runPromise(
+            Effect.flatMap(PluginResources, ({ scope }) =>
+              Scope.close(scope, Exit.void)
+            )
+          )
+        )
+        .finally(() => runtime.dispose())),
+  };
+};
 
 export const DEV_BACKGROUND_STARTUP_DELAY_MS = 3_000;
 
@@ -27,14 +98,6 @@ export const runPluginEffect = async <A, E>(
   throw normalizeEffectCause(exit.cause);
 };
 
-export const tryPluginSync = <A>(
-  evaluate: () => A
-): Effect.Effect<A, Error, never> =>
-  Effect.try({
-    try: evaluate,
-    catch: normalizeEffectError,
-  });
-
 export const tryPluginPromise = <A>(
   evaluate: () => PromiseLike<A> | A
 ): Effect.Effect<A, Error, never> =>
@@ -46,45 +109,38 @@ export const tryPluginPromise = <A>(
 type DelayedPluginTask = {
   schedule(): void;
   reschedule(): void;
-  cancelEffect(): Effect.Effect<void, Error, never>;
-  cancel(): Promise<void>;
+  cancelEffect(): Effect.Effect<void>;
 };
 
 export const createDelayedPluginTask = ({
+  runtime,
   delayMs,
   run,
   onError,
 }: {
+  runtime: PluginEffectRuntime;
   delayMs: number;
-  run: () => Effect.Effect<void, Error, never>;
+  run: () => Effect.Effect<void, Error, Scope.Scope>;
   onError: (error: Error) => void;
 }): DelayedPluginTask => {
-  let activeFiber: ReturnType<typeof Effect.runFork> | undefined;
-  let version = 0;
-
-  const cancelActiveEffect = (): Effect.Effect<void, Error, never> =>
-    Effect.sync(() => {
-      const fiber = activeFiber;
-      activeFiber = undefined;
-      return fiber;
-    }).pipe(
-      Effect.flatMap(fiber =>
-        fiber ? Fiber.interrupt(fiber).pipe(Effect.asVoid) : Effect.void
-      )
-    );
-
-  const cancelEffect = (): Effect.Effect<void, Error, never> =>
-    Effect.sync(() => {
-      version += 1;
-    }).pipe(Effect.zipRight(cancelActiveEffect()));
-
-  const start = (taskVersion: number): void => {
-    if (activeFiber || version !== taskVersion) {
+  let fiber: ReturnType<PluginEffectRuntime['runFork']> | null | undefined;
+
+  const cancelEffect = (): Effect.Effect<void> =>
+    Effect.suspend(() => {
+      const activeFiber = fiber;
+      fiber = null;
+      return activeFiber
+        ? Fiber.interrupt(activeFiber).pipe(Effect.asVoid)
+        : Effect.void;
+    });
+
+  const start = (): void => {
+    if (fiber !== undefined) {
       return;
     }
 
-    let fiber: ReturnType<typeof Effect.runFork>;
-    fiber = Effect.runFork(
+    let activeFiber: ReturnType<PluginEffectRuntime['runFork']>;
+    activeFiber = runtime.runFork(
       Effect.sleep(Duration.millis(delayMs)).pipe(
         Effect.zipRight(Effect.suspend(run)),
         Effect.catchAll(error =>
@@ -94,37 +150,29 @@ export const createDelayedPluginTask = ({
         ),
         Effect.ensuring(
           Effect.sync(() => {
-            if (activeFiber === fiber) {
-              activeFiber = undefined;
+            if (fiber === activeFiber) {
+              fiber = undefined;
             }
           })
         )
       )
     );
-    activeFiber = fiber;
+    fiber = activeFiber;
   };
 
-  return {
-    schedule(): void {
-      if (activeFiber) {
-        return;
-      }
-      version += 1;
-      start(version);
-    },
-
-    reschedule(): void {
-      version += 1;
-      const taskVersion = version;
-      void runPluginEffect(cancelActiveEffect())
-        .then(() => start(taskVersion))
-        .catch(onError);
-    },
+  const reschedule = (): void => {
+    if (fiber) {
+      runtime.runFork(
+        Fiber.interrupt(fiber).pipe(Effect.ensuring(Effect.sync(start)))
+      );
+    } else {
+      start();
+    }
+  };
 
+  return {
+    schedule: start,
+    reschedule,
     cancelEffect,
-
-    async cancel(): Promise<void> {
-      await runPluginEffect(cancelEffect());
-    },
   };
 };
diff --git a/src/entry-paths.ts b/src/entry-paths.ts
new file mode 100644
index 00000000..b0744e2a
--- /dev/null
+++ b/src/entry-paths.ts
@@ -0,0 +1,80 @@
+import { existsSync } from 'node:fs';
+import { resolve } from 'pathe';
+import { findEntryFile } from './plugin-utils.js';
+
+type ReactRouterEntryPathsOptions = {
+  appDirectory: string;
+  templatesDirectory: string;
+};
+
+export type ReactRouterEntryPaths = {
+  devServerBuildEntryName: string;
+  finalEntryClientPath: string;
+  finalEntryRscClientPath: string;
+  finalEntryRscPath: string;
+  finalEntryRscSsrPath: string;
+  finalEntryServerPath: string;
+  hasServerApp: boolean;
+  serverAppPath: string;
+};
+
+const resolveEntryWithTemplate = ({
+  appDirectory,
+  entryName,
+  templateName,
+  templatesDirectory,
+}: ReactRouterEntryPathsOptions & {
+  entryName: string;
+  templateName: string;
+}): string => {
+  const userEntryPath = findEntryFile(resolve(appDirectory, entryName));
+  return existsSync(userEntryPath)
+    ? userEntryPath
+    : resolve(templatesDirectory, templateName);
+};
+
+export const resolveReactRouterEntryPaths = ({
+  appDirectory,
+  templatesDirectory,
+}: ReactRouterEntryPathsOptions): ReactRouterEntryPaths => {
+  const serverAppPath = findEntryFile(resolve(appDirectory, '../server/index'));
+  const hasServerApp = existsSync(serverAppPath);
+
+  return {
+    devServerBuildEntryName: hasServerApp
+      ? 'static/js/react-router-server-build'
+      : 'static/js/app',
+    finalEntryClientPath: resolveEntryWithTemplate({
+      appDirectory,
+      entryName: 'entry.client',
+      templateName: 'entry.client.js',
+      templatesDirectory,
+    }),
+    finalEntryServerPath: resolveEntryWithTemplate({
+      appDirectory,
+      entryName: 'entry.server',
+      templateName: 'entry.server.js',
+      templatesDirectory,
+    }),
+    finalEntryRscClientPath: resolveEntryWithTemplate({
+      appDirectory,
+      entryName: 'entry.rsc.client',
+      templateName: 'entry.rsc.client.js',
+      templatesDirectory,
+    }),
+    finalEntryRscPath: resolveEntryWithTemplate({
+      appDirectory,
+      entryName: 'entry.rsc',
+      templateName: 'entry.rsc.js',
+      templatesDirectory,
+    }),
+    finalEntryRscSsrPath: resolveEntryWithTemplate({
+      appDirectory,
+      entryName: 'entry.ssr',
+      templateName: 'entry.rsc.ssr.js',
+      templatesDirectory,
+    }),
+    hasServerApp,
+    serverAppPath,
+  };
+};
diff --git a/src/environment-output.ts b/src/environment-output.ts
new file mode 100644
index 00000000..1a4464a3
--- /dev/null
+++ b/src/environment-output.ts
@@ -0,0 +1,90 @@
+import type { RsbuildPluginAPI, Rspack } from '@rsbuild/core';
+
+// Module Federation reads asyncStartup when applying the plugin, after the
+// plugin instance has already been constructed.
+const ensureFederationAsyncStartup = (
+  rspackConfig: Rspack.Configuration | undefined
+): void => {
+  if (!rspackConfig?.plugins?.length) {
+    return;
+  }
+
+  for (const plugin of rspackConfig.plugins) {
+    if (!plugin || typeof plugin !== 'object') {
+      continue;
+    }
+    if (!('name' in plugin) || plugin.name !== 'ModuleFederationPlugin') {
+      continue;
+    }
+
+    const pluginOptions =
+      ('_options' in plugin ? plugin._options : undefined) ??
+      ('options' in plugin ? plugin.options : undefined);
+    if (!pluginOptions || typeof pluginOptions !== 'object') {
+      continue;
+    }
+
+    const experiments =
+      'experiments' in pluginOptions &&
+      pluginOptions.experiments &&
+      typeof pluginOptions.experiments === 'object'
+        ? pluginOptions.experiments
+        : undefined;
+    Object.assign(pluginOptions, {
+      experiments: { ...experiments, asyncStartup: true },
+    });
+  }
+};
+
+export const registerReactRouterEnvironmentOutput = ({
+  api,
+  federation,
+  resolvedServerOutput,
+}: {
+  api: RsbuildPluginAPI;
+  federation: boolean | undefined;
+  resolvedServerOutput: 'commonjs' | 'module';
+}): void => {
+  api.modifyEnvironmentConfig(
+    async (config, { name, mergeEnvironmentConfig }) => {
+      if (name !== 'web' && name !== 'node') {
+        return config;
+      }
+
+      return mergeEnvironmentConfig(config, {
+        tools: {
+          rspack: rspackConfig => {
+            if (federation) {
+              ensureFederationAsyncStartup(rspackConfig);
+            }
+
+            if (name === 'node') {
+              const output = rspackConfig.output;
+              if (output) {
+                const library = output.library;
+                const libraryOptions =
+                  library &&
+                  typeof library === 'object' &&
+                  !Array.isArray(library)
+                    ? library
+                    : {};
+                rspackConfig.output = {
+                  ...output,
+                  library: {
+                    ...libraryOptions,
+                    type:
+                      resolvedServerOutput === 'module'
+                        ? 'module'
+                        : 'commonjs2',
+                  },
+                };
+              }
+            }
+
+            return rspackConfig;
+          },
+        },
+      });
+    }
+  );
+};
diff --git a/src/export-utils.ts b/src/export-utils.ts
index 9d66e307..3c690ee2 100644
--- a/src/export-utils.ts
+++ b/src/export-utils.ts
@@ -15,7 +15,7 @@ type ExportInfo = {
   readonly exportAllModules: readonly string[];
 };
 
-type RouteModuleAnalysis = {
+export type RouteModuleAnalysis = {
   readonly code: string;
   readonly exports: readonly string[];
   readonly exportAllModules: readonly string[];
@@ -236,6 +236,18 @@ export const getExportNamesAndExportAll = async (
   return trackedExportInfo;
 };
 
+export const analyzeRouteModuleCode = (
+  code: string,
+  resourcePath?: string
+): RouteModuleAnalysis => {
+  const program = parseProgram(code, resourcePath);
+  return {
+    code,
+    exports: collectProgramExportNames(program),
+    exportAllModules: collectExportAllModules(program),
+  };
+};
+
 export const getRouteModuleAnalysis = async (
   resourcePath: string
 ): Promise<RouteModuleAnalysis> => {
@@ -247,12 +259,7 @@ export const getRouteModuleAnalysis = async (
 
   const analysis = (async () => {
     const source = await readFile(resourcePath, 'utf8');
-    const program = parseProgram(source, resourcePath);
-    return {
-      code: source,
-      exports: collectProgramExportNames(program),
-      exportAllModules: collectExportAllModules(program),
-    };
+    return analyzeRouteModuleCode(source, resourcePath);
   })();
 
   let trackedAnalysis: Promise<RouteModuleAnalysis>;
diff --git a/src/index.ts b/src/index.ts
index f7abb10b..a22fca80 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,102 +1,106 @@
-import { existsSync, readFileSync } from 'node:fs';
+import { existsSync } from 'node:fs';
 import fsExtra from 'fs-extra';
 import type { Config } from './react-router-config.js';
 import type { RouteConfigEntry } from '@react-router/dev/routes';
-import {
-  rspack,
-  type RsbuildEntryDescription,
-  type RsbuildPlugin,
-  type Rspack,
-} from '@rsbuild/core';
-import { createJiti } from 'jiti';
+import { rspack, type RsbuildPlugin, type Rspack } from '@rsbuild/core';
 import { relative, resolve } from 'pathe';
 
 import { getDefaultConcurrency } from './concurrency.js';
 import {
-  BUILD_CLIENT_ROUTE_QUERY_STRING,
+  DEFAULT_JS_DIST_PATH,
   JS_EXTENSIONS,
   PLUGIN_NAME,
 } from './constants.js';
 import { guardReactRouterLazyCompilation } from './lazy-compilation.js';
-import { createReactRouterDevServerSetup } from './dev-server.js';
 import {
-  generateWithProps,
   findEntryFile,
-  normalizeAssetPrefix,
+  resolveAppPackagePath,
+  resolveEffectiveAssetPrefix,
 } from './plugin-utils.js';
-import type { PluginOptions } from './types.js';
-import {
-  generateServerBuild,
-  resolveReactRouterServerBuild,
-} from './server-utils.js';
-import { resolvePrerenderPaths, validatePrerenderConfig } from './prerender.js';
+import { resolveReactRouterEntryPaths } from './entry-paths.js';
+import { registerReactRouterEnvironmentOutput } from './environment-output.js';
+import type { PluginOptions, ReactRouterRSCPluginOptions } from './types.js';
+import { resolveReactRouterServerBuild } from './server-utils.js';
+import { validatePrerenderConfig } from './prerender.js';
 import { runReactRouterPrerenderBuild } from './prerender-build.js';
+import { runReactRouterRscPrerenderBuild } from './rsc-prerender.js';
 import {
-  resolveReactRouterConfig,
+  resolveReactRouterConfigEffect,
+  resolveRouteDiscoveryConfig,
   type ResolvedReactRouterConfig,
 } from './react-router-config.js';
 import {
-  getReactRouterManifestForDev,
   configRoutesToRouteManifest,
   createReactRouterManifestStats,
+  type ReactRouterManifestForDev as ReactRouterManifest,
   type ReactRouterManifestStats,
   type RouteManifestModuleExports,
 } from './manifest.js';
+import type { RouteModuleAnalysis } from './export-utils.js';
 import { registerModifyBrowserManifestAssets } from './modify-browser-manifest.js';
-import { registerBuildOutputTransforms } from './build-output-transforms.js';
-import {
-  getRouteChunkEntryName,
-  getRouteChunkModuleId,
-  routeChunkExportNames,
-  type RouteChunkCache,
-  type RouteChunkConfig,
-} from './route-chunks.js';
 import {
-  createRouteTransformExecutor,
-  shouldParallelizeRouteTransforms,
-} from './parallel-route-transforms.js';
+  registerBuildOutputTransforms,
+  registerSsrAssetRelocation,
+} from './build-output-transforms.js';
+import { type RouteChunkCache } from './route-chunks.js';
 import { getRouteRestartMarkerPath, mergeWatchFiles } from './route-watch.js';
 import { validateRouteConfig } from './route-config.js';
-import {
-  getBuildManifest,
-  getRoutesByServerBundleId,
-} from './build-manifest.js';
-import {
-  createReactRouterNodeEntries,
-  createReactRouterServerBuildPlan,
-} from './server-build-plan.js';
 import { warnOnClientSourceMaps } from './warnings/warn-on-client-source-maps.js';
 import { validatePluginOrderFromConfig } from './validation/validate-plugin-order.js';
-import { getSsrExternals } from './ssr-externals.js';
 import {
   createReactRouterPerformanceProfiler,
   roundMs,
 } from './performance.js';
 import { mapVirtualModules } from './virtual-modules.js';
-import { createReactRouterDevRuntimeController } from './dev-runtime-controller.js';
-import { runPluginEffect, tryPluginPromise } from './effect-runtime.js';
-import { registerReactRouterTypegen } from './typegen.js';
-import { importConfigWithWatchPaths } from './config-imports.js';
-import {
-  createReactRouterRouteTopology,
-  createReactRouterRouteWatchFiles,
-  registerReactRouterDevBackgroundResources,
-} from './dev-background-resources.js';
 import {
   createDevHdrRevisionSignal,
   generateDevHmrRuntimeModule,
   getDevHdrRevisionFilePath,
   isRspackSwcReactRefreshEnabled,
   resolveReactRefreshRuntimePath,
-  DEV_HMR_RUNTIME_MODULE_ID,
 } from './dev-hmr.js';
+import {
+  createPluginEffectRuntime,
+  tryPluginPromise,
+} from './effect-runtime.js';
+import { registerReactRouterTypegen } from './typegen.js';
+import {
+  createConfigImporter,
+  type ConfigImporter,
+  importConfigWithWatchPaths,
+} from './config-imports.js';
+import {
+  createReactRouterRouteTopology,
+  createReactRouterRouteWatchFiles,
+  registerReactRouterDevBackgroundResources,
+} from './dev-background-resources.js';
+import {
+  assertReactRouterRscConfigSupport,
+  assertReactRouterRscSupport,
+  registerReactRouterRscRouteTransforms,
+  setupReactRouterRscPlugin,
+} from './rsc-support.js';
+import { createReactRouterModePlan } from './mode-plan.js';
+import {
+  acquireRouteTransformExecutor,
+  shouldParallelizeRouteTransforms,
+} from './parallel-route-transforms.js';
+import { createQuerylessRouteImportPlugin } from './route-imports.js';
+import { registerDevServerSourceMaps } from './dev-source-maps.js';
 
 export type { Config as ReactRouterRsbuildConfig } from './react-router-config.js';
 export { loadReactRouterServerBuild } from './dev-generation.js';
 export { resolveReactRouterServerBuild };
+export type { PluginOptions, ReactRouterRSCPluginOptions } from './types.js';
 
 const MIN_PARALLEL_ENVIRONMENT_BUILD_SPARE_CORES = 4;
 
+type ReactRouterPresetResolvedConfig = Parameters<
+  NonNullable<
+    NonNullable<Config['presets']>[number]['reactRouterConfigResolved']
+  >
+>[0]['reactRouterConfig'];
+
 export const shouldParallelizeEnvironmentBuilds = ({
   isBuild,
   spareCoreCount = getDefaultConcurrency(),
@@ -106,42 +110,6 @@ export const shouldParallelizeEnvironmentBuilds = ({
 }): boolean =>
   !isBuild && spareCoreCount >= MIN_PARALLEL_ENVIRONMENT_BUILD_SPARE_CORES;
 
-type ModuleFederationPluginLike = {
-  name?: string;
-  _options?: { experiments?: { asyncStartup?: boolean } };
-  options?: { experiments?: { asyncStartup?: boolean } };
-};
-
-const ensureFederationAsyncStartup = (
-  rspackConfig: Rspack.Configuration | undefined
-): void => {
-  if (!rspackConfig?.plugins?.length) {
-    return;
-  }
-
-  for (const plugin of rspackConfig.plugins) {
-    if (!plugin || typeof plugin !== 'object') {
-      continue;
-    }
-    const pluginName = (plugin as ModuleFederationPluginLike).name;
-    if (pluginName !== 'ModuleFederationPlugin') {
-      continue;
-    }
-
-    const pluginOptions =
-      (plugin as ModuleFederationPluginLike)._options ??
-      (plugin as ModuleFederationPluginLike).options;
-    if (!pluginOptions) {
-      continue;
-    }
-
-    pluginOptions.experiments = {
-      ...pluginOptions.experiments,
-      asyncStartup: true,
-    };
-  }
-};
-
 const cssUrlAssetExtensions =
   /\.(?:css|less|sass|scss|styl|stylus|pcss|postcss|sss)$/;
 const urlAssetResourceQuery =
@@ -153,9 +121,15 @@ export const pluginReactRouter = (
   name: PLUGIN_NAME,
 
   async setup(api) {
+    const effectRuntime = createPluginEffectRuntime();
+    api.onCloseBuild(effectRuntime.dispose);
+    api.onCloseDevServer(effectRuntime.dispose);
+    api.onExit(effectRuntime.dispose);
+
     const defaultOptions = {
       customServer: false,
       lazyCompilation: true,
+      rsc: false,
       serverOutput: 'module' as const,
     };
 
@@ -163,16 +137,13 @@ export const pluginReactRouter = (
       ...defaultOptions,
       ...options,
     };
+    const isRscMode = Boolean(pluginOptions.rsc);
     const logPerformance = pluginOptions.logPerformance === true;
     const setupStartMs = logPerformance ? performance.now() : 0;
     const performanceProfiler = createReactRouterPerformanceProfiler({
       enabled: logPerformance,
       log: message => api.logger.info(message),
     });
-    const nodeExternals = Array.from(
-      new Set(['express', ...getSsrExternals(process.cwd())])
-    );
-
     let assetPrefix = '/';
 
     // Best-effort configuration validation (upstream: validate-plugin-order).
@@ -188,7 +159,6 @@ export const pluginReactRouter = (
           }
           api.logger.warn(issue.message);
         }
-        assetPrefix = normalizeAssetPrefix(config.output?.assetPrefix);
         return config;
       },
     });
@@ -198,6 +168,15 @@ export const pluginReactRouter = (
       warnOnClientSourceMaps(normalized, msg => api.logger.warn(msg), 'web');
     });
 
+    api.onBeforeCreateCompiler(() => {
+      const normalized = api.getNormalizedConfig();
+      assetPrefix = resolveEffectiveAssetPrefix({
+        dev: normalized.dev,
+        output: normalized.output,
+        isBuild: api.context.action === 'build',
+      });
+    });
+
     const configPath = findEntryFile(resolve('react-router.config'));
     const configExists = existsSync(configPath);
     let configWatchPaths: string | string[] = configExists
@@ -230,9 +209,12 @@ export const pluginReactRouter = (
 
     const {
       resolved: resolvedConfig,
+      userAndPresetConfig,
       presets: configPresets,
       hasConfiguredServerModuleFormat,
-    } = await resolveReactRouterConfig(reactRouterUserConfig);
+    } = await effectRuntime.runPromise(
+      resolveReactRouterConfigEffect(reactRouterUserConfig)
+    );
 
     const {
       appDirectory,
@@ -244,12 +226,17 @@ export const pluginReactRouter = (
       ssr,
       prerender: prerenderConfig,
       serverBuildFile,
+      serverBundles,
       serverModuleFormat,
       splitRouteModules,
+      subResourceIntegrity,
       buildEnd,
     } = resolvedConfig;
 
-    registerReactRouterTypegen(api, { appDirectory });
+    await registerReactRouterTypegen(api, {
+      runtime: effectRuntime,
+      appDirectory,
+    });
 
     const hasExplicitServerOutput = Object.prototype.hasOwnProperty.call(
       options,
@@ -290,57 +277,57 @@ export const pluginReactRouter = (
       throw new Error(prerenderConfigError);
     }
 
-    // React Router defaults to "lazy" route discovery, but "ssr:false" builds
-    // have no runtime server to serve manifest patch requests, so we force
-    // `mode:"initial"` in SPA mode to avoid any `/__manifest` fetches.
-    let routeDiscovery: Config['routeDiscovery'];
-    if (!userRouteDiscovery) {
-      routeDiscovery = ssr
-        ? ({ mode: 'lazy', manifestPath: '/__manifest' } as const)
-        : ({ mode: 'initial' } as const);
-    } else if (userRouteDiscovery.mode === 'initial') {
-      routeDiscovery = userRouteDiscovery;
-    } else if (userRouteDiscovery.mode === 'lazy') {
-      if (!ssr) {
-        throw new Error(
-          'The `routeDiscovery.mode` config cannot be set to "lazy" when setting `ssr:false`'
-        );
-      }
-      const manifestPath = userRouteDiscovery.manifestPath;
-      if (manifestPath && !manifestPath.startsWith('/')) {
-        throw new Error(
-          'The `routeDiscovery.manifestPath` config must be a root-relative pathname beginning with a slash (i.e., "/__manifest")'
-        );
-      }
-      routeDiscovery = userRouteDiscovery;
-    }
+    const routeDiscovery = resolveRouteDiscoveryConfig({
+      ssr,
+      userRouteDiscovery,
+    });
 
     (globalThis as any).__reactRouterAppDirectory = resolve(appDirectory);
     const routesPath = findEntryFile(resolve(appDirectory, 'routes'));
     if (!existsSync(routesPath)) {
-      throw new Error(
-        `Route config file not found at "${relative(
-          process.cwd(),
-          routesPath
-        )}".`
+      const missingRoutesPath = relative(
+        process.cwd(),
+        resolve(appDirectory, 'routes.ts')
       );
+      throw new Error(`Route config file not found at "${missingRoutesPath}".`);
     }
 
-    const jiti = createJiti(process.cwd(), {
+    const routeConfigDefine =
+      typeof api.getRsbuildConfig === 'function'
+        ? api.getRsbuildConfig().source?.define
+        : undefined;
+    const jiti = createConfigImporter({
+      define: routeConfigDefine,
       moduleCache: false,
     });
     const importRouteConfig = async (
-      importer: Pick<typeof jiti, 'import'>
+      importer: ConfigImporter
     ): Promise<RouteConfigEntry[]> => {
-      const routeConfigExport = await importer.import<RouteConfigEntry[]>(
-        routesPath,
-        {
-          default: true,
-        }
-      );
-      const routeConfigValue = await routeConfigExport;
+      const routeConfigFile = relative(resolve(appDirectory), routesPath);
+      let routeConfigValue: RouteConfigEntry[];
+      try {
+        const routeConfigExport = await importer.import<RouteConfigEntry[]>(
+          routesPath,
+          {
+            default: true,
+          }
+        );
+        routeConfigValue = await routeConfigExport;
+      } catch (error) {
+        // Match upstream: import/evaluation failures (e.g. syntax errors) are
+        // reported as an invalid route config rather than a raw loader error.
+        throw new Error(
+          [
+            `Route config in "${routeConfigFile}" is invalid.`,
+            '',
+            error instanceof Error
+              ? (error.stack ?? error.message)
+              : String(error),
+          ].join('\n')
+        );
+      }
       const validation = validateRouteConfig({
-        routeConfigFile: relative(process.cwd(), routesPath),
+        routeConfigFile,
         routeConfig: routeConfigValue,
       });
       if (!validation.valid) {
@@ -350,33 +337,41 @@ export const pluginReactRouter = (
     };
     const loadRouteConfig = () => importRouteConfig(jiti);
     const { value: routeConfig, watchPaths: routeConfigWatchPaths } =
-      await importConfigWithWatchPaths(routesPath, importRouteConfig);
-
-    const entryClientPath = findEntryFile(
-      resolve(appDirectory, 'entry.client')
-    );
-    const entryServerPath = findEntryFile(
-      resolve(appDirectory, 'entry.server')
-    );
-
-    const serverAppPath = findEntryFile(
-      resolve(appDirectory, '../server/index')
-    );
-    const hasServerApp = existsSync(serverAppPath);
-    const devServerBuildEntryName = hasServerApp
-      ? 'static/js/react-router-server-build'
-      : 'static/js/app';
+      await importConfigWithWatchPaths(routesPath, importRouteConfig, {
+        define: routeConfigDefine,
+      });
 
-    const templateDir = resolve(__dirname, 'templates');
-    const templateClientPath = resolve(templateDir, 'entry.client.js');
-    const templateServerPath = resolve(templateDir, 'entry.server.js');
+    const {
+      devServerBuildEntryName,
+      finalEntryClientPath,
+      finalEntryRscClientPath,
+      finalEntryRscPath,
+      finalEntryRscSsrPath,
+      finalEntryServerPath,
+      hasServerApp,
+      serverAppPath,
+    } = resolveReactRouterEntryPaths({
+      appDirectory,
+      templatesDirectory: resolve(__dirname, 'templates'),
+    });
 
-    const finalEntryClientPath = existsSync(entryClientPath)
-      ? entryClientPath
-      : templateClientPath;
-    const finalEntryServerPath = existsSync(entryServerPath)
-      ? entryServerPath
-      : templateServerPath;
+    if (isRscMode) {
+      assertReactRouterRscSupport({
+        pluginName: PLUGIN_NAME,
+        resolvePackagePath: resolveAppPackagePath,
+      });
+      assertReactRouterRscConfigSupport({
+        pluginName: PLUGIN_NAME,
+        userConfig: resolvedConfig,
+      });
+      await setupReactRouterRscPlugin({
+        api,
+        entryRscPath: finalEntryRscPath,
+        entrySsrPath: finalEntryRscSsrPath,
+        pluginName: PLUGIN_NAME,
+        rsc: typeof pluginOptions.rsc === 'object' ? pluginOptions.rsc : {},
+      });
+    }
 
     const getRootRoutePath = () => findEntryFile(resolve(appDirectory, 'root'));
     const rootRoutePath = getRootRoutePath();
@@ -397,25 +392,45 @@ export const pluginReactRouter = (
     };
 
     const resolvedConfigWithRoutes: ResolvedReactRouterConfig = {
-      ...resolvedConfig,
       appDirectory: resolve(appDirectory),
+      basename,
       buildDirectory: resolve(buildDirectory),
-      routeDiscovery,
+      buildEnd,
+      future,
       prerender: prerenderConfig,
       routes,
-      unstable_routeConfig: routeConfig,
+      routeDiscovery,
+      serverBuildFile,
+      serverBundles,
+      serverModuleFormat,
+      ssr,
+      splitRouteModules,
+      subResourceIntegrity,
       allowedActionOrigins: allowedActionOrigins ?? false,
+      unstable_routeConfig: routeConfig,
     };
 
     const { buildEnd: _buildEnd, ...resolvedConfigForPreset } =
       resolvedConfigWithRoutes;
     for (const preset of configPresets) {
       await preset.reactRouterConfigResolved?.({
-        reactRouterConfig: resolvedConfigForPreset,
+        reactRouterConfig:
+          resolvedConfigForPreset as ReactRouterPresetResolvedConfig,
       });
     }
+    const buildEndReactRouterConfig: ResolvedReactRouterConfig = {
+      ...resolvedConfigWithRoutes,
+      future: userAndPresetConfig.future ?? {},
+    } as ResolvedReactRouterConfig;
 
     const isBuild = api.context.action === 'build';
+    if (!isBuild) {
+      api.onAfterEnvironmentCompile(({ environment, stats }) => {
+        if (environment.name === 'node' && stats && !stats.hasErrors()) {
+          registerDevServerSourceMaps(stats.compilation);
+        }
+      });
+    }
     const shouldDependOnWebCompiler = !shouldParallelizeEnvironmentBuilds({
       isBuild,
     });
@@ -423,57 +438,202 @@ export const pluginReactRouter = (
       prerenderConfig !== undefined && prerenderConfig !== false;
     const isSpaMode = !ssr && !isPrerenderEnabled;
     const routeCount = Object.keys(routes).length;
-    const routeChunkConfig: RouteChunkConfig = {
-      splitRouteModules,
-      appDirectory,
-      rootRouteFile,
-    };
     const routeChunkCache: RouteChunkCache = new Map();
-    const routeTransformExecutor = createRouteTransformExecutor({
-      parallelRouteTransform:
-        pluginOptions.parallelRouteTransform ??
-        shouldParallelizeRouteTransforms(routeCount),
-      routeChunkCache,
-      splitRouteModules: Boolean(splitRouteModules),
-      isBuild,
-    });
-    const routeChunkOptions = {
-      splitRouteModules,
-      rootRouteFile,
-      isBuild,
-      cache: routeChunkCache,
+    const transformedRouteModuleAnalyses = new Map<
+      string,
+      RouteModuleAnalysis
+    >();
+    const rememberRouteModuleAnalysis = (
+      resourcePath: string,
+      analysis: RouteModuleAnalysis
+    ) => {
+      transformedRouteModuleAnalyses.set(resolve(resourcePath), analysis);
     };
+    const routeModuleAnalysis = async (routeFilePath: string) =>
+      transformedRouteModuleAnalyses.get(resolve(routeFilePath));
     const outputClientPath = resolve(buildDirectory, 'client');
     const assetsBuildDirectory = relative(process.cwd(), outputClientPath);
     const watchDirectory = resolve(appDirectory);
-    const routeRestartMarkerPath = getRouteRestartMarkerPath(outputClientPath);
+    const routeRestartMarkerPath = getRouteRestartMarkerPath(appDirectory);
     const routeWatchFiles = createReactRouterRouteWatchFiles({
       configWatchPaths,
       routeConfigWatchPaths,
       routeRestartMarkerPath,
       onRouteTopologyChange: pluginOptions.onRouteTopologyChange,
     });
-    const devBackgroundResources = registerReactRouterDevBackgroundResources({
-      api,
-      isBuild,
-      lazyCompilationPrewarm: pluginOptions.unstableLazyCompilationPrewarm,
-      routeTransformExecutor,
-      routeRestartMarkerPath,
-      watchDirectory,
-      getRouteTopology: routeTopology.getRouteTopology,
-      initialRouteTopology: routeTopology.initialRouteTopology,
-      onRouteTopologyChange: pluginOptions.onRouteTopologyChange,
-    });
-
-    type ReactRouterManifest = Awaited<
-      ReturnType<typeof getReactRouterManifestForDev>
-    >;
     let latestBrowserManifest: ReactRouterManifest | null = null;
     let latestBrowserManifestModuleExports: RouteManifestModuleExports = {};
     let latestServerManifest: ReactRouterManifest | null = null;
     const latestServerManifestsByBundleId: Record<string, ReactRouterManifest> =
       {};
 
+    const routeByFilePath = new Map(
+      Object.values(routes).map(route => [
+        resolve(appDirectory, route.file),
+        route,
+      ])
+    );
+    const allowedActionOriginsForBuild =
+      allowedActionOrigins === false ? undefined : allowedActionOrigins;
+
+    const devHmrRefreshRuntimePath =
+      isBuild || isRscMode
+        ? undefined
+        : resolveReactRefreshRuntimePath(api.context.rootPath);
+    const devHdrSignal = devHmrRefreshRuntimePath
+      ? createDevHdrRevisionSignal({
+          filePath: getDevHdrRevisionFilePath(api.context.rootPath),
+          onError: error =>
+            api.logger.debug(
+              `[${PLUGIN_NAME}] Failed to signal hot data revalidation: ${error.message}`
+            ),
+        })
+      : undefined;
+    let devHmrEnabled = false;
+    if (devHmrRefreshRuntimePath && devHdrSignal) {
+      api.modifyEnvironmentConfig(
+        async (environmentConfig, { name, mergeEnvironmentConfig }) => {
+          if (name !== 'web') return environmentConfig;
+          return mergeEnvironmentConfig(environmentConfig, {
+            tools: {
+              rspack: rspackConfig => {
+                devHmrEnabled = isRspackSwcReactRefreshEnabled(rspackConfig);
+                if (devHmrEnabled) devHdrSignal.ensure();
+                return rspackConfig;
+              },
+            },
+          });
+        }
+      );
+    }
+
+    const commonModeOptions = {
+      api,
+      allowedActionOriginsForBuild,
+      appDirectory,
+      basename,
+      customServer: pluginOptions.customServer,
+      isBuild,
+      isSpaMode,
+      prerenderConfig,
+      routeConfig,
+      routeDiscovery,
+      routes,
+      rootRouteFile,
+      splitRouteModules,
+      ssr,
+    };
+    const modePlan = await (isRscMode
+      ? createReactRouterModePlan({
+          ...commonModeOptions,
+          isRscMode: true,
+          buildDirectory,
+          finalEntryRscClientPath,
+          finalEntryRscPath,
+          outputClientPath,
+          pluginName: PLUGIN_NAME,
+          serverBuildFile,
+        })
+      : createReactRouterModePlan({
+          ...commonModeOptions,
+          isRscMode: false,
+          assetsBuildDirectory,
+          defaultEntryName: devServerBuildEntryName,
+          entryServerPath: finalEntryServerPath,
+          finalEntryClientPath,
+          future,
+          hasServerApp,
+          reactRouterConfig: resolvedConfigWithRoutes,
+          routeChunkCache,
+          serverAppPath,
+          shouldDependOnWebCompiler,
+          devHmr:
+            devHmrRefreshRuntimePath && devHdrSignal
+              ? {
+                  isEnabled: () => devHmrEnabled,
+                  runtimeModule: generateDevHmrRuntimeModule({
+                    reactRefreshRuntimePath: devHmrRefreshRuntimePath,
+                    hdrRevisionFilePath: devHdrSignal.filePath,
+                  }),
+                  onNodeRebuildCommitted: () => {
+                    if (devHmrEnabled) devHdrSignal.bump();
+                  },
+                }
+              : undefined,
+        }));
+
+    const routeTransformExecutor =
+      modePlan.kind === 'classic'
+        ? await effectRuntime.runPromise(
+            acquireRouteTransformExecutor({
+              parallelRouteTransform:
+                pluginOptions.parallelRouteTransform ??
+                shouldParallelizeRouteTransforms(routeCount),
+              routeChunkCache,
+              splitRouteModules: Boolean(splitRouteModules),
+              isBuild,
+            })
+          )
+        : undefined;
+
+    const { manifestChunkNames } = modePlan;
+
+    let sendRscDevUpdate: (() => void) | undefined;
+    let scheduledRscDevUpdate: ReturnType<typeof setTimeout> | undefined;
+    let hasPendingRscNodeUpdate = false;
+    if (isRscMode && !isBuild) {
+      api.onBeforeStartDevServer(({ server }) => {
+        sendRscDevUpdate = () =>
+          server.sockWrite('custom', {
+            event: 'rsc:update',
+          });
+      });
+      api.onCloseDevServer(() => {
+        if (scheduledRscDevUpdate) {
+          clearTimeout(scheduledRscDevUpdate);
+          scheduledRscDevUpdate = undefined;
+        }
+        hasPendingRscNodeUpdate = false;
+        sendRscDevUpdate = undefined;
+      });
+      api.onAfterEnvironmentCompile(({ environment, stats }) => {
+        if (
+          (environment.name !== 'node' && environment.name !== 'web') ||
+          stats?.hasErrors()
+        ) {
+          return;
+        }
+        if (environment.name === 'node') {
+          hasPendingRscNodeUpdate = true;
+        }
+        if (!hasPendingRscNodeUpdate) {
+          return;
+        }
+        if (scheduledRscDevUpdate) {
+          clearTimeout(scheduledRscDevUpdate);
+        }
+        scheduledRscDevUpdate = setTimeout(() => {
+          scheduledRscDevUpdate = undefined;
+          hasPendingRscNodeUpdate = false;
+          sendRscDevUpdate?.();
+        }, 1000);
+      });
+    }
+
+    const devBackgroundResources =
+      await registerReactRouterDevBackgroundResources({
+        api,
+        runtime: effectRuntime,
+        isBuild,
+        lazyCompilationPrewarm: pluginOptions.unstableLazyCompilationPrewarm,
+        routeTransformExecutor,
+        routeRestartMarkerPath,
+        watchDirectory,
+        getRouteTopology: routeTopology.getRouteTopology,
+        initialRouteTopology: routeTopology.initialRouteTopology,
+        onRouteTopologyChange: pluginOptions.onRouteTopologyChange,
+      });
+
     const stageLatestManifests = (
       manifest: ReactRouterManifest,
       sri: ReactRouterManifest['sri'],
@@ -497,8 +657,14 @@ export const pluginReactRouter = (
             [devServerBuildEntryName]: baseServerManifest,
           };
 
-          for (const { bundleId, entryName } of serverBundleEntries) {
-            const bundleRoutes = routesByServerBundleId[bundleId];
+          if (modePlan.kind !== 'classic') {
+            return;
+          }
+
+          for (const { bundleId, entryName } of modePlan.artifacts
+            .serverBundleEntries) {
+            const bundleRoutes =
+              modePlan.artifacts.routesByServerBundleId[bundleId];
             if (!bundleRoutes) {
               continue;
             }
@@ -518,94 +684,15 @@ export const pluginReactRouter = (
           }
 
           if (!isBuild) {
-            devRuntime.captureWeb(compilation, manifestsByEntryName);
+            modePlan.artifacts.devRuntime.captureWeb(
+              compilation,
+              manifestsByEntryName
+            );
           }
         }
       );
     };
 
-    const routeByFilePath = new Map(
-      Object.values(routes).map(route => [
-        resolve(appDirectory, route.file),
-        route,
-      ])
-    );
-
-    const manifestChunkNames = new Set<string>(['entry.client']);
-    const webRouteEntries = Object.values(routes).reduce(
-      (acc, route) => {
-        const entryName = route.file.slice(0, route.file.lastIndexOf('.'));
-        const routeFilePath = resolve(appDirectory, route.file);
-        manifestChunkNames.add(entryName);
-        acc[entryName] = {
-          import: `${routeFilePath}${BUILD_CLIENT_ROUTE_QUERY_STRING}`,
-          html: false,
-        };
-
-        if (isBuild && splitRouteModules && route.id !== 'root') {
-          let source: string;
-          try {
-            source = readFileSync(routeFilePath, 'utf8');
-          } catch (error) {
-            if ((error as NodeJS.ErrnoException).code === 'ENOENT') {
-              return acc;
-            }
-            throw error;
-          }
-          for (const exportName of routeChunkExportNames) {
-            if (!source.includes(exportName)) {
-              continue;
-            }
-            const chunkEntryName = getRouteChunkEntryName(route.id, exportName);
-            manifestChunkNames.add(chunkEntryName);
-            acc[chunkEntryName] = {
-              import: getRouteChunkModuleId(routeFilePath, exportName),
-              html: false,
-            };
-          }
-        }
-
-        return acc;
-      },
-      {} as Record<string, RsbuildEntryDescription>
-    );
-    const buildManifest = await getBuildManifest({
-      reactRouterConfig: resolvedConfigWithRoutes,
-      routes,
-      rootDirectory: process.cwd(),
-    });
-    const routesByServerBundleId = getRoutesByServerBundleId(
-      buildManifest,
-      routes
-    );
-    const serverBuildPlan = createReactRouterServerBuildPlan({
-      routesByServerBundleId,
-      serverBuildFile,
-      defaultEntryName: devServerBuildEntryName,
-    });
-    const { serverBundleEntries } = serverBuildPlan;
-
-    const devHmrRefreshRuntimePath = isBuild
-      ? undefined
-      : resolveReactRefreshRuntimePath(api.context.rootPath);
-    const devHdrSignal = devHmrRefreshRuntimePath
-      ? createDevHdrRevisionSignal({
-          filePath: getDevHdrRevisionFilePath(api.context.rootPath),
-          onError: error =>
-            api.logger.debug(
-              `[${PLUGIN_NAME}] Failed to signal hot data revalidation: ${error.message}`
-            ),
-        })
-      : undefined;
-    let devHmrEnabled = false;
-
-    const devRuntime = createReactRouterDevRuntimeController({
-      api,
-      isBuild,
-      buildPlan: serverBuildPlan,
-      onNodeRebuildCommitted: () => devHdrSignal?.bump(),
-    });
-
     let clientStats: ReactRouterManifestStats | undefined;
     api.onAfterEnvironmentCompile(({ stats, environment }) => {
       if (environment.name === 'web') {
@@ -629,121 +716,82 @@ export const pluginReactRouter = (
       }
     });
 
-    const prerenderPaths = await resolvePrerenderPaths(
-      prerenderConfig,
-      ssr,
-      routeConfig,
-      {
-        logWarning: true,
-        warn: message => api.logger.warn(message),
-      }
-    );
-
-    api.onAfterBuild(({ environments }) =>
-      runPluginEffect(
-        tryPluginPromise(() =>
-          runReactRouterPrerenderBuild({
-            api,
-            hasWebEnvironment: Boolean(environments.web),
-            buildDirectory,
-            serverBuildFile,
-            ssr,
-            isPrerenderEnabled,
-            prerenderConfig,
-            prerenderPaths,
-            basename,
-            future,
-            routes,
-            latestBrowserManifest,
-            latestBrowserManifestModuleExports,
-            clientStats,
-            pluginOptions,
-            appDirectory,
-            assetPrefix,
-            routeChunkOptions,
-            buildManifest,
-            resolvedConfigWithRoutes,
-            buildEnd,
-          })
-        )
-      )
-    );
-
-    const allowedActionOriginsForBuild =
-      allowedActionOrigins === false ? undefined : allowedActionOrigins;
-
-    // Public requests stay bare while Rspack resolves seeded virtual files.
-    const createVirtualModulePlugin = (publicPath: string) => {
-      const bundleVirtualModules = Object.fromEntries(
-        Object.entries(routesByServerBundleId).map(
-          ([bundleId, bundleRoutes]) => [
-            `virtual/react-router/server-build-${bundleId}`,
-            generateServerBuild(bundleRoutes, {
-              entryServerPath: finalEntryServerPath,
-              assetsBuildDirectory,
-              basename,
-              appDirectory,
+    if (modePlan.kind === 'classic') {
+      api.onAfterBuild(({ environments }) =>
+        effectRuntime.runPromise(
+          tryPluginPromise(() =>
+            runReactRouterPrerenderBuild({
+              api,
+              hasWebEnvironment: Boolean(environments.web),
+              buildDirectory,
+              serverBuildFile,
               ssr,
-              federation: options.federation,
+              isPrerenderEnabled,
+              prerenderConfig,
+              prerenderPaths: modePlan.artifacts.prerenderPaths,
+              basename,
               future,
-              allowedActionOrigins: allowedActionOriginsForBuild,
-              prerender: prerenderPaths,
-              routeDiscovery,
-              publicPath,
-              serverManifestId: `virtual/react-router/server-manifest-${bundleId}`,
-            }),
-          ]
+              routes,
+              latestBrowserManifest,
+              latestBrowserManifestModuleExports,
+              clientStats,
+              pluginOptions,
+              appDirectory,
+              assetPrefix,
+              routeChunkOptions: modePlan.routeChunkOptions,
+              routeModuleAnalysis,
+              buildManifest: modePlan.artifacts.buildManifest,
+              buildEndReactRouterConfig,
+              buildEnd,
+            })
+          )
         )
       );
-      const bundleManifestModules = Object.fromEntries(
-        Object.entries(routesByServerBundleId)
-          .filter(
-            ([, bundleRoutes]) =>
-              bundleRoutes && Object.keys(bundleRoutes).length > 0
+    } else {
+      api.onAfterBuild(({ environments }) =>
+        effectRuntime.runPromise(
+          tryPluginPromise(() =>
+            runReactRouterRscPrerenderBuild({
+              api,
+              hasWebEnvironment: Boolean(environments.web),
+              buildDirectory,
+              serverBuildFile,
+              ssr,
+              prerenderConfig,
+              prerenderPaths: modePlan.prerenderPaths,
+              basename,
+            })
           )
-          .map(([bundleId]) => [
-            `virtual/react-router/server-manifest-${bundleId}`,
-            'export default {};',
-          ])
+        )
       );
+    }
 
+    // Public requests stay bare while Rspack resolves seeded virtual files.
+    const createVirtualModulePlugin = (
+      publicPath: string,
+      jsDistPath: string
+    ) => {
       return new rspack.experiments.VirtualModulesPlugin(
-        mapVirtualModules({
-          'virtual/react-router/browser-manifest': 'export default {};',
-          'virtual/react-router/server-manifest': 'export default {};',
-          'virtual/react-router/server-build': generateServerBuild(routes, {
-            entryServerPath: finalEntryServerPath,
-            assetsBuildDirectory,
-            basename,
-            appDirectory,
-            ssr,
-            federation: options.federation,
-            future,
-            allowedActionOrigins: allowedActionOriginsForBuild,
-            prerender: prerenderPaths,
-            routeDiscovery,
-            publicPath,
-          }),
-          ...bundleVirtualModules,
-          ...bundleManifestModules,
-          'virtual/react-router/with-props': generateWithProps(),
-          ...(devHmrRefreshRuntimePath
-            ? {
-                [DEV_HMR_RUNTIME_MODULE_ID]: generateDevHmrRuntimeModule({
-                  reactRefreshRuntimePath: devHmrRefreshRuntimePath,
-                  hdrRevisionFilePath: getDevHdrRevisionFilePath(
-                    api.context.rootPath
-                  ),
-                }),
-              }
-            : {}),
-        })
+        mapVirtualModules(modePlan.createVirtualModules(publicPath, jsDistPath))
       );
     };
 
     api.modifyRsbuildConfig(async (config, { mergeRsbuildConfig }) => {
-      assetPrefix = normalizeAssetPrefix(config.output?.assetPrefix);
-      const vmodPlugin = createVirtualModulePlugin(assetPrefix);
+      // The RSC bootstrap script URL must reflect the user's web js distPath;
+      // the entry filename itself is deterministic because the plugin forces
+      // web `output.filename.js` to '[name].js' below.
+      const webDistPath = config.environments?.web?.output?.distPath;
+      const rootDistPath = config.output?.distPath;
+      const jsDistPath =
+        (typeof webDistPath === 'object' ? webDistPath.js : undefined) ??
+        (typeof rootDistPath === 'object' ? rootDistPath.js : undefined) ??
+        DEFAULT_JS_DIST_PATH;
+      const assetPrefix = resolveEffectiveAssetPrefix({
+        dev: config.dev,
+        output: config.output,
+        isBuild,
+      });
+      const vmodPlugin = createVirtualModulePlugin(assetPrefix, jsDistPath);
       const useAsyncNodeChunkLoading =
         options.federation && resolvedServerOutput === 'commonjs';
       let nodeChunkLoading: 'import' | 'async-node' | 'require' = 'require';
@@ -752,15 +800,6 @@ export const pluginReactRouter = (
       } else if (useAsyncNodeChunkLoading) {
         nodeChunkLoading = 'async-node';
       }
-      const nodeEntries = createReactRouterNodeEntries({
-        hasServerApp,
-        isBuild,
-        serverAppPath,
-        entryServerPath: finalEntryServerPath,
-        defaultEntryName: devServerBuildEntryName,
-        serverBundleEntries,
-      });
-
       const configuredLazyCompilation = Object.prototype.hasOwnProperty.call(
         options,
         'lazyCompilation'
@@ -769,7 +808,9 @@ export const pluginReactRouter = (
         : (config.dev?.lazyCompilation ?? pluginOptions.lazyCompilation);
       const guardedLazyCompilation = guardReactRouterLazyCompilation({
         lazyCompilation: configuredLazyCompilation,
-        entryClientPath: finalEntryClientPath,
+        entryClientPath: isRscMode
+          ? finalEntryRscClientPath
+          : finalEntryClientPath,
         prewarmReactRouterModules: Boolean(
           pluginOptions.unstableLazyCompilationPrewarm
         ),
@@ -783,6 +824,27 @@ export const pluginReactRouter = (
         routeCount >= 256 &&
         (config.performance?.printFileSize === undefined ||
           config.performance.printFileSize === true);
+      const resolveConfig = modePlan.createResolveConfig(api.context.rootPath);
+
+      // Browser code (React itself) reads `process.env.NODE_ENV`. Rsbuild only
+      // emits the define for its recognized modes; an unrecognized NODE_ENV
+      // (e.g. the string "undefined" leaking from a misconfigured shell)
+      // resolves mode 'none' and leaves the bare reference in the web bundle,
+      // which throws `process is not defined` at runtime. Always define it for
+      // the web environment — mirroring the Vite plugin — unless the user
+      // supplies their own define.
+      const userDefinesNodeEnv =
+        config.source?.define?.['process.env.NODE_ENV'] !== undefined ||
+        config.environments?.web?.source?.define?.['process.env.NODE_ENV'] !==
+          undefined;
+      const webNodeEnv =
+        process.env.NODE_ENV === 'production' ||
+        process.env.NODE_ENV === 'development' ||
+        process.env.NODE_ENV === 'test'
+          ? process.env.NODE_ENV
+          : isBuild
+            ? 'production'
+            : 'development';
 
       return mergeRsbuildConfig(config, {
         ...(shouldCompactFileSizeReport
@@ -799,29 +861,20 @@ export const pluginReactRouter = (
         output: {
           assetPrefix: config.output?.assetPrefix || '/',
         },
+        server: modePlan.server,
         dev: {
           ...lazyCompilation,
           watchFiles: mergeWatchFiles(config.dev?.watchFiles, routeWatchFiles),
         },
-        // React Router's request handler natively supports `ssr:false`
-        // builds (it renders the SPA shell for document requests), so the
-        // middleware is registered for SPA mode too — without it, dev
-        // requests would 404 because no HTML entry exists.
-        ...(pluginOptions.customServer
-          ? {}
-          : {
-              server: {
-                setup: [
-                  createReactRouterDevServerSetup({
-                    // Lazy: the dev runtime binding does not exist yet here.
-                    loadBuild: () => devRuntime.createBuildLoader()(),
-                  }),
-                ],
-              },
-            }),
         tools: {
           rspack: {
-            plugins: [vmodPlugin],
+            resolve: resolveConfig,
+            plugins: [
+              vmodPlugin,
+              createQuerylessRouteImportPlugin(routeByFilePath, {
+                rsc: isRscMode,
+              }),
+            ],
           },
         },
         environments: {
@@ -836,15 +889,14 @@ export const pluginReactRouter = (
                 }
               : {}),
             source: {
-              entry: {
-                // no query needed when federation is disabled
-                'entry.client': finalEntryClientPath,
-                'virtual/react-router/browser-manifest': {
-                  import: 'virtual/react-router/browser-manifest',
-                  html: false,
-                },
-                ...webRouteEntries,
-              },
+              entry: modePlan.webEntries,
+              ...(userDefinesNodeEnv
+                ? {}
+                : {
+                    define: {
+                      'process.env.NODE_ENV': JSON.stringify(webNodeEnv),
+                    },
+                  }),
             },
             output: {
               filename: {
@@ -856,6 +908,7 @@ export const pluginReactRouter = (
             },
             tools: {
               rspack: {
+                resolve: resolveConfig,
                 name: 'web',
                 module: {
                   rules: [
@@ -866,26 +919,17 @@ export const pluginReactRouter = (
                     },
                   ],
                 },
-                ...(options.federation
-                  ? {
-                      output: {
-                        chunkLoading: 'import',
-                      },
-                    }
-                  : {}),
-                externalsType: 'module',
+                externalsType: modePlan.webExternalsType,
                 output: {
-                  chunkFormat: 'module',
-                  chunkLoading: 'import',
-                  workerChunkLoading: 'import',
-                  wasmLoading: 'fetch',
-                  library: { type: 'module' },
-                  module: true,
-                },
-                optimization: {
-                  avoidEntryIife: true,
-                  runtimeChunk: 'single',
+                  ...modePlan.webOutput,
+                  publicPath: assetPrefix,
+                  ...(options.federation
+                    ? {
+                        chunkLoading: 'import',
+                      }
+                    : {}),
                 },
+                optimization: modePlan.webOptimization,
               },
             },
           },
@@ -894,7 +938,7 @@ export const pluginReactRouter = (
           // root route into a hydratable `index.html` at build time.
           node: {
             source: {
-              entry: nodeEntries,
+              entry: modePlan.nodeEntries,
             },
             output: {
               distPath: {
@@ -903,6 +947,15 @@ export const pluginReactRouter = (
               target: config.environments?.node?.output?.target || 'node',
               filename: {
                 js: '[name].js',
+                css: (pathData: Rspack.PathData) => {
+                  const sourceName = pathData.chunk?.name ?? '[name]';
+                  if (!isBuild) {
+                    return `${sourceName}.css`;
+                  }
+                  const baseName =
+                    sourceName.split(/[\\/]/).pop() || sourceName;
+                  return `../assets/${baseName}.[contenthash:10].css`;
+                },
               },
             },
             tools: {
@@ -917,15 +970,19 @@ export const pluginReactRouter = (
                     },
                   ],
                 },
-                externals: nodeExternals,
-                ...(shouldDependOnWebCompiler ? { dependencies: ['web'] } : {}),
+                externals: modePlan.nodeExternals,
+                ...modePlan.nodeDependencies,
                 externalsType: resolvedServerOutput,
                 output: {
                   chunkFormat: resolvedServerOutput,
                   chunkLoading: nodeChunkLoading,
+                  devtoolModuleFilenameTemplate: '[absolute-resource-path]',
+                  devtoolFallbackModuleFilenameTemplate:
+                    '[absolute-resource-path]?[hash]',
                   workerChunkLoading: nodeChunkLoading,
                   wasmLoading: 'fetch',
                   module: resolvedServerOutput === 'module',
+                  chunkFilename: 'static/js/async/[name].js',
                 },
               },
             },
@@ -934,104 +991,92 @@ export const pluginReactRouter = (
       });
     });
 
-    api.modifyEnvironmentConfig(
-      async (config, { name, mergeEnvironmentConfig }) => {
-        if (name !== 'web' && name !== 'node') {
-          return config;
-        }
-
-        return mergeEnvironmentConfig(config, {
-          tools: {
-            rspack: rspackConfig => {
-              if (pluginOptions.federation) {
-                ensureFederationAsyncStartup(rspackConfig);
-              }
-
-              if (name === 'web') {
-                devHmrEnabled =
-                  !isBuild &&
-                  devHmrRefreshRuntimePath !== undefined &&
-                  config.mode === 'development' &&
-                  config.dev?.hmr !== false &&
-                  isRspackSwcReactRefreshEnabled(rspackConfig);
-                if (devHmrEnabled) {
-                  devHdrSignal?.ensure();
-                }
-              }
+    registerReactRouterEnvironmentOutput({
+      api,
+      federation: pluginOptions.federation,
+      resolvedServerOutput,
+    });
 
-              if (name === 'node') {
-                const output = rspackConfig.output;
-                if (output) {
-                  const library = output.library;
-                  const libraryOptions =
-                    library &&
-                    typeof library === 'object' &&
-                    !Array.isArray(library)
-                      ? library
-                      : {};
-                  rspackConfig.output = {
-                    ...output,
-                    library: {
-                      ...libraryOptions,
-                      type:
-                        resolvedServerOutput === 'module'
-                          ? 'module'
-                          : 'commonjs2',
-                    },
-                  };
-                }
-              }
+    if (modePlan.kind === 'rsc') {
+      registerReactRouterRscRouteTransforms({
+        api,
+        isBuild,
+        performanceProfiler,
+        routeByFilePath,
+        routeChunkCache,
+        routeChunkConfig: modePlan.routeChunkConfig,
+      });
 
-              return rspackConfig;
-            },
-          },
-        });
+      // RSC mode has no `registerBuildOutputTransforms` pass, so relocate the
+      // node-emitted `?url`/`.css?url` static assets into the client build here.
+      // Without this the href baked into `links()` (resolved in the node env)
+      // 404s in the browser because the file only exists under `build/server`.
+      registerSsrAssetRelocation({
+        api,
+        outputClientPath,
+        performanceProfiler,
+      });
+    } else {
+      if (!routeTransformExecutor) {
+        throw new Error('Route transform executor was not initialized.');
       }
-    );
 
-    registerModifyBrowserManifestAssets(
-      api,
-      routes,
-      pluginOptions,
-      appDirectory,
-      () => assetPrefix,
-      routeChunkOptions,
-      {
-        subResourceIntegrity: resolvedConfigWithRoutes.subResourceIntegrity,
-        future,
-        manifestChunkNames,
-        onManifest: (manifest, sri, moduleExportsByRouteId, context) =>
-          stageLatestManifests(
-            manifest,
-            sri,
-            moduleExportsByRouteId,
-            context.compilation
-          ),
-      }
-    );
+      registerModifyBrowserManifestAssets(
+        api,
+        routes,
+        pluginOptions,
+        appDirectory,
+        () => assetPrefix,
+        modePlan.routeChunkOptions,
+        {
+          subResourceIntegrity: resolvedConfigWithRoutes.subResourceIntegrity,
+          future,
+          manifestChunkNames,
+          routeModuleAnalysis,
+          onManifest: (manifest, sri, moduleExportsByRouteId, context) =>
+            stageLatestManifests(
+              manifest,
+              sri,
+              moduleExportsByRouteId,
+              context.compilation
+            ),
+        }
+      );
 
-    registerBuildOutputTransforms({
-      api,
-      resolvedServerOutput,
-      performanceProfiler,
-      getLatestServerManifest: () => latestServerManifest,
-      getLatestServerManifestByBundleId: bundleId =>
-        latestServerManifestsByBundleId[bundleId],
-      routes,
-      pluginOptions,
-      getClientStats: () => clientStats,
-      appDirectory,
-      getAssetPrefix: () => assetPrefix,
-      routeChunkOptions,
-      routeTransformExecutor,
-      routeByFilePath,
-      routeChunkConfig,
-      isBuild,
-      splitRouteModules: Boolean(splitRouteModules),
-      ssr,
-      isSpaMode,
-      rootRoutePath,
-      isDevHmrEnabled: () => devHmrEnabled,
-    });
+      registerBuildOutputTransforms({
+        api,
+        resolvedServerOutput,
+        performanceProfiler,
+        getLatestServerManifest: () => latestServerManifest,
+        getLatestServerManifestByBundleId: bundleId =>
+          latestServerManifestsByBundleId[bundleId],
+        routes,
+        pluginOptions,
+        getClientStats: () => clientStats,
+        appDirectory,
+        getAssetPrefix: () => assetPrefix,
+        routeChunkOptions: modePlan.routeChunkOptions,
+        routeModuleAnalysis,
+        routeTransformExecutor,
+        routeByFilePath,
+        routeChunkConfig: modePlan.routeChunkConfig,
+        isBuild,
+        splitRouteModules: Boolean(modePlan.routeChunkConfig.splitRouteModules),
+        ssr,
+        isSpaMode,
+        rootRoutePath,
+        outputClientPath,
+        isDevHmrEnabled: () => devHmrEnabled,
+        onRouteModuleAnalysis: rememberRouteModuleAnalysis,
+      });
+    }
   },
 });
+
+export const pluginReactRouterRSC = (
+  options: ReactRouterRSCPluginOptions = {}
+): RsbuildPlugin =>
+  pluginReactRouter({
+    ...options,
+    rsc: options.rsc ?? true,
+  });
diff --git a/src/lazy-compilation-prewarm.ts b/src/lazy-compilation-prewarm.ts
index 78ccbe03..4bc3d073 100644
--- a/src/lazy-compilation-prewarm.ts
+++ b/src/lazy-compilation-prewarm.ts
@@ -1,7 +1,12 @@
 import * as Effect from 'effect/Effect';
+import type * as Scope from 'effect/Scope';
 import type { ReactRouterManifestForDev } from './manifest.js';
 import type { RouteManifestItem } from './types.js';
-import { createDelayedPluginTask, tryPluginPromise } from './effect-runtime.js';
+import {
+  createDelayedPluginTask,
+  type PluginEffectRuntime,
+  tryPluginPromise,
+} from './effect-runtime.js';
 
 const DEFAULT_LAZY_COMPILATION_TRIGGER_PREFIX = '/_rspack/lazy/trigger';
 const DEFAULT_PREWARM_DELAY_MS = 0;
@@ -9,17 +14,17 @@ const DEFAULT_ROUTE_PREWARM_LIMIT = 8;
 const PREWARM_FETCH_CONCURRENCY = 8;
 const PREWARM_TRIGGER_CANDIDATES = 4;
 
-type LazyCompilationPrewarmConfig = {
+export type LazyCompilationPrewarmConfig = {
   entry: boolean;
   routeLimit: number;
   delayMs: number;
 };
 
-type LazyCompilationPrewarmController = {
+export type LazyCompilationPrewarmController = {
   setServerOrigin(origin: string): void;
   setManifest(manifest: ReactRouterManifestForDev | null): void;
   schedule(): void;
-  cancelEffect(): Effect.Effect<void, Error, never>;
+  cancelEffect(): Effect.Effect<void>;
 };
 
 export type RspackLazyCompilationTriggerClient = {
@@ -221,9 +226,11 @@ const prewarmLazyCompilation = ({
   });
 
 export const createLazyCompilationPrewarmController = ({
+  runtime,
   config,
   onError,
 }: {
+  runtime: PluginEffectRuntime;
   config: LazyCompilationPrewarmConfig;
   onError: (error: Error) => void;
 }): LazyCompilationPrewarmController => {
@@ -231,6 +238,7 @@ export const createLazyCompilationPrewarmController = ({
   let manifest: ReactRouterManifestForDev | null = null;
   let lastPrewarmAssetsKey: string | undefined;
   const task = createDelayedPluginTask({
+    runtime,
     delayMs: config.delayMs,
     run: () =>
       Effect.gen(function* () {
@@ -277,3 +285,11 @@ export const createLazyCompilationPrewarmController = ({
     },
   };
 };
+
+export const acquireLazyCompilationPrewarm = (
+  options: Parameters<typeof createLazyCompilationPrewarmController>[0]
+): Effect.Effect<LazyCompilationPrewarmController, never, Scope.Scope> =>
+  Effect.acquireRelease(
+    Effect.sync(() => createLazyCompilationPrewarmController(options)),
+    controller => controller.cancelEffect()
+  );
diff --git a/src/manifest.ts b/src/manifest.ts
index 314c51c9..3d6cd61f 100644
--- a/src/manifest.ts
+++ b/src/manifest.ts
@@ -3,7 +3,11 @@ import { dirname, isAbsolute, relative, resolve } from 'pathe';
 import * as Effect from 'effect/Effect';
 import type { Route, PluginOptions, RouteManifestItem } from './types.js';
 import { combineURLs, createRouteId } from './plugin-utils.js';
-import { SERVER_EXPORTS, CLIENT_EXPORTS } from './constants.js';
+import {
+  CLIENT_EXPORTS,
+  DEFAULT_JS_DIST_PATH,
+  SERVER_EXPORTS,
+} from './constants.js';
 import {
   buildManifestChunkValidity,
   createEmptyRouteChunkByExportName,
@@ -13,8 +17,12 @@ import {
   validateRouteChunks,
   type RouteChunkCache,
   type RouteChunkConfig,
+  type RouteChunkExportName,
 } from './route-chunks.js';
-import { getRouteModuleAnalysis } from './export-utils.js';
+import {
+  getRouteModuleAnalysis,
+  type RouteModuleAnalysis,
+} from './export-utils.js';
 import { getCappedPluginConcurrency } from './concurrency.js';
 import { runPluginEffect, tryPluginPromise } from './effect-runtime.js';
 
@@ -87,13 +95,38 @@ export function configRoutesToRouteManifestEntries(
   return routeManifestEntries;
 }
 
-type RouteChunkManifestOptions = {
+export type RouteChunkManifestOptions = {
   splitRouteModules?: boolean | 'enforce';
   rootRouteFile?: string;
   isBuild?: boolean;
   cache?: RouteChunkCache;
 };
 
+export type RouteModuleAnalysisProvider = (
+  routeFilePath: string,
+  route: Route
+) => Promise<RouteModuleAnalysis | undefined>;
+
+export type ReactRouterManifestOptions = RouteChunkManifestOptions & {
+  routeModuleAnalysis?: RouteModuleAnalysisProvider;
+};
+
+export const createReactRouterManifestOptions = ({
+  routeChunks,
+  routeModuleAnalysis,
+}: {
+  routeChunks?: RouteChunkManifestOptions;
+  routeModuleAnalysis?: RouteModuleAnalysisProvider;
+}): ReactRouterManifestOptions | undefined => {
+  if (!routeChunks && !routeModuleAnalysis) {
+    return undefined;
+  }
+  return {
+    ...routeChunks,
+    ...(routeModuleAnalysis ? { routeModuleAnalysis } : {}),
+  };
+};
+
 export type ReactRouterManifestForDev = {
   version: string;
   url: string;
@@ -122,8 +155,10 @@ type ReactRouterManifestStatsEntrypoint = {
   getFiles?: () => Iterable<string>;
 };
 
-type ReactRouterManifestStatsLookup<T> = Iterable<[string, T]> & {
-  get?: (name: string) => T | undefined;
+type ReactRouterManifestStatsLookup<T> = Iterable<
+  [string, T | null | undefined]
+> & {
+  get?: (name: string) => T | null | undefined;
 };
 
 type ReactRouterManifestStatsCompilation = {
@@ -153,6 +188,9 @@ const collectManifestFilesByName = <T>(
   const filesByName: Record<string, string[]> = {};
   if (!names) {
     for (const [name, item] of items) {
+      if (item == null) {
+        continue;
+      }
       filesByName[name] = getFiles(name, item);
     }
     return filesByName;
@@ -162,7 +200,7 @@ const collectManifestFilesByName = <T>(
   if (typeof items.get === 'function') {
     for (const name of names) {
       const item = items.get(name);
-      if (!item) {
+      if (item == null) {
         continue;
       }
       filesByName[name] = getFiles(name, item);
@@ -178,6 +216,9 @@ const collectManifestFilesByName = <T>(
     if (!missingNames.has(name)) {
       continue;
     }
+    if (item == null) {
+      continue;
+    }
     filesByName[name] = getFiles(name, item);
     missingNames.delete(name);
     if (missingNames.size === 0) {
@@ -236,11 +277,12 @@ type RouteManifestAnalysis = {
   > | null;
 };
 
-const DEFAULT_MANIFEST_DIR = 'static/js';
+const DEFAULT_MANIFEST_DIR = DEFAULT_JS_DIST_PATH;
 const CSS_IMPORT_RE = /\.(?:css|less|sass|scss)(?:\?[^'"`]+)?['"`]/;
 
 const createChunkAssetResolver = (
-  clientStats: ReactRouterManifestStats | undefined
+  clientStats: ReactRouterManifestStats | undefined,
+  includeEntrypointJs: boolean
 ): ((chunkName: string) => ChunkAssets) => {
   const chunkAssetsByName = new Map<string, ChunkAssets>();
 
@@ -259,24 +301,26 @@ const createChunkAssetResolver = (
     }
 
     const cssAssets = new Set<string>();
-    const jsAssets: string[] = [];
+    const jsAssets = new Set<string>();
     for (const asset of assets) {
       if (asset.endsWith('.css')) {
         cssAssets.add(asset);
       } else if (asset.endsWith('.js')) {
-        jsAssets.push(asset);
+        jsAssets.add(asset);
       }
     }
     for (const asset of clientStats?.entrypointFilesByName?.[chunkName] ?? []) {
       if (asset.endsWith('.css')) {
         cssAssets.add(asset);
+      } else if (includeEntrypointJs && asset.endsWith('.js')) {
+        jsAssets.add(asset);
       }
     }
-    if (jsAssets.length === 0) {
-      jsAssets.push(`${DEFAULT_MANIFEST_DIR}/${chunkName}.js`);
+    if (jsAssets.size === 0) {
+      jsAssets.add(`${DEFAULT_MANIFEST_DIR}/${chunkName}.js`);
     }
 
-    const result = { js: jsAssets, css: [...cssAssets] };
+    const result = { js: [...jsAssets], css: [...cssAssets] };
     chunkAssetsByName.set(chunkName, result);
     return result;
   };
@@ -289,6 +333,8 @@ const analyzeRouteForManifestEffect = ({
   routeChunkConfig,
   routeEntryName,
   routeFilePath,
+  route,
+  routeModuleAnalysis,
 }: {
   discoveredCssAssets: string[];
   isBuild: boolean;
@@ -296,10 +342,13 @@ const analyzeRouteForManifestEffect = ({
   routeChunkConfig: RouteChunkConfig | null;
   routeEntryName: string;
   routeFilePath: string;
+  route: Route;
+  routeModuleAnalysis?: RouteModuleAnalysisProvider;
 }): Effect.Effect<RouteManifestAnalysis, Error, never> =>
   tryPluginPromise(async () => {
     const { code, exports: exportNames } =
-      await getRouteModuleAnalysis(routeFilePath);
+      (await routeModuleAnalysis?.(routeFilePath, route)) ??
+      (await getRouteModuleAnalysis(routeFilePath));
     const cssAssets =
       !isBuild && discoveredCssAssets.length === 0 && CSS_IMPORT_RE.test(code)
         ? [
@@ -398,33 +447,94 @@ export const getReactRouterManifestChunkNames = (
   return chunkNames;
 };
 
+const createRouteManifestItem = ({
+  route,
+  assetPrefix,
+  jsAssets,
+  routeAnalysis,
+  getModulePathForChunk,
+  getCssAssetsForChunk,
+}: {
+  route: Route;
+  assetPrefix: string;
+  jsAssets: string[];
+  routeAnalysis: RouteManifestAnalysis;
+  getModulePathForChunk: (chunkName: string) => string | undefined;
+  getCssAssetsForChunk: (chunkName: string) => string[];
+}): RouteManifestItem => {
+  const routeChunkMap = routeAnalysis.hasRouteChunkByExportName;
+  const chunkModulePath = (exportName: RouteChunkExportName) =>
+    routeChunkMap?.[exportName]
+      ? getModulePathForChunk(getRouteChunkEntryName(route.id, exportName))
+      : undefined;
+  const cssAssets = [
+    ...routeAnalysis.cssAssets,
+    ...routeChunkExportNames.flatMap(exportName =>
+      routeChunkMap?.[exportName]
+        ? getCssAssetsForChunk(getRouteChunkEntryName(route.id, exportName))
+        : []
+    ),
+  ];
+
+  return {
+    id: route.id,
+    parentId: route.parentId,
+    path: route.path,
+    index: route.index,
+    caseSensitive: route.caseSensitive,
+    module: combineURLs(assetPrefix, jsAssets[0] || ''),
+    clientActionModule: chunkModulePath('clientAction'),
+    clientLoaderModule: chunkModulePath('clientLoader'),
+    clientMiddlewareModule: chunkModulePath('clientMiddleware'),
+    hydrateFallbackModule: chunkModulePath('HydrateFallback'),
+    hasAction: routeAnalysis.exports.has(SERVER_EXPORTS.action),
+    hasLoader: routeAnalysis.exports.has(SERVER_EXPORTS.loader),
+    hasClientAction: routeAnalysis.exports.has(CLIENT_EXPORTS.clientAction),
+    hasClientLoader: routeAnalysis.exports.has(CLIENT_EXPORTS.clientLoader),
+    hasClientMiddleware: routeAnalysis.exports.has(
+      CLIENT_EXPORTS.clientMiddleware
+    ),
+    hasDefaultExport: routeAnalysis.exports.has('default'),
+    hasErrorBoundary: routeAnalysis.exports.has(CLIENT_EXPORTS.ErrorBoundary),
+    // `module` is `jsAssets[0]`; exclude it from `imports` so the browser
+    // manifest does not list the route's own module twice (upstream excludes
+    // the entry chunk's own file from its imports list). Otherwise prefetch
+    // link computations produce duplicate modulepreload hrefs.
+    imports: jsAssets.slice(1).map(asset => combineURLs(assetPrefix, asset)),
+    css: Array.from(new Set(cssAssets)).map(asset =>
+      combineURLs(assetPrefix, asset)
+    ),
+  };
+};
+
 function generateReactRouterManifestForDevEffect(
   routes: Record<string, Route>,
-  _options: PluginOptions,
   clientStats: ReactRouterManifestStats | undefined,
   context: string,
   assetPrefix: string,
-  routeChunkOptions?: RouteChunkManifestOptions
+  manifestOptions?: ReactRouterManifestOptions
 ): Effect.Effect<ReactRouterManifestGenerationResult, Error, never> {
   return Effect.gen(function* () {
     const result: Record<string, RouteManifestItem> = {};
-    const splitRouteModules = routeChunkOptions?.splitRouteModules ?? false;
+    const splitRouteModules = manifestOptions?.splitRouteModules ?? false;
     const enforceSplitRouteModules = splitRouteModules === 'enforce';
-    const isBuild = routeChunkOptions?.isBuild ?? false;
+    const isBuild = manifestOptions?.isBuild ?? false;
     const routeChunkConfig: RouteChunkConfig | null =
-      splitRouteModules && routeChunkOptions?.rootRouteFile
+      splitRouteModules && manifestOptions?.rootRouteFile
         ? {
             splitRouteModules,
             appDirectory: context,
-            rootRouteFile: routeChunkOptions.rootRouteFile,
+            rootRouteFile: manifestOptions.rootRouteFile,
           }
         : null;
 
-    const getAssetsForChunk = createChunkAssetResolver(clientStats);
+    const getAssetsForChunk = createChunkAssetResolver(clientStats, isBuild);
     const getModulePathForChunk = (chunkName: string): string | undefined => {
       const { js: jsAssets } = getAssetsForChunk(chunkName);
       return jsAssets[0] ? combineURLs(assetPrefix, jsAssets[0]) : undefined;
     };
+    const getCssAssetsForChunk = (chunkName: string): string[] =>
+      getAssetsForChunk(chunkName).css;
 
     const manifestEntries = yield* Effect.forEach(
       Object.entries(routes),
@@ -437,78 +547,36 @@ function generateReactRouterManifestForDevEffect(
           const routeAnalysis = yield* analyzeRouteForManifestEffect({
             discoveredCssAssets,
             isBuild,
-            routeChunkCache: routeChunkOptions?.cache,
+            routeChunkCache: manifestOptions?.cache,
             routeChunkConfig,
             routeEntryName,
             routeFilePath,
+            route,
+            routeModuleAnalysis: manifestOptions?.routeModuleAnalysis,
           });
 
-          const hasClientAction = routeAnalysis.exports.has(
-            CLIENT_EXPORTS.clientAction
-          );
-          const hasClientLoader = routeAnalysis.exports.has(
-            CLIENT_EXPORTS.clientLoader
-          );
-          const hasClientMiddleware = routeAnalysis.exports.has(
-            CLIENT_EXPORTS.clientMiddleware
-          );
-          const hasDefaultExport = routeAnalysis.exports.has('default');
-          const routeChunkMap = routeAnalysis.hasRouteChunkByExportName;
-
           if (isBuild && enforceSplitRouteModules && routeChunkConfig) {
             validateRouteChunks({
               config: routeChunkConfig,
               id: routeFilePath,
               valid: buildManifestChunkValidity(
                 routeAnalysis.exports,
-                routeChunkMap ?? createEmptyRouteChunkByExportName()
+                routeAnalysis.hasRouteChunkByExportName ??
+                  createEmptyRouteChunkByExportName()
               ),
             });
           }
 
           return [
             key,
-            {
-              id: route.id,
-              parentId: route.parentId,
-              path: route.path,
-              index: route.index,
-              caseSensitive: route.caseSensitive,
-              module: combineURLs(assetPrefix, jsAssets[0] || ''),
-              clientActionModule: routeChunkMap?.clientAction
-                ? getModulePathForChunk(
-                    getRouteChunkEntryName(route.id, 'clientAction')
-                  )
-                : undefined,
-              clientLoaderModule: routeChunkMap?.clientLoader
-                ? getModulePathForChunk(
-                    getRouteChunkEntryName(route.id, 'clientLoader')
-                  )
-                : undefined,
-              clientMiddlewareModule: routeChunkMap?.clientMiddleware
-                ? getModulePathForChunk(
-                    getRouteChunkEntryName(route.id, 'clientMiddleware')
-                  )
-                : undefined,
-              hydrateFallbackModule: routeChunkMap?.HydrateFallback
-                ? getModulePathForChunk(
-                    getRouteChunkEntryName(route.id, 'HydrateFallback')
-                  )
-                : undefined,
-              hasAction: routeAnalysis.exports.has(SERVER_EXPORTS.action),
-              hasLoader: routeAnalysis.exports.has(SERVER_EXPORTS.loader),
-              hasClientAction,
-              hasClientLoader,
-              hasClientMiddleware,
-              hasDefaultExport,
-              hasErrorBoundary: routeAnalysis.exports.has(
-                CLIENT_EXPORTS.ErrorBoundary
-              ),
-              imports: jsAssets.map(asset => combineURLs(assetPrefix, asset)),
-              css: routeAnalysis.cssAssets.map(asset =>
-                combineURLs(assetPrefix, asset)
-              ),
-            },
+            createRouteManifestItem({
+              route,
+              assetPrefix,
+              jsAssets,
+              routeAnalysis,
+              getModulePathForChunk,
+              getCssAssetsForChunk,
+            }),
             routeAnalysis.routeModuleExports,
           ] as const;
         }),
@@ -536,7 +604,12 @@ function generateReactRouterManifestForDevEffect(
     const fingerprintedValues = {
       entry: {
         module: combineURLs(assetPrefix, entryJsAssets[0] || ''),
-        imports: entryJsAssets.map(asset => combineURLs(assetPrefix, asset)),
+        // Exclude the entry's own module (`entryJsAssets[0]`) from imports so it
+        // is not listed twice, matching upstream where `imports` holds only the
+        // chunk's dependency imports.
+        imports: entryJsAssets
+          .slice(1)
+          .map(asset => combineURLs(assetPrefix, asset)),
         css: entryCssAssets.map(asset => combineURLs(assetPrefix, asset)),
       },
       routes: result,
@@ -550,7 +623,10 @@ function generateReactRouterManifestForDevEffect(
 
     const manifest = {
       version,
-      url: combineURLs(assetPrefix, manifestPath),
+      url: combineURLs(
+        assetPrefix,
+        isBuild ? manifestPath : `${manifestPath}?v=${version}`
+      ),
       hmr: undefined,
       entry: fingerprintedValues.entry,
       sri: undefined,
@@ -566,20 +642,19 @@ function generateReactRouterManifestForDevEffect(
 
 export async function generateReactRouterManifestForDev(
   routes: Record<string, Route>,
-  options: PluginOptions,
+  _options: PluginOptions,
   clientStats: ReactRouterManifestStats | undefined,
   context: string,
   assetPrefix = '/',
-  routeChunkOptions?: RouteChunkManifestOptions
+  manifestOptions?: ReactRouterManifestOptions
 ): Promise<ReactRouterManifestGenerationResult> {
   return runPluginEffect(
     generateReactRouterManifestForDevEffect(
       routes,
-      options,
       clientStats,
       context,
       assetPrefix,
-      routeChunkOptions
+      manifestOptions
     )
   );
 }
diff --git a/src/mode-plan.ts b/src/mode-plan.ts
new file mode 100644
index 00000000..5ab3c398
--- /dev/null
+++ b/src/mode-plan.ts
@@ -0,0 +1,364 @@
+import type {
+  RsbuildConfig,
+  RsbuildEntryDescription,
+  RsbuildPluginAPI,
+  Rspack,
+} from '@rsbuild/core';
+import { rspack } from '@rsbuild/core';
+import type { RouteConfigEntry } from '@react-router/dev/routes';
+import { resolve } from 'pathe';
+import type {
+  Config,
+  ResolvedReactRouterConfig,
+} from './react-router-config.js';
+import type { RouteChunkCache, RouteChunkConfig } from './route-chunks.js';
+import type { DevHmrPlanOptions } from './dev-hmr.js';
+import type { Route } from './types.js';
+import { createReactRouterDevServerSetup } from './dev-server.js';
+import { resolveAppPackagePath } from './plugin-utils.js';
+import { resolvePrerenderPaths } from './prerender.js';
+import { createReactRouterNodeEntries } from './server-build-plan.js';
+import { getSsrExternals } from './ssr-externals.js';
+import {
+  createClassicBuildArtifacts,
+  createClassicVirtualModules,
+  createClassicWebRouteEntries,
+  type ClassicBuildArtifacts,
+} from './classic-mode.js';
+import {
+  createReactRouterRscDevServerSetup,
+  createReactRouterRscResolveAliases,
+  createReactRouterRscVirtualModules,
+} from './rsc-support.js';
+
+type CommonModePlan = {
+  routeChunkConfig: RouteChunkConfig;
+  manifestChunkNames: Set<string>;
+  webEntries: Record<string, string | RsbuildEntryDescription>;
+  nodeEntries: Record<string, string | RsbuildEntryDescription>;
+  createVirtualModules(
+    publicPath: string,
+    jsDistPath: string
+  ): Record<string, string>;
+  createResolveConfig(rootPath: string): Rspack.Configuration['resolve'];
+  server: RsbuildConfig['server'] | undefined;
+  webExternalsType: 'module' | undefined;
+  webOutput: NonNullable<Rspack.Configuration['output']>;
+  webOptimization: NonNullable<Rspack.Configuration['optimization']>;
+  nodeExternals: string[] | undefined;
+  nodeDependencies: { dependencies?: string[] };
+};
+
+export type ClassicModePlan = CommonModePlan & {
+  kind: 'classic';
+  artifacts: ClassicBuildArtifacts;
+  routeChunkOptions: {
+    splitRouteModules: Config['splitRouteModules'];
+    rootRouteFile: string;
+    isBuild: boolean;
+    cache: RouteChunkCache;
+  };
+};
+
+export type RscModePlan = CommonModePlan & {
+  kind: 'rsc';
+  prerenderPaths: string[];
+};
+
+export type ReactRouterModePlan = ClassicModePlan | RscModePlan;
+
+// Fields both mode planners need. Mode-specific inputs live on the
+// per-mode option types below so each planner owns only what it uses.
+type ModePlanContext = {
+  allowedActionOriginsForBuild: string[] | undefined;
+  api: RsbuildPluginAPI;
+  appDirectory: string;
+  basename: string;
+  customServer: boolean;
+  splitRouteModules: Config['splitRouteModules'];
+  isBuild: boolean;
+  isSpaMode: boolean;
+  prerenderConfig: Config['prerender'];
+  routeConfig: RouteConfigEntry[];
+  routeDiscovery: Config['routeDiscovery'];
+  routes: Record<string, Route>;
+  rootRouteFile: string;
+  ssr: boolean;
+};
+
+type CreateClassicModePlanOptions = ModePlanContext & {
+  assetsBuildDirectory: string;
+  devHmr?: DevHmrPlanOptions;
+  defaultEntryName: string;
+  entryServerPath: string;
+  finalEntryClientPath: string;
+  future: Config['future'];
+  hasServerApp: boolean;
+  reactRouterConfig: ResolvedReactRouterConfig;
+  routeChunkCache: RouteChunkCache;
+  serverAppPath: string;
+  shouldDependOnWebCompiler: boolean;
+};
+
+type CreateRscModePlanOptions = ModePlanContext & {
+  buildDirectory: string;
+  finalEntryRscClientPath: string;
+  finalEntryRscPath: string;
+  outputClientPath: string;
+  pluginName: string;
+  serverBuildFile: string | undefined;
+};
+
+type CreateReactRouterModePlanOptions =
+  | ({ isRscMode: true } & CreateRscModePlanOptions)
+  | ({ isRscMode: false } & CreateClassicModePlanOptions);
+
+const RSC_LAYERS = rspack.experiments.rsc.Layers;
+
+const createReactRouterPackageAliases = (): Record<string, string> => {
+  const reactRouterPath = resolveAppPackagePath('react-router');
+  const reactRouterDomPath = resolveAppPackagePath('react-router/dom');
+  return {
+    ...(reactRouterPath ? { 'react-router$': reactRouterPath } : {}),
+    ...(reactRouterDomPath ? { 'react-router/dom$': reactRouterDomPath } : {}),
+  };
+};
+
+const createRscModePlan = async ({
+  allowedActionOriginsForBuild,
+  api,
+  appDirectory,
+  basename,
+  buildDirectory,
+  customServer,
+  finalEntryRscClientPath,
+  finalEntryRscPath,
+  isBuild,
+  outputClientPath,
+  pluginName,
+  prerenderConfig,
+  routeConfig,
+  routeDiscovery,
+  routes,
+  rootRouteFile,
+  serverBuildFile,
+  splitRouteModules,
+  ssr,
+}: CreateRscModePlanOptions): Promise<RscModePlan> => {
+  const rscServerEntryName = (serverBuildFile || 'index.js').replace(
+    /\.js$/,
+    ''
+  );
+  const prerenderPaths = await resolvePrerenderPaths(
+    prerenderConfig,
+    ssr,
+    routeConfig,
+    {
+      logWarning: true,
+      warn: message => api.logger.warn(message),
+    }
+  );
+  return {
+    kind: 'rsc',
+    prerenderPaths,
+    // RSC route chunking is content-detected; the config value only gates
+    // 'enforce' validation, matching upstream's RSC Vite plugin.
+    routeChunkConfig: {
+      splitRouteModules,
+      appDirectory,
+      rootRouteFile,
+    },
+    manifestChunkNames: new Set<string>(['index']),
+    webEntries: {
+      index: {
+        import: finalEntryRscClientPath,
+        html: false,
+      },
+    },
+    nodeEntries: {
+      [rscServerEntryName]: {
+        import: finalEntryRscPath,
+        layer: RSC_LAYERS.rsc,
+      },
+    },
+    createVirtualModules: (publicPath: string, jsDistPath: string) =>
+      createReactRouterRscVirtualModules({
+        allowedActionOrigins: allowedActionOriginsForBuild,
+        appDirectory,
+        basename,
+        buildDirectory,
+        isBuild,
+        jsDistPath,
+        outputClientPath,
+        publicPath,
+        routeDiscovery,
+        routes,
+        ssr,
+      }),
+    createResolveConfig: (rootPath: string) => ({
+      modules: [resolve(rootPath, 'node_modules'), 'node_modules'],
+      alias: createReactRouterRscResolveAliases(rootPath),
+    }),
+    server: !customServer
+      ? {
+          setup: createReactRouterRscDevServerSetup({
+            entryName: rscServerEntryName,
+            pluginName,
+          }),
+        }
+      : undefined,
+    webExternalsType: undefined,
+    webOutput: {
+      chunkFormat: 'array-push',
+      chunkLoading: 'jsonp',
+      workerChunkLoading: 'import-scripts',
+      wasmLoading: 'fetch',
+      module: false,
+    },
+    webOptimization: {
+      mangleExports: false,
+      splitChunks: false,
+      usedExports: false,
+      runtimeChunk: false,
+    },
+    nodeExternals: undefined,
+    nodeDependencies: {},
+  };
+};
+
+const createClassicModePlan = async ({
+  api,
+  allowedActionOriginsForBuild,
+  appDirectory,
+  assetsBuildDirectory,
+  basename,
+  customServer,
+  defaultEntryName,
+  devHmr,
+  entryServerPath,
+  finalEntryClientPath,
+  future,
+  hasServerApp,
+  isBuild,
+  isSpaMode,
+  prerenderConfig,
+  reactRouterConfig,
+  routeChunkCache,
+  routeConfig,
+  routeDiscovery,
+  routes,
+  rootRouteFile,
+  serverAppPath,
+  shouldDependOnWebCompiler,
+  splitRouteModules,
+  ssr,
+}: CreateClassicModePlanOptions): Promise<ClassicModePlan> => {
+  const routeChunkConfig: RouteChunkConfig = {
+    splitRouteModules,
+    appDirectory,
+    rootRouteFile,
+  };
+  const routeChunkOptions = {
+    splitRouteModules,
+    rootRouteFile,
+    isBuild,
+    cache: routeChunkCache,
+  };
+  const { manifestChunkNames, webRouteEntries } = createClassicWebRouteEntries({
+    appDirectory,
+    isBuild,
+    routes,
+    splitRouteModules: Boolean(splitRouteModules),
+  });
+  const artifacts = await createClassicBuildArtifacts({
+    api,
+    defaultEntryName,
+    isBuild,
+    prerenderConfig,
+    reactRouterConfig,
+    routeConfig,
+    routes,
+    rootDirectory: process.cwd(),
+    ssr,
+    devHmr,
+  });
+  const reactRouterAliases = createReactRouterPackageAliases();
+  return {
+    kind: 'classic',
+    artifacts,
+    routeChunkConfig,
+    routeChunkOptions,
+    manifestChunkNames,
+    webEntries: {
+      // `html: false` prevents rsbuild from emitting a stray entry.client.html
+      // into build/client; React Router renders HTML itself.
+      'entry.client': { import: finalEntryClientPath, html: false },
+      'virtual/react-router/browser-manifest': {
+        import: 'virtual/react-router/browser-manifest',
+        html: false,
+      },
+      ...webRouteEntries,
+    },
+    nodeEntries: createReactRouterNodeEntries({
+      hasServerApp,
+      isBuild,
+      serverAppPath,
+      entryServerPath,
+      defaultEntryName,
+      serverBundleEntries: artifacts.serverBundleEntries,
+    }),
+    createVirtualModules: (publicPath: string, _jsDistPath: string) =>
+      createClassicVirtualModules({
+        allowedActionOrigins: allowedActionOriginsForBuild,
+        appDirectory,
+        assetsBuildDirectory,
+        basename,
+        devHmrRuntimeModule: devHmr?.runtimeModule,
+        entryServerPath,
+        future,
+        isSpaMode,
+        prerenderPaths: artifacts.prerenderPaths,
+        publicPath,
+        routeDiscovery,
+        routes,
+        routesByServerBundleId: artifacts.routesByServerBundleId,
+        ssr,
+      }),
+    createResolveConfig: () => ({ alias: reactRouterAliases }),
+    server: customServer
+      ? undefined
+      : {
+          setup: [
+            createReactRouterDevServerSetup({
+              loadBuild: artifacts.devRuntime.createBuildLoader(),
+            }),
+          ],
+        },
+    webExternalsType: 'module',
+    webOutput: {
+      chunkFormat: 'module',
+      chunkLoading: 'import',
+      workerChunkLoading: 'import',
+      wasmLoading: 'fetch',
+      library: { type: 'module' },
+      module: true,
+    },
+    webOptimization: {
+      avoidEntryIife: true,
+      runtimeChunk: 'single',
+    },
+    nodeExternals: Array.from(
+      new Set(['express', ...getSsrExternals(process.cwd())])
+    ),
+    nodeDependencies: shouldDependOnWebCompiler
+      ? { dependencies: ['web'] }
+      : {},
+  };
+};
+
+export const createReactRouterModePlan = (
+  options: CreateReactRouterModePlanOptions
+): Promise<ReactRouterModePlan> =>
+  options.isRscMode
+    ? createRscModePlan(options)
+    : createClassicModePlan(options);
diff --git a/src/modify-browser-manifest.ts b/src/modify-browser-manifest.ts
index 21c6d99d..f85026ff 100644
--- a/src/modify-browser-manifest.ts
+++ b/src/modify-browser-manifest.ts
@@ -1,11 +1,16 @@
+import { createHash } from 'node:crypto';
 import type { Route, PluginOptions } from './types.js';
 import type { RsbuildPluginAPI, Rspack } from '@rsbuild/core';
 import {
+  createReactRouterManifestOptions,
   createReactRouterManifestStats,
   generateReactRouterManifestForDev,
   getReactRouterManifestChunkNames,
-  getReactRouterManifestForDev,
   getReactRouterManifestPath,
+  type ReactRouterManifestForDev as ReactRouterManifest,
+  type RouteChunkManifestOptions,
+  type RouteManifestModuleExports,
+  type RouteModuleAnalysisProvider,
 } from './manifest.js';
 import { combineURLs } from './plugin-utils.js';
 import jsesc from 'jsesc';
@@ -21,6 +26,7 @@ type StatsWithIntegrity = {
 
 type CompilationAssetWithIntegrity = {
   name: string;
+  source?: { source(): string | Buffer };
   info?: {
     integrity?: unknown;
   };
@@ -33,15 +39,14 @@ type CompilationWithIntegrityAssets =
   | Pick<Rspack.Compilation, 'getAssets'>;
 
 type ModifyBrowserManifestOptions = {
-  future?: { unstable_subResourceIntegrity?: boolean };
   subResourceIntegrity?: boolean;
+  future?: { unstable_subResourceIntegrity?: boolean };
   manifestChunkNames?: ReadonlySet<string>;
+  routeModuleAnalysis?: RouteModuleAnalysisProvider;
   onManifest?: (
-    manifest: Awaited<ReturnType<typeof getReactRouterManifestForDev>>,
+    manifest: ReactRouterManifest,
     sri: Record<string, string> | true | undefined,
-    moduleExportsByRouteId: Awaited<
-      ReturnType<typeof generateReactRouterManifestForDev>
-    >['moduleExportsByRouteId'],
+    moduleExportsByRouteId: RouteManifestModuleExports,
     context: {
       compilation: Rspack.Compilation;
       manifestStats: ReturnType<typeof createReactRouterManifestStats>;
@@ -51,18 +56,9 @@ type ModifyBrowserManifestOptions = {
 
 type ProcessAssetsApi = Pick<RsbuildPluginAPI, 'processAssets'>;
 type AssetPrefixInput = string | (() => string);
-type ReactRouterManifest = Awaited<
-  ReturnType<typeof getReactRouterManifestForDev>
->;
-type RouteManifestModuleExports = Awaited<
-  ReturnType<typeof generateReactRouterManifestForDev>
->['moduleExportsByRouteId'];
-type GeneratedManifest = {
-  manifest: ReactRouterManifest;
-  moduleExportsByRouteId: RouteManifestModuleExports;
-  manifestStats: ReturnType<typeof createReactRouterManifestStats>;
-  assetPrefix: string;
-};
+type ManifestProcessAssetsContext = Parameters<
+  Parameters<RsbuildPluginAPI['processAssets']>[1]
+>[0];
 
 const BROWSER_MANIFEST_ASSET =
   'static/js/virtual/react-router/browser-manifest.js';
@@ -85,12 +81,27 @@ const addIntegrity = (
   assetName: unknown,
   integrity: unknown
 ) => {
-  if (typeof assetName !== 'string' || typeof integrity !== 'string') {
+  if (
+    typeof assetName !== 'string' ||
+    !assetName.endsWith('.js') ||
+    typeof integrity !== 'string'
+  ) {
     return;
   }
   sri[toManifestAssetUrl(assetPrefix, assetName)] = integrity;
 };
 
+const computeSubresourceIntegrity = (
+  source: CompilationAssetWithIntegrity['source']
+): string | undefined => {
+  if (!source) {
+    return undefined;
+  }
+  return `sha384-${createHash('sha384')
+    .update(source.source())
+    .digest('base64')}`;
+};
+
 export const collectSubresourceIntegrity = (
   stats: StatsWithIntegrity | undefined,
   compilation: CompilationWithIntegrityAssets | undefined,
@@ -106,7 +117,15 @@ export const collectSubresourceIntegrity = (
     const assets =
       compilation.getAssets() as readonly CompilationAssetWithIntegrity[];
     for (const asset of assets) {
-      addIntegrity(sri, assetPrefix, asset.name, asset.info?.integrity);
+      if (!asset.name.endsWith('.js')) {
+        continue;
+      }
+      addIntegrity(
+        sri,
+        assetPrefix,
+        asset.name,
+        computeSubresourceIntegrity(asset.source) ?? asset.info?.integrity
+      );
     }
   }
 
@@ -119,7 +138,7 @@ export function registerModifyBrowserManifestAssets(
   pluginOptions: PluginOptions,
   appDirectory: string,
   assetPrefix: AssetPrefixInput = '/',
-  routeChunkOptions?: Parameters<typeof getReactRouterManifestForDev>[5],
+  routeChunkOptions?: RouteChunkManifestOptions,
   options?: ModifyBrowserManifestOptions
 ): void {
   const getAssetPrefix =
@@ -130,117 +149,104 @@ export function registerModifyBrowserManifestAssets(
       routes,
       routeChunkOptions?.splitRouteModules
     );
+  const isBuild = Boolean(routeChunkOptions?.isBuild);
   const finalizeSri = Boolean(
-    routeChunkOptions?.isBuild &&
+    isBuild &&
     (options?.subResourceIntegrity ??
       options?.future?.unstable_subResourceIntegrity)
   );
-  const generatedManifests = finalizeSri
-    ? new WeakMap<Rspack.Compilation, GeneratedManifest>()
-    : undefined;
-
-  api.processAssets(
-    { stage: 'additions', environments: ['web'] },
-    async ({ assets, sources, compilation }) => {
-      const currentAssetPrefix = getAssetPrefix();
-      const stats = createReactRouterManifestStats(
-        compilation,
-        manifestChunkNames
+
+  // Build the React Router manifest from the compilation's current asset names,
+  // emit the build-mode `manifest-<version>.js` asset (or replace the dev
+  // browser-manifest placeholder), and fire the `onManifest` callback.
+  const buildAndEmitManifest = async (
+    { assets, sources, compilation }: ManifestProcessAssetsContext,
+    { withSri }: { withSri: boolean }
+  ): Promise<void> => {
+    const currentAssetPrefix = getAssetPrefix();
+    const stats = createReactRouterManifestStats(
+      compilation,
+      manifestChunkNames
+    );
+    const { manifest, moduleExportsByRouteId } =
+      await generateReactRouterManifestForDev(
+        routes,
+        pluginOptions,
+        stats,
+        appDirectory,
+        currentAssetPrefix,
+        createReactRouterManifestOptions({
+          routeChunks: routeChunkOptions,
+          routeModuleAnalysis: options?.routeModuleAnalysis,
+        })
       );
-      const { manifest, moduleExportsByRouteId } =
-        await generateReactRouterManifestForDev(
-          routes,
-          pluginOptions,
-          stats,
-          appDirectory,
-          currentAssetPrefix,
-          routeChunkOptions
-        );
-      const manifestForBrowser = finalizeSri
-        ? { ...manifest, sri: true as const }
-        : manifest;
-
-      const browserManifestAsset = assets[BROWSER_MANIFEST_ASSET];
-      if (browserManifestAsset) {
-        const originalSource = browserManifestAsset.source().toString();
-        const serializedManifest = jsesc(manifestForBrowser, { es6: true });
-        const newSource = originalSource.replace(
-          /["'`]PLACEHOLDER["'`]/,
-          () => serializedManifest
-        );
-        compilation.updateAsset(
-          BROWSER_MANIFEST_ASSET,
-          new sources.RawSource(newSource)
-        );
-      }
+    const browserManifest = { ...manifest };
+    delete browserManifest.sri;
+
+    const browserManifestAsset = assets[BROWSER_MANIFEST_ASSET];
+    if (browserManifestAsset) {
+      const originalSource = browserManifestAsset.source().toString();
+      const serializedManifest = jsesc(browserManifest, { es6: true });
+      const newSource = originalSource.replace(
+        /["'`]PLACEHOLDER["'`]/,
+        () => serializedManifest
+      );
+      compilation.updateAsset(
+        BROWSER_MANIFEST_ASSET,
+        new sources.RawSource(newSource)
+      );
+    }
 
-      if (routeChunkOptions?.isBuild) {
-        const entryAssets = stats?.assetsByChunkName?.['entry.client'];
-        const entryJsAssets =
-          entryAssets?.filter(asset => asset.endsWith('.js')) || [];
-        const manifestPath = getReactRouterManifestPath({
-          version: manifest.version,
-          isBuild: true,
-          entryModulePath: entryJsAssets[0],
-        });
-        const manifestSource = `window.__reactRouterManifest=${jsesc(
-          manifestForBrowser,
-          { es6: true }
-        )};`;
-        const source = new sources.RawSource(manifestSource);
-        if (compilation.getAsset(manifestPath)) {
-          compilation.updateAsset(manifestPath, source);
-        } else {
-          compilation.emitAsset(manifestPath, source);
-        }
+    if (isBuild) {
+      const entryAssets = stats?.assetsByChunkName?.['entry.client'];
+      const entryJsAssets =
+        entryAssets?.filter(asset => asset.endsWith('.js')) || [];
+      const manifestPath = getReactRouterManifestPath({
+        version: manifest.version,
+        isBuild: true,
+        entryModulePath: entryJsAssets[0],
+      });
+      const manifestSource = `window.__reactRouterManifest=${jsesc(
+        browserManifest,
+        { es6: true }
+      )};`;
+      const source = new sources.RawSource(manifestSource);
+      if (compilation.getAsset(manifestPath)) {
+        compilation.updateAsset(manifestPath, source);
+      } else {
+        compilation.emitAsset(manifestPath, source);
       }
+    }
 
-      if (generatedManifests) {
-        generatedManifests.set(compilation, {
-          manifest,
-          moduleExportsByRouteId,
-          manifestStats: stats,
-          assetPrefix: currentAssetPrefix,
-        });
-        return;
-      }
+    // Rspack's SRI stats are finalized by a later report-stage hook. Hash the
+    // finalized JavaScript sources here as a fallback, matching React Router's
+    // Vite integration. Browser manifests intentionally omit `sri`; hydration
+    // receives it from the server-rendered import map.
+    const sri = withSri
+      ? (collectSubresourceIntegrity(
+          compilation.getStats().toJson({
+            all: false,
+            assets: true,
+          }) as StatsWithIntegrity,
+          compilation,
+          currentAssetPrefix
+        ) ?? true)
+      : undefined;
+
+    options?.onManifest?.(manifest, sri, moduleExportsByRouteId, {
+      compilation,
+      manifestStats: stats,
+    });
+  };
 
-      options?.onManifest?.(manifest, undefined, moduleExportsByRouteId, {
-        compilation,
-        manifestStats: stats,
-      });
-    }
+  // In production, Rspack renames content-hashed assets during
+  // `realContentHash` (PROCESS_ASSETS_STAGE_OPTIMIZE_HASH = 2500). Reading
+  // asset names before that stage yields pre-rename hashes that never appear
+  // in the output, so CSS/JS URLs in the manifest 404. In dev, CSS extraction
+  // can also attach entry CSS after `additions`. Defer manifest generation and
+  // emission to the `report` stage (PROCESS_ASSETS_STAGE_REPORT = 5000), which
+  // runs after the rename, late CSS attachment, and SRI integrity finalization.
+  api.processAssets({ stage: 'report', environments: ['web'] }, context =>
+    buildAndEmitManifest(context, { withSri: finalizeSri })
   );
-
-  if (generatedManifests) {
-    api.processAssets(
-      { stage: 'report', environments: ['web'] },
-      ({ compilation }) => {
-        const generatedManifest = generatedManifests.get(compilation);
-        if (!generatedManifest) {
-          return;
-        }
-
-        generatedManifests.delete(compilation);
-        const sri =
-          collectSubresourceIntegrity(
-            undefined,
-            compilation,
-            generatedManifest.assetPrefix
-          ) ?? true;
-        options?.onManifest?.(
-          {
-            ...generatedManifest.manifest,
-            sri,
-          },
-          sri,
-          generatedManifest.moduleExportsByRouteId,
-          {
-            compilation,
-            manifestStats: generatedManifest.manifestStats,
-          }
-        );
-      }
-    );
-  }
 }
diff --git a/src/parallel-route-transforms.ts b/src/parallel-route-transforms.ts
index 06adae3e..21a2a4f9 100644
--- a/src/parallel-route-transforms.ts
+++ b/src/parallel-route-transforms.ts
@@ -1,7 +1,12 @@
 import { Worker } from 'node:worker_threads';
+import * as Effect from 'effect/Effect';
+import type * as Scope from 'effect/Scope';
 import { setBoundedCacheEntry } from './bounded-cache.js';
 import { getAvailableCpuCount, getDefaultConcurrency } from './concurrency.js';
-import { normalizeEffectError } from './effect-runtime.js';
+import {
+  normalizeEffectError,
+  tryPluginPromise,
+} from './effect-runtime.js';
 import {
   executeRouteTransformTask,
   type RouteTransformResult,
@@ -401,22 +406,10 @@ class ParallelRouteTransformExecutor implements RouteTransformExecutor {
   }
 }
 
-export const createRouteTransformExecutor = ({
-  parallelRouteTransform,
-  routeChunkCache,
-  splitRouteModules,
-  isBuild,
-}: RouteTransformExecutorOptions = {}): RouteTransformExecutor => {
-  return createRouteTransformExecutorWithWorkerFactory(
-    {
-      parallelRouteTransform,
-      routeChunkCache,
-      splitRouteModules,
-      isBuild,
-    },
-    createDefaultWorker
-  );
-};
+export const createRouteTransformExecutor = (
+  options: RouteTransformExecutorOptions = {}
+): RouteTransformExecutor =>
+  createRouteTransformExecutorWithWorkerFactory(options, createDefaultWorker);
 
 const createRouteTransformExecutorWithWorkerFactory = (
   {
@@ -456,3 +449,28 @@ export const createRouteTransformExecutorForTesting = (
   createWorker: RouteTransformWorkerFactory
 ): RouteTransformExecutor =>
   createRouteTransformExecutorWithWorkerFactory(options, createWorker);
+
+const acquireRouteTransformExecutorWithWorkerFactory = Effect.fn(
+  'RouteTransformExecutor.acquire'
+)(function* (
+  options: RouteTransformExecutorOptions,
+  createWorker: RouteTransformWorkerFactory
+) {
+  return yield* Effect.acquireRelease(
+    Effect.sync(() =>
+      createRouteTransformExecutorWithWorkerFactory(options, createWorker)
+    ),
+    executor => Effect.ignore(tryPluginPromise(() => executor.close()))
+  );
+});
+
+export const acquireRouteTransformExecutor = (
+  options: RouteTransformExecutorOptions = {}
+): Effect.Effect<RouteTransformExecutor, Error, Scope.Scope> =>
+  acquireRouteTransformExecutorWithWorkerFactory(options, createDefaultWorker);
+
+export const acquireRouteTransformExecutorForTesting = (
+  options: RouteTransformExecutorOptions,
+  createWorker: RouteTransformWorkerFactory
+): Effect.Effect<RouteTransformExecutor, Error, Scope.Scope> =>
+  acquireRouteTransformExecutorWithWorkerFactory(options, createWorker);
diff --git a/src/plugin-utils.ts b/src/plugin-utils.ts
index 51561985..db6d343e 100644
--- a/src/plugin-utils.ts
+++ b/src/plugin-utils.ts
@@ -1,7 +1,71 @@
-import { normalize } from 'pathe';
-import { existsSync } from 'node:fs';
+import { normalize, resolve } from 'pathe';
+import { existsSync, readFileSync } from 'node:fs';
+import { createRequire } from 'node:module';
 import { JS_EXTENSIONS } from './constants.js';
 
+const requireFromApp = createRequire(resolve(process.cwd(), 'package.json'));
+
+export const resolveAppPackagePath = (
+  specifier: string
+): string | undefined => {
+  try {
+    return requireFromApp.resolve(specifier);
+  } catch {
+    return undefined;
+  }
+};
+
+export const parseVersionMajorMinor = (
+  version: string | undefined
+): { major: number; minor: number } | undefined => {
+  const match = version?.match(/^(\d+)\.(\d+)\./);
+  if (!match) {
+    return undefined;
+  }
+  return { major: Number(match[1]), minor: Number(match[2]) };
+};
+
+const packageVersionCache = new Map<string, string | undefined>();
+
+export const getPackageVersion = (
+  packageName: string,
+  resolvePackagePath: (
+    specifier: string
+  ) => string | undefined = resolveAppPackagePath
+): string | undefined => {
+  // Only default resolution is cached; injected resolvers (tests) stay live.
+  const cacheable = resolvePackagePath === resolveAppPackagePath;
+  if (cacheable && packageVersionCache.has(packageName)) {
+    return packageVersionCache.get(packageName);
+  }
+  const packageJsonPath = resolvePackagePath(`${packageName}/package.json`);
+  if (!packageJsonPath) {
+    return undefined;
+  }
+  try {
+    const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8')) as {
+      version?: unknown;
+    };
+    const version =
+      typeof packageJson.version === 'string' ? packageJson.version : undefined;
+    if (cacheable) {
+      packageVersionCache.set(packageName, version);
+    }
+    return version;
+  } catch {
+    if (cacheable) {
+      packageVersionCache.set(packageName, undefined);
+    }
+    return undefined;
+  }
+};
+
+export const escapeHtml = (value: string): string =>
+  value
+    .replaceAll('&', '&amp;')
+    .replaceAll('<', '&lt;')
+    .replaceAll('>', '&gt;');
+
 export function combineURLs(baseURL: string, relativeURL: string): string {
   return relativeURL
     ? `${baseURL.replace(/\/+$/, '')}/${relativeURL.replace(/^\/+/, '')}`
@@ -15,12 +79,38 @@ export function normalizeAssetPrefix(assetPrefix?: string): string {
   return assetPrefix.endsWith('/') ? assetPrefix : `${assetPrefix}/`;
 }
 
-export function stripFileExtension(file: string): string {
-  return file.replace(/\.[^/.]+$/, '');
+/**
+ * Resolve the asset prefix Rsbuild applies to emitted asset URLs for the given
+ * mode. In development the effective prefix is `dev.assetPrefix` (which Rsbuild
+ * defaults from `server.base`, falling back to `output.assetPrefix`); in a
+ * production build it is `output.assetPrefix`. Both fields are already resolved
+ * on the normalized config, so this mirrors Rsbuild's own precedence rather than
+ * re-deriving it from `server.base`.
+ *
+ * `dev.assetPrefix` may be a boolean on the raw config (`false` disables it);
+ * boolean/`'auto'`/empty values normalize to the root prefix `'/'`.
+ */
+export function resolveEffectiveAssetPrefix(config: {
+  dev?: { assetPrefix?: unknown };
+  output?: { assetPrefix?: unknown };
+  isBuild: boolean;
+}): string {
+  const outputPrefix =
+    typeof config.output?.assetPrefix === 'string'
+      ? config.output.assetPrefix
+      : undefined;
+  if (config.isBuild) {
+    return normalizeAssetPrefix(outputPrefix);
+  }
+  const devPrefix =
+    typeof config.dev?.assetPrefix === 'string'
+      ? config.dev.assetPrefix
+      : undefined;
+  return normalizeAssetPrefix(devPrefix ?? outputPrefix);
 }
 
 export function createRouteId(file: string): string {
-  return normalize(stripFileExtension(file));
+  return normalize(file.replace(/\.[^/.]+$/, ''));
 }
 
 export function findEntryFile(basePath: string): string {
@@ -35,41 +125,15 @@ export function findEntryFile(basePath: string): string {
 
 export function generateWithProps() {
   return `
-    import { createElement as h } from "react";
-    import { useActionData, useLoaderData, useMatches, useParams, useRouteError } from "react-router";
+    import {
+      UNSAFE_withComponentProps,
+      UNSAFE_withErrorBoundaryProps,
+      UNSAFE_withHydrateFallbackProps,
+    } from "react-router";
 
-    export function withComponentProps(Component) {
-      return function Wrapped() {
-        const props = {
-          params: useParams(),
-          loaderData: useLoaderData(),
-          actionData: useActionData(),
-          matches: useMatches(),
-        };
-        return h(Component, props);
-      };
-    }
-
-    export function withHydrateFallbackProps(HydrateFallback) {
-      return function Wrapped() {
-        const props = {
-          params: useParams(),
-        };
-        return h(HydrateFallback, props);
-      };
-    }
-
-    export function withErrorBoundaryProps(ErrorBoundary) {
-      return function Wrapped() {
-        const props = {
-          params: useParams(),
-          loaderData: useLoaderData(),
-          actionData: useActionData(),
-          error: useRouteError(),
-        };
-        return h(ErrorBoundary, props);
-      };
-    }
+    export const withComponentProps = UNSAFE_withComponentProps;
+    export const withHydrateFallbackProps = UNSAFE_withHydrateFallbackProps;
+    export const withErrorBoundaryProps = UNSAFE_withErrorBoundaryProps;
   `;
 }
 
diff --git a/src/prerender-build.ts b/src/prerender-build.ts
index d6845998..7c6e18e2 100644
--- a/src/prerender-build.ts
+++ b/src/prerender-build.ts
@@ -10,12 +10,15 @@ import {
   type ServerBuild,
 } from 'react-router';
 import { dirname, relative, resolve } from 'pathe';
-import { PLUGIN_NAME } from './constants.js';
+import { PLUGIN_NAME, SPA_FALLBACK_HTML_FILE } from './constants.js';
 import { getBuildManifest } from './build-manifest.js';
 import {
+  createReactRouterManifestOptions,
   generateReactRouterManifestForDev,
-  getReactRouterManifestForDev,
+  type ReactRouterManifestForDev as ReactRouterManifest,
   type ReactRouterManifestStats,
+  type RouteChunkManifestOptions,
+  type RouteModuleAnalysisProvider,
   type RouteManifestModuleExports,
 } from './manifest.js';
 import {
@@ -32,10 +35,6 @@ import { resolveServerBuildModule } from './server-utils.js';
 import type { PluginOptions, Route } from './types.js';
 import { runPluginEffect, tryPluginPromise } from './effect-runtime.js';
 
-type ReactRouterManifest = Awaited<
-  ReturnType<typeof getReactRouterManifestForDev>
->;
-
 type BuildRouteModule = {
   loader?: unknown;
   default?: unknown;
@@ -73,9 +72,10 @@ type RunReactRouterPrerenderBuildOptions = {
   pluginOptions: PluginOptions;
   appDirectory: string;
   assetPrefix: string;
-  routeChunkOptions: Parameters<typeof getReactRouterManifestForDev>[5];
+  routeChunkOptions: RouteChunkManifestOptions | undefined;
+  routeModuleAnalysis?: RouteModuleAnalysisProvider;
   buildManifest: Awaited<ReturnType<typeof getBuildManifest>>;
-  resolvedConfigWithRoutes: ResolvedReactRouterConfig;
+  buildEndReactRouterConfig: ResolvedReactRouterConfig;
   buildEnd: Config['buildEnd'];
 };
 
@@ -160,7 +160,7 @@ export const withBuildRequest = <T>(
   handle: (request: Request) => Promise<T>
 ): Promise<T> => runPluginEffect(createBuildRequestEffect(input, init, handle));
 
-const prerenderData = async ({
+const prerenderDataEffect = ({
   handler,
   prerenderPath,
   onlyRoutes,
@@ -178,7 +178,7 @@ const prerenderData = async ({
   trailingSlashAwareDataRequests: boolean;
   api: PrerenderBuildApi;
   requestInit?: RequestInit;
-}): Promise<string> => {
+}) => {
   const dataOutputPath = createDataRequestPath(
     prerenderPath,
     trailingSlashAwareDataRequests
@@ -199,7 +199,7 @@ const prerenderData = async ({
     url.searchParams.set('_routes', onlyRoutes.join(','));
   }
 
-  return withBuildRequest(url, requestInit, async request => {
+  return createBuildRequestEffect(url, requestInit, async request => {
     const response = await handler(request);
     const data = await response.text();
 
@@ -227,7 +227,7 @@ const prerenderData = async ({
   });
 };
 
-const prerenderRoute = async ({
+const prerenderRouteEffect = ({
   handler,
   prerenderPath,
   clientBuildDir,
@@ -241,9 +241,9 @@ const prerenderRoute = async ({
   basename: string;
   api: PrerenderBuildApi;
   requestInit?: RequestInit;
-}): Promise<void> => {
+}) => {
   const normalizedPath = `${basename}${prerenderPath}/`.replace(/\/\/+/g, '/');
-  await withBuildRequest(
+  return createBuildRequestEffect(
     `http://localhost${normalizedPath}`,
     requestInit,
     async request => {
@@ -290,7 +290,7 @@ const prerenderRoute = async ({
   );
 };
 
-const prerenderResourceRoute = async ({
+const prerenderResourceRouteEffect = ({
   handler,
   prerenderPath,
   clientBuildDir,
@@ -304,11 +304,11 @@ const prerenderResourceRoute = async ({
   basename: string;
   api: PrerenderBuildApi;
   requestInit?: RequestInit;
-}): Promise<void> => {
+}) => {
   const normalizedPath = `${basename}${prerenderPath}/`
     .replace(/\/\/+/g, '/')
     .replace(/\/$/g, '');
-  await withBuildRequest(
+  return createBuildRequestEffect(
     `http://localhost${normalizedPath}`,
     requestInit,
     async request => {
@@ -361,7 +361,7 @@ const handleSpaMode = async ({
       const html = await response.text();
       const isPrerenderSpaFallback = build.prerender?.includes('/');
       const filename = isPrerenderSpaFallback
-        ? '__spa-fallback.html'
+        ? SPA_FALLBACK_HTML_FILE
         : 'index.html';
 
       if (response.status !== 200) {
@@ -374,7 +374,7 @@ const handleSpaMode = async ({
         }
         throw new Error(
           `SPA Mode: Received a ${response.status} status code from ` +
-            `\`entry.server.tsx\` while prerendering your \`${filename}\` file.\n` +
+            '`entry.server.tsx` while prerendering your SPA Fallback HTML file.\n' +
             html
         );
       }
@@ -443,10 +443,10 @@ const validatePrerenderPathMatches = (
   }
 };
 
-export const createBoundedPrerenderTasksEffect = (
-  prerenderPaths: string[],
+export const createBoundedPrerenderTasksEffect = <T>(
+  prerenderPaths: T[],
   concurrency: number,
-  renderPath: (path: string) => Effect.Effect<void, Error, never>
+  renderPath: (path: T) => Effect.Effect<void, Error, never>
 ): Effect.Effect<void, Error, never> =>
   Effect.forEach(prerenderPaths, renderPath, { concurrency, discard: true });
 
@@ -480,27 +480,23 @@ const createPrerenderPathEffect = ({
 
     if (isResourceRoute) {
       if (manifestRoute.loader && routeId) {
-        yield* tryPluginPromise(() =>
-          prerenderData({
-            handler: requestHandler,
-            prerenderPath: path,
-            onlyRoutes: [routeId],
-            clientBuildDir,
-            basename,
-            trailingSlashAwareDataRequests:
-              future.unstable_trailingSlashAwareDataRequests,
-            api,
-          })
-        );
-        yield* tryPluginPromise(() =>
-          prerenderResourceRoute({
-            handler: requestHandler,
-            prerenderPath: path,
-            clientBuildDir,
-            basename,
-            api,
-          })
-        );
+        yield* prerenderDataEffect({
+          handler: requestHandler,
+          prerenderPath: path,
+          onlyRoutes: [routeId],
+          clientBuildDir,
+          basename,
+          trailingSlashAwareDataRequests:
+            future.unstable_trailingSlashAwareDataRequests,
+          api,
+        });
+        yield* prerenderResourceRouteEffect({
+          handler: requestHandler,
+          prerenderPath: path,
+          clientBuildDir,
+          basename,
+          api,
+        });
       } else {
         yield* Effect.sync(() => {
           api.logger.warn(
@@ -519,30 +515,26 @@ const createPrerenderPathEffect = ({
       return build.assets?.routes?.[matchedRouteId]?.hasLoader;
     });
     const data = hasLoaders
-      ? yield* tryPluginPromise(() =>
-          prerenderData({
-            handler: requestHandler,
-            prerenderPath: path,
-            onlyRoutes: null,
-            clientBuildDir,
-            basename,
-            trailingSlashAwareDataRequests:
-              future.unstable_trailingSlashAwareDataRequests,
-            api,
-          })
-        )
+      ? yield* prerenderDataEffect({
+          handler: requestHandler,
+          prerenderPath: path,
+          onlyRoutes: null,
+          clientBuildDir,
+          basename,
+          trailingSlashAwareDataRequests:
+            future.unstable_trailingSlashAwareDataRequests,
+          api,
+        })
       : undefined;
 
-    yield* tryPluginPromise(() =>
-      prerenderRoute({
-        handler: requestHandler,
-        prerenderPath: path,
-        clientBuildDir,
-        basename,
-        api,
-        requestInit: data ? createPrerenderDataRequestInit(data) : undefined,
-      })
-    );
+    yield* prerenderRouteEffect({
+      handler: requestHandler,
+      prerenderPath: path,
+      clientBuildDir,
+      basename,
+      api,
+      requestInit: data ? createPrerenderDataRequestInit(data) : undefined,
+    });
   });
 
 const createPrerenderDataRequestInit = (
@@ -558,35 +550,6 @@ const createPrerenderDataRequestInit = (
     : undefined;
 };
 
-const runPrerenderPaths = async ({
-  build,
-  requestHandler,
-  clientBuildDir,
-  options,
-}: {
-  build: PrerenderServerBuild;
-  requestHandler: (request: Request) => Promise<Response>;
-  clientBuildDir: string;
-  options: RunReactRouterPrerenderBuildOptions;
-}): Promise<void> => {
-  const { prerenderConfig, prerenderPaths } = options;
-  const buildRoutes = createPrerenderRoutes(build.routes);
-  const concurrency = getPrerenderConcurrency(prerenderConfig);
-
-  await runPluginEffect(
-    createBoundedPrerenderTasksEffect(prerenderPaths, concurrency, path =>
-      createPrerenderPathEffect({
-        path,
-        build,
-        buildRoutes,
-        requestHandler,
-        clientBuildDir,
-        options,
-      })
-    )
-  );
-};
-
 export const runReactRouterPrerenderBuild = async (
   options: RunReactRouterPrerenderBuildOptions
 ): Promise<void> => {
@@ -600,6 +563,7 @@ export const runReactRouterPrerenderBuild = async (
     serverBuildFile,
     ssr,
     isPrerenderEnabled,
+    prerenderConfig,
     prerenderPaths,
     routes,
     latestBrowserManifest,
@@ -609,8 +573,9 @@ export const runReactRouterPrerenderBuild = async (
     appDirectory,
     assetPrefix,
     routeChunkOptions,
+    routeModuleAnalysis,
     buildManifest,
-    resolvedConfigWithRoutes,
+    buildEndReactRouterConfig,
     buildEnd,
     basename,
   } = options;
@@ -652,7 +617,10 @@ export const runReactRouterPrerenderBuild = async (
               clientStats,
               appDirectory,
               assetPrefix,
-              routeChunkOptions
+              createReactRouterManifestOptions({
+                routeChunks: routeChunkOptions,
+                routeModuleAnalysis,
+              })
             );
         assertValidSsrFalsePrerenderExports({
           routes,
@@ -671,12 +639,22 @@ export const runReactRouterPrerenderBuild = async (
         );
       }
 
-      await runPrerenderPaths({
-        build,
-        requestHandler,
-        clientBuildDir,
-        options,
-      });
+      const buildRoutes = createPrerenderRoutes(build.routes);
+      await runPluginEffect(
+        createBoundedPrerenderTasksEffect(
+          prerenderPaths,
+          getPrerenderConcurrency(prerenderConfig),
+          path =>
+            createPrerenderPathEffect({
+              path,
+              build,
+              buildRoutes,
+              requestHandler,
+              clientBuildDir,
+              options,
+            })
+        )
+      );
     }
 
     if (!ssr) {
@@ -700,8 +678,8 @@ export const runReactRouterPrerenderBuild = async (
   if (buildEnd) {
     await buildEnd({
       buildManifest,
-      reactRouterConfig: resolvedConfigWithRoutes,
-      viteConfig: api.getNormalizedConfig(),
+      reactRouterConfig: buildEndReactRouterConfig,
+      rsbuildConfig: api.getNormalizedConfig(),
     });
   }
 };
diff --git a/src/prerender.ts b/src/prerender.ts
index 3b3813f7..86b85a27 100644
--- a/src/prerender.ts
+++ b/src/prerender.ts
@@ -1,4 +1,5 @@
 import type { Config } from './react-router-config.js';
+import type { PrerenderConfigObject, PrerenderPathsConfig } from './types.js';
 import type { RouteConfigEntry } from '@react-router/dev/routes';
 import { matchRoutes } from 'react-router';
 
@@ -6,20 +7,6 @@ type ReactRouterPrerenderConfig = Config['prerender'];
 type MatchRouteObject =
   Parameters<typeof matchRoutes>[0] extends Array<infer R> ? R : never;
 
-type PrerenderPathsConfig =
-  | boolean
-  | string[]
-  | ((args: {
-      getStaticPaths: () => string[];
-    }) => boolean | string[] | Promise<boolean | string[]>);
-
-type PrerenderConfigObject = Extract<
-  NonNullable<ReactRouterPrerenderConfig>,
-  { paths: unknown }
-> & {
-  unstable_concurrency?: number;
-};
-
 type PrerenderConfig = ReactRouterPrerenderConfig | PrerenderConfigObject;
 type PrerenderConcurrencyConfig =
   | {
@@ -78,7 +65,11 @@ export const createPrerenderRoutes = (
   grouped: Record<string, any[]> = groupRoutesByParentId(manifest)
 ): MatchRouteObject[] => {
   return (grouped[parentId] || []).map(route => {
-    const common = { id: route.id, path: route.path };
+    const common = {
+      id: route.id,
+      path: route.path,
+      caseSensitive: route.caseSensitive,
+    };
     if (route.index) {
       return { index: true, ...common } as MatchRouteObject;
     }
@@ -120,10 +111,9 @@ export const getSsrFalsePrerenderExportErrors = ({
   const errors: string[] = [];
   for (const [routeId, route] of Object.entries(manifestRoutes)) {
     const exports = routeExports[routeId] ?? [];
-    const invalidApis: string[] = [];
-
-    if (exports.includes('headers')) invalidApis.push('headers');
-    if (exports.includes('action')) invalidApis.push('action');
+    const invalidApis = ['headers', 'action', 'middleware'].filter(api =>
+      exports.includes(api)
+    );
 
     if (invalidApis.length > 0) {
       errors.push(
@@ -143,11 +133,17 @@ export const getSsrFalsePrerenderExportErrors = ({
         );
       }
 
+      // A loader on an ancestor route is only invalid when the ancestor is not
+      // itself fully prerendered. The root route is exempt: its loader always
+      // runs to render the app shell and it is always part of the prerender set
+      // whenever any path is prerendered, so upstream never flags it here.
       let parentRoute =
-        route.parentId && manifestRoutes[route.parentId]
+        route.parentId &&
+        route.parentId !== 'root' &&
+        manifestRoutes[route.parentId]
           ? manifestRoutes[route.parentId]
           : null;
-      while (parentRoute) {
+      while (parentRoute && parentRoute.id !== 'root') {
         if (parentRoute.hasLoader && !parentRoute.hasClientLoader) {
           errors.push(
             `Prerender: 1 invalid route export in \`${parentRoute.id}\` when ` +
@@ -156,7 +152,9 @@ export const getSsrFalsePrerenderExportErrors = ({
           );
         }
         parentRoute =
-          parentRoute.parentId && manifestRoutes[parentRoute.parentId]
+          parentRoute.parentId &&
+          parentRoute.parentId !== 'root' &&
+          manifestRoutes[parentRoute.parentId]
             ? manifestRoutes[parentRoute.parentId]
             : null;
       }
@@ -247,8 +245,9 @@ export const resolvePrerenderPaths = async (
         });
       warn(
         [
-          'Warning: Paths with dynamic/splat params cannot be prerendered when using `prerender: true`.',
-          'You may want to use the `prerender()` API to prerender the following paths:',
+          '⚠️ Paths with dynamic/splat params cannot be prerendered when ' +
+            'using `prerender: true`. You may want to use the `prerender()` ' +
+            'API to prerender the following paths:',
           ...paramRoutes.map(path => `  - ${path.replace(/^\/(?=[:*])/, '')}`),
         ].join('\n')
       );
diff --git a/src/react-router-config.ts b/src/react-router-config.ts
index eb8d79bf..c969b270 100644
--- a/src/react-router-config.ts
+++ b/src/react-router-config.ts
@@ -6,13 +6,15 @@ import type { NormalizedConfig } from '@rsbuild/core';
 import type { RouteConfigEntry } from '@react-router/dev/routes';
 import * as Effect from 'effect/Effect';
 import { getCappedPluginConcurrency } from './concurrency.js';
-import { runPluginEffect, tryPluginPromise } from './effect-runtime.js';
+import { normalizeEffectError, tryPluginPromise } from './effect-runtime.js';
+import { getPackageVersion, parseVersionMajorMinor } from './plugin-utils.js';
+import type { PrerenderConfigObject, PrerenderPathsConfig } from './types.js';
 
 export type BuildEndHook = {
   bivarianceHack(args: {
     buildManifest: ReactRouterBuildManifest | undefined;
     reactRouterConfig: ResolvedReactRouterConfig;
-    viteConfig: NormalizedConfig;
+    rsbuildConfig: NormalizedConfig;
   }): void | Promise<void>;
 }['bivarianceHack'];
 
@@ -20,10 +22,15 @@ type SplitRouteModulesConfig = boolean | 'enforce';
 
 export type Config = Omit<
   ReactRouterConfig,
-  'buildEnd' | 'future' | 'splitRouteModules' | 'subResourceIntegrity'
+  | 'buildEnd'
+  | 'future'
+  | 'prerender'
+  | 'splitRouteModules'
+  | 'subResourceIntegrity'
 > & {
   buildEnd?: BuildEndHook;
   future?: Partial<FutureConfig>;
+  prerender?: PrerenderConfig;
   splitRouteModules?: SplitRouteModulesConfig;
   subResourceIntegrity?: boolean;
 };
@@ -37,6 +44,8 @@ type FutureConfig = {
   v8_viteEnvironmentApi: boolean;
 };
 
+type PrerenderConfig = PrerenderPathsConfig | PrerenderConfigObject | undefined;
+
 type RouteManifestEntry = {
   id: string;
   parentId?: string;
@@ -50,10 +59,45 @@ type RouteManifest = Record<string, RouteManifestEntry>;
 
 type ResolveReactRouterConfigResult = {
   resolved: ResolvedReactRouterConfig;
+  userAndPresetConfig: Config;
   presets: NonNullable<Config['presets']>;
   hasConfiguredServerModuleFormat: boolean;
 };
 
+export const getDefaultTrailingSlashAwareDataRequests = (
+  reactRouterVersion: string | undefined = getPackageVersion('react-router')
+): boolean => (parseVersionMajorMinor(reactRouterVersion)?.major ?? 0) >= 8;
+
+export const resolveRouteDiscoveryConfig = ({
+  ssr,
+  userRouteDiscovery,
+}: {
+  ssr: boolean;
+  userRouteDiscovery: Config['routeDiscovery'];
+}): Config['routeDiscovery'] => {
+  if (!userRouteDiscovery) {
+    return ssr
+      ? ({ mode: 'lazy', manifestPath: '/__manifest' } as const)
+      : ({ mode: 'initial' } as const);
+  }
+  if (userRouteDiscovery.mode === 'initial') {
+    return userRouteDiscovery;
+  }
+
+  if (!ssr) {
+    throw new Error(
+      'The `routeDiscovery.mode` config cannot be set to "lazy" when setting `ssr:false`'
+    );
+  }
+  const manifestPath = userRouteDiscovery.manifestPath;
+  if (manifestPath && !manifestPath.startsWith('/')) {
+    throw new Error(
+      'The `routeDiscovery.manifestPath` config must be a root-relative pathname beginning with a slash (i.e., "/__manifest")'
+    );
+  }
+  return userRouteDiscovery;
+};
+
 export type ResolvedReactRouterConfig = Readonly<{
   appDirectory: string;
   basename: string;
@@ -73,6 +117,16 @@ export type ResolvedReactRouterConfig = Readonly<{
   unstable_routeConfig: RouteConfigEntry[];
 }>;
 
+const createDefaultFutureConfig = (): FutureConfig => ({
+  unstable_optimizeDeps: false,
+  unstable_subResourceIntegrity: false,
+  unstable_trailingSlashAwareDataRequests:
+    getDefaultTrailingSlashAwareDataRequests(),
+  v8_middleware: false,
+  v8_splitRouteModules: false,
+  v8_viteEnvironmentApi: false,
+});
+
 const DEFAULT_CONFIG = {
   appDirectory: 'app',
   basename: '/',
@@ -82,14 +136,7 @@ const DEFAULT_CONFIG = {
   splitRouteModules: true,
   subResourceIntegrity: false,
   ssr: true,
-  future: {
-    unstable_optimizeDeps: false,
-    unstable_subResourceIntegrity: false,
-    unstable_trailingSlashAwareDataRequests: false,
-    v8_middleware: false,
-    v8_splitRouteModules: false,
-    v8_viteEnvironmentApi: false,
-  } satisfies FutureConfig,
+  future: createDefaultFutureConfig(),
   routeDiscovery: undefined,
   prerender: undefined,
   serverBundles: undefined,
@@ -111,15 +158,12 @@ const mergeReactRouterConfig = (...configs: Config[]): Config => {
             buildEnd: async (
               ...args: Parameters<NonNullable<Config['buildEnd']>>
             ) => {
-              await runPluginEffect(
-                Effect.all(
-                  [
-                    tryPluginPromise(() => configA.buildEnd?.(...args)),
-                    tryPluginPromise(() => configB.buildEnd?.(...args)),
-                  ],
-                  { discard: true }
-                )
-              );
+              try {
+                await configA.buildEnd?.(...args);
+                await configB.buildEnd?.(...args);
+              } catch (cause) {
+                throw normalizeEffectError(cause);
+              }
             },
           }
         : {}),
@@ -181,7 +225,8 @@ export const resolveReactRouterConfigEffect = (
             reactRouterUserConfig;
           const presetConfig = yield* tryPluginPromise(() =>
             preset.reactRouterConfig?.({
-              reactRouterUserConfig: reactRouterUserConfigForPreset,
+              reactRouterUserConfig:
+                reactRouterUserConfigForPreset as ReactRouterConfig,
             })
           );
           if (!presetConfig) return null;
@@ -233,13 +278,9 @@ export const resolveReactRouterConfigEffect = (
 
     return {
       resolved,
+      userAndPresetConfig: userAndPresetConfigs,
       presets: reactRouterUserConfig.presets ?? [],
       hasConfiguredServerModuleFormat:
         userAndPresetConfigs.serverModuleFormat !== undefined,
     };
   });
-
-export const resolveReactRouterConfig = (
-  reactRouterUserConfig: Config
-): Promise<ResolveReactRouterConfigResult> =>
-  runPluginEffect(resolveReactRouterConfigEffect(reactRouterUserConfig));
diff --git a/src/route-artifacts.ts b/src/route-artifacts.ts
index 2c186dd8..575fc7e2 100644
--- a/src/route-artifacts.ts
+++ b/src/route-artifacts.ts
@@ -1,5 +1,3 @@
-import { basename } from 'pathe';
-
 import {
   CLIENT_EXPORTS,
   CLIENT_ROUTE_EXPORTS_SET,
@@ -12,6 +10,7 @@ import {
   detectRouteChunksIfEnabled,
   emptyRouteChunkSnippet,
   getRouteChunkIfEnabled,
+  getRouteChunkModuleId,
   getRouteChunkNameFromModuleId,
   shouldAnalyzeRouteChunks,
   validateRouteChunks,
@@ -50,9 +49,8 @@ type RouteChunkArtifact = {
   map: null;
 };
 
-// Exactly the route-manifest flags the client HMR runtime can patch in place
-// without a full reload. Array order defines the bit layout shared by the
-// encoder below and the decoder emitted in `generateDevHmrRuntimeModule`.
+// Shared with the dev manifest differ: exactly the route flags the client HMR
+// runtime can patch in place without a full reload.
 export const HMR_PATCHABLE_ROUTE_FLAGS = [
   'hasAction',
   'hasClientAction',
@@ -62,88 +60,104 @@ export const HMR_PATCHABLE_ROUTE_FLAGS = [
   'hasLoader',
 ] as const;
 
-const HMR_FLAG_EXPORT_NAME: Record<
+type RouteHmrMetadata = Record<
   (typeof HMR_PATCHABLE_ROUTE_FLAGS)[number],
-  string
-> = {
-  hasAction: SERVER_EXPORTS.action,
-  hasClientAction: CLIENT_EXPORTS.clientAction,
-  hasClientLoader: CLIENT_EXPORTS.clientLoader,
-  hasClientMiddleware: CLIENT_EXPORTS.clientMiddleware,
-  hasErrorBoundary: CLIENT_EXPORTS.ErrorBoundary,
-  hasLoader: SERVER_EXPORTS.loader,
-};
+  boolean
+>;
 
-export const buildRouteHmrFlags = (exportNames: readonly string[]): number => {
+export const buildRouteHmrMetadata = (
+  exportNames: readonly string[]
+): RouteHmrMetadata => {
   const exports = new Set(exportNames);
-  let flags = 0;
-  HMR_PATCHABLE_ROUTE_FLAGS.forEach((flag, index) => {
-    if (exports.has(HMR_FLAG_EXPORT_NAME[flag])) flags |= 1 << index;
-  });
-  return flags;
+  return {
+    hasAction: exports.has(SERVER_EXPORTS.action),
+    hasClientAction: exports.has(CLIENT_EXPORTS.clientAction),
+    hasClientLoader: exports.has(CLIENT_EXPORTS.clientLoader),
+    hasClientMiddleware: exports.has(CLIENT_EXPORTS.clientMiddleware),
+    hasErrorBoundary: exports.has(CLIENT_EXPORTS.ErrorBoundary),
+    hasLoader: exports.has(SERVER_EXPORTS.loader),
+  };
 };
 
 /**
  * Development-only HMR glue for a web route client entry.
  *
  * The route client entry is the webpack entry for a route, so it must
- * self-accept hot updates to stop them from bubbling into a full reload. It
- * also accepts updates of the underlying route module and forwards fresh
- * exports plus route metadata (loader/action flags derived from the current
- * export names) to the shared HMR runtime, which applies the React Router
- * route-module update contract and revalidates loader data.
+ * self-accept hot updates to stop them from bubbling into a full reload. The
+ * route entry itself must re-run on updates so route metadata (loader/action
+ * flags derived from current export names) does not get stuck in an old accept
+ * callback while the underlying route module changes.
  */
 const buildRouteClientEntryHmrCode = ({
   routeId,
   target,
-  acceptTarget,
-  flags,
+  metadata,
 }: {
   routeId: string;
   target: string;
-  acceptTarget: string;
-  flags: number;
+  metadata: RouteHmrMetadata;
 }): string => {
   const targetJson = JSON.stringify(target);
-  const acceptTargetJson = JSON.stringify(acceptTarget);
   return `
-import * as __rrm from ${targetJson};
+import * as __reactRouterRouteModule from ${targetJson};
 import {
-  registerReactRouterRouteExports as __rrr,
-  scheduleReactRouterRouteUpdate as __rru,
+  registerReactRouterRouteExports as __reactRouterRegisterRouteExports,
+  scheduleReactRouterRouteUpdate as __reactRouterScheduleRouteUpdate,
 } from "virtual/react-router/hmr-runtime";
 
-const __rrid = ${JSON.stringify(routeId)};
-const __rrf = ${flags};
-const __rrg = () => __rrm;
-const __rru0 = () => {
-  __rrr(__rrid, __rrm);
-  __rru(__rrid, __rrf, __rrg);
-};
+const __reactRouterRouteId = ${JSON.stringify(routeId)};
+const __reactRouterRouteMetadata = ${JSON.stringify(metadata)};
+const __reactRouterGetRouteModule = () => __reactRouterRouteModule;
 
-__rrr(__rrid, __rrm);
+__reactRouterRegisterRouteExports(
+  __reactRouterRouteId,
+  __reactRouterRouteModule
+);
 
 if (import.meta.webpackHot) {
-  const __rrh = import.meta.webpackHot;
-  __rrh.accept(${acceptTargetJson}, __rru0);
-  __rrh.accept();
-  __rrh.dispose(data => { data.__rr = true; });
-  if (__rrh.data && __rrh.data.__rr) __rru0();
+  import.meta.webpackHot.accept();
+  import.meta.webpackHot.dispose(data => {
+    data.__reactRouterRouteShim = true;
+  });
+  if (
+    import.meta.webpackHot.data &&
+    import.meta.webpackHot.data.__reactRouterRouteShim
+  ) {
+    __reactRouterScheduleRouteUpdate(
+      __reactRouterRouteId,
+      __reactRouterRouteMetadata,
+      __reactRouterGetRouteModule
+    );
+  }
 }
 `;
 };
 
-// The accept target is spelled relative (`./name?react-router-route`) while
-// the import above uses the absolute resource path; both resolve to the same
-// module because the client entry replaces the route file in place, so its
-// resolution context is the route's own directory.
-const createRouteHmrAcceptTarget = (resourcePath: string): string => {
-  return `./${basename(resourcePath)}?react-router-route`;
+const shouldReexportFromRouteEntry = ({
+  chunkedExportSet,
+  exportName,
+  isServer,
+}: {
+  chunkedExportSet?: ReadonlySet<string>;
+  exportName: string;
+  isServer: boolean;
+}): boolean => {
+  if (chunkedExportSet?.has(exportName)) {
+    return false;
+  }
+  if (isServer) {
+    return (
+      CLIENT_ROUTE_EXPORTS_SET.has(exportName) ||
+      SERVER_ONLY_ROUTE_EXPORTS_SET.has(exportName)
+    );
+  }
+  return CLIENT_ROUTE_EXPORTS_SET.has(exportName);
 };
 
 export const buildRouteClientEntryCode = ({
   exportNames,
   chunkedExports,
+  sharedChunkedExports = [],
   isServer,
   resourcePath,
   routeId,
@@ -151,26 +165,39 @@ export const buildRouteClientEntryCode = ({
 }: {
   exportNames: readonly string[];
   chunkedExports: readonly string[];
+  sharedChunkedExports?: readonly string[];
   isServer: boolean;
   resourcePath: string;
   routeId?: string;
   devHmr?: boolean;
 }): string => {
   const chunkedExportSet =
-    chunkedExports.length > 0 ? new Set<string>(chunkedExports) : undefined;
+    chunkedExports.length > 0 || sharedChunkedExports.length > 0
+      ? new Set<string>([...chunkedExports, ...sharedChunkedExports])
+      : undefined;
+  const target = isServer
+    ? resourcePath
+    : chunkedExports.length > 0
+      ? getRouteChunkModuleId(resourcePath, 'main')
+      : `${resourcePath}?react-router-route`;
   const reexports = exportNames
-    .filter(exp => {
-      if (chunkedExportSet?.has(exp)) {
-        return false;
-      }
-      return (
-        CLIENT_ROUTE_EXPORTS_SET.has(exp) ||
-        (isServer && SERVER_ONLY_ROUTE_EXPORTS_SET.has(exp))
-      );
-    })
+    .filter(exportName =>
+      shouldReexportFromRouteEntry({ chunkedExportSet, exportName, isServer })
+    )
     .sort();
-  const target = `${resourcePath}?react-router-route`;
-  const reexportCode = `export { ${reexports.join(', ')} } from ${JSON.stringify(target)};`;
+  const reexportCode = [
+    reexports.length > 0
+      ? `export { ${reexports.join(', ')} } from ${JSON.stringify(target)};`
+      : null,
+    ...sharedChunkedExports.map(
+      exportName =>
+        `export { ${exportName} } from ${JSON.stringify(
+          getRouteChunkModuleId(resourcePath, exportName)
+        )};`
+    ),
+  ]
+    .filter(Boolean)
+    .join('\n');
   if (!devHmr || isServer || routeId === undefined) {
     return reexportCode;
   }
@@ -179,8 +206,7 @@ export const buildRouteClientEntryCode = ({
     buildRouteClientEntryHmrCode({
       routeId,
       target,
-      acceptTarget: createRouteHmrAcceptTarget(resourcePath),
-      flags: buildRouteHmrFlags(exportNames),
+      metadata: buildRouteHmrMetadata(exportNames),
     })
   );
 };
@@ -211,10 +237,12 @@ export const createRouteClientEntryArtifact = async ({
   const exportNames =
     routeChunkInfo?.exportNames ?? (await getExportNames(code, resourcePath));
   const chunkedExports = routeChunkInfo?.chunkedExports ?? [];
+  const sharedChunkedExports = routeChunkInfo?.sharedChunkedExports ?? [];
   return {
     code: buildRouteClientEntryCode({
       exportNames,
       chunkedExports,
+      sharedChunkedExports,
       isServer,
       resourcePath,
       routeId,
diff --git a/src/route-chunks.ts b/src/route-chunks.ts
index ce0be88b..fc0d140c 100644
--- a/src/route-chunks.ts
+++ b/src/route-chunks.ts
@@ -5,7 +5,8 @@ import {
 } from 'yuku-analyzer';
 import { print } from 'yuku-codegen';
 import { walk } from 'yuku-parser';
-import { normalize, relative, resolve } from 'pathe';
+import { dirname, normalize, relative, resolve } from 'pathe';
+import { SERVER_ONLY_ROUTE_EXPORTS_SET } from './constants.js';
 
 type AnyNode = Record<string, any>;
 
@@ -15,7 +16,7 @@ export type RouteChunkExportName =
   | 'clientMiddleware'
   | 'HydrateFallback';
 
-export type RouteChunkName = 'main' | RouteChunkExportName;
+export type RouteChunkName = 'main' | RouteChunkExportName | (string & {});
 
 export type RouteChunkConfig = {
   splitRouteModules?: boolean | 'enforce';
@@ -35,6 +36,7 @@ export type RouteChunkInfo = {
   hasRouteChunks: boolean;
   hasRouteChunkByExportName: Record<RouteChunkExportName, boolean>;
   chunkedExports: RouteChunkExportName[];
+  sharedChunkedExports: string[];
 };
 
 export const routeChunkExportNames: RouteChunkExportName[] = [
@@ -63,7 +65,7 @@ export const emptyRouteChunkSnippet = (): string => 'export {};';
 
 const routeChunkQueryStringPrefix = '?route-chunk=';
 
-const routeChunkQueryStrings: Record<RouteChunkName, string> = {
+const routeChunkQueryStrings: Record<RouteChunkExportName | 'main', string> = {
   main: `${routeChunkQueryStringPrefix}main`,
   clientAction: `${routeChunkQueryStringPrefix}clientAction`,
   clientLoader: `${routeChunkQueryStringPrefix}clientLoader`,
@@ -141,6 +143,7 @@ type ExportDependencies = {
   topLevelStatements: Set<AnyNode>;
   topLevelNonModuleStatements: Set<AnyNode>;
   importedIdentifierNames: Set<string>;
+  importSources: Set<string>;
   exportedVariableDeclarators: Set<AnyNode>;
 };
 
@@ -172,6 +175,18 @@ const getVariableDeclaratorForNode = (
   return null;
 };
 
+const isTopLevelExportedVariableDeclarator = (
+  module: Module,
+  node: AnyNode
+): boolean => {
+  const declaration = module.parentOf(node as never) as AnyNode | null;
+  if (declaration?.type !== 'VariableDeclaration') {
+    return false;
+  }
+  const statement = module.parentOf(declaration as never) as AnyNode | null;
+  return statement?.type === 'ExportNamedDeclaration';
+};
+
 const getExportedName = (exported: AnyNode): string => {
   if (exported.type === 'Identifier') {
     return exported.name;
@@ -194,6 +209,26 @@ const setsIntersect = <T>(set1: Set<T>, set2: Set<T>) => {
   return false;
 };
 
+const isEntryClientImport = (source: string, importer: string): boolean => {
+  if (!source.startsWith('.') && !source.startsWith('/')) {
+    return false;
+  }
+  const resolved = normalize(resolve('/', dirname(importer), source));
+  return /(?:^|\/)entry\.client(?:\.[cm]?[jt]sx?)?$/.test(resolved);
+};
+
+const hasEntryClientImport = (
+  dependencies: ExportDependencies,
+  importer: string
+): boolean => {
+  for (const source of dependencies.importSources) {
+    if (isEntryClientImport(source, importer)) {
+      return true;
+    }
+  }
+  return false;
+};
+
 const getExportDependencies = (
   code: string,
   cache: RouteChunkCache,
@@ -253,6 +288,7 @@ const getExportDependencies = (
           topLevelStatements: new Set(),
           topLevelNonModuleStatements: new Set(),
           importedIdentifierNames: new Set(),
+          importSources: new Set(),
           exportedVariableDeclarators: new Set(),
         };
         const visitedSymbols = new Set<YukuSymbol>();
@@ -278,6 +314,9 @@ const getExportDependencies = (
             return;
           }
           visitedSymbols.add(symbol);
+          if (symbol.declarations.length === 0) {
+            return;
+          }
 
           for (const declaration of symbol.declarations as AnyNode[]) {
             const statement = addCachedTopLevelStatement(
@@ -286,12 +325,15 @@ const getExportDependencies = (
             );
             if (statement.type === 'ImportDeclaration') {
               dependencies.importedIdentifierNames.add(symbol.name);
+              if (typeof statement.source?.value === 'string') {
+                dependencies.importSources.add(statement.source.value);
+              }
+              return;
             }
             const declarator = getCachedVariableDeclaratorForNode(declaration);
             if (
               declarator &&
-              getCachedTopLevelStatementForNode(declarator).type ===
-                'ExportNamedDeclaration'
+              isTopLevelExportedVariableDeclarator(module, declarator)
             ) {
               dependencies.exportedVariableDeclarators.add(declarator);
             }
@@ -336,12 +378,22 @@ const getExportDependencies = (
 
 const isExportChunkable = (
   exportName: string,
-  exportDependencies: Map<string, ExportDependencies>
+  exportDependencies: Map<string, ExportDependencies>,
+  importer: string
 ) => {
   const dependencies = exportDependencies.get(exportName);
   if (!dependencies) {
     return false;
   }
+  if (exportName === 'clientLoader' && hasHydrateAssignment(dependencies)) {
+    return false;
+  }
+  if (
+    exportName === 'clientLoader' &&
+    hasEntryClientImport(dependencies, importer)
+  ) {
+    return false;
+  }
   for (const [currentExportName, currentDependencies] of exportDependencies) {
     if (currentExportName === exportName) {
       continue;
@@ -376,6 +428,21 @@ const isExportChunkable = (
   return true;
 };
 
+const hasHydrateAssignment = (dependencies: ExportDependencies): boolean =>
+  Array.from(dependencies.topLevelNonModuleStatements).some(statement => {
+    const expression = statement.expression;
+    const left = expression?.left;
+    return (
+      statement.type === 'ExpressionStatement' &&
+      expression?.type === 'AssignmentExpression' &&
+      left?.type === 'MemberExpression' &&
+      left.object?.type === 'Identifier' &&
+      left.object.name === 'clientLoader' &&
+      left.property?.type === 'Identifier' &&
+      left.property.name === 'hydrate'
+    );
+  });
+
 const getChunkableExportMap = (
   code: string,
   cache: RouteChunkCache,
@@ -384,7 +451,7 @@ const getChunkableExportMap = (
   getOrSetFromCache(cache, `${cacheKey}::getChunkableExportMap`, code, () => {
     const exportDependencies = getExportDependencies(code, cache, cacheKey);
     return createRouteChunkExportMap(exportName =>
-      isExportChunkable(exportName, exportDependencies)
+      isExportChunkable(exportName, exportDependencies, cacheKey)
     );
   });
 
@@ -393,12 +460,18 @@ const hasChunkableExport = (
   exportName: string,
   cache: RouteChunkCache,
   cacheKey: string
-) =>
-  (routeChunkExportNames as string[]).includes(exportName)
-    ? getChunkableExportMap(code, cache, cacheKey)[
-        exportName as RouteChunkExportName
-      ]
-    : false;
+) => {
+  if ((routeChunkExportNames as string[]).includes(exportName)) {
+    return getChunkableExportMap(code, cache, cacheKey)[
+      exportName as RouteChunkExportName
+    ];
+  }
+  return isExportChunkable(
+    exportName,
+    getExportDependencies(code, cache, cacheKey),
+    cacheKey
+  );
+};
 
 const generateCode = (program: AnyNode): string | undefined => {
   if (program.body.length === 0) {
@@ -501,14 +574,12 @@ const getChunkedExport = (
   );
 };
 
-const getChunkedExportCacheKey = (
-  cacheKey: string,
-  exportName: RouteChunkExportName
-) => `${cacheKey}::getChunkedExport::${exportName}`;
+const getChunkedExportCacheKey = (cacheKey: string, exportName: string) =>
+  `${cacheKey}::getChunkedExport::${exportName}`;
 
 const hasCachedChunkedExport = (
   code: string,
-  exportName: RouteChunkExportName,
+  exportName: string,
   cache: RouteChunkCache,
   cacheKey: string
 ): boolean =>
@@ -525,11 +596,10 @@ const omitChunkedExports = (
     `${cacheKey}::omitChunkedExports::${exportNames.join(',')}`,
     code,
     () => {
-      const chunkableExportMap = getChunkableExportMap(code, cache, cacheKey);
       const exportNameSet = new Set(exportNames);
       const isOmitted = (exportName: string) =>
         exportNameSet.has(exportName) &&
-        Boolean(chunkableExportMap[exportName as RouteChunkExportName]);
+        hasChunkableExport(code, exportName, cache, cacheKey);
       const isRetained = (exportName: string) => !isOmitted(exportName);
 
       const exportDependencies = getExportDependencies(code, cache, cacheKey);
@@ -633,17 +703,57 @@ const precomputeChunkedExports = (
   cache: RouteChunkCache,
   cacheKey: string
 ) => {
-  const chunkableExportMap = getChunkableExportMap(code, cache, cacheKey);
-  for (const exportName of routeChunkExportNames) {
-    if (!chunkableExportMap[exportName]) {
+  for (const exportName of getChunkedExportNames(code, cache, cacheKey)) {
+    if (!hasChunkableExport(code, exportName, cache, cacheKey)) {
+      continue;
+    }
+    if (hasCachedChunkedExport(code, exportName, cache, cacheKey)) {
       continue;
     }
-    if (!hasCachedChunkedExport(code, exportName, cache, cacheKey)) {
+    if (
+      !hasCachedValue(
+        cache,
+        getChunkedExportCacheKey(cacheKey, exportName),
+        code
+      )
+    ) {
       getChunkedExport(code, exportName, cache, cacheKey);
     }
   }
 };
 
+const getSharedChunkedExports = (
+  exportDependencies: Map<string, ExportDependencies>,
+  cacheKey: string
+): string[] =>
+  Array.from(exportDependencies.keys())
+    .filter(
+      exportName =>
+        exportName !== 'default' &&
+        !(routeChunkExportNames as string[]).includes(exportName) &&
+        !SERVER_ONLY_ROUTE_EXPORTS_SET.has(exportName) &&
+        isExportChunkable(exportName, exportDependencies, cacheKey)
+    )
+    .sort();
+
+const getChunkedExportNames = (
+  code: string,
+  cache: RouteChunkCache,
+  cacheKey: string
+): string[] => {
+  const exportDependencies = getExportDependencies(code, cache, cacheKey);
+  const routeChunkedExports = routeChunkExportNames.filter(exportName =>
+    isExportChunkable(exportName, exportDependencies, cacheKey)
+  );
+  if (routeChunkedExports.length === 0) {
+    return [];
+  }
+  return [
+    ...routeChunkedExports,
+    ...getSharedChunkedExports(exportDependencies, cacheKey),
+  ];
+};
+
 export const detectRouteChunks = (
   code: string,
   cache: RouteChunkCache | undefined,
@@ -663,31 +773,43 @@ export const detectRouteChunks = (
   const chunkedExports = Object.entries(hasRouteChunkByExportName)
     .filter(([, isChunked]) => isChunked)
     .map(([exportName]) => exportName as RouteChunkExportName);
-  const hasRouteChunks = chunkedExports.length > 0;
+  const sharedChunkedExports =
+    chunkedExports.length > 0
+      ? getSharedChunkedExports(exportDependencies, cacheKey)
+      : [];
+  const hasRouteChunks =
+    chunkedExports.length > 0 || sharedChunkedExports.length > 0;
   return {
     exportNames: Array.from(exportDependencies.keys()),
     hasRouteChunks,
     hasRouteChunkByExportName,
     chunkedExports,
+    sharedChunkedExports,
   };
 };
 
-export const getRouteChunkCode: (
-  code: string,
-  chunkName: RouteChunkName,
-  cache: RouteChunkCache | undefined,
-  cacheKey: string
-) => string | undefined = (
+export const getRouteChunkCode = (
   code: string,
   chunkName: RouteChunkName,
   cache: RouteChunkCache | undefined,
   cacheKey: string
-) => {
+): string | undefined => {
   const analysisCache = cache ?? new Map();
   if (chunkName === 'main') {
+    const exportDependencies = getExportDependencies(
+      code,
+      analysisCache,
+      cacheKey
+    );
+    const serverOnlyExports = Array.from(exportDependencies.keys()).filter(
+      exportName => SERVER_ONLY_ROUTE_EXPORTS_SET.has(exportName)
+    );
     return omitChunkedExports(
       code,
-      routeChunkExportNames,
+      [
+        ...getChunkedExportNames(code, analysisCache, cacheKey),
+        ...serverOnlyExports,
+      ],
       analysisCache,
       cacheKey
     );
@@ -701,13 +823,17 @@ export const getRouteChunkCode: (
 export const getRouteChunkModuleId = (
   filePath: string,
   chunkName: RouteChunkName
-) => `${filePath}${routeChunkQueryStrings[chunkName]}`;
+) =>
+  `${filePath}${
+    routeChunkQueryStrings[chunkName as RouteChunkExportName | 'main'] ??
+    `${routeChunkQueryStringPrefix}${encodeURIComponent(chunkName)}`
+  }`;
 
-export const isRouteChunkModuleId: (id: string) => boolean = (id: string) =>
+export const isRouteChunkModuleId = (id: string): boolean =>
   getRouteChunkNameFromModuleId(id) !== null;
 
 const isRouteChunkName = (name: string): name is RouteChunkName =>
-  name === 'main' || (routeChunkExportNames as string[]).includes(name);
+  name === 'main' || /^[A-Za-z_$][\w$]*$/.test(name);
 
 export const getRouteChunkNameFromModuleId = (
   id: string
@@ -769,20 +895,16 @@ export const buildManifestChunkValidity = (
       !exportNames.has(exportName) || hasRouteChunkByExportName[exportName]
   );
 
-export const detectRouteChunksIfEnabled: (
+export const detectRouteChunksIfEnabled = async (
   cache: RouteChunkCache | undefined,
   config: RouteChunkConfig,
   id: string,
   code: string
-) => Promise<RouteChunkInfo> = async (
-  cache: RouteChunkCache | undefined,
-  config: RouteChunkConfig,
-  id: string,
-  code: string
-) => {
+): Promise<RouteChunkInfo> => {
   const noRouteChunks = (): RouteChunkInfo => ({
     exportNames: [],
     chunkedExports: [] as RouteChunkExportName[],
+    sharedChunkedExports: [],
     hasRouteChunks: false,
     hasRouteChunkByExportName: createEmptyRouteChunkByExportName(),
   });
@@ -795,19 +917,13 @@ export const detectRouteChunksIfEnabled: (
   return detectRouteChunks(code, cache, cacheKey);
 };
 
-export const getRouteChunkIfEnabled: (
-  cache: RouteChunkCache | undefined,
-  config: RouteChunkConfig,
-  id: string,
-  chunkName: RouteChunkName,
-  code: string
-) => Promise<string | null> = async (
+export const getRouteChunkIfEnabled = async (
   cache: RouteChunkCache | undefined,
   config: RouteChunkConfig,
   id: string,
   chunkName: RouteChunkName,
   code: string
-) => {
+): Promise<string | null> => {
   if (!config.splitRouteModules) {
     return null;
   }
diff --git a/src/route-component-transform.ts b/src/route-component-transform.ts
index c1dbea68..68fc5c57 100644
--- a/src/route-component-transform.ts
+++ b/src/route-component-transform.ts
@@ -16,21 +16,14 @@ import {
   type AnyNode,
 } from './route-ast.js';
 
-export function toFunctionExpression(decl: AnyNode): AnyNode {
-  return {
-    ...decl,
-    type: 'FunctionExpression',
-    declare: undefined,
-  };
-}
-
-export function toClassExpression(decl: AnyNode): AnyNode {
-  return {
-    ...decl,
-    type: 'ClassExpression',
-    declare: undefined,
-  };
-}
+const toExpression = (
+  decl: AnyNode,
+  type: 'FunctionExpression' | 'ClassExpression'
+): AnyNode => ({
+  ...decl,
+  type,
+  declare: undefined,
+});
 
 const getComponentExportName = (exportedName: string): string | null => {
   if (exportedName === 'default') {
@@ -124,7 +117,7 @@ export const transformRoute = (ast: ParseResult | AnyNode): void => {
 
   function getHocUid(hocName: string) {
     const uid = getUid(hocName);
-    hocs.push([hocName, uid]);
+    hocs.push([`UNSAFE_${hocName}`, uid]);
     return identifier(uid);
   }
 
@@ -132,9 +125,9 @@ export const transformRoute = (ast: ParseResult | AnyNode): void => {
     const uid = getHocUid(`with${name}Props`);
     const expression =
       declaration.type === 'FunctionDeclaration'
-        ? toFunctionExpression(declaration)
+        ? toExpression(declaration, 'FunctionExpression')
         : declaration.type === 'ClassDeclaration'
-          ? toClassExpression(declaration)
+          ? toExpression(declaration, 'ClassExpression')
           : declaration;
     return variableDeclaration(name, callExpression(uid, [expression]));
   }
@@ -166,9 +159,9 @@ export const transformRoute = (ast: ParseResult | AnyNode): void => {
       }
       const expression =
         declaration.type === 'FunctionDeclaration'
-          ? toFunctionExpression(declaration)
+          ? toExpression(declaration, 'FunctionExpression')
           : declaration.type === 'ClassDeclaration'
-            ? toClassExpression(declaration)
+            ? toExpression(declaration, 'ClassExpression')
             : declaration;
       statement.declaration = callExpression(uid, [expression]);
       continue;
@@ -301,7 +294,7 @@ export const transformRoute = (ast: ParseResult | AnyNode): void => {
       0,
       importDeclaration(
         hocs.map(([name, local]) => ({ imported: name, local })),
-        'virtual/react-router/with-props'
+        'react-router'
       )
     );
   }
diff --git a/src/route-export-pruning.ts b/src/route-export-pruning.ts
index d3e3762d..44fb8041 100644
--- a/src/route-export-pruning.ts
+++ b/src/route-export-pruning.ts
@@ -198,7 +198,7 @@ const isNonReferenceIdentifier = (node: AnyNode, parent: AnyNode | null) => {
 
 const isUppercaseName = (name: string): boolean => /^[A-Z]/.test(name);
 
-const collectReferencedNames = (node: AnyNode): Set<string> => {
+export const collectReferencedNames = (node: AnyNode): Set<string> => {
   const referenced = new Set<string>();
   walk(node as never, {
     Identifier(node, ctx) {
@@ -489,7 +489,8 @@ const hasRemovableExport = (
 export const removeExports = (
   ast: ParseResult | AnyNode,
   exportsToRemove: readonly string[],
-  exportsToRemoveSet: ReadonlySet<string> = new Set(exportsToRemove)
+  exportsToRemoveSet: ReadonlySet<string> = new Set(exportsToRemove),
+  options: { pruneDeadDeclarations?: boolean } = {}
 ): boolean => {
   const program = getProgram(ast);
   if (!hasRemovableExport(program, exportsToRemoveSet)) {
@@ -631,7 +632,7 @@ export const removeExports = (
     }
   }
 
-  if (exportsChanged) {
+  if (exportsChanged && options.pruneDeadDeclarations !== false) {
     removeNewlyDeadTopLevelDeclarations(
       program,
       declarationGraph,
diff --git a/src/route-imports.ts b/src/route-imports.ts
new file mode 100644
index 00000000..d20ae47a
--- /dev/null
+++ b/src/route-imports.ts
@@ -0,0 +1,100 @@
+import type { Rspack } from '@rsbuild/core';
+import { resolve } from 'pathe';
+
+import { JS_EXTENSIONS, PLUGIN_NAME } from './constants.js';
+import type { Route } from './types.js';
+
+type QuerylessRouteImportPlugin = {
+  name: string;
+  apply(compiler: Rspack.Compiler): void;
+};
+
+const RSC_CLIENT_ROUTE_MODULE_QUERY_PREFIX = '?client-route-module=';
+const RSC_SHARED_CLIENT_ROUTE_MODULE_QUERY = '?client-route-module=shared';
+const RSC_SERVER_ROUTE_MODULE_QUERY = '?server-route-module=';
+const CLASSIC_CLIENT_ROUTE_MODULE_QUERY = '?react-router-route';
+
+const isRscClientRouteModuleIssuer = (issuer: string): boolean =>
+  issuer.includes(RSC_CLIENT_ROUTE_MODULE_QUERY_PREFIX);
+
+export const resolveQuerylessRouteImportRequest = ({
+  compilerName,
+  context,
+  issuer,
+  rsc = false,
+  request,
+  routeByFilePath,
+}: {
+  compilerName?: string;
+  context?: string;
+  issuer?: string;
+  rsc?: boolean;
+  request?: string;
+  routeByFilePath: ReadonlyMap<string, Route>;
+}): string | undefined => {
+  if (
+    typeof request !== 'string' ||
+    typeof context !== 'string' ||
+    typeof issuer !== 'string' ||
+    request.includes('?') ||
+    (!request.startsWith('.') && !request.startsWith('/'))
+  ) {
+    return;
+  }
+
+  const issuerPath = issuer.split('?')[0];
+  if (!routeByFilePath.has(issuerPath)) {
+    return;
+  }
+
+  const isRscClientIssuer = isRscClientRouteModuleIssuer(issuer);
+  const isWebCompiler = compilerName === 'web';
+  if (!rsc && !isWebCompiler && !isRscClientIssuer) {
+    return;
+  }
+
+  const candidate = resolve(context, request);
+  const routeFilePath = routeByFilePath.has(candidate)
+    ? candidate
+    : JS_EXTENSIONS.map(extension => `${candidate}${extension}`).find(
+        candidate => routeByFilePath.has(candidate)
+      );
+
+  if (!routeFilePath) {
+    return;
+  }
+
+  if (!rsc && isWebCompiler) {
+    return `${routeFilePath}${CLASSIC_CLIENT_ROUTE_MODULE_QUERY}`;
+  }
+
+  if (isWebCompiler || isRscClientIssuer) {
+    return `${routeFilePath}${RSC_SHARED_CLIENT_ROUTE_MODULE_QUERY}`;
+  }
+
+  return `${routeFilePath}${RSC_SERVER_ROUTE_MODULE_QUERY}`;
+};
+
+export const createQuerylessRouteImportPlugin = (
+  routeByFilePath: ReadonlyMap<string, Route>,
+  options: { rsc?: boolean } = {}
+): QuerylessRouteImportPlugin => ({
+  name: `${PLUGIN_NAME}:queryless-route-imports`,
+  apply(compiler: Rspack.Compiler) {
+    compiler.hooks.normalModuleFactory.tap(PLUGIN_NAME, factory => {
+      factory.hooks.beforeResolve.tap(PLUGIN_NAME, data => {
+        const resolvedRequest = resolveQuerylessRouteImportRequest({
+          compilerName: compiler.options?.name,
+          context: data?.context ?? data?.contextInfo?.issuer,
+          issuer: data?.contextInfo?.issuer,
+          rsc: options.rsc,
+          request: data?.request,
+          routeByFilePath,
+        });
+        if (resolvedRequest) {
+          data.request = resolvedRequest;
+        }
+      });
+    });
+  },
+});
diff --git a/src/route-transform-tasks.ts b/src/route-transform-tasks.ts
index 8deb9b7f..fbb36849 100644
--- a/src/route-transform-tasks.ts
+++ b/src/route-transform-tasks.ts
@@ -24,10 +24,7 @@ import {
   type RouteChunkCache,
   type RouteChunkConfig,
 } from './route-chunks.js';
-import {
-  getProgram,
-  type AnyNode,
-} from './route-ast.js';
+import { getProgram } from './route-ast.js';
 
 export type RouteTransformResult = {
   code: string;
@@ -159,6 +156,14 @@ const createClientOnlyStub = async (
 
 const isComponentishName = (name: string): boolean => /^[A-Z]/.test(name);
 
+type AnyNode = {
+  type?: string;
+  name?: string;
+  body?: { type?: string };
+  callee?: { type?: string; name?: string };
+  arguments?: Array<AnyNode>;
+};
+
 /**
  * Whether an expression that appears as the first argument of a wrapping call
  * resolves to a component, mirroring react-refresh/babel's
@@ -226,7 +231,14 @@ const initResolvesToComponent = (init: AnyNode): boolean => {
 };
 
 const collectDeclaredComponentNames = (
-  declaration: AnyNode,
+  declaration: {
+    type?: string;
+    id?: { name?: string };
+    declarations?: Array<{
+      id?: { type?: string; name?: string };
+      init?: AnyNode;
+    }>;
+  },
   names: Set<string>
 ): void => {
   if (
@@ -269,7 +281,15 @@ const collectDeclaredComponentNames = (
  * subtree instead of updating it in place.
  */
 const collectUnregisteredComponentNames = (program: {
-  body?: AnyNode[];
+  body?: Array<{
+    type?: string;
+    declaration?: Parameters<typeof collectDeclaredComponentNames>[0];
+    expression?: {
+      type?: string;
+      callee?: { type?: string; name?: string };
+      arguments?: Array<{ type?: string; value?: unknown }>;
+    };
+  }>;
 }): string[] => {
   const declared = new Set<string>();
   const registered = new Set<string>();
@@ -290,7 +310,10 @@ const collectUnregisteredComponentNames = (program: {
       }
       continue;
     }
-    collectDeclaredComponentNames(statement, declared);
+    collectDeclaredComponentNames(
+      statement as Parameters<typeof collectDeclaredComponentNames>[0],
+      declared
+    );
   }
   return [...declared].filter(name => !registered.has(name));
 };
@@ -309,6 +332,41 @@ const buildComponentRefreshRegistrations = (names: string[]): string => {
   return `\nif (typeof $RefreshReg$ === 'function') {\n${registrations}\n}\n`;
 };
 
+export const validateSpaModeRouteExports = ({
+  exportNames,
+  resourcePath,
+  rootRoutePath,
+}: {
+  exportNames: readonly string[];
+  resourcePath: string;
+  rootRoutePath: string | null;
+}): void => {
+  const isRootRoute = resourcePath === rootRoutePath;
+  const relativePath = relative(process.cwd(), resourcePath);
+  const invalidServerOnly = exportNames.filter(exp => {
+    if (isRootRoute && exp === 'loader') return false;
+    return SERVER_ONLY_ROUTE_EXPORTS_SET.has(exp);
+  });
+
+  if (invalidServerOnly.length > 0) {
+    const list = invalidServerOnly.map(exp => `\`${exp}\``).join(', ');
+    throw new Error(
+      `SPA Mode: ${invalidServerOnly.length} invalid route export(s) in ` +
+        `\`${relativePath}\`: ${list}. ` +
+        `See https://reactrouter.com/how-to/spa for more information.`
+    );
+  }
+
+  if (!isRootRoute && exportNames.includes('HydrateFallback')) {
+    throw new Error(
+      `SPA Mode: Invalid \`HydrateFallback\` export found in ` +
+        `\`${relativePath}\`. ` +
+        `\`HydrateFallback\` is only permitted on the root route in SPA Mode. ` +
+        `See https://reactrouter.com/how-to/spa for more information.`
+    );
+  }
+};
+
 const transformRouteModule = async (
   task: RouteModuleTransformTask
 ): Promise<RouteTransformResult> => {
@@ -324,32 +382,11 @@ const transformRouteModule = async (
 
   const ast = parse(code, { sourceType: 'module' });
   if (task.environmentName === 'web' && !task.ssr && task.isSpaMode) {
-    const resolvedExportNames = collectProgramExportNames(getProgram(ast));
-    const isRootRoute = task.resourcePath === task.rootRoutePath;
-    const relativePath = relative(process.cwd(), task.resourcePath);
-
-    const invalidServerOnly = resolvedExportNames.filter(exp => {
-      if (isRootRoute && exp === 'loader') return false;
-      return SERVER_ONLY_ROUTE_EXPORTS_SET.has(exp);
+    validateSpaModeRouteExports({
+      exportNames: collectProgramExportNames(getProgram(ast)),
+      resourcePath: task.resourcePath,
+      rootRoutePath: task.rootRoutePath,
     });
-
-    if (invalidServerOnly.length > 0) {
-      const list = invalidServerOnly.map(e => `\`${e}\``).join(', ');
-      throw new Error(
-        `SPA Mode: ${invalidServerOnly.length} invalid route export(s) in ` +
-          `\`${relativePath}\`: ${list}. ` +
-          `See https://reactrouter.com/how-to/spa for more information.`
-      );
-    }
-
-    if (!isRootRoute && resolvedExportNames.includes('HydrateFallback')) {
-      throw new Error(
-        `SPA Mode: Invalid \`HydrateFallback\` export found in ` +
-          `\`${relativePath}\`. ` +
-          `\`HydrateFallback\` is only permitted on the root route in SPA Mode. ` +
-          `See https://reactrouter.com/how-to/spa for more information.`
-      );
-    }
   }
 
   const removedServerOnlyExports =
diff --git a/src/route-watch.ts b/src/route-watch.ts
index d98735a8..e100afaf 100644
--- a/src/route-watch.ts
+++ b/src/route-watch.ts
@@ -2,11 +2,12 @@ import { watch, type FSWatcher } from 'node:fs';
 import { access, mkdir, readdir, writeFile } from 'node:fs/promises';
 import type { RsbuildConfig } from '@rsbuild/core';
 import * as Effect from 'effect/Effect';
+import type * as Scope from 'effect/Scope';
 import { dirname, resolve } from 'pathe';
 import { getCappedPluginConcurrency } from './concurrency.js';
 import {
   createDelayedPluginTask,
-  runPluginEffect,
+  type PluginEffectRuntime,
   tryPluginPromise,
 } from './effect-runtime.js';
 import type { Route } from './types.js';
@@ -47,6 +48,17 @@ type WatchDirectoryEntry = (
   onError: (error: unknown) => void
 ) => DirectoryWatcher;
 
+export type CreateRouteTopologyWatcherOptions = {
+  runtime: PluginEffectRuntime;
+  watchDirectory: string;
+  getRouteTopology: () => Promise<Set<string>>;
+  initialRouteTopology?: Set<string>;
+  restartMarkerPath: string;
+  onError: (error: unknown) => void;
+  onRouteTopologyChange?: () => void | Promise<void>;
+  watchDirectoryEntry?: WatchDirectoryEntry;
+};
+
 const defaultWatchDirectoryEntry: WatchDirectoryEntry = (
   directory,
   onChange,
@@ -70,8 +82,8 @@ export const mergeWatchFiles = (
   ] as WatchFilesConfig;
 };
 
-export const getRouteRestartMarkerPath = (outputClientPath: string): string =>
-  resolve(outputClientPath, ROUTE_RESTART_MARKER_ASSET);
+export const getRouteRestartMarkerPath = (appDirectory: string): string =>
+  resolve(appDirectory, '..', ROUTE_RESTART_MARKER_ASSET);
 
 export const createRouteManifestSnapshot = (
   routes: RouteManifestSnapshotEntries
@@ -120,10 +132,6 @@ const areSetsEqual = <T>(left: Set<T>, right: Set<T>): boolean => {
   return true;
 };
 
-const readRouteDirectories = (watchDirectory: string): Promise<Set<string>> => {
-  return runPluginEffect(readRouteDirectoriesEffect(watchDirectory));
-};
-
 const readRouteDirectoriesEffect = (
   watchDirectory: string
 ): Effect.Effect<Set<string>, Error, never> => {
@@ -148,7 +156,8 @@ const readRouteDirectoriesEffect = (
   return walkDirectory(watchDirectory).pipe(Effect.as(directories));
 };
 
-export const createRouteTopologyWatcher = async ({
+const createRouteTopologyWatcherEffect = ({
+  runtime,
   watchDirectory,
   getRouteTopology,
   initialRouteTopology,
@@ -156,202 +165,171 @@ export const createRouteTopologyWatcher = async ({
   onError,
   onRouteTopologyChange,
   watchDirectoryEntry: watchDirectoryOverride = defaultWatchDirectoryEntry,
-}: {
-  watchDirectory: string;
-  getRouteTopology: () => Promise<Set<string>>;
-  initialRouteTopology?: Set<string>;
-  restartMarkerPath: string;
-  onError: (error: unknown) => void;
-  onRouteTopologyChange?: () => void | Promise<void>;
-  watchDirectoryEntry?: WatchDirectoryEntry;
-}): Promise<() => Promise<void>> => {
-  const discoveredDirectories = await readRouteDirectories(watchDirectory);
-  let discoveredState: RouteDirectoryState;
-  try {
-    discoveredState = {
+}: CreateRouteTopologyWatcherOptions) =>
+  Effect.gen(function* () {
+    const discoveredDirectories =
+      yield* readRouteDirectoriesEffect(watchDirectory);
+    const routeTopology = yield* tryPluginPromise(getRouteTopology).pipe(
+      Effect.catchAll(error => {
+        if (!initialRouteTopology) return Effect.fail(error);
+        onError(error);
+        return Effect.succeed(initialRouteTopology);
+      })
+    );
+    const discoveredState: RouteDirectoryState = {
       directories: discoveredDirectories,
-      routeTopology: await getRouteTopology(),
+      routeTopology,
     };
-  } catch (error) {
-    if (!initialRouteTopology) {
-      throw error;
-    }
-    onError(error);
-    discoveredState = {
-      directories: discoveredDirectories,
-      routeTopology: initialRouteTopology,
+    let state = {
+      ...discoveredState,
+      routeTopology: initialRouteTopology ?? discoveredState.routeTopology,
     };
-  }
-  let state = {
-    ...discoveredState,
-    routeTopology: initialRouteTopology ?? discoveredState.routeTopology,
-  };
-  let closed = false;
-  let rescanQueue = Promise.resolve();
-  const directoryWatchers = new Map<string, DirectoryWatcher>();
+    let closed = false;
+    const directoryWatchers = new Map<string, DirectoryWatcher>();
 
-  const touchRestartMarkerEffect = (): Effect.Effect<void, Error, never> =>
-    tryPluginPromise(() =>
-      mkdir(dirname(restartMarkerPath), { recursive: true })
-    ).pipe(
-      Effect.zipRight(
-        tryPluginPromise(() => writeFile(restartMarkerPath, String(Date.now())))
-      )
-    );
-
-  const closeRemovedDirectoryWatchers = (
-    nextDirectories: Set<string>
-  ): void => {
-    for (const [directory, watcher] of directoryWatchers) {
-      if (!nextDirectories.has(directory)) {
-        watcher.close();
-        directoryWatchers.delete(directory);
-      }
-    }
-  };
+    const touchRestartMarkerEffect = (): Effect.Effect<void, Error, never> =>
+      tryPluginPromise(() =>
+        mkdir(dirname(restartMarkerPath), { recursive: true })
+      ).pipe(
+        Effect.zipRight(
+          tryPluginPromise(() =>
+            writeFile(restartMarkerPath, String(Date.now()))
+          )
+        )
+      );
 
-  const watchNewDirectories = (nextDirectories: Set<string>): void => {
-    for (const directory of nextDirectories) {
-      if (directoryWatchers.has(directory)) {
-        continue;
-      }
-      try {
-        let watcher: DirectoryWatcher;
-        watcher = watchDirectoryOverride(
-          directory,
-          () => rescanTask.reschedule(),
-          error => {
-            if (directoryWatchers.get(directory) === watcher) {
-              watcher.close();
-              directoryWatchers.delete(directory);
-            }
-            onError(error);
-          }
-        );
-        directoryWatchers.set(directory, watcher);
-      } catch (error) {
-        onError(error);
+    const closeRemovedDirectoryWatchers = (
+      nextDirectories: Set<string>
+    ): void => {
+      for (const [directory, watcher] of directoryWatchers) {
+        if (!nextDirectories.has(directory)) {
+          watcher.close();
+          directoryWatchers.delete(directory);
+        }
       }
-    }
-  };
-
-  const syncDirectoryWatchers = (nextDirectories: Set<string>): void => {
-    closeRemovedDirectoryWatchers(nextDirectories);
-    watchNewDirectories(nextDirectories);
-  };
+    };
 
-  const applyNextStateEffect = (
-    nextState: RouteDirectoryState
-  ): Effect.Effect<void, Error, never> =>
-    Effect.suspend(() => {
-      if (closed) {
-        return Effect.void;
-      }
-      syncDirectoryWatchers(nextState.directories);
-      if (!areSetsEqual(state.routeTopology, nextState.routeTopology)) {
-        if (onRouteTopologyChange) {
-          // This is a notification boundary, not part of the rescan
-          // transaction. A custom-server callback may close this watcher while
-          // replacing its compiler, so awaiting it here would deadlock close().
-          state = nextState;
-          return Effect.sync(() => {
-            try {
-              void Promise.resolve(onRouteTopologyChange()).catch(onError);
-            } catch (error) {
+    const watchNewDirectories = (nextDirectories: Set<string>): void => {
+      for (const directory of nextDirectories) {
+        if (directoryWatchers.has(directory)) {
+          continue;
+        }
+        try {
+          let watcher: DirectoryWatcher;
+          watcher = watchDirectoryOverride(
+            directory,
+            () => {
+              if (!closed) rescanTask.reschedule();
+            },
+            error => {
+              if (closed) return;
+              if (directoryWatchers.get(directory) === watcher) {
+                watcher.close();
+                directoryWatchers.delete(directory);
+              }
               onError(error);
             }
-          });
+          );
+          directoryWatchers.set(directory, watcher);
+        } catch (error) {
+          onError(error);
         }
-        return touchRestartMarkerEffect().pipe(
-          Effect.zipRight(
-            Effect.sync(() => {
-              if (!closed) {
-                state = nextState;
-              }
-            })
-          )
-        );
       }
-      state = nextState;
-      return Effect.void;
-    });
+    };
 
-  const runRescanEffect = (): Effect.Effect<void, never, never> => {
-    let nextDirectories: Set<string> | undefined;
-    return Effect.gen(function* () {
-      if (closed) {
-        return;
-      }
-      nextDirectories = yield* readRouteDirectoriesEffect(watchDirectory);
-      if (closed) {
-        return;
-      }
-      const nextState = {
-        directories: nextDirectories,
-        routeTopology: yield* tryPluginPromise(getRouteTopology),
-      };
-      if (closed) {
-        return;
-      }
-      yield* applyNextStateEffect(nextState);
-    }).pipe(
-      Effect.catchAll(error =>
-        Effect.sync(() => {
-          if (nextDirectories && !closed) {
-            syncDirectoryWatchers(nextDirectories);
+    const syncDirectoryWatchers = (nextDirectories: Set<string>): void => {
+      closeRemovedDirectoryWatchers(nextDirectories);
+      watchNewDirectories(nextDirectories);
+    };
+
+    const applyNextStateEffect = (
+      nextState: RouteDirectoryState
+    ): Effect.Effect<void, Error, never> =>
+      Effect.suspend(() => {
+        if (closed) return Effect.void;
+        syncDirectoryWatchers(nextState.directories);
+        if (!areSetsEqual(state.routeTopology, nextState.routeTopology)) {
+          if (onRouteTopologyChange) {
+            // This is a notification boundary, not part of the rescan
+            // transaction. A custom-server callback may close this watcher while
+            // replacing its compiler, so awaiting it here would deadlock close().
+            state = nextState;
+            return Effect.sync(() => {
+              try {
+                void Promise.resolve(onRouteTopologyChange()).catch(onError);
+              } catch (error) {
+                onError(error);
+              }
+            });
           }
-          onError(error);
-        })
-      )
-    );
-  };
+          return touchRestartMarkerEffect().pipe(
+            Effect.zipRight(
+              Effect.sync(() => {
+                if (!closed) {
+                  state = nextState;
+                }
+              })
+            )
+          );
+        }
+        state = nextState;
+        return Effect.void;
+      });
 
-  const rescan = (): Promise<void> => {
-    rescanQueue = rescanQueue.then(
-      () => runPluginEffect(runRescanEffect()),
-      () => runPluginEffect(runRescanEffect())
-    );
-    return rescanQueue;
-  };
+    const runRescanEffect = (): Effect.Effect<void, never, never> => {
+      let nextDirectories: Set<string> | undefined;
+      return Effect.gen(function* () {
+        if (closed) return;
+        nextDirectories = yield* readRouteDirectoriesEffect(watchDirectory);
+        if (closed) return;
+        const nextState = {
+          directories: nextDirectories,
+          routeTopology: yield* tryPluginPromise(getRouteTopology),
+        };
+        if (closed) return;
+        yield* applyNextStateEffect(nextState);
+      }).pipe(
+        Effect.catchAll(error =>
+          Effect.sync(() => {
+            if (nextDirectories && !closed)
+              syncDirectoryWatchers(nextDirectories);
+            onError(error);
+          })
+        )
+      );
+    };
 
-  const rescanTask = createDelayedPluginTask({
-    delayMs: ROUTE_TOPOLOGY_RESCAN_DEBOUNCE_MS,
-    run: () =>
-      Effect.suspend(() =>
-        closed ? Effect.void : tryPluginPromise(rescan).pipe(Effect.asVoid)
-      ),
-    onError,
-  });
+    const rescanTask = createDelayedPluginTask({
+      runtime,
+      delayMs: ROUTE_TOPOLOGY_RESCAN_DEBOUNCE_MS,
+      run: () =>
+        Effect.suspend(() => (closed ? Effect.void : runRescanEffect())),
+      onError,
+    });
 
-  const cancelScheduledRescan = (): Promise<void> =>
-    runPluginEffect(rescanTask.cancelEffect());
+    const closeEffect = (): Effect.Effect<void, Error> =>
+      tryPluginPromise(() => {
+        if (closed) return;
+        closed = true;
+        for (const watcher of directoryWatchers.values()) {
+          watcher.close();
+        }
+        directoryWatchers.clear();
+      }).pipe(Effect.ensuring(rescanTask.cancelEffect()));
 
-  const applyNextState = async (nextState: RouteDirectoryState) => {
-    await runPluginEffect(applyNextStateEffect(nextState));
-  };
+    yield* applyNextStateEffect(discoveredState).pipe(
+      Effect.catchAll(error => Effect.sync(() => onError(error))),
+      Effect.onInterrupt(() => Effect.ignore(closeEffect()))
+    );
 
-  try {
-    await applyNextState(discoveredState);
-  } catch (error) {
-    onError(error);
-  }
+    return closeEffect;
+  });
 
-  return async () => {
-    if (closed) {
-      await cancelScheduledRescan();
-      await rescanQueue;
-      return;
-    }
-    closed = true;
-    await cancelScheduledRescan();
-    for (const watcher of directoryWatchers.values()) {
-      watcher.close();
-    }
-    directoryWatchers.clear();
-    await rescanQueue;
-    for (const watcher of directoryWatchers.values()) {
-      watcher.close();
-    }
-    directoryWatchers.clear();
-  };
-};
+export const acquireRouteTopologyWatcher = (
+  options: CreateRouteTopologyWatcherOptions
+): Effect.Effect<() => Effect.Effect<void, Error>, Error, Scope.Scope> =>
+  Effect.acquireRelease(createRouteTopologyWatcherEffect(options), close =>
+    close().pipe(
+      Effect.catchAll(error => Effect.sync(() => options.onError(error)))
+    )
+  );
diff --git a/src/rsc-dev-server.ts b/src/rsc-dev-server.ts
new file mode 100644
index 00000000..dc932f2a
--- /dev/null
+++ b/src/rsc-dev-server.ts
@@ -0,0 +1,112 @@
+import { createRequestListener } from '@remix-run/node-fetch-server';
+import type { RsbuildConfig } from '@rsbuild/core';
+import { installDevServerSourceMapSupport } from './dev-source-maps.js';
+import { escapeHtml } from './plugin-utils.js';
+
+/**
+ * Turns an error thrown by the RSC server build into a source-mapped 500 HTML
+ * document. `@remix-run/node-fetch-server`'s request listener catches handler
+ * throws internally and, without an `onError`, emits a bare 500 with no body
+ * markup. React Router's classic dev path instead returns an ErrorBoundary
+ * document whose `<main>` carries the stack, and the integration test asserts
+ * on that `<main>`. Reading `error.stack` here triggers the installed
+ * `prepareStackTrace`, remapping generated `.js` frames back to the original
+ * `.tsx` source.
+ */
+const renderDevServerError = (error: unknown): Response => {
+  const stack =
+    error instanceof Error ? (error.stack ?? String(error)) : String(error);
+  return new Response(
+    `<!doctype html><html><body><main><pre>${escapeHtml(
+      stack
+    )}</pre></main></body></html>`,
+    { status: 500, headers: { 'content-type': 'text/html' } }
+  );
+};
+
+type RscServerBuild = {
+  default?: {
+    fetch?: (request: Request) => Promise<Response>;
+  };
+};
+
+type RscDevServerSetup = NonNullable<
+  NonNullable<RsbuildConfig['server']>['setup']
+>;
+
+type RscDevServerSetupOptions = {
+  entryName: string;
+  pluginName: string;
+};
+
+/**
+ * Decides whether a dev-server request should skip the RSC request handler
+ * and fall through to the rest of the middleware chain.
+ *
+ * Only Rsbuild-internal endpoints (`/__rsbuild_*`, e.g. HMR web socket
+ * fallbacks) are bypassed. Everything else — any method, any pathname,
+ * with or without a file extension — is handled by the RSC server build,
+ * matching production where the RSC server handles every request.
+ *
+ * Static assets need no bypass here: the RSC middleware is registered via
+ * the callback returned from `server.setup`, which Rsbuild invokes only
+ * after its built-in middlewares (compiled assets, public dir) are
+ * registered. A request that reaches this middleware was already declined
+ * by static asset serving.
+ */
+export const shouldBypassRscDevRequest = (request: {
+  url?: string;
+}): boolean => {
+  if (!request.url) {
+    return true;
+  }
+  const { pathname } = new URL(request.url, 'http://localhost');
+  return pathname.startsWith('/__rsbuild_');
+};
+
+export function createReactRouterRscDevServerSetup({
+  entryName,
+  pluginName,
+}: RscDevServerSetupOptions): RscDevServerSetup {
+  return context => {
+    if (context.action === 'preview') {
+      return;
+    }
+    const { server } = context;
+    // Remap generated `.js` stack frames back to original `.tsx` sources so a
+    // loader/render error surfaced below carries source-mapped locations, the
+    // same support the classic dev path installs.
+    installDevServerSourceMapSupport();
+    const listener = createRequestListener(
+      async request => {
+        const build =
+          await server.environments.node.loadBundle<RscServerBuild>(entryName);
+        const handler = build.default?.fetch;
+        if (typeof handler !== 'function') {
+          throw new Error(
+            `[${pluginName}] RSC server build must default-export an object with a fetch function.`
+          );
+        }
+        return handler(request);
+      },
+      { onError: renderDevServerError }
+    );
+
+    // Register the RSC middleware in the callback returned from
+    // `server.setup`. Rsbuild runs middlewares registered synchronously in
+    // `setup` BEFORE its built-ins, but runs returned callbacks AFTER
+    // built-in middlewares (compiled assets, public dir) are registered.
+    // Registering here makes the RSC handler the fallback for every request
+    // that static asset serving did not handle — the same routing semantics
+    // as production, where the RSC server handles everything.
+    return () => {
+      server.middlewares.use((req, res, next) => {
+        if (shouldBypassRscDevRequest(req)) {
+          next();
+          return;
+        }
+        Promise.resolve(listener(req, res)).catch(next);
+      });
+    };
+  };
+}
diff --git a/src/rsc-prerender.ts b/src/rsc-prerender.ts
new file mode 100644
index 00000000..3d8c7b14
--- /dev/null
+++ b/src/rsc-prerender.ts
@@ -0,0 +1,362 @@
+import { existsSync } from 'node:fs';
+import { mkdir, writeFile } from 'node:fs/promises';
+import { pathToFileURL } from 'node:url';
+import type { RsbuildPluginAPI } from '@rsbuild/core';
+import { dirname, relative, resolve } from 'pathe';
+import * as Effect from 'effect/Effect';
+import { PLUGIN_NAME, SPA_FALLBACK_HTML_FILE } from './constants.js';
+import {
+  createBuildRequestEffect,
+  createBoundedPrerenderTasksEffect,
+} from './prerender-build.js';
+import { normalizeAssetPrefix } from './plugin-utils.js';
+import { getPrerenderConcurrency } from './prerender.js';
+import type { Config } from './react-router-config.js';
+import { runPluginEffect } from './effect-runtime.js';
+
+/**
+ * RSC-mode prerendering.
+ *
+ * Mirrors React Router's upstream RSC behavior, feeding the shared
+ * `prerender` plugin with one request per prerender path (plus
+ * `/__spa-fallback.html` when `ssr: false`) and post-processes each HTML
+ * response into two artifacts in the client build directory:
+ *
+ * - `<path>/index.html` — the prerendered document
+ * - `<path>.rsc` (`_.rsc` for `/`) — the RSC payload reassembled from the
+ *   inline `__FLIGHT_DATA` scripts, served for client-side navigations
+ *
+ * Instead of an HTTP round-trip through a preview server, the RSC server
+ * bundle's default-exported `fetch` handler is invoked in-process, matching
+ * how classic mode prerenders through `createRequestHandler`.
+ */
+
+export const SPA_FALLBACK_REQUEST_PATH: string = `/${SPA_FALLBACK_HTML_FILE}`;
+
+const redirectStatusCodes = new Set([301, 302, 303, 307, 308]);
+
+const FLIGHT_DATA_SCRIPT_REGEX =
+  /<script>\(self\.__FLIGHT_DATA\|\|=\[\]\)\.push\(("(?:[^"\\]|\\.)*")\)<\/script>/gim;
+
+type RscRequestHandler = (request: Request) => Promise<Response>;
+
+type RscPrerenderBuildApi = Pick<RsbuildPluginAPI, 'logger'>;
+
+type RscPrerenderRequest = {
+  requestPath: string;
+  artifactPath: string;
+};
+
+type RunReactRouterRscPrerenderBuildOptions = {
+  api: RscPrerenderBuildApi;
+  hasWebEnvironment: boolean;
+  buildDirectory: string;
+  serverBuildFile?: string;
+  ssr: boolean;
+  prerenderConfig: Config['prerender'];
+  prerenderPaths: string[];
+  basename: string;
+};
+
+// Same empty/'auto'/trailing-slash semantics as asset prefixes.
+export const normalizeRscPrerenderBasename: (basename: string) => string =
+  normalizeAssetPrefix;
+
+/**
+ * The request paths to prerender: the resolved prerender paths joined with
+ * the basename, plus the SPA fallback document when `ssr: false`.
+ */
+export const getRscPrerenderRequests = ({
+  prerenderPaths,
+  ssr,
+  basename,
+}: {
+  prerenderPaths: string[];
+  ssr: boolean;
+  basename: string;
+}): RscPrerenderRequest[] => {
+  const paths = new Set(prerenderPaths);
+  if (!ssr) {
+    paths.add(SPA_FALLBACK_REQUEST_PATH);
+  }
+  const normalizedBasename = normalizeRscPrerenderBasename(basename);
+  return Array.from(paths).map(path => ({
+    artifactPath: path,
+    requestPath: `${normalizedBasename}${path.startsWith('/') ? path.slice(1) : path}`,
+  }));
+};
+
+/**
+ * Reassembles the RSC payload from the inline flight data scripts that
+ * `react-router`'s HTML stream injects into server-rendered documents.
+ * Returns `null` when the document carries no flight data.
+ */
+export const extractRscFlightData = (html: string): string | null => {
+  const matches = Array.from(html.matchAll(FLIGHT_DATA_SCRIPT_REGEX));
+  if (matches.length === 0) {
+    return null;
+  }
+  let rscData = '';
+  for (const match of matches) {
+    rscData += JSON.parse(match[1]) as string;
+  }
+  return rscData;
+};
+
+export const getRscHtmlFilePath = (pathname: string): string => {
+  if (pathname === SPA_FALLBACK_REQUEST_PATH) {
+    return SPA_FALLBACK_HTML_FILE;
+  }
+  return `${pathname.endsWith('/') ? pathname : `${pathname}/`}index.html`;
+};
+
+export const getRscPayloadFilePath = (pathname: string): string => {
+  if (pathname === '/') {
+    return '_.rsc';
+  }
+  if (pathname === SPA_FALLBACK_REQUEST_PATH) {
+    return '__spa-fallback.rsc';
+  }
+  return `${pathname}.rsc`;
+};
+
+const createRedirectHtml = ({
+  pathname,
+  location,
+  status,
+}: {
+  pathname: string;
+  location: string;
+  status: number;
+}): string => {
+  // A short delay causes Google to interpret the redirect as temporary.
+  const delay = status === 302 ? 2 : 0;
+  return `<!doctype html>
+<head>
+<title>Redirecting to: ${location}</title>
+<meta http-equiv="refresh" content="${delay};url=${location}">
+<meta name="robots" content="noindex">
+</head>
+<body>
+\t<a href="${location}">
+  Redirecting from <code>${pathname}</code> to <code>${location}</code>
+</a>
+</body>
+</html>`;
+};
+
+const resolveRscRequestHandler = (
+  buildModule: unknown,
+  serverBuildPath: string
+): RscRequestHandler => {
+  const moduleRecord = buildModule as
+    | { default?: { fetch?: unknown; default?: { fetch?: unknown } } }
+    | undefined;
+  const handler =
+    typeof moduleRecord?.default?.fetch === 'function'
+      ? moduleRecord.default.fetch
+      : typeof moduleRecord?.default?.default?.fetch === 'function'
+        ? moduleRecord.default.default.fetch
+        : null;
+  if (!handler) {
+    throw new Error(
+      `[${PLUGIN_NAME}] RSC server build ${JSON.stringify(
+        serverBuildPath
+      )} must default-export an object with a fetch function.`
+    );
+  }
+  return handler as RscRequestHandler;
+};
+
+const writePrerenderedFile = async ({
+  api,
+  clientBuildDir,
+  filePath,
+  contents,
+}: {
+  api: RscPrerenderBuildApi;
+  clientBuildDir: string;
+  filePath: string;
+  contents: string | Uint8Array;
+}): Promise<void> => {
+  const normalizedPath = filePath.startsWith('/')
+    ? filePath.slice(1)
+    : filePath;
+  const outputPath = resolve(clientBuildDir, ...normalizedPath.split('/'));
+  await mkdir(dirname(outputPath), { recursive: true });
+  await writeFile(outputPath, contents);
+  api.logger.info(`Prerendered ${relative(process.cwd(), outputPath)}`);
+};
+
+const assertPrerenderableResponse = (
+  pathname: string,
+  response: Response
+): void => {
+  if (
+    response.status === 200 ||
+    response.status === 202 ||
+    redirectStatusCodes.has(response.status) ||
+    (pathname === SPA_FALLBACK_REQUEST_PATH && response.status === 404)
+  ) {
+    return;
+  }
+  throw new Error(
+    `Prerender: Received a ${response.status} status code from ` +
+      `the RSC server while prerendering the \`${pathname}\` path.`
+  );
+};
+
+const prerenderRscUrlEffect = ({
+  api,
+  artifactPath,
+  clientBuildDir,
+  handler,
+  url,
+}: {
+  api: RscPrerenderBuildApi;
+  artifactPath?: string;
+  clientBuildDir: string;
+  handler: RscRequestHandler;
+  url: URL;
+}): Effect.Effect<void, Error, never> =>
+  createBuildRequestEffect(url, undefined, async request => {
+    const response = await handler(request);
+    const pathname = url.pathname;
+    const outputPathname = artifactPath ?? pathname;
+    assertPrerenderableResponse(pathname, response);
+
+    if (redirectStatusCodes.has(response.status)) {
+      const location = response.headers.get('Location') ?? '';
+      await writePrerenderedFile({
+        api,
+        clientBuildDir,
+        filePath: getRscHtmlFilePath(outputPathname),
+        contents: createRedirectHtml({
+          pathname,
+          location,
+          status: response.status,
+        }),
+      });
+      return Effect.void;
+    }
+
+    const isHtml = Boolean(
+      response.headers.get('content-type')?.includes('text/html')
+    );
+
+    if (isHtml) {
+      const html = await response.text();
+      await writePrerenderedFile({
+        api,
+        clientBuildDir,
+        filePath: getRscHtmlFilePath(outputPathname),
+        contents: html,
+      });
+      const flightData = extractRscFlightData(html);
+      if (flightData !== null) {
+        await writePrerenderedFile({
+          api,
+          clientBuildDir,
+          filePath: getRscPayloadFilePath(outputPathname),
+          contents: flightData,
+        });
+      }
+      return Effect.void;
+    }
+
+    // Non-HTML response (e.g. a resource route): emit the raw payload at the
+    // request path and also prerender its `.rsc` variant for client
+    // navigations, matching upstream RSC behavior.
+    await writePrerenderedFile({
+      api,
+      clientBuildDir,
+      filePath: outputPathname,
+      contents: new Uint8Array(await response.arrayBuffer()),
+    });
+    if (!pathname.endsWith('.rsc')) {
+      const dataUrl = new URL(url);
+      dataUrl.pathname += '.rsc';
+      return prerenderRscUrlEffect({
+        api,
+        artifactPath: `${outputPathname}.rsc`,
+        clientBuildDir,
+        handler,
+        url: dataUrl,
+      });
+    }
+    return Effect.void;
+  }).pipe(Effect.flatten);
+
+export const runReactRouterRscPrerenderBuild = async (
+  options: RunReactRouterRscPrerenderBuildOptions
+): Promise<void> => {
+  const {
+    api,
+    hasWebEnvironment,
+    buildDirectory,
+    serverBuildFile,
+    ssr,
+    prerenderConfig,
+    prerenderPaths,
+    basename,
+  } = options;
+
+  if (!hasWebEnvironment) {
+    return;
+  }
+
+  const prerenderRequests = getRscPrerenderRequests({
+    prerenderPaths,
+    ssr,
+    basename,
+  });
+  if (prerenderRequests.length === 0) {
+    return;
+  }
+
+  const serverBuildPath = resolve(
+    buildDirectory,
+    'server',
+    serverBuildFile || 'index.js'
+  );
+  if (!existsSync(serverBuildPath)) {
+    api.logger.warn(
+      `[${PLUGIN_NAME}] RSC server build not found at ${serverBuildPath}. ` +
+        'Skipping prerendering.'
+    );
+    return;
+  }
+
+  const clientBuildDir = resolve(buildDirectory, 'client');
+  await mkdir(clientBuildDir, { recursive: true });
+
+  const previousBuildRequestFlag = process.env.IS_RR_BUILD_REQUEST;
+  process.env.IS_RR_BUILD_REQUEST = 'yes';
+  try {
+    const buildModule = await import(pathToFileURL(serverBuildPath).toString());
+    const handler = resolveRscRequestHandler(buildModule, serverBuildPath);
+
+    api.logger.info(`Prerender: ${prerenderRequests.length} path(s)...`);
+
+    await runPluginEffect(
+      createBoundedPrerenderTasksEffect(
+        prerenderRequests,
+        getPrerenderConcurrency(prerenderConfig),
+        prerenderRequest =>
+          prerenderRscUrlEffect({
+            api,
+            artifactPath: prerenderRequest.artifactPath,
+            clientBuildDir,
+            handler,
+            url: new URL(`http://localhost${prerenderRequest.requestPath}`),
+          })
+      )
+    );
+  } finally {
+    if (previousBuildRequestFlag === undefined) {
+      delete process.env.IS_RR_BUILD_REQUEST;
+    } else {
+      process.env.IS_RR_BUILD_REQUEST = previousBuildRequestFlag;
+    }
+  }
+};
diff --git a/src/rsc-route-config.ts b/src/rsc-route-config.ts
new file mode 100644
index 00000000..e09a065e
--- /dev/null
+++ b/src/rsc-route-config.ts
@@ -0,0 +1,175 @@
+import { resolve } from 'pathe';
+import type { Route } from './types.js';
+import {
+  describeRscRouteExportConflict,
+  RSC_ROUTE_COMPONENT_EXPORTS,
+} from './rsc-route-exports.js';
+
+const js = String.raw;
+
+type RouteNode = Route & {
+  children?: RouteNode[];
+};
+
+const createRouteTree = (routes: Record<string, Route>): RouteNode[] => {
+  const nodes = new Map<string, RouteNode>();
+  for (const route of Object.values(routes)) {
+    nodes.set(route.id, { ...route, children: [] });
+  }
+
+  const roots: RouteNode[] = [];
+  for (const route of nodes.values()) {
+    if (route.parentId) {
+      const parent = nodes.get(route.parentId);
+      if (parent) {
+        parent.children?.push(route);
+        continue;
+      }
+    }
+    roots.push(route);
+  }
+
+  const normalizeChildren = (route: RouteNode): RouteNode => {
+    if (route.children?.length) {
+      route.children = route.children.map(normalizeChildren);
+    } else {
+      delete route.children;
+    }
+    return route;
+  };
+
+  return roots.map(normalizeChildren);
+};
+
+const appendRoute = (
+  code: string,
+  route: RouteNode,
+  appDirectory: string
+): string => {
+  const routeFile = resolve(appDirectory, route.file);
+  code += '{';
+  code += `lazy: frameworkRoute(() => import(${JSON.stringify(routeFile)})),`;
+  code += `id: ${JSON.stringify(route.id)},`;
+  if (typeof route.path === 'string') {
+    code += `path: ${JSON.stringify(route.path)},`;
+  }
+  if (route.index) {
+    code += 'index: true,';
+  }
+  if (route.caseSensitive) {
+    code += 'caseSensitive: true,';
+  }
+  if (route.children?.length) {
+    code += 'children:[';
+    for (const child of route.children) {
+      code = appendRoute(code, child, appDirectory);
+    }
+    code += ']';
+  }
+  code += '},';
+  return code;
+};
+
+const createComponentResolutionCode = (): string =>
+  RSC_ROUTE_COMPONENT_EXPORTS.map(
+    ({ routeProperty, clientExport, serverExport }) => {
+      const clientKey = JSON.stringify(clientExport);
+      const serverKey = JSON.stringify(serverExport);
+      const error = describeRscRouteExportConflict(clientExport, serverExport);
+      return js`
+    let ${routeProperty};
+    if (${clientKey} in mod && mod[${clientKey}]) {
+      if (${serverKey} in mod && mod[${serverKey}]) {
+        throw new Error(${JSON.stringify(error)});
+      }
+      ${routeProperty} = mod[${clientKey}];
+    } else if (${serverKey} in mod && mod[${serverKey}]) {
+      ${routeProperty} = mod[${serverKey}];
+    }`;
+    }
+  ).join('\n');
+
+export const createRscRouteConfig = ({
+  appDirectory,
+  routes,
+}: {
+  appDirectory: string;
+  routes: Record<string, Route>;
+}): string => {
+  const componentResolutionCode = createComponentResolutionCode();
+  let code = js`
+function frameworkRoute(lazy) {
+  return async () => {
+    const mod = await lazy();
+${componentResolutionCode}
+
+    const {
+      action,
+      clientAction,
+      clientLoader,
+      clientMiddleware,
+      handle,
+      headers,
+      links,
+      loader,
+      meta,
+      middleware,
+      shouldRevalidate,
+    } = mod;
+
+    return {
+      Component,
+      ErrorBoundary,
+      HydrateFallback,
+      Layout,
+      action,
+      clientAction,
+      clientLoader,
+      clientMiddleware,
+      handle,
+      headers,
+      links,
+      loader,
+      meta,
+      middleware,
+      shouldRevalidate,
+    };
+  };
+}
+export default [`;
+
+  for (const route of createRouteTree(routes)) {
+    code = appendRoute(code, route, appDirectory);
+  }
+
+  return `${code}];\n`;
+};
+
+export const createRscInternalClientModule = (): string => js`
+"use client";
+
+export {
+  BrowserRouter,
+  Form,
+  HashRouter,
+  Link,
+  Links,
+  MemoryRouter,
+  Meta,
+  Navigate,
+  NavLink,
+  Outlet,
+  Route,
+  Router,
+  RouterProvider,
+  Routes,
+  ScrollRestoration,
+  StaticRouter,
+  StaticRouterProvider,
+  UNSAFE_AwaitContextProvider,
+  UNSAFE_WithComponentProps,
+  UNSAFE_WithErrorBoundaryProps,
+  UNSAFE_WithHydrateFallbackProps,
+  unstable_HistoryRouter,
+} from "react-router";
+`;
diff --git a/src/rsc-route-exports.ts b/src/rsc-route-exports.ts
new file mode 100644
index 00000000..a0d896a1
--- /dev/null
+++ b/src/rsc-route-exports.ts
@@ -0,0 +1,67 @@
+export type RscRouteComponentExport = {
+  readonly routeProperty:
+    | 'Component'
+    | 'Layout'
+    | 'ErrorBoundary'
+    | 'HydrateFallback';
+  readonly clientExport:
+    | 'default'
+    | 'Layout'
+    | 'ErrorBoundary'
+    | 'HydrateFallback';
+  readonly serverExport:
+    | 'ServerComponent'
+    | 'ServerLayout'
+    | 'ServerErrorBoundary'
+    | 'ServerHydrateFallback';
+};
+
+export type RscClientComponentExport = RscRouteComponentExport['clientExport'];
+export type RscServerComponentExport = RscRouteComponentExport['serverExport'];
+
+export const RSC_ROUTE_COMPONENT_EXPORTS: readonly RscRouteComponentExport[] = [
+  {
+    routeProperty: 'Component',
+    clientExport: 'default',
+    serverExport: 'ServerComponent',
+  },
+  {
+    routeProperty: 'Layout',
+    clientExport: 'Layout',
+    serverExport: 'ServerLayout',
+  },
+  {
+    routeProperty: 'ErrorBoundary',
+    clientExport: 'ErrorBoundary',
+    serverExport: 'ServerErrorBoundary',
+  },
+  {
+    routeProperty: 'HydrateFallback',
+    clientExport: 'HydrateFallback',
+    serverExport: 'ServerHydrateFallback',
+  },
+] as const;
+
+export const RSC_MUTUALLY_EXCLUSIVE_ROUTE_EXPORTS: readonly (readonly [
+  RscClientComponentExport,
+  RscServerComponentExport,
+])[] = RSC_ROUTE_COMPONENT_EXPORTS.map(
+  ({ clientExport, serverExport }) => [clientExport, serverExport] as const
+);
+
+export const RSC_CLIENT_COMPONENT_EXPORTS: readonly RscClientComponentExport[] =
+  RSC_ROUTE_COMPONENT_EXPORTS.map(({ clientExport }) => clientExport);
+
+export const RSC_SERVER_COMPONENT_EXPORTS: readonly RscServerComponentExport[] =
+  RSC_ROUTE_COMPONENT_EXPORTS.map(({ serverExport }) => serverExport);
+
+export const describeRscRouteExportConflict = (
+  clientExport: string,
+  serverExport: string
+): string => {
+  const clientDescription =
+    clientExport === 'default'
+      ? 'a default export'
+      : `a ${clientExport} export`;
+  return `Module cannot have both ${clientDescription} and a ${serverExport} export`;
+};
diff --git a/src/rsc-route-transform-loader.ts b/src/rsc-route-transform-loader.ts
new file mode 100644
index 00000000..df638b94
--- /dev/null
+++ b/src/rsc-route-transform-loader.ts
@@ -0,0 +1,65 @@
+type LoaderCallback = (
+  error: Error | null,
+  code?: string | Buffer,
+  map?: unknown
+) => void;
+
+type TransformArgs = {
+  code: string;
+  resource: string;
+  resourcePath: string;
+  resourceQuery?: string;
+  environment: { name: string };
+};
+
+type TransformResult = {
+  code: string;
+  map?: unknown;
+};
+
+type ReactRouterRscTransform = (
+  args: TransformArgs
+) => Promise<TransformResult>;
+
+type LoaderCompiler = {
+  __reactRouterRscRouteTransform?: ReactRouterRscTransform;
+};
+
+type RscRouteTransformLoaderContext = {
+  _compiler?: LoaderCompiler;
+  async(): LoaderCallback;
+  getOptions(): {
+    environmentName: string;
+  };
+  resource: string;
+  resourcePath: string;
+  resourceQuery?: string;
+};
+
+export default function rscRouteTransformLoader(
+  this: RscRouteTransformLoaderContext,
+  source: string | Buffer,
+  map: unknown
+): void {
+  const callback = this.async();
+  const transform = this._compiler?.__reactRouterRscRouteTransform;
+
+  if (!transform) {
+    callback(null, source, map);
+    return;
+  }
+
+  transform({
+    code: source.toString(),
+    resource: this.resource,
+    resourcePath: this.resourcePath,
+    resourceQuery: this.resourceQuery,
+    environment: { name: this.getOptions().environmentName },
+  })
+    .then(result => {
+      callback(null, result.code, result.map ?? map);
+    })
+    .catch(error => {
+      callback(error instanceof Error ? error : new Error(String(error)));
+    });
+}
diff --git a/src/rsc-route-transform-registration.ts b/src/rsc-route-transform-registration.ts
new file mode 100644
index 00000000..6f1ae47d
--- /dev/null
+++ b/src/rsc-route-transform-registration.ts
@@ -0,0 +1,145 @@
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import type { RsbuildPlugin } from '@rsbuild/core';
+import { resolve } from 'pathe';
+import type { RouteChunkCache, RouteChunkConfig } from './route-chunks.js';
+import type { Route } from './types.js';
+import type { ReactRouterPerformanceProfiler } from './performance.js';
+import { transformRscRouteModule } from './rsc-route-transforms.js';
+
+const mdxRoutePattern = /\.mdx?$/i;
+const RSC_ROUTE_TRANSFORM_LOADER = 'react-router-rsc-route-transform';
+
+// Structural types for the compiler surface the transform plugin touches.
+// Rspack's own types do not expose the `childCompiler` compilation hook or
+// the custom property the loader reads, so we describe just what we use.
+type RscTransformCarrier<Transform> = {
+  __reactRouterRscRouteTransform?: Transform;
+};
+type TapHook<Value> = {
+  tap(name: string, handler: (value: Value) => void): void;
+};
+type RscTransformCompiler<Transform> = RscTransformCarrier<Transform> & {
+  hooks: {
+    thisCompilation: TapHook<{
+      hooks: { childCompiler: TapHook<RscTransformCarrier<Transform>> };
+    }>;
+  };
+};
+
+const getRscRouteTransformLoaderPath = (): string =>
+  join(
+    dirname(fileURLToPath(import.meta.url)),
+    import.meta.url.endsWith('.cjs')
+      ? 'rsc-route-transform-loader.cjs'
+      : 'rsc-route-transform-loader.js'
+  );
+
+export const registerReactRouterRscRouteTransforms = ({
+  api,
+  isBuild,
+  performanceProfiler,
+  routeByFilePath,
+  routeChunkCache,
+  routeChunkConfig,
+}: {
+  api: Parameters<RsbuildPlugin['setup']>[0];
+  isBuild: boolean;
+  performanceProfiler: Pick<ReactRouterPerformanceProfiler, 'record'>;
+  routeByFilePath: Map<string, Route>;
+  routeChunkCache: RouteChunkCache;
+  routeChunkConfig: RouteChunkConfig;
+}): void => {
+  const transformRoute = async (
+    args: Parameters<Parameters<typeof api.transform>[1]>[0]
+  ) => {
+    const route = routeByFilePath.get(resolve(args.resourcePath));
+    if (!route) {
+      return { code: args.code };
+    }
+
+    return performanceProfiler.record(
+      args.environment?.name,
+      'rsc:route',
+      args.resource,
+      () =>
+        transformRscRouteModule({
+          code: args.code,
+          resourcePath: args.resourcePath,
+          resourceQuery: args.resourceQuery,
+          isRootRoute: route.id === 'root',
+          routeId: route.id,
+          routeByFilePath,
+          routeChunkCache,
+          routeChunkConfig,
+          isServerEnvironment: args.environment.name === 'node',
+          isDev: !isBuild,
+        })
+    );
+  };
+
+  api.transform(
+    {
+      test: path =>
+        !mdxRoutePattern.test(path) && routeByFilePath.has(resolve(path)),
+      order: 'pre',
+    },
+    transformRoute
+  );
+
+  api.modifyBundlerChain((chain, { CHAIN_ID, environment }) => {
+    if (!chain.module.rules.has('mdx')) {
+      return;
+    }
+
+    chain.plugin(`${RSC_ROUTE_TRANSFORM_LOADER}-${environment.name}`).use(
+      class ReactRouterRscRouteTransformPlugin {
+        apply(compiler: RscTransformCompiler<typeof transformRoute>) {
+          compiler.__reactRouterRscRouteTransform = transformRoute;
+          compiler.hooks.thisCompilation.tap(
+            RSC_ROUTE_TRANSFORM_LOADER,
+            compilation => {
+              compilation.hooks.childCompiler.tap(
+                RSC_ROUTE_TRANSFORM_LOADER,
+                childCompiler => {
+                  childCompiler.__reactRouterRscRouteTransform = transformRoute;
+                }
+              );
+            }
+          );
+        }
+      }
+    );
+
+    const mdxRule = chain.module.rules.get('mdx');
+    const rscRouteTransformLoaderPath = getRscRouteTransformLoaderPath();
+    const use = mdxRule
+      .use(RSC_ROUTE_TRANSFORM_LOADER)
+      .loader(rscRouteTransformLoaderPath)
+      .options({
+        environmentName: environment.name,
+      });
+
+    if (mdxRule.uses.has('mdx')) {
+      use.before('mdx');
+    }
+
+    if (!mdxRule.uses.has(CHAIN_ID.USE.SWC)) {
+      const jsRule = chain.module.rules.get(CHAIN_ID.RULE.JS);
+      const jsMainRule = jsRule?.oneOfs.get(CHAIN_ID.ONE_OF.JS_MAIN);
+      const jsSwcUse = jsMainRule?.uses.get(CHAIN_ID.USE.SWC);
+      if (jsSwcUse) {
+        const mdxSwcUse = mdxRule.use(CHAIN_ID.USE.SWC);
+        const swcLoader = jsSwcUse.get('loader');
+        const swcOptions = jsSwcUse.get('options');
+        if (swcLoader) {
+          mdxSwcUse.loader(swcLoader);
+        }
+        if (swcOptions) {
+          mdxSwcUse.options(swcOptions);
+        }
+        mdxSwcUse.before(RSC_ROUTE_TRANSFORM_LOADER);
+      }
+    }
+  });
+};
diff --git a/src/rsc-route-transforms.ts b/src/rsc-route-transforms.ts
new file mode 100644
index 00000000..103b6824
--- /dev/null
+++ b/src/rsc-route-transforms.ts
@@ -0,0 +1,1052 @@
+import { dirname } from 'pathe';
+
+import { generate, parse } from './yuku.js';
+import {
+  CLIENT_EXPORTS,
+  CLIENT_NON_COMPONENT_EXPORTS,
+  SERVER_ONLY_ROUTE_EXPORTS,
+} from './constants.js';
+import { getExportNames } from './export-utils.js';
+import {
+  getExportedName,
+  getPatternIdentifierNames,
+  getProgram,
+  type AnyNode,
+  type ProgramNode,
+} from './route-ast.js';
+import {
+  collectReferencedNames,
+  removeExports,
+  removeUnusedImports,
+} from './route-export-pruning.js';
+import { resolveQuerylessRouteImportRequest } from './route-imports.js';
+import {
+  createEmptyRouteChunkByExportName,
+  detectRouteChunks,
+  routeChunkExportNames,
+  validateRouteChunks,
+  type RouteChunkCache,
+  type RouteChunkConfig,
+  type RouteChunkExportName,
+} from './route-chunks.js';
+import {
+  RSC_CLIENT_COMPONENT_EXPORTS,
+  RSC_MUTUALLY_EXCLUSIVE_ROUTE_EXPORTS,
+  RSC_SERVER_COMPONENT_EXPORTS,
+} from './rsc-route-exports.js';
+import type { Route } from './types.js';
+
+// Canonical client HMR navigate snippet for generated route chunks: read the
+// live data router, strip the configured basename from the current URL, and
+// perform a scroll-preserving `replace` navigation so a hot update re-renders
+// the route tree in place. The RSC client entry's runtime `rsc:update` handler
+// (`src/templates/entry.rsc.client.tsx`) is the hand-written mirror of this
+// shape; keep the two in lockstep.
+const RSC_HMR_NAVIGATE_SNIPPET = `const router = globalThis.__reactRouterDataRouter;
+                if (router?.navigate) {
+                  const basename = router.basename || "/";
+                  let pathname = location.pathname;
+                  if (basename !== "/" && pathname.startsWith(basename)) {
+                    pathname = pathname.slice(basename.length) || "/";
+                    if (pathname[0] !== "/") pathname = "/" + pathname;
+                  }
+                  router.navigate(pathname + location.search + location.hash, { replace: true, preventScrollReset: true });
+                }`;
+
+const ENSURE_CLIENT_ROUTE_MODULE_CHUNK_FOR_HMR = `
+import * as ___EnsureClientRouteModuleForHMR_REACT___ from "react";
+export function EnsureClientRouteModuleForHMR___() { return ___EnsureClientRouteModuleForHMR_REACT___.createElement(___EnsureClientRouteModuleForHMR_REACT___.Fragment, null) }
+`;
+
+const CLIENT_ROUTE_EXPORTS = [
+  ...CLIENT_NON_COMPONENT_EXPORTS,
+  ...RSC_CLIENT_COMPONENT_EXPORTS,
+] as const;
+
+const SERVER_ROUTE_EXPORTS = [
+  ...RSC_SERVER_COMPONENT_EXPORTS,
+  ...SERVER_ONLY_ROUTE_EXPORTS,
+] as const;
+
+const CLIENT_ROUTE_EXPORTS_SET = new Set<string>(CLIENT_ROUTE_EXPORTS);
+const SERVER_COMPONENT_EXPORTS_SET = new Set<string>(
+  RSC_SERVER_COMPONENT_EXPORTS
+);
+const SERVER_ROUTE_EXPORTS_SET = new Set<string>(SERVER_ROUTE_EXPORTS);
+
+const CLIENT_CHUNK_QUERY = 'client-route-module';
+const SERVER_MODULE_QUERY = 'server-route-module';
+const ROUTE_CLIENT_MODULE_CHUNK = 'route';
+const ROUTE_CLIENT_DATA_CHUNK = 'data';
+
+// Route "data" exports (non-component client functions/objects that ship in the
+// serialized route manifest). They are isolated into their own CSS-free client
+// chunk so the native rspack `RscServerPlugin` never wraps them in a
+// CSS-injecting component wrapper (see `createClientRouteModule`).
+const ROUTE_CLIENT_DATA_EXPORTS = [
+  CLIENT_EXPORTS.handle,
+  CLIENT_EXPORTS.links,
+  CLIENT_EXPORTS.meta,
+  CLIENT_EXPORTS.shouldRevalidate,
+] as const;
+const ROUTE_CLIENT_DATA_EXPORTS_SET = new Set<string>(
+  ROUTE_CLIENT_DATA_EXPORTS
+);
+
+// Bare, specifier-less side-effect style imports (`import "./x.css"`). Matches
+// plain CSS, vanilla-extract `.css.ts`/`.css.js`, and preprocessor extensions,
+// with or without a trailing query.
+const STYLE_SIDE_EFFECT_IMPORT_SOURCE =
+  /\.(css|scss|sass|less|styl|stylus)(\.(ts|js))?(\?|$)/;
+
+const isSideEffectStyleImport = (statement: AnyNode): boolean => {
+  if (
+    statement.type !== 'ImportDeclaration' ||
+    (statement.specifiers ?? []).length > 0
+  ) {
+    return false;
+  }
+  const source = statement.source;
+  return (
+    typeof source?.value === 'string' &&
+    STYLE_SIDE_EFFECT_IMPORT_SOURCE.test(source.value)
+  );
+};
+
+const removeSideEffectStyleImports = (program: ProgramNode): void => {
+  // Only drop specifier-less side-effect imports. Imports WITH specifiers
+  // (e.g. a `?url` asset import used by `links()`) must survive, as must
+  // non-style side-effect imports.
+  program.body = program.body.filter(
+    (statement: AnyNode) => !isSideEffectStyleImport(statement),
+  );
+};
+
+const programHasSideEffectStyleImports = (program: ProgramNode): boolean =>
+  (program.body ?? []).some(isSideEffectStyleImport);
+
+// A vanilla-extract style imported for its VALUE exports — the generated scoped
+// class names, e.g. `import * as s from "./x.css"` consumed as `s.index`, or
+// `import { index } from "./x.css"`. Vanilla-extract files live on disk as
+// `x.css.ts`/`x.css.js` but are imported through the `.css` specifier, so match
+// the specifier's `.css` extension. Plain side-effect `.css` imports have no
+// value specifiers and never reach this predicate; CSS Modules (`.module.css`,
+// handled by rspack's native CSS pipeline and retained) and `?url` asset imports
+// are excluded so only vanilla's value imports qualify.
+const isVanillaValueImportSource = (source: string): boolean => {
+  const queryIndex = source.indexOf('?');
+  const pathPart = queryIndex === -1 ? source : source.slice(0, queryIndex);
+  const query = queryIndex === -1 ? '' : source.slice(queryIndex + 1);
+  if (!pathPart.endsWith('.css') || pathPart.endsWith('.module.css')) {
+    return false;
+  }
+  // `?url` (and any query flagging an asset-URL import) never carries value
+  // exports; keep those on the existing `?url` relocation path.
+  return !/(^|&)url(&|=|$)/.test(query);
+};
+
+// Collect the sources of vanilla-extract value imports that lack a co-located
+// bare side-effect import of the same file.
+//
+// On a server-component route, the component consuming those class names renders
+// only in the RSC (node) compilation. Because the module is imported for its JS
+// value (not as a `import "./x.css"` side effect), rspack tree-shakes the style
+// module's CSS-emitting side effect out of the graph the client build and the
+// RSC runtime's `entryCssFiles` are derived from — the class name is applied but
+// no stylesheet defines it (padding stays `0px`). A plain `globalStyle`
+// side-effect import (`import "./x.css"`) is retained and extracts fine; adding
+// a matching bare side-effect import for value imports forces the scoped CSS
+// back into the module graph so it extracts to a client asset and streams as a
+// `<link>` at first paint, mirroring the global-style path.
+const collectVanillaValueImportSources = (program: ProgramNode): string[] => {
+  const valueSources = new Set<string>();
+  const bareSources = new Set<string>();
+  for (const statement of program.body ?? []) {
+    if (statement.type !== 'ImportDeclaration') {
+      continue;
+    }
+    const source = statement.source;
+    if (typeof source?.value !== 'string') {
+      continue;
+    }
+    if (!isVanillaValueImportSource(source.value)) {
+      continue;
+    }
+    if ((statement.specifiers ?? []).length > 0) {
+      valueSources.add(source.value);
+    } else {
+      bareSources.add(source.value);
+    }
+  }
+  return [...valueSources].filter(source => !bareSources.has(source));
+};
+
+// Synthetic export appended to a *client* route's server module so the native
+// rspack `RscServerPlugin` records the route's bundled CSS in `entryCssFiles`.
+// A client route's default component is a client reference whose bundled
+// (non-vanilla) side-effect CSS is hoisted into the initial browser entry chunk
+// rather than the reference's own async chunk, so the reference's `cssFiles`
+// never captures it and no `<link>` is streamed. Marking the server module
+// `'use server-entry'` and giving it a component export makes the RSC runtime
+// attribute that module graph's CSS to this carrier, which
+// `createServerRouteEntry` then streams as stylesheet links (mirrors the
+// server-component path).
+const RSC_ROUTE_STYLE_ENTRY_EXPORT = 'RscRouteStyleEntry___';
+
+type RscRouteTransformOptions = {
+  code: string;
+  resourcePath: string;
+  resourceQuery?: string;
+  isRootRoute: boolean;
+  routeId: string;
+  routeByFilePath?: ReadonlyMap<string, Route>;
+  routeChunkCache: RouteChunkCache;
+  routeChunkConfig: RouteChunkConfig;
+  isServerEnvironment: boolean;
+  isDev: boolean;
+};
+
+type RscRouteTransformResult = {
+  code: string;
+  map: null | ReturnType<typeof generate>['map'];
+};
+
+type RscRouteTransformTarget =
+  | { kind: 'client-route-module'; chunk: string }
+  | { kind: 'server-route-module' }
+  | { kind: 'server-route-entry' }
+  | { kind: 'client-route-entry' };
+
+type RscRouteExportPlan = {
+  exportNames: readonly string[];
+  exportNameSet: ReadonlySet<string>;
+  routeChunks: ReturnType<typeof getRouteChunks>;
+  sharedClientTarget: string;
+  serverTarget: string;
+  needsDefaultRootErrorBoundary: boolean;
+  clientTargetFor(exportName: string): string;
+};
+
+const createResourceQueryParams = (
+  resourceQuery: string | undefined
+): URLSearchParams =>
+  new URLSearchParams((resourceQuery ?? '').replace(/^\?/, ''));
+
+const createRouteModuleQueryParams = (
+  resourceQuery: string | undefined
+): URLSearchParams => {
+  const params = createResourceQueryParams(resourceQuery);
+  params.delete(CLIENT_CHUNK_QUERY);
+  params.delete(SERVER_MODULE_QUERY);
+  return params;
+};
+
+const createClientRouteModuleId = (
+  resourcePath: string,
+  resourceQuery: string | undefined,
+  value: string
+): string => {
+  const params = createRouteModuleQueryParams(resourceQuery);
+  params.set(CLIENT_CHUNK_QUERY, value);
+  return `${resourcePath}?${params.toString()}`;
+};
+
+const createServerRouteModuleId = (
+  resourcePath: string,
+  resourceQuery: string | undefined
+): string => {
+  const params = createRouteModuleQueryParams(resourceQuery);
+  params.set(SERVER_MODULE_QUERY, '');
+  return `${resourcePath}?${params.toString()}`;
+};
+
+const isClientRouteExport = (name: string): boolean =>
+  CLIENT_ROUTE_EXPORTS_SET.has(name);
+
+const isServerRouteExport = (name: string): boolean =>
+  SERVER_ROUTE_EXPORTS_SET.has(name);
+
+const isServerComponentExport = (name: string): boolean =>
+  SERVER_COMPONENT_EXPORTS_SET.has(name);
+
+const isSplittableRouteChunkExport = (
+  exportName: string
+): exportName is RouteChunkExportName =>
+  routeChunkExportNames.includes(exportName as RouteChunkExportName);
+
+const createReexport = (exportName: string, target: string): string =>
+  exportName === 'default'
+    ? `export { default } from ${JSON.stringify(target)};`
+    : `export { ${exportName} } from ${JSON.stringify(target)};`;
+
+const shouldSplitRouteModules = ({
+  isRootRoute,
+  routeChunkConfig,
+}: Pick<
+  RscRouteTransformOptions,
+  'isRootRoute' | 'routeChunkConfig'
+>): boolean => routeChunkConfig.splitRouteModules === 'enforce' && !isRootRoute;
+
+const resolveRscRouteTransformTarget = ({
+  resourceQuery,
+  isServerEnvironment,
+}: Pick<
+  RscRouteTransformOptions,
+  'resourceQuery' | 'isServerEnvironment'
+>): RscRouteTransformTarget => {
+  const params = createResourceQueryParams(resourceQuery);
+  const clientRouteChunk = params.get(CLIENT_CHUNK_QUERY);
+  if (clientRouteChunk) {
+    return {
+      kind: 'client-route-module',
+      chunk: clientRouteChunk,
+    };
+  }
+
+  if (params.has(SERVER_MODULE_QUERY)) {
+    return { kind: 'server-route-module' };
+  }
+
+  return {
+    kind: isServerEnvironment ? 'server-route-entry' : 'client-route-entry',
+  };
+};
+
+const getRouteChunks = ({
+  code,
+  resourcePath,
+  isRootRoute,
+  routeChunkCache,
+}: Pick<
+  RscRouteTransformOptions,
+  'code' | 'resourcePath' | 'isRootRoute' | 'routeChunkCache'
+>) => {
+  const emptyRouteChunks = () => ({
+    chunkedExports: [] as RouteChunkExportName[],
+    hasRouteChunks: false,
+    hasRouteChunkByExportName: createEmptyRouteChunkByExportName(),
+  });
+
+  if (isRootRoute) {
+    return emptyRouteChunks();
+  }
+
+  if (!routeChunkExportNames.some(exportName => code.includes(exportName))) {
+    return emptyRouteChunks();
+  }
+
+  return detectRouteChunks(code, routeChunkCache, resourcePath);
+};
+
+const getRouteChunkValidation = (
+  exportNames: readonly string[],
+  routeChunks: ReturnType<typeof getRouteChunks>
+): Record<RouteChunkExportName, boolean> => {
+  const exports = new Set(exportNames);
+  return Object.fromEntries(
+    routeChunkExportNames.map(exportName => [
+      exportName,
+      !exports.has(exportName) ||
+        routeChunks.hasRouteChunkByExportName[exportName],
+    ])
+  ) as Record<RouteChunkExportName, boolean>;
+};
+
+const createExportReferenceMap = (program: ReturnType<typeof getProgram>) => {
+  const referencesByExportName = new Map<string, Set<string>>();
+  const addReferences = (exportName: string, node: AnyNode) => {
+    referencesByExportName.set(exportName, collectReferencedNames(node));
+  };
+
+  for (const statement of program.body ?? []) {
+    if (statement.type === 'ExportDefaultDeclaration') {
+      addReferences('default', statement);
+      continue;
+    }
+
+    if (statement.type !== 'ExportNamedDeclaration') {
+      continue;
+    }
+
+    for (const specifier of statement.specifiers ?? []) {
+      if (specifier.type !== 'ExportSpecifier') {
+        continue;
+      }
+      const exportedName = getExportedName(specifier);
+      if (exportedName) {
+        addReferences(exportedName, specifier);
+      }
+    }
+
+    const declaration = statement.declaration;
+    if (declaration?.type === 'VariableDeclaration') {
+      for (const declarator of declaration.declarations ?? []) {
+        for (const name of getPatternIdentifierNames(declarator.id)) {
+          addReferences(name, declarator);
+        }
+      }
+      continue;
+    }
+
+    if (
+      (declaration?.type === 'FunctionDeclaration' ||
+        declaration?.type === 'ClassDeclaration') &&
+      declaration.id?.name
+    ) {
+      addReferences(declaration.id.name, declaration);
+    }
+  }
+
+  return referencesByExportName;
+};
+
+const collectRouteClientDependencyExports = (
+  program: ReturnType<typeof getProgram>,
+  plan: RscRouteExportPlan
+): Set<string> => {
+  const referencesByExportName = createExportReferenceMap(program);
+  const dependencyExports = new Set<string>();
+  const pending: string[] = [];
+
+  for (const exportName of plan.exportNames) {
+    if (isClientRouteExport(exportName)) {
+      pending.push(...(referencesByExportName.get(exportName) ?? []));
+    }
+  }
+
+  while (pending.length > 0) {
+    const exportName = pending.pop();
+    if (
+      !exportName ||
+      dependencyExports.has(exportName) ||
+      isClientRouteExport(exportName) ||
+      isServerRouteExport(exportName)
+    ) {
+      continue;
+    }
+
+    const references = referencesByExportName.get(exportName);
+    if (!references) {
+      continue;
+    }
+
+    dependencyExports.add(exportName);
+    pending.push(...references);
+  }
+
+  return dependencyExports;
+};
+
+const stripPreservedDependencyExports = (
+  program: ReturnType<typeof getProgram>,
+  dependencyExports: ReadonlySet<string>
+): void => {
+  if (dependencyExports.size === 0) {
+    return;
+  }
+
+  for (let index = 0; index < program.body.length; index += 1) {
+    const statement = program.body[index];
+    if (statement.type !== 'ExportNamedDeclaration') {
+      continue;
+    }
+
+    if (statement.specifiers?.length) {
+      statement.specifiers = statement.specifiers.filter(
+        (specifier: AnyNode) => {
+          const exportedName =
+            specifier.type === 'ExportSpecifier'
+              ? getExportedName(specifier)
+              : null;
+          return !exportedName || !dependencyExports.has(exportedName);
+        }
+      );
+      if (statement.specifiers.length === 0 && !statement.declaration) {
+        program.body.splice(index, 1);
+        index -= 1;
+        continue;
+      }
+    }
+
+    const declaration = statement.declaration;
+    if (declaration?.type === 'VariableDeclaration') {
+      const preservedDeclarations: AnyNode[] = [];
+      const exportedDeclarations: AnyNode[] = [];
+      for (const declarator of declaration.declarations ?? []) {
+        const names = getPatternIdentifierNames(declarator.id);
+        if ([...names].some(name => dependencyExports.has(name))) {
+          preservedDeclarations.push(declarator);
+        } else {
+          exportedDeclarations.push(declarator);
+        }
+      }
+
+      if (preservedDeclarations.length === 0) {
+        continue;
+      }
+
+      const localDeclaration = {
+        ...declaration,
+        declarations: preservedDeclarations,
+      };
+      if (exportedDeclarations.length === 0) {
+        program.body[index] = localDeclaration;
+        continue;
+      }
+
+      program.body.splice(index, 1, localDeclaration, {
+        ...statement,
+        declaration: {
+          ...declaration,
+          declarations: exportedDeclarations,
+        },
+      });
+      index += 1;
+      continue;
+    }
+
+    if (
+      (declaration?.type === 'FunctionDeclaration' ||
+        declaration?.type === 'ClassDeclaration') &&
+      declaration.id?.name &&
+      dependencyExports.has(declaration.id.name)
+    ) {
+      program.body[index] = declaration;
+    }
+  }
+};
+
+const validateRouteModuleExports = (exportNames: readonly string[]): void => {
+  const exported = new Set(exportNames);
+  const errors: string[] = [];
+  for (const [
+    clientExport,
+    serverExport,
+  ] of RSC_MUTUALLY_EXCLUSIVE_ROUTE_EXPORTS) {
+    if (exported.has(clientExport) && exported.has(serverExport)) {
+      errors.push(`- ${clientExport} and ${serverExport}`);
+    }
+  }
+  if (errors.length > 0) {
+    throw new Error(
+      'Invalid route module exports. The following pairs of exports are ' +
+        `mutually exclusive and cannot be exported from the same module:\n${errors.join(
+          '\n'
+        )}`
+    );
+  }
+};
+
+const createRscRouteExportPlan = async (
+  options: RscRouteTransformOptions
+): Promise<RscRouteExportPlan> => {
+  const exportNames = await getExportNames(options.code);
+  const exportNameSet = new Set(exportNames);
+  const routeChunks = getRouteChunks(options);
+  const sharedClientTarget = createClientRouteModuleId(
+    options.resourcePath,
+    options.resourceQuery,
+    'shared'
+  );
+  const serverTarget = createServerRouteModuleId(
+    options.resourcePath,
+    options.resourceQuery
+  );
+
+  return {
+    exportNames,
+    exportNameSet,
+    routeChunks,
+    sharedClientTarget,
+    serverTarget,
+    needsDefaultRootErrorBoundary:
+      options.isRootRoute &&
+      !exportNameSet.has('ErrorBoundary') &&
+      !exportNameSet.has('ServerErrorBoundary'),
+    clientTargetFor(exportName) {
+      if (isSplittableRouteChunkExport(exportName)) {
+        const chunkName = routeChunks.hasRouteChunkByExportName[exportName]
+          ? exportName
+          : ROUTE_CLIENT_MODULE_CHUNK;
+        return createClientRouteModuleId(
+          options.resourcePath,
+          options.resourceQuery,
+          chunkName
+        );
+      }
+      if (ROUTE_CLIENT_DATA_EXPORTS_SET.has(exportName)) {
+        return createClientRouteModuleId(
+          options.resourcePath,
+          options.resourceQuery,
+          ROUTE_CLIENT_DATA_CHUNK
+        );
+      }
+      if (isClientRouteExport(exportName)) {
+        return createClientRouteModuleId(
+          options.resourcePath,
+          options.resourceQuery,
+          ROUTE_CLIENT_MODULE_CHUNK
+        );
+      }
+      return createClientRouteModuleId(
+        options.resourcePath,
+        options.resourceQuery,
+        'shared'
+      );
+    },
+  };
+};
+
+const validateRscRouteExportPlan = (
+  plan: RscRouteExportPlan,
+  options: RscRouteTransformOptions
+): void => {
+  validateRouteModuleExports(plan.exportNames);
+  if (shouldSplitRouteModules(options)) {
+    validateRouteChunks({
+      config: options.routeChunkConfig,
+      id: options.routeId,
+      valid: getRouteChunkValidation(plan.exportNames, plan.routeChunks),
+    });
+  }
+};
+
+const createClientRouteEntry = async (
+  options: RscRouteTransformOptions
+): Promise<RscRouteTransformResult> => {
+  const plan = await createRscRouteExportPlan(options);
+  validateRscRouteExportPlan(plan, options);
+  let needsReactImport = false;
+
+  const reexports = plan.exportNames
+    .filter(exportName => !isServerRouteExport(exportName))
+    .map(exportName => {
+      const target = plan.clientTargetFor(exportName);
+      if (exportName === 'HydrateFallback') {
+        needsReactImport = true;
+        return `export const HydrateFallback = React.lazy(() => import(${JSON.stringify(
+          target
+        )}).then(mod => ({ default: mod.HydrateFallback })));`;
+      }
+      if (
+        exportName === 'clientAction' ||
+        exportName === 'clientLoader' ||
+        exportName === 'clientMiddleware'
+      ) {
+        return `export const ${exportName} = async (...args) => import(${JSON.stringify(
+          target
+        )}).then(mod => mod.${exportName}(...args));`;
+      }
+      return createReexport(exportName, target);
+    });
+
+  return {
+    code: `"use client";\n${
+      needsReactImport ? 'import * as React from "react";\n' : ''
+    }${reexports.join('\n')}\n`,
+    map: null,
+  };
+};
+
+const createServerRouteEntry = async (
+  options: RscRouteTransformOptions
+): Promise<RscRouteTransformResult> => {
+  const plan = await createRscRouteExportPlan(options);
+  validateRscRouteExportPlan(plan, options);
+  const lines: string[] = [];
+  let needsReactImport = false;
+  let needsEnsureHmrImport = false;
+  let needsStyleEntryImport = false;
+
+  // A client route whose default component is a client reference: its bundled
+  // (non-vanilla) side-effect CSS is orphaned in the initial browser entry
+  // chunk, so nothing streams a `<link>` for it (see `createServerRouteModule`,
+  // which promotes the server module to a `'use server-entry'` CSS carrier).
+  // When that carrier exists, wrap the default component so its
+  // `entryCssFiles` are streamed as stylesheet links at first paint.
+  const hasServerComponent = plan.exportNames.some(isServerComponentExport);
+  const streamsClientRouteCss =
+    !hasServerComponent &&
+    plan.exportNames.includes('default') &&
+    programHasSideEffectStyleImports(
+      getProgram(parse(options.code, { sourceType: 'module' }))
+    );
+
+  for (const exportName of plan.exportNames) {
+    if (streamsClientRouteCss && exportName === 'default') {
+      needsReactImport = true;
+      needsStyleEntryImport = true;
+      lines.push(
+        `import RscClientRouteDefault___ from ${JSON.stringify(
+          plan.clientTargetFor('default')
+        )};`
+      );
+      lines.push('export default function RscClientRouteWithStyles___(props) {');
+      lines.push('  return React.createElement(React.Fragment, null,');
+      lines.push(
+        `    ...(${RSC_ROUTE_STYLE_ENTRY_EXPORT}.entryCssFiles ?? []).map(href =>`
+      );
+      lines.push(
+        '      React.createElement("link", { key: href, rel: "stylesheet", href: href, precedence: "default" })),'
+      );
+      lines.push('    React.createElement(RscClientRouteDefault___, props),');
+      lines.push('  );');
+      lines.push('}');
+      continue;
+    }
+    if (isClientRouteExport(exportName)) {
+      lines.push(createReexport(exportName, plan.clientTargetFor(exportName)));
+      continue;
+    }
+    if (isServerComponentExport(exportName)) {
+      needsReactImport = true;
+      needsEnsureHmrImport = true;
+      lines.push(
+        `import { ${exportName} as ${exportName}WithoutClientChunk } from ${JSON.stringify(
+          plan.serverTarget
+        )};`
+      );
+      lines.push(`export function ${exportName}(props) {`);
+      lines.push('  return React.createElement(React.Fragment, null,');
+      // The server route module carries the `'use server-entry'` directive, so
+      // the rspack RSC runtime wraps its component export with
+      // `createServerEntry`, attaching `entryCssFiles` for the CSS the module
+      // graph contributes. Render those as stylesheet links at the top of the
+      // stream (mirrors upstream's `import.meta.viteRsc.loadCss()`); React's
+      // float support hoists them into `<head>`.
+      lines.push(
+        `    ...(${exportName}WithoutClientChunk.entryCssFiles ?? []).map(href =>`
+      );
+      lines.push(
+        '      React.createElement("link", { key: href, rel: "stylesheet", href: href, precedence: "default" })),'
+      );
+      lines.push(
+        '    React.createElement(EnsureClientRouteModuleForHMR___, null),'
+      );
+      lines.push(
+        `    React.createElement(${exportName}WithoutClientChunk, props),`
+      );
+      lines.push('  );');
+      lines.push('}');
+      continue;
+    }
+    lines.push(createReexport(exportName, plan.serverTarget));
+  }
+
+  if (plan.needsDefaultRootErrorBoundary) {
+    lines.push(
+      `export { ErrorBoundary } from ${JSON.stringify(plan.sharedClientTarget)};`
+    );
+  }
+
+  const prefixParts: string[] = [];
+  if (needsReactImport) {
+    prefixParts.push('import * as React from "react";');
+  }
+  if (needsEnsureHmrImport) {
+    prefixParts.push(
+      `import { EnsureClientRouteModuleForHMR___ } from ${JSON.stringify(
+        plan.sharedClientTarget
+      )};`
+    );
+  }
+  if (needsStyleEntryImport) {
+    prefixParts.push(
+      `import { ${RSC_ROUTE_STYLE_ENTRY_EXPORT} } from ${JSON.stringify(
+        plan.serverTarget
+      )};`
+    );
+  }
+  const prefix = prefixParts.length > 0 ? `${prefixParts.join('\n')}\n` : '';
+  return {
+    code: `${prefix}${lines.join('\n')}\n`,
+    map: null,
+  };
+};
+
+const createClientRouteModule = async (
+  code: string,
+  sourceFileName: string,
+  clientRouteChunk: string,
+  options: RscRouteTransformOptions
+): Promise<RscRouteTransformResult> => {
+  const ast = parse(code, { sourceType: 'module' });
+  const program = getProgram(ast);
+  const plan = await createRscRouteExportPlan(options);
+  // Captured before export/import pruning: on a server-component route the
+  // component consuming a vanilla-extract style's class names is a server export
+  // stripped from the client module below, so its value import is pruned and the
+  // scoped CSS never enters the client compilation. Re-adding it as a bare
+  // side-effect import (see `collectVanillaValueImportSources`) makes the client
+  // build extract the stylesheet — matching a plain `import "./x.css"` global
+  // style — so the server route entry's `entryCssFiles` link resolves.
+  const vanillaValueImportSources =
+    plan.exportNames.some(isServerComponentExport) &&
+    clientRouteChunk !== ROUTE_CLIENT_DATA_CHUNK
+      ? collectVanillaValueImportSources(program)
+      : [];
+  if (clientRouteChunk === ROUTE_CLIENT_MODULE_CHUNK) {
+    stripPreservedDependencyExports(
+      program,
+      collectRouteClientDependencyExports(program, plan)
+    );
+  }
+  // Which of the source module's exports this chunk keeps. Every non-`shared`
+  // chunk strips all server exports plus every client export the predicate
+  // rejects; `shared` is the one exception that removes a fixed export list.
+  const keepsClientExport =
+    clientRouteChunk === ROUTE_CLIENT_MODULE_CHUNK
+      ? isClientRouteExport
+      : clientRouteChunk === ROUTE_CLIENT_DATA_CHUNK
+        ? (exportName: string) => ROUTE_CLIENT_DATA_EXPORTS_SET.has(exportName)
+        : (exportName: string) => exportName === clientRouteChunk;
+  const exportsToRemove =
+    clientRouteChunk === 'shared'
+      ? [...SERVER_ROUTE_EXPORTS, ...CLIENT_ROUTE_EXPORTS]
+      : [
+          ...SERVER_ROUTE_EXPORTS,
+          ...plan.exportNames.filter(
+            exportName => !keepsClientExport(exportName)
+          ),
+        ];
+  const removed = removeExports(ast, exportsToRemove);
+  if (removed) {
+    removeUnusedImports(ast);
+  }
+  if (clientRouteChunk === ROUTE_CLIENT_DATA_CHUNK) {
+    // The data chunk re-exports only route data functions (handle/links/meta/
+    // shouldRevalidate). Component chunks still import the route's styles, so
+    // CSS delivery is unchanged; stripping the bare side-effect style imports
+    // here keeps this chunk's client-manifest `cssFiles` empty so the native
+    // rspack `RscServerPlugin` CSS wrapper never converts these data exports
+    // into components (which would break RSC serialization of the data
+    // functions). Imports with specifiers (e.g. a used `?url` import) survive.
+    //
+    // TODO(upstream): this is a workaround for rspack's `RscServerPlugin`
+    // wrapping every CSS-bearing client module export in a CSS-injecting
+    // component wrapper, including non-component (data) exports. If upstream
+    // gains a way to opt data-only chunks out of that wrapping, drop this
+    // strip and the dedicated `=data` chunk. File/track the limitation at
+    // https://github.com/web-infra-dev/rspack before removing this.
+    removeSideEffectStyleImports(program);
+  }
+  rewriteRscClientRouteImports(ast, sourceFileName, clientRouteChunk, options);
+  const generated = generate(ast, {
+    sourceMaps: false,
+    filename: sourceFileName,
+    sourceFileName,
+  });
+  const vanillaSideEffectImports =
+    vanillaValueImportSources.length > 0
+      ? `${vanillaValueImportSources
+          .map(source => `import ${JSON.stringify(source)};`)
+          .join('\n')}\n`
+      : '';
+  let clientModuleCode = `"use client";\n${vanillaSideEffectImports}${generated.code}`;
+
+  if (clientRouteChunk === 'shared' && plan.needsDefaultRootErrorBoundary) {
+    const hasRootLayout =
+      plan.exportNameSet.has('Layout') ||
+      plan.exportNameSet.has('ServerLayout');
+    clientModuleCode += `\nimport { createElement as __rr_createElement } from "react";\n`;
+    if (options.isDev) {
+      // Mirror React Router's own dev default root boundary: surface the real
+      // error with its stack (already source-mapped by the dev server's
+      // prepareStackTrace hook) instead of swallowing it behind a static
+      // message. The <main><pre> shape matches RemixRootDefaultErrorBoundary,
+      // which the dev error-stacktrace integration test asserts on.
+      clientModuleCode += `import { useRouteError as __rr_useRouteError } from "react-router";\n`;
+      // Errors carry a (source-mapped) stack; non-Error rejections (e.g. a
+      // react-router ErrorResponse) do not, and `String(plainObject)` collapses
+      // to "[object Object]". Fall back to a pretty-printed JSON dump so the
+      // boundary surfaces the actual payload instead of an opaque marker.
+      clientModuleCode += `function __rr_formatRouteError(error) {\n`;
+      clientModuleCode += `  if (error && error.stack) return String(error.stack);\n`;
+      clientModuleCode += `  if (error && typeof error === "object") {\n`;
+      clientModuleCode += `    try { return JSON.stringify(error, null, 2); } catch (e) { return String(error); }\n`;
+      clientModuleCode += `  }\n`;
+      clientModuleCode += `  return String(error);\n`;
+      clientModuleCode += `}\n`;
+      clientModuleCode += `export function ErrorBoundary() {\n`;
+      clientModuleCode += `  const error = __rr_useRouteError();\n`;
+      clientModuleCode += `  return __rr_createElement("main", null, __rr_createElement("pre", null, __rr_formatRouteError(error)));\n`;
+      clientModuleCode += `}\n`;
+    } else {
+      clientModuleCode += `export function ErrorBoundary() {\n`;
+      clientModuleCode += `  return __rr_createElement(${JSON.stringify(
+        hasRootLayout ? 'main' : 'div'
+      )}, null, "Unexpected Server Error");\n`;
+      clientModuleCode += `}\n`;
+    }
+  }
+
+  // A single route edit emits several client chunks (shared + route + data +
+  // one per split export), and each chunk's `accept` callback fires
+  // independently. Letting every callback navigate meant one route change
+  // triggered several redundant navigations. Coalesce them through a
+  // globalThis-guarded requestAnimationFrame: the first accept in a frame
+  // schedules the navigate and the rest short-circuit.
+  const rscHmrAcceptCallback = `() => {
+              const __rrHmr = globalThis;
+              if (__rrHmr.__rrRscHmrNavigateScheduled) { return; }
+              __rrHmr.__rrRscHmrNavigateScheduled = true;
+              requestAnimationFrame(() => {
+                __rrHmr.__rrRscHmrNavigateScheduled = false;
+                ${RSC_HMR_NAVIGATE_SNIPPET}
+              });
+            }`;
+
+  const hmrFooter = !options.isDev
+    ? ''
+    : clientRouteChunk === ROUTE_CLIENT_DATA_CHUNK
+      ? // Data exports (handle/links/meta/shouldRevalidate) never render a
+        // component, so this chunk self-accepts with no navigate: that keeps a
+        // data-only edit from bubbling to a full reload without adding a
+        // redundant route navigation.
+        `\nif (import.meta.webpackHot) { import.meta.webpackHot.accept(); }\n`
+      : `\nif (import.meta.webpackHot) { import.meta.webpackHot.accept(${rscHmrAcceptCallback}); }\n`;
+
+  return {
+    code:
+      clientModuleCode +
+      (clientRouteChunk === 'shared'
+        ? `\n${ENSURE_CLIENT_ROUTE_MODULE_CHUNK_FOR_HMR}`
+        : '') +
+      hmrFooter,
+    map: null,
+  };
+};
+
+const rewriteRouteImportSource = (
+  statement: AnyNode,
+  sourceFileName: string,
+  clientRouteChunk: string,
+  options: RscRouteTransformOptions
+): void => {
+  const source = statement.source;
+  if (!source || typeof source.value !== 'string' || !options.routeByFilePath) {
+    return;
+  }
+  const resolved = resolveQuerylessRouteImportRequest({
+    compilerName: options.isServerEnvironment ? 'node' : 'web',
+    context: dirname(sourceFileName),
+    issuer: `${sourceFileName}?client-route-module=${clientRouteChunk}`,
+    request: source.value,
+    routeByFilePath: options.routeByFilePath,
+  });
+  if (resolved) {
+    source.value = resolved;
+    source.raw = JSON.stringify(resolved);
+  }
+};
+
+const rewriteRscClientRouteImports = (
+  ast: ReturnType<typeof parse>,
+  sourceFileName: string,
+  clientRouteChunk: string,
+  options: RscRouteTransformOptions
+): void => {
+  for (const statement of getProgram(ast).body ?? []) {
+    if (
+      statement.type === 'ImportDeclaration' ||
+      statement.type === 'ExportAllDeclaration' ||
+      statement.type === 'ExportNamedDeclaration'
+    ) {
+      rewriteRouteImportSource(
+        statement,
+        sourceFileName,
+        clientRouteChunk,
+        options
+      );
+    }
+  }
+};
+
+const createServerRouteModule = async (
+  code: string,
+  sourceFileName: string
+): Promise<RscRouteTransformResult> => {
+  const ast = parse(code, { sourceType: 'module' });
+  const removedClientLogicExports = removeExports(
+    ast,
+    CLIENT_NON_COMPONENT_EXPORTS
+  );
+  const removedClientComponentExports = removeExports(
+    ast,
+    RSC_CLIENT_COMPONENT_EXPORTS,
+    new Set(RSC_CLIENT_COMPONENT_EXPORTS),
+    { pruneDeadDeclarations: false }
+  );
+  const removed = removedClientLogicExports || removedClientComponentExports;
+  if (removed) {
+    removeUnusedImports(ast);
+  }
+  const generated = generate(ast, {
+    sourceMaps: false,
+    filename: sourceFileName,
+    sourceFileName,
+  });
+  // Server-first routes import their CSS from the server (RSC) layer, so it
+  // never reaches the client compilation's `<Links>`. Mark modules that export
+  // a server component with the `'use server-entry'` directive so the rspack
+  // RSC runtime records the module graph's CSS in `entryCssFiles`; the server
+  // route entry then streams those links (see `createServerRouteEntry`).
+  const exportNames = new Set(await getExportNames(code));
+  const hasServerComponentExport = RSC_SERVER_COMPONENT_EXPORTS.some(name =>
+    exportNames.has(name)
+  );
+  if (hasServerComponentExport) {
+    // Force-retain the CSS side effect of any vanilla-extract style imported for
+    // its class-name values, so the server component's scoped styles reach the
+    // client build and stream as `<link>`s (see
+    // `collectVanillaValueImportSources`). Placed after the `'use server-entry'`
+    // directive prologue and before the pruned body.
+    const vanillaSideEffectImports = collectVanillaValueImportSources(
+      getProgram(ast)
+    )
+      .map(source => `import ${JSON.stringify(source)};`)
+      .join('\n');
+    const prefix = vanillaSideEffectImports
+      ? `${vanillaSideEffectImports}\n`
+      : '';
+    return {
+      code: `'use server-entry';\n${prefix}${generated.code}`,
+      map: null,
+    };
+  }
+  // Client route with bundled side-effect CSS: the pruned server module still
+  // carries those `import "./x.css"` side effects (specifier-less style imports
+  // survive `removeUnusedImports`). Promote it to a `'use server-entry'` module
+  // with a null-rendering carrier component so the RSC runtime attaches this
+  // graph's CSS as the carrier's `entryCssFiles`. `createServerRouteEntry`
+  // streams those links so the client route's bundled CSS renders at first
+  // paint without JavaScript.
+  if (programHasSideEffectStyleImports(getProgram(ast))) {
+    return {
+      code: `'use server-entry';\n${generated.code}\nexport function ${RSC_ROUTE_STYLE_ENTRY_EXPORT}() { return null; }\n`,
+      map: null,
+    };
+  }
+  return { code: generated.code, map: null };
+};
+
+export const transformRscRouteModule = async (
+  options: RscRouteTransformOptions
+): Promise<RscRouteTransformResult> => {
+  const target = resolveRscRouteTransformTarget(options);
+  switch (target.kind) {
+    case 'client-route-module':
+      return createClientRouteModule(
+        options.code,
+        options.resourcePath,
+        target.chunk,
+        options
+      );
+    case 'server-route-module':
+      return createServerRouteModule(options.code, options.resourcePath);
+    case 'server-route-entry':
+      return createServerRouteEntry(options);
+    case 'client-route-entry':
+      return createClientRouteEntry(options);
+  }
+};
diff --git a/src/rsc-runtime.d.ts b/src/rsc-runtime.d.ts
new file mode 100644
index 00000000..17c42145
--- /dev/null
+++ b/src/rsc-runtime.d.ts
@@ -0,0 +1,132 @@
+interface ImportMeta {
+  webpackHot?: {
+    accept(): void;
+    on(event: string, handler: () => void): void;
+  };
+}
+
+declare module 'react-server-dom-rspack/client.browser' {
+  export function createFromReadableStream<T>(
+    stream: ReadableStream<Uint8Array>,
+    options?: { temporaryReferences?: unknown }
+  ): Promise<T>;
+
+  export function createTemporaryReferenceSet(): unknown;
+
+  export function encodeReply(
+    value: unknown,
+    options?: { temporaryReferences?: unknown }
+  ): Promise<BodyInit>;
+
+  export function setServerCallback(
+    fn: (id: string, args: unknown[]) => Promise<unknown>
+  ): void;
+}
+
+declare module 'react-server-dom-rspack/client.node' {
+  export * from 'react-server-dom-rspack/client.browser';
+}
+
+declare module 'react-server-dom-rspack/server.node' {
+  export function createTemporaryReferenceSet(): unknown;
+
+  export function decodeAction(
+    body: FormData,
+    serverManifest?: unknown
+  ): Promise<() => Promise<unknown>>;
+
+  export function decodeFormState(
+    actionResult: unknown,
+    body: FormData,
+    serverManifest?: unknown
+  ): unknown;
+
+  export function decodeReply(
+    body: FormData | string,
+    options?: { temporaryReferences?: unknown }
+  ): Promise<unknown[]>;
+
+  export function loadServerAction(
+    actionId: string
+  ): (...args: unknown[]) => unknown;
+
+  export function renderToReadableStream(
+    model: unknown,
+    options?: {
+      onError?: (error: unknown) => string | undefined;
+      temporaryReferences?: unknown;
+    }
+  ): ReadableStream<Uint8Array>;
+}
+
+declare module 'virtual/react-router/unstable_rsc/routes' {
+  import type { unstable_RSCRouteConfig as RSCRouteConfig } from 'react-router';
+  const routes: RSCRouteConfig;
+  export default routes;
+}
+
+declare module 'virtual/react-router/unstable_rsc/route-discovery' {
+  const routeDiscovery:
+    | { mode: 'initial' }
+    | { mode: 'lazy'; manifestPath?: string };
+  export default routeDiscovery;
+}
+
+declare module 'virtual/react-router/unstable_rsc/basename' {
+  const basename: string;
+  export default basename;
+}
+
+declare module 'virtual/react-router/unstable_rsc/allowed-action-origins' {
+  const allowedActionOrigins: string[] | undefined;
+  export default allowedActionOrigins;
+}
+
+declare module 'virtual/react-router/unstable_rsc/react-router-serve-config' {
+  const config: {
+    assetsBuildDirectory: string;
+    publicPath: string;
+  };
+  export default config;
+}
+
+declare module 'virtual/react-router/unstable_rsc/inject-hmr-runtime' {}
+
+declare module 'virtual/react-router/unstable_rsc/bootstrap-scripts' {
+  const bootstrapScripts: string[];
+  export default bootstrapScripts;
+}
+
+declare module 'virtual/react-router/unstable_rsc/server-manifest' {
+  export default function getServerManifest(): unknown;
+}
+
+declare module 'virtual:react-router/unstable_rsc/routes' {
+  export { default } from 'virtual/react-router/unstable_rsc/routes';
+}
+
+declare module 'virtual:react-router/unstable_rsc/route-discovery' {
+  export { default } from 'virtual/react-router/unstable_rsc/route-discovery';
+}
+
+declare module 'virtual:react-router/unstable_rsc/basename' {
+  export { default } from 'virtual/react-router/unstable_rsc/basename';
+}
+
+declare module 'virtual:react-router/unstable_rsc/allowed-action-origins' {
+  export { default } from 'virtual/react-router/unstable_rsc/allowed-action-origins';
+}
+
+declare module 'virtual:react-router/unstable_rsc/react-router-serve-config' {
+  export { default } from 'virtual/react-router/unstable_rsc/react-router-serve-config';
+}
+
+declare module 'virtual:react-router/unstable_rsc/inject-hmr-runtime' {}
+
+declare module 'virtual:react-router/unstable_rsc/bootstrap-scripts' {
+  export { default } from 'virtual/react-router/unstable_rsc/bootstrap-scripts';
+}
+
+declare module 'virtual:react-router/unstable_rsc/server-manifest' {
+  export { default } from 'virtual/react-router/unstable_rsc/server-manifest';
+}
diff --git a/src/rsc-support.ts b/src/rsc-support.ts
new file mode 100644
index 00000000..830eb12b
--- /dev/null
+++ b/src/rsc-support.ts
@@ -0,0 +1,116 @@
+import type { RsbuildPlugin } from '@rsbuild/core';
+import { getPackageVersion, parseVersionMajorMinor } from './plugin-utils.js';
+import type { Config } from './react-router-config.js';
+import type { PluginOptions } from './types.js';
+
+type RscPluginOptions = Exclude<NonNullable<PluginOptions['rsc']>, boolean>;
+type RscUnsupportedConfig = Pick<
+  Config,
+  'buildEnd' | 'future' | 'presets' | 'serverBundles' | 'subResourceIntegrity'
+>;
+
+// Mirrors upstream @react-router/dev's RSC-mode validateConfig: these
+// options have no effect in RSC framework mode, so reject them loudly
+// instead of silently dropping them.
+export const assertReactRouterRscConfigSupport = ({
+  pluginName,
+  userConfig,
+}: {
+  pluginName: string;
+  userConfig: RscUnsupportedConfig;
+}): void => {
+  const unsupported: string[] = [];
+  if (userConfig.buildEnd) unsupported.push('buildEnd');
+  if (userConfig.presets?.length) unsupported.push('presets');
+  if (userConfig.serverBundles) unsupported.push('serverBundles');
+  if (userConfig.subResourceIntegrity) unsupported.push('subResourceIntegrity');
+  if (unsupported.length) {
+    throw new Error(
+      `[${pluginName}] RSC Framework Mode does not currently support the ` +
+        `following React Router config:\n${unsupported
+          .map(option => ` - ${option}`)
+          .join('\n')}\n`
+    );
+  }
+};
+
+const supportsReactRouterRsc = (version: string | undefined): boolean => {
+  const parsed = parseVersionMajorMinor(version);
+  if (!parsed) {
+    return false;
+  }
+  return parsed.major >= 8 || (parsed.major === 7 && parsed.minor >= 18);
+};
+
+export const assertReactRouterRscSupport = ({
+  pluginName,
+  resolvePackagePath,
+}: {
+  pluginName: string;
+  resolvePackagePath: (specifier: string) => string | undefined;
+}): void => {
+  const reactRouterVersion = getPackageVersion(
+    'react-router',
+    resolvePackagePath
+  );
+  if (!supportsReactRouterRsc(reactRouterVersion)) {
+    throw new Error(
+      `[${pluginName}] React Router RSC mode requires react-router >=7.18.0 or >=8.0.0.`
+    );
+  }
+
+  for (const specifier of [
+    'react-server-dom-rspack/client.browser',
+    'rsbuild-plugin-rsc',
+  ]) {
+    if (!resolvePackagePath(specifier)) {
+      throw new Error(
+        `[${pluginName}] React Router RSC mode requires \`${specifier}\` to be installed.`
+      );
+    }
+  }
+};
+
+export const setupReactRouterRscPlugin = async ({
+  api,
+  entryRscPath,
+  entrySsrPath,
+  pluginName,
+  rsc,
+}: {
+  api: Parameters<RsbuildPlugin['setup']>[0];
+  entryRscPath: string;
+  entrySsrPath: string;
+  pluginName: string;
+  rsc: RscPluginOptions;
+}): Promise<void> => {
+  const { PLUGIN_RSC_NAME } = await import('rsbuild-plugin-rsc');
+  if (api.isPluginExists(PLUGIN_RSC_NAME)) {
+    throw new Error(
+      `[${pluginName}] The "${PLUGIN_RSC_NAME}" plugin is already registered. ` +
+        `Remove the separately configured plugin and pass RSC options through ` +
+        `"${pluginName}" so the managed node/web environments stay aligned.`
+    );
+  }
+
+  const { pluginRSC } = await import('rsbuild-plugin-rsc');
+  await pluginRSC({
+    ...rsc,
+    environments: {
+      server: 'node',
+      client: 'web',
+    },
+    layers: {
+      rsc: [entryRscPath],
+      ssr: [entrySsrPath],
+      ...rsc.layers,
+    },
+  }).setup(api);
+};
+
+export { createReactRouterRscDevServerSetup } from './rsc-dev-server.js';
+export { registerReactRouterRscRouteTransforms } from './rsc-route-transform-registration.js';
+export {
+  createReactRouterRscResolveAliases,
+  createReactRouterRscVirtualModules,
+} from './rsc-virtual-modules.js';
diff --git a/src/rsc-virtual-modules.ts b/src/rsc-virtual-modules.ts
new file mode 100644
index 00000000..57b72d3a
--- /dev/null
+++ b/src/rsc-virtual-modules.ts
@@ -0,0 +1,109 @@
+import { relative, resolve } from 'pathe';
+import type { Config } from './react-router-config.js';
+import type { Route } from './types.js';
+import { combineURLs, normalizeAssetPrefix } from './plugin-utils.js';
+import { getVirtualModuleFilePath } from './virtual-modules.js';
+import {
+  createRscInternalClientModule,
+  createRscRouteConfig,
+} from './rsc-route-config.js';
+
+const defaultExport = (value: unknown): string =>
+  `export default ${JSON.stringify(value)};`;
+
+const RSC_VIRTUAL_ALIAS_IDS = [
+  'routes',
+  'route-discovery',
+  'inject-hmr-runtime',
+  'basename',
+  'allowed-action-origins',
+  'react-router-serve-config',
+  'bootstrap-scripts',
+  'server-manifest',
+] as const;
+
+type RscVirtualModulesOptions = {
+  allowedActionOrigins: string[] | undefined;
+  appDirectory: string;
+  basename: string;
+  buildDirectory: string;
+  isBuild: boolean;
+  /** Resolved web `output.distPath.js` segment, e.g. `static/js`. */
+  jsDistPath: string;
+  outputClientPath: string;
+  publicPath: string;
+  routeDiscovery: Config['routeDiscovery'];
+  routes: Record<string, Route>;
+  ssr: boolean;
+};
+
+export const createReactRouterRscResolveAliases = (
+  rootPath: string
+): Record<string, string> => ({
+  ...Object.fromEntries(
+    RSC_VIRTUAL_ALIAS_IDS.flatMap(id => {
+      const moduleId = `virtual/react-router/unstable_rsc/${id}`;
+      const modulePath = resolve(rootPath, getVirtualModuleFilePath(moduleId));
+      return [
+        [`virtual:react-router/unstable_rsc/${id}`, modulePath],
+        [moduleId, modulePath],
+      ];
+    })
+  ),
+  'react-router/internal/react-server-client': resolve(
+    rootPath,
+    getVirtualModuleFilePath('virtual/react-router/rsc-internal-client')
+  ),
+});
+
+export const createReactRouterRscVirtualModules = ({
+  allowedActionOrigins,
+  appDirectory,
+  basename,
+  buildDirectory,
+  isBuild,
+  jsDistPath,
+  outputClientPath,
+  publicPath,
+  routeDiscovery,
+  routes,
+  ssr,
+}: RscVirtualModulesOptions): Record<string, string> => {
+  const rscAssetsBuildDirectory = relative(
+    resolve(buildDirectory, 'server'),
+    outputClientPath
+  );
+  const bootstrapPublicPath = normalizeAssetPrefix(publicPath);
+
+  return {
+    'virtual/react-router/unstable_rsc/routes': createRscRouteConfig({
+      appDirectory,
+      routes,
+    }),
+    'virtual/react-router/unstable_rsc/route-discovery': defaultExport(
+      ssr === false ? { mode: 'initial' } : (routeDiscovery ?? { mode: 'lazy' })
+    ),
+    'virtual/react-router/unstable_rsc/inject-hmr-runtime': !isBuild
+      ? `if (import.meta.webpackHot) {
+  // The RSC client entry owns update navigation; this boundary only self-accepts.
+  import.meta.webpackHot.accept();
+}`
+      : '',
+    'virtual/react-router/unstable_rsc/basename': defaultExport(basename),
+    'virtual/react-router/unstable_rsc/allowed-action-origins':
+      defaultExport(allowedActionOrigins),
+    'virtual/react-router/unstable_rsc/react-router-serve-config':
+      defaultExport({
+        assetsBuildDirectory: rscAssetsBuildDirectory,
+        publicPath,
+      }),
+    'virtual/react-router/unstable_rsc/bootstrap-scripts': defaultExport([
+      combineURLs(bootstrapPublicPath, `${jsDistPath}/index.js`),
+    ]),
+    'virtual/react-router/unstable_rsc/server-manifest': `export default function getServerManifest() {
+  return __webpack_require__.rscM?.serverManifest;
+}
+`,
+    'virtual/react-router/rsc-internal-client': createRscInternalClientModule(),
+  };
+};
diff --git a/src/server-build-resolution.ts b/src/server-build-resolution.ts
index 8c73f98c..4d33b5ac 100644
--- a/src/server-build-resolution.ts
+++ b/src/server-build-resolution.ts
@@ -1,10 +1,7 @@
-// Internal module: exposes the Effect-based ServerBuild resolution used by
-// dev-runtime code. Not re-exported from the package entry so the public
-// declaration graph stays free of `effect` types; external callers go through
-// the Promise wrappers in server-utils.ts.
-import * as Effect from 'effect/Effect';
+// Internal module: exposes ServerBuild resolution used by dev-runtime code.
+// External callers go through the Promise wrappers in server-utils.ts.
 import type { ServerBuild } from 'react-router';
-import { tryPluginPromise, tryPluginSync } from './effect-runtime.js';
+import { normalizeEffectError } from './effect-runtime.js';
 
 const RESOLVABLE_BUILD_EXPORTS = new Set([
   'allowedActionOrigins',
@@ -40,31 +37,25 @@ function isRouteDiscovery(value: unknown): boolean {
   );
 }
 
-function resolveBuildExportsEffect(
+async function resolveBuildExports(
   build: Record<string, unknown>
-): Effect.Effect<Record<string, unknown>, Error, never> {
+): Promise<Record<string, unknown>> {
   const resolved = { ...build };
-  return Effect.forEach(
-    Object.keys(build),
-    key =>
-      Effect.gen(function* () {
-        if (!RESOLVABLE_BUILD_EXPORTS.has(key)) {
-          return;
-        }
-        const value = build[key];
-        if (typeof value === 'function' && value.length === 0) {
-          const result = yield* tryPluginSync(() => value());
-          resolved[key] = isPromiseLike(result)
-            ? yield* tryPluginPromise(() => result)
-            : result;
-          return;
-        }
-        if (isPromiseLike(value)) {
-          resolved[key] = yield* tryPluginPromise(() => value);
-        }
-      }),
-    { discard: true }
-  ).pipe(Effect.as(resolved));
+  for (const key of Object.keys(build)) {
+    if (!RESOLVABLE_BUILD_EXPORTS.has(key)) {
+      continue;
+    }
+    const value = build[key];
+    if (typeof value === 'function' && value.length === 0) {
+      const result = value();
+      resolved[key] = isPromiseLike(result) ? await result : result;
+      continue;
+    }
+    if (isPromiseLike(value)) {
+      resolved[key] = await value;
+    }
+  }
+  return resolved;
 }
 
 function isServerBuild(value: unknown): value is ServerBuild {
@@ -86,26 +77,25 @@ function isServerBuild(value: unknown): value is ServerBuild {
   );
 }
 
-function resolveServerBuildCandidateEffect(
+async function resolveServerBuildCandidate(
   candidate: unknown
-): Effect.Effect<ServerBuild | undefined, Error, never> {
+): Promise<ServerBuild | undefined> {
   if (!isRecord(candidate)) {
-    return Effect.succeed(undefined);
+    return undefined;
   }
-  return resolveBuildExportsEffect(candidate).pipe(
-    Effect.map(resolved => (isServerBuild(resolved) ? resolved : undefined))
-  );
+  const resolved = await resolveBuildExports(candidate);
+  return isServerBuild(resolved) ? resolved : undefined;
 }
 
-export function resolveServerBuildModuleEffect(
+export async function resolveServerBuildModule(
   buildModule: unknown,
   source: string
-): Effect.Effect<ServerBuild, Error, never> {
-  return Effect.gen(function* () {
+): Promise<ServerBuild> {
+  try {
     const moduleValue = isPromiseLike(buildModule)
-      ? yield* tryPluginPromise(() => buildModule)
+      ? await buildModule
       : buildModule;
-    const candidates = [() => moduleValue];
+    const candidates: Array<() => unknown> = [() => moduleValue];
     if (isRecord(moduleValue)) {
       if ('default' in moduleValue) {
         candidates.push(() => moduleValue.default);
@@ -116,16 +106,16 @@ export function resolveServerBuildModuleEffect(
     }
 
     for (const getCandidate of candidates) {
-      const candidate = yield* tryPluginPromise(() => getCandidate());
-      const serverBuild = yield* resolveServerBuildCandidateEffect(candidate);
+      const candidate = await getCandidate();
+      const serverBuild = await resolveServerBuildCandidate(candidate);
       if (serverBuild) {
         return serverBuild;
       }
     }
-    return yield* Effect.fail(
-      new Error(
-        `[rsbuild-plugin-react-router] ${source} did not contain a valid React Router ServerBuild.`
-      )
+    throw new Error(
+      `[rsbuild-plugin-react-router] ${source} did not contain a valid React Router ServerBuild.`
     );
-  });
+  } catch (cause) {
+    throw normalizeEffectError(cause);
+  }
 }
diff --git a/src/server-utils.ts b/src/server-utils.ts
index 59f61d3b..4f9f50ac 100644
--- a/src/server-utils.ts
+++ b/src/server-utils.ts
@@ -1,7 +1,6 @@
 import { resolve } from 'pathe';
 import type { ServerBuild } from 'react-router';
-import { runPluginEffect } from './effect-runtime.js';
-import { resolveServerBuildModuleEffect } from './server-build-resolution.js';
+import { resolveServerBuildModule } from './server-build-resolution.js';
 import type { Route } from './types.js';
 
 /**
@@ -17,6 +16,7 @@ interface ServerBuildOptions {
   basename: string;
   appDirectory: string;
   ssr: boolean;
+  isSpaMode: boolean;
   future?: unknown;
   allowedActionOrigins?: string[];
   prerender?: string[];
@@ -33,19 +33,28 @@ interface ServerBuildOptions {
     | undefined;
 }
 
-function generateStaticTemplate(
+/**
+ * Generates the server build module content
+ * @param routes The route manifest
+ * @param options Build options
+ * @returns The generated module content as a string
+ */
+export function generateServerBuild(
   routes: Record<string, Route>,
   options: ServerBuildOptions
 ): string {
   const manifestId =
     options.serverManifestId ?? 'virtual/react-router/server-manifest';
+  const routeEntries = Object.entries(routes);
   return `
     import * as entryServer from ${JSON.stringify(options.entryServerPath)};
-    ${Object.keys(routes)
-      .map((key, index) => {
-        const route = routes[key];
+    ${routeEntries
+      .map(([, route], index) => {
+        if (options.isSpaMode && route.id !== 'root') {
+          return `const route${index} = { default: () => null };`;
+        }
         return `import * as route${index} from ${JSON.stringify(
-          `${resolve(options.appDirectory, route.file)}?react-router-route`
+          resolve(options.appDirectory, route.file)
         )};`;
       })
       .join('\n')}
@@ -56,7 +65,7 @@ function generateStaticTemplate(
     )};
     export const basename = ${JSON.stringify(options.basename)};
     export const future = ${JSON.stringify(options.future ?? {})};
-    export const isSpaMode = ${!options.ssr};
+    export const isSpaMode = ${options.isSpaMode};
     export const ssr = ${options.ssr};
     export const routeDiscovery = ${JSON.stringify(options.routeDiscovery)};
     export const prerender = ${JSON.stringify(options.prerender ?? [])};
@@ -64,9 +73,8 @@ function generateStaticTemplate(
     export const entry = { module: entryServer };
     export const allowedActionOrigins = ${JSON.stringify(options.allowedActionOrigins)};
     export var routes = {};
-    ${Object.keys(routes)
-      .map((key, index) => {
-        const route = routes[key];
+    ${routeEntries
+      .map(([key, route], index) => {
         return `routes[${JSON.stringify(key)}] = {
           id: ${JSON.stringify(route.id)},
           parentId: ${JSON.stringify(route.parentId)},
@@ -80,32 +88,10 @@ function generateStaticTemplate(
   `;
 }
 
-/**
- * Generates the server build module content
- * @param routes The route manifest
- * @param options Build options
- * @returns The generated module content as a string
- */
-function generateServerBuild(
-  routes: Record<string, Route>,
-  options: ServerBuildOptions & { federation?: boolean }
-): string {
-  return generateStaticTemplate(routes, options);
-}
-
-export function resolveServerBuildModule(
-  buildModule: unknown,
-  source: string
-): Promise<ServerBuild> {
-  return runPluginEffect(resolveServerBuildModuleEffect(buildModule, source));
-}
+export { resolveServerBuildModule };
 
 export function resolveReactRouterServerBuild(
   buildModule: unknown
 ): Promise<ServerBuild> {
-  return runPluginEffect(
-    resolveServerBuildModuleEffect(buildModule, 'Imported module')
-  );
+  return resolveServerBuildModule(buildModule, 'Imported module');
 }
-
-export { generateServerBuild };
diff --git a/src/ssr-asset-relocation.ts b/src/ssr-asset-relocation.ts
new file mode 100644
index 00000000..4a1061b4
--- /dev/null
+++ b/src/ssr-asset-relocation.ts
@@ -0,0 +1,183 @@
+import { createHash } from 'node:crypto';
+import { existsSync } from 'node:fs';
+import { mkdir, readFile, rename, rm, writeFile } from 'node:fs/promises';
+import { dirname, join } from 'pathe';
+
+/**
+ * Relocation of server-only static assets to the client build.
+ *
+ * In React Router framework mode a route's server-only code (a loader or a
+ * `.server` module) can import an asset — for example
+ * `import txtUrl from "./file.txt?url"` or a `.css?url` file. The imported URL
+ * is returned to the client (e.g. as loader data) and fetched from the client
+ * build directory at runtime, so the asset file must exist under
+ * `build/client` even though only the node/server compilation referenced it.
+ *
+ * Rspack emits these assets into the server output (`build/server/static/...`)
+ * and never into the client output. This module mirrors upstream React
+ * Router's Vite plugin, which internally enables `ssrEmitAssets` and then, in
+ * the SSR `writeBundle` hook, moves server-emitted static assets into the
+ * client assets directory and strips them from the server build
+ * (`react-router-dev/vite/plugin.ts`). Here the equivalent runs inside the
+ * node compilation's `processAssets` hook: static assets are written into the
+ * client output at the same public path and deleted from the server
+ * compilation so the server build never ships duplicate static files.
+ */
+
+/**
+ * The subset of an Rspack asset info that identifies static assets emitted by
+ * asset modules (`asset/resource`) and the CSS pipeline.
+ */
+export interface RelocatableAssetInfo {
+  /**
+   * Set by Rspack for assets produced from a source module (asset modules and
+   * extracted CSS). JavaScript chunks and generated files such as
+   * `package.json` do not carry a `sourceFilename`.
+   */
+  sourceFilename?: string;
+  /**
+   * Set for JavaScript chunk assets. Static assets never set this, so it is
+   * used to keep code-split JS in the server build.
+   */
+  javascriptModule?: boolean;
+}
+
+/**
+ * The minimal compilation surface needed to collect and relocate assets. Kept
+ * narrow so the logic can be unit-tested without a real Rspack compilation.
+ */
+export interface RelocatableAssetCompilation {
+  assets: Record<string, unknown>;
+  getAsset(name: string):
+    | {
+        name: string;
+        source: { buffer(): Buffer };
+        info: RelocatableAssetInfo;
+      }
+    | undefined
+    | void;
+  deleteAsset(name: string): void;
+}
+
+export interface CollectedServerAsset {
+  /** The public path of the asset, relative to the compilation output root. */
+  name: string;
+  source: { buffer(): Buffer };
+}
+
+/**
+ * Determine whether an emitted asset is a static asset that must live in the
+ * client build. Static assets (asset modules and CSS) carry a `sourceFilename`
+ * and are not JavaScript chunks. Code-split JavaScript is intentionally
+ * excluded so it remains in the server build.
+ */
+export const isRelocatableServerAsset = (
+  info: RelocatableAssetInfo | undefined
+): boolean => Boolean(info?.sourceFilename) && !info?.javascriptModule;
+
+/**
+ * Collect the server-only static assets from a node compilation. Returns them
+ * in stable (sorted) order so callers and tests see deterministic output.
+ */
+export const collectRelocatableServerAssets = (
+  compilation: RelocatableAssetCompilation
+): CollectedServerAsset[] => {
+  const collected: CollectedServerAsset[] = [];
+  for (const name of Object.keys(compilation.assets)) {
+    const asset = compilation.getAsset(name);
+    if (!asset) {
+      continue;
+    }
+    if (!isRelocatableServerAsset(asset.info)) {
+      continue;
+    }
+    collected.push({ name, source: asset.source });
+  }
+  collected.sort((a, b) => (a.name < b.name ? -1 : a.name > b.name ? 1 : 0));
+  return collected;
+};
+
+export interface RelocateServerAssetsResult {
+  /** Assets written into the client output because they were missing or stale. */
+  written: string[];
+  /**
+   * Assets that already existed in the client output. They are still removed
+   * from the server build but not rewritten.
+   */
+  skipped: string[];
+}
+
+/**
+ * Move server-only static assets into the client output and strip them from
+ * the server compilation.
+ *
+ * For each static asset: if it is missing or stale in the client output at the
+ * same public path, write it there; then delete it from the server compilation
+ * regardless. This mirrors upstream's move/remove behavior — the server build
+ * never ships static assets, and the client build gains fresh server-only
+ * assets.
+ */
+const digestBuffer = (buffer: Buffer): string =>
+  createHash('sha256').update(buffer).digest('hex');
+
+export const relocateServerAssetsToClient = async ({
+  compilation,
+  outputClientPath,
+  relocatedDestinations,
+  existsSyncFn = existsSync,
+  mkdirFn = (dir: string) => mkdir(dir, { recursive: true }),
+  readFileFn = readFile,
+  renameFn = rename,
+  rmFn = rm,
+  writeFileFn = writeFile,
+}: {
+  compilation: RelocatableAssetCompilation;
+  outputClientPath: string;
+  /**
+   * Destination content digests already handled by a previous compilation
+   * (dev rebuilds, serverBundles). Stable dev filenames can carry changed
+   * bytes, so the cache is keyed by path and digest rather than path alone.
+   */
+  relocatedDestinations?: Map<string, string>;
+  existsSyncFn?: (path: string) => boolean;
+  mkdirFn?: (dir: string) => Promise<unknown>;
+  readFileFn?: (path: string) => Promise<Buffer>;
+  renameFn?: (oldPath: string, newPath: string) => Promise<void>;
+  rmFn?: (path: string, options: { force: true }) => Promise<void>;
+  writeFileFn?: (path: string, data: Buffer) => Promise<void>;
+}): Promise<RelocateServerAssetsResult> => {
+  const assets = collectRelocatableServerAssets(compilation);
+  const written: string[] = [];
+  const skipped: string[] = [];
+
+  for (const asset of assets) {
+    const destination = join(outputClientPath, asset.name);
+    const sourceBuffer = asset.source.buffer();
+    const sourceDigest = digestBuffer(sourceBuffer);
+    const cachedDigest = relocatedDestinations?.get(destination);
+    const alreadyRelocated =
+      cachedDigest === sourceDigest ||
+      (existsSyncFn(destination) &&
+        digestBuffer(await readFileFn(destination)) === sourceDigest);
+    if (alreadyRelocated) {
+      skipped.push(asset.name);
+    } else {
+      await mkdirFn(dirname(destination));
+      const temporaryDestination = `${destination}.tmp-${process.pid}-${Date.now()}`;
+      await writeFileFn(temporaryDestination, sourceBuffer);
+      try {
+        await renameFn(temporaryDestination, destination);
+      } catch (error) {
+        await rmFn(temporaryDestination, { force: true });
+        throw error;
+      }
+      written.push(asset.name);
+    }
+    relocatedDestinations?.set(destination, sourceDigest);
+    // Remove the static asset from the server build so it is not shipped
+    // twice. Code-split JavaScript is not collected, so it stays.
+    compilation.deleteAsset(asset.name);
+  }
+
+  return { written, skipped };
+};
diff --git a/src/ssr-externals.ts b/src/ssr-externals.ts
index e2fc69fd..941670a3 100644
--- a/src/ssr-externals.ts
+++ b/src/ssr-externals.ts
@@ -28,32 +28,14 @@ export function resolvePackageJson(
   }
 }
 
-function safeRealpath(pathname: string): string {
-  try {
-    return realpathSync(pathname);
-  } catch {
-    return pathname;
-  }
-}
-
-function isPathInNodeModules(pathname: string): boolean {
-  return pathname.split(sep).includes('node_modules');
-}
-
 export function getSsrExternals(rootDirectory: string): string[] {
-  const externals: string[] = [];
-
-  for (const name of REACT_ROUTER_EXTERNALS) {
+  return REACT_ROUTER_EXTERNALS.filter(name => {
     const resolved = resolvePackageJson(name, rootDirectory);
-    if (!resolved) {
-      continue;
-    }
-
-    const realPath = safeRealpath(resolved);
-    if (!isPathInNodeModules(realPath)) {
-      externals.push(name);
-    }
-  }
-
-  return externals;
+    if (resolved === null) return false;
+    let packageJsonPath = resolved;
+    try {
+      packageJsonPath = realpathSync(packageJsonPath);
+    } catch {}
+    return !packageJsonPath.split(sep).includes('node_modules');
+  });
 }
diff --git a/src/templates/entry.rsc.client.tsx b/src/templates/entry.rsc.client.tsx
new file mode 100644
index 00000000..b50f4647
--- /dev/null
+++ b/src/templates/entry.rsc.client.tsx
@@ -0,0 +1,107 @@
+import 'virtual/react-router/unstable_rsc/inject-hmr-runtime';
+
+import * as React from 'react';
+import { startTransition } from 'react';
+import { hydrateRoot } from 'react-dom/client';
+import type { DataRouter } from 'react-router';
+import {
+  unstable_createCallServer as createCallServer,
+  unstable_getRSCStream as getRSCStream,
+  unstable_RSCHydratedRouter as RSCHydratedRouter,
+  type unstable_RSCPayload as RSCPayload,
+} from 'react-router/dom';
+import {
+  createFromReadableStream,
+  createTemporaryReferenceSet,
+  encodeReply,
+  setServerCallback,
+} from 'react-server-dom-rspack/client.browser';
+
+setServerCallback(
+  createCallServer({
+    createFromReadableStream,
+    createTemporaryReferenceSet,
+    encodeReply,
+  })
+);
+
+const hydrate = () => {
+  createFromReadableStream<RSCPayload>(getRSCStream()).then(
+    payload => {
+      startTransition(async () => {
+        const formState =
+          payload.type === 'render' ? await payload.formState : undefined;
+
+        hydrateRoot(
+          document,
+          React.createElement(
+            React.StrictMode,
+            null,
+            React.createElement(RSCHydratedRouter, {
+              createFromReadableStream,
+              payload,
+            })
+          ),
+          {
+            // @ts-expect-error React Router RSC formState is not typed yet.
+            formState,
+          }
+        );
+      });
+    },
+    error => {
+      setTimeout(() => {
+        throw error;
+      });
+    }
+  );
+};
+
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', hydrate, { once: true });
+} else {
+  hydrate();
+}
+
+// The single `rsc:update` navigate handler for RSC dev HMR. This is the
+// hand-written mirror of the generated route-chunk snippet
+// (`RSC_HMR_NAVIGATE_SNIPPET` in `src/rsc-route-transforms.ts`); keep the two in
+// lockstep. The `inject-hmr-runtime` virtual module only self-accepts and no
+// longer registers a second, racing handler here.
+//
+// The dev server emits `rsc:update` with no payload; there is no `reload` flag
+// (full reloads travel through the HMR runtime's own `full-reload` message), so
+// this handler always navigates.
+const hot = (
+  import.meta as unknown as {
+    webpackHot?: {
+      on(event: string, handler: () => void): void;
+    };
+  }
+).webpackHot;
+
+hot?.on('rsc:update', () => {
+  requestAnimationFrame(() => {
+    const router = (
+      window as typeof window & { __reactRouterDataRouter?: DataRouter }
+    ).__reactRouterDataRouter;
+    if (router?.navigate) {
+      const basename = router.basename || '/';
+      let pathname = window.location.pathname;
+      if (basename !== '/' && pathname.startsWith(basename)) {
+        pathname = pathname.slice(basename.length) || '/';
+        // A trailing-slash basename (e.g. "/mybase/") consumes the leading
+        // slash, yielding a relative path that react-router resolves against
+        // the current location and doubles. Force it back to absolute.
+        if (pathname[0] !== '/') pathname = '/' + pathname;
+      }
+      void router.navigate(
+        pathname + window.location.search + window.location.hash,
+        {
+          replace: true,
+          preventScrollReset: true,
+        }
+      );
+    }
+  });
+});
diff --git a/src/templates/entry.rsc.ssr.tsx b/src/templates/entry.rsc.ssr.tsx
new file mode 100644
index 00000000..7dfe514f
--- /dev/null
+++ b/src/templates/entry.rsc.ssr.tsx
@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { renderToReadableStream as renderHTMLToReadableStream } from 'react-dom/server';
+import {
+  unstable_routeRSCServerRequest as routeRSCServerRequest,
+  unstable_RSCStaticRouter as RSCStaticRouter,
+} from 'react-router';
+import type { unstable_RSCPayload as RSCPayload } from 'react-router/dom';
+import { createFromReadableStream } from 'react-server-dom-rspack/client.node';
+
+type PayloadPromise = Promise<RSCPayload> & {
+  _deepestRenderedBoundaryId?: string | null;
+  formState?: Promise<unknown>;
+};
+
+export async function generateHTML(
+  request: Request,
+  serverResponse: Response,
+  options: {
+    bootstrapScripts?: string[];
+    bootstrapModules?: string[];
+  } = {}
+): Promise<Response> {
+  return routeRSCServerRequest({
+    request,
+    serverResponse,
+    createFromReadableStream,
+    async renderHTML(getPayload, renderOptions) {
+      const payloadPromise = getPayload() as PayloadPromise;
+      payloadPromise.formState ??= payloadPromise.then(payload =>
+        payload.type === 'render' ? payload.formState : undefined
+      );
+
+      return renderHTMLToReadableStream(
+        <RSCStaticRouter getPayload={getPayload} />,
+        {
+          ...renderOptions,
+          bootstrapModules: options.bootstrapModules,
+          bootstrapScripts: options.bootstrapScripts,
+          formState: (await payloadPromise.formState) as never,
+          signal: request.signal,
+        }
+      );
+    },
+  });
+}
diff --git a/src/templates/entry.rsc.tsx b/src/templates/entry.rsc.tsx
new file mode 100644
index 00000000..e98cf9b6
--- /dev/null
+++ b/src/templates/entry.rsc.tsx
@@ -0,0 +1,75 @@
+import {
+  createTemporaryReferenceSet,
+  decodeAction,
+  decodeFormState,
+  decodeReply,
+  loadServerAction as loadServerActionSync,
+  renderToReadableStream,
+} from 'react-server-dom-rspack/server.node';
+import {
+  RouterContextProvider,
+  unstable_matchRSCServerRequest as matchRSCServerRequest,
+} from 'react-router';
+
+import routes from 'virtual/react-router/unstable_rsc/routes';
+import routeDiscovery from 'virtual/react-router/unstable_rsc/route-discovery';
+import basename from 'virtual/react-router/unstable_rsc/basename';
+import allowedActionOrigins from 'virtual/react-router/unstable_rsc/allowed-action-origins';
+import unstable_reactRouterServeConfig from 'virtual/react-router/unstable_rsc/react-router-serve-config';
+import bootstrapScripts from 'virtual/react-router/unstable_rsc/bootstrap-scripts';
+import getServerManifest from 'virtual/react-router/unstable_rsc/server-manifest';
+import { generateHTML } from './entry.rsc.ssr.js';
+
+export { unstable_reactRouterServeConfig };
+
+type RscRequestHandler = {
+  fetch(
+    request: Request,
+    requestContext?: RouterContextProvider
+  ): Promise<Response>;
+};
+
+export function fetchServer(
+  request: Request,
+  requestContext?: RouterContextProvider
+): Promise<Response> {
+  return matchRSCServerRequest({
+    allowedActionOrigins,
+    basename,
+    createTemporaryReferenceSet,
+    decodeAction: body => decodeAction(body, getServerManifest()),
+    decodeFormState: (actionResult, body) =>
+      decodeFormState(actionResult, body, getServerManifest()),
+    decodeReply,
+    loadServerAction: (id: string) => Promise.resolve(loadServerActionSync(id)),
+    request,
+    requestContext,
+    routes,
+    routeDiscovery,
+    generateResponse(match, options) {
+      return new Response(renderToReadableStream(match.payload, options), {
+        status: match.statusCode,
+        headers: match.headers,
+      });
+    },
+  });
+}
+
+const handler: RscRequestHandler = {
+  async fetch(
+    request: Request,
+    requestContext?: RouterContextProvider
+  ): Promise<Response> {
+    if (requestContext && !(requestContext instanceof RouterContextProvider)) {
+      requestContext = undefined;
+    }
+
+    return generateHTML(request, await fetchServer(request, requestContext), {
+      bootstrapScripts,
+    });
+  },
+};
+
+export default handler;
+
+import.meta.webpackHot?.accept();
diff --git a/src/typegen.ts b/src/typegen.ts
index c7b48912..6eeaa8f6 100644
--- a/src/typegen.ts
+++ b/src/typegen.ts
@@ -3,7 +3,11 @@ import { dirname, resolve } from 'node:path';
 import type { RsbuildPluginAPI } from '@rsbuild/core';
 import type { ResultPromise } from 'execa';
 import * as Effect from 'effect/Effect';
-import { createDelayedPluginTask, tryPluginPromise } from './effect-runtime.js';
+import {
+  createDelayedPluginTask,
+  type PluginEffectRuntime,
+  tryPluginPromise,
+} from './effect-runtime.js';
 import { resolvePackageJson } from './ssr-externals.js';
 
 // Quiet period with no dev compiles before the typegen watch starts. Long
@@ -69,6 +73,7 @@ export const createReactRouterTypegenRunner = (
 ): ReactRouterTypegenRunner => {
   let typegenProcess: ResultPromise | undefined;
   let typegenCommand: TypegenCommand | undefined;
+  let watchGeneration = 0;
 
   const getTypegenCommand = (): TypegenCommand => {
     typegenCommand ??= (appDirectory
@@ -96,7 +101,11 @@ export const createReactRouterTypegenRunner = (
         return;
       }
 
+      const generation = watchGeneration;
       const execa = await loadExeca();
+      if (typegenProcess || generation !== watchGeneration) {
+        return;
+      }
       const { command, args } = getTypegenCommand();
       const process = execa(command, [...args, 'typegen', '--watch'], {
         stdio: 'inherit',
@@ -108,6 +117,7 @@ export const createReactRouterTypegenRunner = (
     },
 
     async closeWatch(): Promise<void> {
+      watchGeneration += 1;
       const process = typegenProcess;
       typegenProcess = undefined;
       if (!process) {
@@ -128,36 +138,48 @@ export const createReactRouterTypegenRunner = (
   };
 };
 
-export const registerReactRouterTypegen = (
+export const registerReactRouterTypegen = async (
   api: RsbuildPluginAPI,
   {
+    runtime,
     runner,
     devWatchDelayMs = TYPEGEN_IDLE_DELAY_MS,
     appDirectory,
   }: {
+    runtime: PluginEffectRuntime;
     runner?: ReactRouterTypegenRunner;
     devWatchDelayMs?: number;
     appDirectory?: string;
-  } = {}
-): void => {
+  }
+): Promise<void> => {
   const resolvedRunner =
     runner ?? createReactRouterTypegenRunner(loadDefaultExeca, appDirectory);
-  let devWatchStarted = false;
-  const devWatchTask = createDelayedPluginTask({
-    delayMs: devWatchDelayMs,
-    run: () =>
-      tryPluginPromise(() => {
-        devWatchStarted = true;
-        return resolvedRunner.startWatch();
-      }).pipe(Effect.asVoid),
-    onError(error) {
-      api.logger.warn(
-        `[react-router] Failed to start React Router typegen watch: ${error}`
-      );
-    },
-  });
 
   if (api.context.action !== 'build') {
+    let devWatchStarted = false;
+    const devWatchTask = createDelayedPluginTask({
+      runtime,
+      delayMs: devWatchDelayMs,
+      run: () =>
+        tryPluginPromise(() => {
+          devWatchStarted = true;
+          return resolvedRunner.startWatch();
+        }).pipe(Effect.asVoid),
+      onError(error) {
+        api.logger.warn(
+          `[react-router] Failed to start React Router typegen watch: ${error}`
+        );
+      },
+    });
+    const closeWatchEffect = () =>
+      devWatchTask
+        .cancelEffect()
+        .pipe(
+          Effect.zipRight(
+            Effect.orDie(tryPluginPromise(() => resolvedRunner.closeWatch()))
+          )
+        );
+    await runtime.runPromise(Effect.addFinalizer(closeWatchEffect));
     // Reschedule on every compile so the typegen watch only starts after a
     // quiet period with no compiles. Starting it during the initial compile
     // burst competes with HMR rebuilds for CPU on small machines.
@@ -169,10 +191,5 @@ export const registerReactRouterTypegen = (
     });
   }
 
-  api.onCloseDevServer(async () => {
-    await devWatchTask.cancel();
-    await resolvedRunner.closeWatch();
-  });
-
   api.onBeforeBuild(() => resolvedRunner.runBuild());
 };
diff --git a/src/types.ts b/src/types.ts
index 8029eec0..9ff57d52 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,4 +1,4 @@
-import type { RsbuildConfig } from '@rsbuild/core';
+import type { RsbuildConfig, Rspack } from '@rsbuild/core';
 
 export type Route = {
   id: string;
@@ -30,6 +30,23 @@ export type PluginOptions = {
    */
   federation?: boolean;
 
+  /**
+   * Enable experimental React Router RSC framework mode.
+   * This composes `rsbuild-plugin-rsc` with React Router's Rsbuild
+   * environments. Environment names are managed by this plugin.
+   * Requires `react-router >=7.18.0 || >=8.0.0`, `rsbuild-plugin-rsc`,
+   * and `react-server-dom-rspack`.
+   * @default false
+   */
+  rsc?:
+    | boolean
+    | {
+        layers?: {
+          rsc?: Rspack.RuleSetCondition;
+          ssr?: Rspack.RuleSetCondition;
+        };
+      };
+
   /**
    * Rsbuild dev-only lazy compilation behavior.
    *
@@ -74,6 +91,27 @@ export type PluginOptions = {
   onRouteTopologyChange?: () => void | Promise<void>;
 };
 
+export type ReactRouterRSCPluginOptions = Omit<PluginOptions, 'rsc'> & {
+  /**
+   * Optional overrides forwarded to `rsbuild-plugin-rsc`.
+   * Environment names are managed by this plugin.
+   */
+  rsc?: Exclude<NonNullable<PluginOptions['rsc']>, boolean>;
+};
+
+export type PrerenderPathsConfig =
+  | boolean
+  | string[]
+  | ((args: {
+      getStaticPaths: () => string[];
+    }) => boolean | string[] | Promise<boolean | string[]>);
+
+export type PrerenderConfigObject = {
+  paths: PrerenderPathsConfig;
+  concurrency?: number;
+  unstable_concurrency?: number;
+};
+
 export type RouteManifestItem = Omit<Route, 'file' | 'children'> & {
   module: string;
   clientActionModule?: string;
diff --git a/src/warnings/warn-on-client-source-maps.ts b/src/warnings/warn-on-client-source-maps.ts
index 25c818af..2266e5fa 100644
--- a/src/warnings/warn-on-client-source-maps.ts
+++ b/src/warnings/warn-on-client-source-maps.ts
@@ -13,10 +13,8 @@ export function isSourceMapEnabled(value: unknown): boolean {
   // Rsbuild normalizes `output.sourceMap` into either:
   //  - boolean
   //  - { js?: devtool; css: boolean }
-  if (value === true) return true;
-  if (value === false || value == null) return false;
-  if (typeof value === 'string') return true;
-  if (typeof value === 'object') {
+  if (value === true || typeof value === 'string') return true;
+  if (value !== null && typeof value === 'object') {
     const js = (value as SourceMapConfigObject).js;
     // Any truthy devtool string/object means source maps are on for JS.
     return Boolean(js);
@@ -26,12 +24,11 @@ export function isSourceMapEnabled(value: unknown): boolean {
 
 function isDevtoolSourceMap(value: unknown): boolean {
   if (value === true) return true;
-  if (value == null || value === false) return false;
   if (typeof value === 'string') {
     return value.includes('source-map');
   }
   // Unknown object shape - treat as enabled to be safe.
-  return typeof value === 'object';
+  return value !== null && typeof value === 'object';
 }
 
 export function getClientSourceMapSetting(
@@ -58,10 +55,9 @@ export function getClientDevtoolSetting(
 }
 
 function getDevtoolFromRspackConfig(config?: ToolsRspackConfig): unknown {
-  if (!config) return undefined;
-  if (typeof config === 'function') return undefined;
-  if (typeof config !== 'object') return undefined;
-  return (config as { devtool?: unknown }).devtool;
+  return config !== null && typeof config === 'object'
+    ? (config as { devtool?: unknown }).devtool
+    : undefined;
 }
 
 export function warnOnClientSourceMaps(
diff --git a/task/fetch-upstream-react-router-dev-vite.sh b/task/fetch-upstream-react-router-dev-vite.sh
deleted file mode 100644
index 6e8c9723..00000000
--- a/task/fetch-upstream-react-router-dev-vite.sh
+++ /dev/null
@@ -1,64 +0,0 @@
-#!/usr/bin/env bash
-set -euo pipefail
-
-# Fetch upstream React Router "react-router-dev/vite" sources into this repo.
-# Overwrites existing files to keep the snapshot deterministic.
-
-ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
-OUT_DIR="$ROOT_DIR/task/upstream/react-router-dev/vite"
-BASE_URL="https://raw.githubusercontent.com/remix-run/react-router/main/packages/react-router-dev/vite"
-
-FILES=(
-  "babel.ts"
-  "build.ts"
-  "cache.ts"
-  "cloudflare-dev-proxy.ts"
-  "cloudflare.ts"
-  "combine-urls-test.ts"
-  "combine-urls.ts"
-  "dev.ts"
-  "has-dependency.ts"
-  "has-rsc-plugin.ts"
-  "load-dotenv.ts"
-  "node-adapter.ts"
-  "optimize-deps-entries.ts"
-  "plugin.ts"
-  "profiler.ts"
-  "remove-exports-test.ts"
-  "remove-exports.ts"
-  "resolve-file-url.ts"
-  "resolve-relative-route-file-path.ts"
-  "route-chunks-test.ts"
-  "route-chunks.ts"
-  "rsc/plugin.ts"
-  "rsc/virtual-route-config.ts"
-  "rsc/virtual-route-modules.ts"
-  "plugins/validate-plugin-order.ts"
-  "plugins/warn-on-client-source-maps.ts"
-  "ssr-externals.ts"
-  "static/refresh-utils.mjs"
-  "static/rsc-refresh-utils.mjs"
-  "styles.ts"
-  "virtual-module.ts"
-  "vite-node.ts"
-  "vite.ts"
-  "with-props.ts"
-)
-
-mkdir -p "$OUT_DIR"
-
-for f in "${FILES[@]}"; do
-  url="$BASE_URL/$f"
-  out="$OUT_DIR/$f"
-  mkdir -p "$(dirname "$out")"
-  curl -fsSL "$url" -o "$out"
-done
-
-# Sanity check required by task instructions.
-if [[ ! -s "$OUT_DIR/plugin.ts" ]]; then
-  echo "error: expected non-empty $OUT_DIR/plugin.ts" >&2
-  exit 1
-fi
-
-echo "Fetched ${#FILES[@]} files into: $OUT_DIR"
-
diff --git a/task/fetch-upstream-react-router-rsbuild.ai.tsx b/task/fetch-upstream-react-router-rsbuild.ai.tsx
new file mode 100644
index 00000000..1d648092
--- /dev/null
+++ b/task/fetch-upstream-react-router-rsbuild.ai.tsx
@@ -0,0 +1,57 @@
+import {
+  Agent,
+  Asset,
+  Context,
+  Instructions,
+  Program,
+  Prompt,
+  System,
+  assetRef,
+  ctx,
+} from '@unpack/ai';
+
+export const upstreamPlugin = assetRef('upstream_plugin');
+
+export default (
+  <Program
+    id="fetch-upstream-react-router-rsbuild"
+    model={{ name: 'gpt-5.2-codex' }}
+    workingDir=".."
+    target={{ language: 'markdown' }}
+    description="Fetch upstream React Router framework sources so later tasks can adapt behavior to Rsbuild."
+  >
+    <Asset
+      id="upstream_plugin"
+      kind="code"
+      path="task/upstream/react-router-dev/vite/plugin.ts"
+    />
+
+    <Agent id="fetch-upstream" produces={['upstream_plugin']}>
+      <Prompt>
+        <System>
+          You fetch upstream source files into the repo using shell commands and
+          verify they were written.
+        </System>
+        <Context>
+          {ctx.literal(
+            [
+              'Upstream repo: remix-run/react-router',
+              'Upstream folder: packages/react-router-dev/vite/',
+              'Target folder: task/upstream/react-router-dev/vite/',
+              'Raw base URL: https://raw.githubusercontent.com/remix-run/react-router/main/packages/react-router-dev/vite',
+            ].join('\n'),
+            { as: 'Upstream Source', mode: 'plain' }
+          )}
+        </Context>
+        <Instructions>
+          Fetch these upstream files with `curl -fsSL`, preserving their paths
+          under `task/upstream/react-router-dev/vite/`: `plugin.ts`,
+          `remove-exports.ts`, `ssr-externals.ts`,
+          `plugins/validate-plugin-order.ts`, and
+          `plugins/warn-on-client-source-maps.ts`. Overwrite existing files and
+          verify `plugin.ts` is non-empty.
+        </Instructions>
+      </Prompt>
+    </Agent>
+  </Program>
+);
diff --git a/task/fetch-upstream-react-router-vite.ai.tsx b/task/fetch-upstream-react-router-vite.ai.tsx
deleted file mode 100644
index 8c7bfe17..00000000
--- a/task/fetch-upstream-react-router-vite.ai.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import {
-  Agent,
-  Asset,
-  Context,
-  Instructions,
-  Program,
-  Prompt,
-  System,
-  assetRef,
-  ctx,
-} from '@unpack/ai';
-
-// Downstream tasks can include the fetched snapshot index in prompt context.
-export const upstreamPlugin = assetRef('upstream_plugin');
-
-export default (
-  <Program
-    id="fetch-upstream-react-router-vite"
-    model={{ name: 'gpt-5.2-codex' }}
-    workingDir=".."
-    target={{ language: 'markdown' }}
-    description="Fetch upstream react-router-dev/vite sources into task/upstream/ so later tasks can port behavior into Rsbuild."
-  >
-    <Asset
-      id="upstream_plugin"
-      kind="code"
-      path="task/upstream/react-router-dev/vite/plugin.ts"
-    />
-
-    <Agent id="fetch-upstream" produces={['upstream_plugin']}>
-      <Prompt>
-        <System>
-          You fetch upstream source files into the repo using shell commands and
-          verify they were written.
-        </System>
-        <Context>
-          {ctx.literal(
-            [
-              'Upstream repo: remix-run/react-router',
-              'Upstream folder: packages/react-router-dev/vite/',
-              'Target folder in this repo: task/upstream/react-router-dev/vite/',
-              '',
-              'Raw base URL:',
-              'https://raw.githubusercontent.com/remix-run/react-router/main/packages/react-router-dev/vite',
-            ].join('\n'),
-            { as: 'Upstream Source', mode: 'plain' },
-          )}
-        </Context>
-        <Instructions>
-          Create the directory tree `task/upstream/react-router-dev/vite/` and
-          download the upstream files (use `curl -fsSL ... -o ...`).
-          Prefer one shell script that fetches everything deterministically.
-          Overwrite existing files.
-          Fetch these files:
-
-          - babel.ts
-          - build.ts
-          - cache.ts
-          - cloudflare-dev-proxy.ts
-          - cloudflare.ts
-          - combine-urls-test.ts
-          - combine-urls.ts
-          - dev.ts
-          - has-dependency.ts
-          - has-rsc-plugin.ts
-          - load-dotenv.ts
-          - node-adapter.ts
-          - optimize-deps-entries.ts
-          - plugin.ts
-          - profiler.ts
-          - remove-exports-test.ts
-          - remove-exports.ts
-          - resolve-file-url.ts
-          - resolve-relative-route-file-path.ts
-          - route-chunks-test.ts
-          - route-chunks.ts
-          - rsc/plugin.ts
-          - rsc/virtual-route-config.ts
-          - rsc/virtual-route-modules.ts
-          - plugins/validate-plugin-order.ts
-          - plugins/warn-on-client-source-maps.ts
-          - ssr-externals.ts
-          - static/refresh-utils.mjs
-          - static/rsc-refresh-utils.mjs
-          - styles.ts
-          - virtual-module.ts
-          - vite-node.ts
-          - vite.ts
-          - with-props.ts
-
-          Sanity-check that `task/upstream/react-router-dev/vite/plugin.ts`
-          exists and is non-empty before finishing.
-        </Instructions>
-      </Prompt>
-    </Agent>
-  </Program>
-);
diff --git a/task/index.ai.tsx b/task/index.ai.tsx
index b1dbe09e..a57eb463 100644
--- a/task/index.ai.tsx
+++ b/task/index.ai.tsx
@@ -1,13 +1,21 @@
-import { Agent, Asset, Instructions, Program, Prompt, System, assetRef } from '@unpack/ai';
+import {
+  Agent,
+  Asset,
+  Instructions,
+  Program,
+  Prompt,
+  System,
+  assetRef,
+} from '@unpack/ai';
 
-import './fetch-upstream-react-router-vite.ai.tsx';
-import './migrate-vitest-to-rstest.ai.tsx';
-import './port-react-router-vite-features.ai.tsx';
+import './fetch-upstream-react-router-rsbuild.ai.tsx';
+import './migrate-rstest.ai.tsx';
+import './port-react-router-rsbuild-features.ai.tsx';
 import './validate.ai.tsx';
 
-import { upstreamPlugin } from './fetch-upstream-react-router-vite.ai.tsx';
-import { migrateConfig } from './migrate-vitest-to-rstest.ai.tsx';
-import { portMain } from './port-react-router-vite-features.ai.tsx';
+import { upstreamPlugin } from './fetch-upstream-react-router-rsbuild.ai.tsx';
+import { migrateConfig } from './migrate-rstest.ai.tsx';
+import { portMain } from './port-react-router-rsbuild-features.ai.tsx';
 import { validationTarget } from './validate.ai.tsx';
 
 export const orchestratorMarker = assetRef('orchestrator_marker');
@@ -18,7 +26,7 @@ export default (
     model={{ name: 'gpt-5.2-codex' }}
     workingDir=".."
     target={{ language: 'markdown' }}
-    description="Orchestrate fetching upstream React Router Vite plugin sources and porting missing features into rsbuild-plugin-react-router."
+    description="Orchestrate React Router Rsbuild plugin migration work in rsbuild-plugin-react-router."
   >
     <Asset id="orchestrator_marker" kind="code" path="src/index.ts" />
 
diff --git a/task/migrate-rstest.ai.tsx b/task/migrate-rstest.ai.tsx
new file mode 100644
index 00000000..2566b21a
--- /dev/null
+++ b/task/migrate-rstest.ai.tsx
@@ -0,0 +1,65 @@
+import {
+  Agent,
+  Asset,
+  Context,
+  Instructions,
+  Program,
+  Prompt,
+  Skill,
+  System,
+  assetRef,
+  ctx,
+} from '@unpack/ai';
+
+export const migrateConfig = assetRef('migrate_config');
+
+export default (
+  <Program
+    id="migrate-rstest"
+    model={{ name: 'gpt-5.2-codex', reasoningEffort: 'high' }}
+    workingDir=".."
+    target={{ language: 'markdown' }}
+    description="Maintain the Rstest runner setup in rsbuild-plugin-react-router."
+  >
+    <Asset id="migrate_config" kind="code" path="package.json" />
+
+    <Agent id="migrate-tests" produces={['migrate_config']}>
+      <Prompt>
+        <Skill name="rstest-docs">{`Use https://rstest.rs/llms.txt as the entry point. It lists relative links like /guide/.../. Resolve those against https://rstest.rs to navigate to the relevant sections.`}</Skill>
+        <System>
+          You migrate test infrastructure safely. You consult upstream docs and
+          only propose changes that make sense for the language/tooling in this
+          repository.
+        </System>
+        <Context>
+          {ctx.file('./package.json', { as: 'package.json', mode: 'code' })}
+          {ctx.file('./rstest.config.ts', {
+            as: 'rstest.config.ts',
+            mode: 'code',
+          })}
+          {ctx.file('./tests/index.test.ts', {
+            as: 'tests/index.test.ts',
+            mode: 'code',
+          })}
+          {ctx.file('./tests/features.test.ts', {
+            as: 'tests/features.test.ts',
+            mode: 'code',
+          })}
+          {ctx.file('./tests/setup.ts', { as: 'tests/setup.ts', mode: 'code' })}
+          {ctx.file('./README.md', { as: 'README', mode: 'quote' })}
+        </Context>
+        <Instructions>
+          Evaluate whether the Rstest migration is complete here. Start by
+          confirming: - What test runner is currently used (scripts, config
+          files, imports). - Whether this repo contains any Rust crates/tests.
+          Constraints: - This repo is TypeScript. Rstest is a JS testing
+          framework for the Rspack/Rsbuild ecosystem. If this repo does not run
+          JS tests, you must NOT invent them. If migration work remains, make
+          the code changes directly in the repo (configs, dependencies, scripts,
+          and tests). This is a code-editing task. Make changes in the
+          repository rather than producing reports.
+        </Instructions>
+      </Prompt>
+    </Agent>
+  </Program>
+);
diff --git a/task/migrate-vitest-to-rstest.ai.tsx b/task/migrate-vitest-to-rstest.ai.tsx
deleted file mode 100644
index e0e3a06a..00000000
--- a/task/migrate-vitest-to-rstest.ai.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import {
-  Agent,
-  Asset,
-  Context,
-  Instructions,
-  Program,
-  Prompt,
-  Skill,
-  System,
-  assetRef,
-  ctx,
-} from '@unpack/ai';
-
-export const migrateConfig = assetRef('migrate_config');
-
-export default (
-  <Program
-    id="migrate-vitest-to-rstest"
-    model={{ name: 'gpt-5.2-codex', reasoningEffort: 'high' }}
-    workingDir=".."
-    target={{ language: 'markdown' }}
-    description="Plan (and if applicable, implement) migrating the test runner from Vitest to Rstest in rsbuild-plugin-react-router."
-  >
-    <Asset id="migrate_config" kind="code" path="package.json" />
-
-    <Agent id="migrate-tests" produces={['migrate_config']}>
-      <Prompt>
-        <Skill name="rstest-docs">{`Use https://rstest.rs/llms.txt as the entry point. It lists relative links like /guide/.../. Resolve those against https://rstest.rs to navigate to the relevant sections.`}</Skill>
-        <System>
-          You migrate test infrastructure safely. You consult upstream docs and
-          only propose changes that make sense for the language/tooling in this
-          repository.
-        </System>
-        <Context>
-          {ctx.file('./package.json', { as: 'package.json', mode: 'code' })}
-          {ctx.file('./rstest.config.ts', { as: 'rstest.config.ts', mode: 'code' })}
-          {ctx.file('./tests/index.test.ts', { as: 'tests/index.test.ts', mode: 'code' })}
-          {ctx.file('./tests/features.test.ts', { as: 'tests/features.test.ts', mode: 'code' })}
-          {ctx.file('./tests/setup.ts', { as: 'tests/setup.ts', mode: 'code' })}
-          {ctx.file('./README.md', { as: 'README', mode: 'quote' })}
-        </Context>
-        <Instructions>
-          Read `https://rstest.rs/llms.txt` and follow any linked markdown docs
-          needed to understand how to migrate tests.
-
-          Then evaluate whether migrating from Vitest to Rstest is actually
-          applicable here. Start by confirming:
-          - What test runner is currently used (scripts, config files, imports).
-          - Whether this repo contains any Rust crates/tests.
-
-          Constraints:
-          - This repo is TypeScript. Rstest is a JS testing framework for the
-            Rspack/Rsbuild ecosystem. If this repo does not run JS tests, you
-            must NOT invent them.
-          - If migration is not applicable, propose realistic JS alternatives
-            (e.g. keep Vitest, or migrate to Jest) and outline the minimum
-            changes required.
-
-          If migration is applicable, make the code changes directly in the
-          repo (configs, dependencies, scripts, and tests). If not applicable,
-          do not modify the repo.
-
-          This is a code-editing task. Make changes in the repository rather
-          than producing reports.
-        </Instructions>
-      </Prompt>
-    </Agent>
-  </Program>
-);
diff --git a/task/port-react-router-rsbuild-features.ai.tsx b/task/port-react-router-rsbuild-features.ai.tsx
new file mode 100644
index 00000000..848083a2
--- /dev/null
+++ b/task/port-react-router-rsbuild-features.ai.tsx
@@ -0,0 +1,121 @@
+import {
+  Agent,
+  Asset,
+  Context,
+  Instructions,
+  Program,
+  Prompt,
+  Skill,
+  System,
+  assetRef,
+  ctx,
+} from '@unpack/ai';
+
+import { upstreamPlugin } from './fetch-upstream-react-router-rsbuild.ai.tsx';
+
+export const portMain = assetRef('port_main');
+
+export default (
+  <Program
+    id="port-react-router-rsbuild-features"
+    model={{ name: 'gpt-5.2-codex', reasoningEffort: 'high' }}
+    workingDir=".."
+    target={{ language: 'ts' }}
+    description="Adapt missing upstream React Router framework behaviors to the Rsbuild plugin."
+  >
+    <Asset id="port_main" kind="code" path="src/index.ts" />
+
+    <Agent
+      id="port-features"
+      produces={['port_main']}
+      external_needs={[{ alias: 'upstreamPlugin', agent: 'fetch-upstream' }]}
+    >
+      <Prompt>
+        <System>
+          You are implementing features in a TypeScript Rsbuild plugin. Treat
+          the upstream React Router Vite sources as framework behavior
+          references, then adapt them to Rsbuild/Rspack APIs correctly.
+        </System>
+        <Skill name="rsbuild-docs">{`Use https://rsbuild.rs/llms.txt as the entry point. It lists relative links like /guide/.../index.md and /config/.../source-map.md. Resolve those against https://rsbuild.rs to navigate to the relevant sections.`}</Skill>
+        <Context>
+          {upstreamPlugin}
+          {ctx.file('./README.md', { as: 'Plugin README', mode: 'quote' })}
+          {ctx.file('./package.json', { as: 'package.json', mode: 'code' })}
+          {ctx.file('./src/index.ts', {
+            as: 'Current Plugin (src/index.ts)',
+            mode: 'code',
+          })}
+          {ctx.file('./src/constants.ts', {
+            as: 'Current Constants (src/constants.ts)',
+            mode: 'code',
+          })}
+          {ctx.file('./src/plugin-utils.ts', {
+            as: 'Current Utils (src/plugin-utils.ts)',
+            mode: 'code',
+          })}
+          {ctx.file('./src/dev-server.ts', {
+            as: 'Dev Server Middleware (src/dev-server.ts)',
+            mode: 'code',
+          })}
+          {ctx.file('./task/upstream/react-router-dev/vite/plugin.ts', {
+            as: 'Upstream React Router Plugin',
+            mode: 'code',
+          })}
+          {ctx.file('./task/upstream/react-router-dev/vite/remove-exports.ts', {
+            as: 'Upstream remove-exports.ts',
+            mode: 'code',
+          })}
+          {ctx.file('./task/upstream/react-router-dev/vite/ssr-externals.ts', {
+            as: 'Upstream ssr-externals.ts',
+            mode: 'code',
+          })}
+          {ctx.file(
+            './task/upstream/react-router-dev/vite/plugins/validate-plugin-order.ts',
+            { as: 'Upstream validate-plugin-order.ts', mode: 'code' }
+          )}
+          {ctx.file(
+            './task/upstream/react-router-dev/vite/plugins/warn-on-client-source-maps.ts',
+            { as: 'Upstream warn-on-client-source-maps.ts', mode: 'code' }
+          )}
+        </Context>
+        <Instructions>
+          Use only standard JSX syntax. Prompt interpolation must use JSX
+          expression containers and normal JSX text. Do not use legacy
+          double-curly placeholders. Goal: bring React Router framework behavior
+          into this Rsbuild plugin. Implement (at minimum) these
+          ports/adaptations: 1) Align route export filtering with upstream: -
+          Ensure server-only exports include `middleware` (and keep `headers`).
+          - Ensure client export lists match upstream intent (client-only route
+          exports vs component exports). Update `src/constants.ts` and any
+          transforms accordingly. 2) Add an equivalent of upstream
+          `warnOnClientSourceMaps()` for Rsbuild: - On production build, if
+          client sourcemaps are enabled, warn loudly (do not crash). - Use
+          Rsbuild/Rspack config inspection for both global and
+          environment-specific sourcemap settings. 3) Add an equivalent of
+          upstream `validatePluginOrder()`: - For Rsbuild this likely means
+          validating plugin ordering or transform ordering in the Rsbuild
+          pipeline (or at least warning when known-incompatible config is
+          detected). - If Rsbuild has no stable "plugin ordering" API, implement
+          best-effort detection and provide actionable error messages. 4) Review
+          upstream `ssr-externals.ts` and decide whether Rsbuild needs an
+          equivalent behavior: - If applicable, add a safe version that helps
+          monorepo/local-linked packages behave correctly in SSR builds. - If
+          not applicable, document why in `task/output/port-report.md`. Keep
+          changes scoped and testable: - Prefer adding small helper modules
+          under `src/` (e.g. `src/plugins/*` or `src/warnings/*`) rather than
+          growing `src/index.ts` further. - Add/extend tests under `tests/`
+          using the repo’s current test runner (check `package.json` + config).
+          Cover pure logic (export lists, sourcemap detection, config
+          validation). - Update README only if user-facing configuration
+          changes. You must implement real code changes when gaps exist. Do not
+          respond with a "no changes needed" outcome unless you have verified
+          parity for each requested item and explicitly cite the current files.
+          If gaps remain, change the codebase to close them and update tests
+          accordingly. This is a code-editing task. Make edits directly in the
+          repo, update any dependent files/tests/config, and keep the codebase
+          compiling.
+        </Instructions>
+      </Prompt>
+    </Agent>
+  </Program>
+);
diff --git a/task/port-react-router-vite-features.ai.tsx b/task/port-react-router-vite-features.ai.tsx
deleted file mode 100644
index 6ba46877..00000000
--- a/task/port-react-router-vite-features.ai.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import {
-  Agent,
-  Asset,
-  Context,
-  Instructions,
-  Program,
-  Prompt,
-  Skill,
-  System,
-  assetRef,
-  ctx,
-} from '@unpack/ai';
-
-import { upstreamPlugin } from './fetch-upstream-react-router-vite.ai.tsx';
-
-export const portMain = assetRef('port_main');
-
-export default (
-  <Program
-    id="port-react-router-vite-features"
-    model={{ name: 'gpt-5.2-codex', reasoningEffort: 'high' }}
-    workingDir=".."
-    target={{ language: 'ts' }}
-    description="Port missing behaviors from React Router's Vite plugin to rsbuild-plugin-react-router."
-  >
-    <Asset id="port_main" kind="code" path="src/index.ts" />
-
-    <Agent
-      id="port-features"
-      produces={['port_main']}
-      external_needs={[{ alias: 'upstreamPlugin', agent: 'fetch-upstream' }]}
-    >
-      <Prompt>
-        <System>
-          You are implementing features in a TypeScript Rsbuild plugin. Prefer
-          upstream behavior from React Router's Vite plugin when reasonable, but
-          adapt to Rsbuild/Rspack APIs correctly.
-        </System>
-        <Skill name="rsbuild-docs">{`Use https://rsbuild.rs/llms.txt as the entry point. It lists relative links like /guide/.../index.md and /config/.../source-map.md. Resolve those against https://rsbuild.rs to navigate to the relevant sections.`}</Skill>
-        <Context>
-          {upstreamPlugin}
-          {ctx.file('./README.md', { as: 'Plugin README', mode: 'quote' })}
-          {ctx.file('./package.json', { as: 'package.json', mode: 'code' })}
-          {ctx.file('./src/index.ts', { as: 'Current Plugin (src/index.ts)', mode: 'code' })}
-          {ctx.file('./src/constants.ts', { as: 'Current Constants (src/constants.ts)', mode: 'code' })}
-          {ctx.file('./src/plugin-utils.ts', { as: 'Current Utils (src/plugin-utils.ts)', mode: 'code' })}
-          {ctx.file('./src/dev-server.ts', { as: 'Dev Server Middleware (src/dev-server.ts)', mode: 'code' })}
-
-          {ctx.file(
-            './task/upstream/react-router-dev/vite/plugin.ts',
-            { as: 'Upstream Vite Plugin (plugin.ts)', mode: 'code' },
-          )}
-          {ctx.file(
-            './task/upstream/react-router-dev/vite/plugins/validate-plugin-order.ts',
-            { as: 'Upstream validate-plugin-order.ts', mode: 'code' },
-          )}
-          {ctx.file(
-            './task/upstream/react-router-dev/vite/plugins/warn-on-client-source-maps.ts',
-            { as: 'Upstream warn-on-client-source-maps.ts', mode: 'code' },
-          )}
-          {ctx.file(
-            './task/upstream/react-router-dev/vite/remove-exports.ts',
-            { as: 'Upstream remove-exports.ts', mode: 'code' },
-          )}
-          {ctx.file(
-            './task/upstream/react-router-dev/vite/with-props.ts',
-            { as: 'Upstream with-props.ts', mode: 'code' },
-          )}
-          {ctx.file(
-            './task/upstream/react-router-dev/vite/ssr-externals.ts',
-            { as: 'Upstream ssr-externals.ts', mode: 'code' },
-          )}
-        </Context>
-        <Instructions>
-          Use only standard JSX syntax. Prompt interpolation must use JSX
-          expression containers and normal JSX text. Do not use legacy
-          double-curly placeholders.
-
-          Goal: bring more of React Router's Vite plugin behavior into this
-          Rsbuild plugin.
-
-          Implement (at minimum) these ports/adaptations:
-
-          1) Align route export filtering with upstream:
-          - Ensure server-only exports include `middleware` (and keep `headers`).
-          - Ensure client export lists match upstream intent (client-only route
-            exports vs component exports). Update `src/constants.ts` and any
-            transforms accordingly.
-
-          2) Add an equivalent of upstream `warnOnClientSourceMaps()` for Rsbuild:
-          - On production build, if client sourcemaps are enabled, warn loudly
-            (do not crash).
-          - Use Rsbuild/Rspack config inspection for both global and
-            environment-specific sourcemap settings.
-
-          3) Add an equivalent of upstream `validatePluginOrder()`:
-          - For Rsbuild this likely means validating plugin ordering or
-            transform ordering in the Rsbuild pipeline (or at least warning when
-            known-incompatible config is detected).
-          - If Rsbuild has no stable "plugin ordering" API, implement best-effort
-            detection and provide actionable error messages.
-
-          4) Review upstream `ssr-externals.ts` and decide whether Rsbuild needs
-          an equivalent behavior:
-          - If applicable, add a safe version that helps monorepo/local-linked
-            packages behave correctly in SSR builds.
-          - If not applicable, document why in `task/output/port-report.md`.
-
-          Keep changes scoped and testable:
-          - Prefer adding small helper modules under `src/` (e.g. `src/plugins/*`
-            or `src/warnings/*`) rather than growing `src/index.ts` further.
-          - Add/extend tests under `tests/` using the repo’s current test runner
-            (check `package.json` + config). Cover pure logic (export lists,
-            sourcemap detection, config validation).
-          - Update README only if user-facing configuration changes.
-
-          You must implement real code changes when gaps exist. Do not respond
-          with a "no changes needed" outcome unless you have verified parity for
-          each requested item and explicitly cite the current files. If gaps
-          remain, change the codebase to close them and update tests accordingly.
-
-          This is a code-editing task. Make edits directly in the repo, update
-          any dependent files/tests/config, and keep the codebase compiling.
-        </Instructions>
-      </Prompt>
-    </Agent>
-  </Program>
-);
diff --git a/tests/benchmark-fixture.test.ts b/tests/benchmark-fixture.test.ts
index 2b0092db..7cea2a0f 100644
--- a/tests/benchmark-fixture.test.ts
+++ b/tests/benchmark-fixture.test.ts
@@ -11,6 +11,12 @@ import { join } from 'node:path';
 import { spawnSync } from 'node:child_process';
 import { describe, expect, it } from '@rstest/core';
 
+// Spawning `node` directly on .mts scripts needs the runtime to strip types
+// by default (Node >= 22.18 / 23.6); otherwise the spawn fails with
+// ERR_UNKNOWN_FILE_EXTENSION. The spawns use `process.execPath`, so this
+// process's feature flag matches the spawned binary.
+const skipOnOldNode = !process.features?.typescript;
+
 describe('benchmark fixture generator', () => {
   it('creates a deterministic synthetic React Router app', async () => {
     const { generateSyntheticFixture } = await import(
@@ -64,7 +70,13 @@ describe('benchmark fixture generator', () => {
         join(root, 'react-router.config.ts'),
         'utf8'
       );
+      expect(reactRouterConfig).toContain(
+        "import type { ReactRouterRsbuildConfig } from 'rsbuild-plugin-react-router';"
+      );
       expect(reactRouterConfig).toContain('splitRouteModules: true');
+      expect(reactRouterConfig).toContain(
+        '} satisfies ReactRouterRsbuildConfig;'
+      );
     } finally {
       rmSync(root, { recursive: true, force: true });
     }
@@ -360,52 +372,58 @@ describe('benchmark fixture generator', () => {
     }
   });
 
-  it('accepts equals-form CLI options before benchmark selection', () => {
-    const result = spawnSync(
-      process.execPath,
-      [
-        'scripts/bench-builds.mts',
-        '--profile=smoke',
-        '--iterations=1',
-        '--large-iterations=1',
-        '--warmup=0',
-        '--filter=missing',
-        '--rspack-profile=ALL',
-        '--rspack-trace-output=rspack.log',
-        '--skip-root-build',
-      ],
-      {
-        cwd: process.cwd(),
-        encoding: 'utf8',
-      }
-    );
+  it.skipIf(skipOnOldNode)(
+    'accepts equals-form CLI options before benchmark selection (skipped on Node < 22: spawns node on .mts without native type-stripping)',
+    () => {
+      const result = spawnSync(
+        process.execPath,
+        [
+          'scripts/bench-builds.mts',
+          '--profile=smoke',
+          '--iterations=1',
+          '--large-iterations=1',
+          '--warmup=0',
+          '--filter=missing',
+          '--rspack-profile=ALL',
+          '--rspack-trace-output=rspack.log',
+          '--skip-root-build',
+        ],
+        {
+          cwd: process.cwd(),
+          encoding: 'utf8',
+        }
+      );
 
-    expect(result.status).toBe(1);
-    expect(result.stderr).toContain('No benchmarks matched filter "missing".');
-    expect(result.stderr).not.toContain('Unknown benchmark argument');
-  });
+      expect(result.status).toBe(1);
+      expect(result.stderr).toContain('No benchmarks matched filter "missing".');
+      expect(result.stderr).not.toContain('Unknown benchmark argument');
+    }
+  );
 
-  it('accepts the large benchmark profile in the CLI', () => {
-    const result = spawnSync(
-      process.execPath,
-      [
-        'scripts/bench-builds.mts',
-        '--profile=large',
-        '--iterations=1',
-        '--warmup=0',
-        '--filter=missing',
-        '--skip-root-build',
-      ],
-      {
-        cwd: process.cwd(),
-        encoding: 'utf8',
-      }
-    );
+  it.skipIf(skipOnOldNode)(
+    'accepts the large benchmark profile in the CLI (skipped on Node < 22: spawns node on .mts without native type-stripping)',
+    () => {
+      const result = spawnSync(
+        process.execPath,
+        [
+          'scripts/bench-builds.mts',
+          '--profile=large',
+          '--iterations=1',
+          '--warmup=0',
+          '--filter=missing',
+          '--skip-root-build',
+        ],
+        {
+          cwd: process.cwd(),
+          encoding: 'utf8',
+        }
+      );
 
-    expect(result.status).toBe(1);
-    expect(result.stderr).toContain('No benchmarks matched filter "missing".');
-    expect(result.stderr).not.toContain('Unknown profile "large"');
-  });
+      expect(result.status).toBe(1);
+      expect(result.stderr).toContain('No benchmarks matched filter "missing".');
+      expect(result.stderr).not.toContain('Unknown profile "large"');
+    }
+  );
 
   it('merges benchmark result shards for CI reporting', () => {
     const root = mkdtempSync(join(tmpdir(), 'rr-benchmark-merge-'));
@@ -453,7 +471,9 @@ describe('benchmark fixture generator', () => {
     }
   });
 
-  it('renders the embedded synthetic app benchmark row in CI reports', () => {
+  it.skipIf(skipOnOldNode)(
+    'renders the embedded synthetic app benchmark row in CI reports (skipped on Node < 22: spawns node on .mts without native type-stripping)',
+    () => {
     const root = mkdtempSync(join(tmpdir(), 'rr-benchmark-report-'));
 
     try {
@@ -806,7 +826,8 @@ describe('benchmark fixture generator', () => {
     } finally {
       rmSync(root, { recursive: true, force: true });
     }
-  });
+    }
+  );
 });
 function writeJson(file: string, value: unknown) {
   writeFileSync(file, `${JSON.stringify(value, null, 2)}\n`);
diff --git a/tests/build-output-transforms.test.ts b/tests/build-output-transforms.test.ts
index efefeaab..c8dc4b8b 100644
--- a/tests/build-output-transforms.test.ts
+++ b/tests/build-output-transforms.test.ts
@@ -87,28 +87,40 @@ describe('build output transforms', () => {
 
     registerBuildOutputTransforms(options);
 
-    const routeModuleTransforms = harness.transforms.filter(
-      transform => transform.descriptor.order === 'post'
+    const explicitRouteModuleTransform = harness.transforms.find(
+      transform =>
+        String(transform.descriptor.resourceQuery) ===
+        String(/\?react-router-route/)
+    );
+    const querylessRouteModuleTransform = harness.transforms.find(
+      transform =>
+        transform.descriptor.order === 'post' &&
+        transform.descriptor.environments?.includes('node') &&
+        typeof transform.descriptor.test === 'function' &&
+        (transform.descriptor.test as (path: string) => boolean)(
+          options.routePath
+        )
     );
 
-    expect(routeModuleTransforms).toHaveLength(2);
-    expect(routeModuleTransforms[0].descriptor).toMatchObject({
+    expect(explicitRouteModuleTransform?.descriptor).toMatchObject({
       resourceQuery: /\?react-router-route/,
       order: 'post',
     });
-    expect(routeModuleTransforms[1].descriptor).toMatchObject({
+    expect(querylessRouteModuleTransform?.descriptor).toMatchObject({
       order: 'post',
     });
     expect(
-      (routeModuleTransforms[1].descriptor.test as (path: string) => boolean)(
-        options.routePath
-      )
+      (
+        querylessRouteModuleTransform!.descriptor.test as (
+          path: string
+        ) => boolean
+      )(options.routePath)
     ).toBe(true);
 
-    await routeModuleTransforms[0].handler(
+    await explicitRouteModuleTransform!.handler(
       createTransformArgs(options.routePath, '?react-router-route')
     );
-    await routeModuleTransforms[1].handler(
+    await querylessRouteModuleTransform!.handler(
       createTransformArgs(options.routePath)
     );
 
@@ -119,23 +131,63 @@ describe('build output transforms', () => {
     expect(run).toHaveBeenCalledTimes(2);
   });
 
+  it('captures post-loader route exports for manifest generation', async () => {
+    const harness = createTransformHarness();
+    const options = createBaseOptions(harness);
+    const onRouteModuleAnalysis = rstest.fn();
+
+    registerBuildOutputTransforms({
+      ...options,
+      onRouteModuleAnalysis,
+    });
+
+    const clientRouteTransform = harness.transforms.find(
+      transform =>
+        String(transform.descriptor.resourceQuery) ===
+        String(/__react-router-build-client-route/)
+    );
+    expect(clientRouteTransform?.descriptor).toMatchObject({
+      order: 'post',
+    });
+
+    await clientRouteTransform!.handler(
+      createTransformArgs(
+        options.routePath,
+        '?__react-router-build-client-route',
+        `
+          export const loader = () => null;
+          export default function MDXContent() { return null; }
+        `
+      )
+    );
+
+    expect(onRouteModuleAnalysis).toHaveBeenCalledWith(
+      options.routePath,
+      expect.objectContaining({
+        exports: expect.arrayContaining(['loader', 'default']),
+      })
+    );
+  });
+
   it('reads dev HMR enablement when route transforms run', async () => {
     const harness = createTransformHarness();
     const options = createBaseOptions(harness);
-    let devHmrEnabled = false;
+    let enabled = false;
 
     registerBuildOutputTransforms({
       ...options,
       isBuild: false,
-      isDevHmrEnabled: () => devHmrEnabled,
+      isDevHmrEnabled: () => enabled,
     });
 
     const routeModuleTransform = harness.transforms.find(
-      transform => transform.descriptor.order === 'post'
+      transform =>
+        String(transform.descriptor.resourceQuery) ===
+        String(/\?react-router-route/)
     );
 
     await routeModuleTransform!.handler(createTransformArgs(options.routePath));
-    devHmrEnabled = true;
+    enabled = true;
     await routeModuleTransform!.handler(createTransformArgs(options.routePath));
 
     expect(options.routeTransformExecutor.run).toHaveBeenNthCalledWith(
@@ -157,6 +209,7 @@ describe('build output transforms', () => {
     const querylessRouteModuleTransform = harness.transforms.find(
       transform =>
         transform.descriptor.order === 'post' &&
+        transform.descriptor.environments?.includes('node') &&
         typeof transform.descriptor.test === 'function'
     );
 
@@ -178,4 +231,32 @@ describe('build output transforms', () => {
     expect(resourceQuery.not.test('?route-chunk=clientLoader')).toBe(true);
     expect(resourceQuery.not.test('')).toBe(false);
   });
+
+  it('composes main route chunk extraction with route module transformation explicitly', async () => {
+    const harness = createTransformHarness();
+    const options = createBaseOptions(harness);
+
+    registerBuildOutputTransforms(options);
+
+    const routeChunkTransform = harness.transforms.find(
+      transform => String(transform.descriptor.resourceQuery) === String(/route-chunk=/)
+    );
+
+    await routeChunkTransform!.handler(
+      createTransformArgs(options.routePath, '?route-chunk=main')
+    );
+
+    const run = options.routeTransformExecutor.run;
+    expect(run).toHaveBeenNthCalledWith(
+      1,
+      expect.objectContaining({ kind: 'routeChunk' })
+    );
+    expect(run).toHaveBeenNthCalledWith(
+      2,
+      expect.objectContaining({
+        kind: 'routeModule',
+        code: 'routeChunk:export async function loader() {}',
+      })
+    );
+  });
 });
diff --git a/tests/config-imports.test.ts b/tests/config-imports.test.ts
index 08334157..68250b2f 100644
--- a/tests/config-imports.test.ts
+++ b/tests/config-imports.test.ts
@@ -1,6 +1,7 @@
 import { describe, expect, it } from '@rstest/core';
 import type { ModuleCache } from 'jiti';
 import {
+  applyConfigDefines,
   clearConfigImportCache,
   collectConfigImportWatchPaths,
 } from '../src/config-imports';
@@ -16,6 +17,65 @@ const createModuleCache = (paths: string[]): ModuleCache =>
   ) as ModuleCache;
 
 describe('config import helpers', () => {
+  it('applies rsbuild source.define values before importing config', () => {
+    expect(
+      applyConfigDefines(
+        'if (import.meta.env.VITE_ENV_ROUTE === "dotenv") route();',
+        {
+          'import.meta.env.VITE_ENV_ROUTE': '"dotenv"',
+        }
+      )
+    ).toBe('if ("dotenv" === "dotenv") route();');
+  });
+
+  it('does not apply source.define values inside non-expression text', () => {
+    expect(
+      applyConfigDefines(
+        [
+          'const text = "import.meta.env.VITE_ENV_ROUTE";',
+          'const config = { "import.meta.env.VITE_ENV_ROUTE": true };',
+          '// import.meta.env.VITE_ENV_ROUTE',
+          'if (import.meta.env.VITE_ENV_ROUTE === "dotenv") route();',
+        ].join('\n'),
+        {
+          'import.meta.env.VITE_ENV_ROUTE': '"dotenv"',
+        }
+      )
+    ).toBe(
+      [
+        'const text = "import.meta.env.VITE_ENV_ROUTE";',
+        'const config = { "import.meta.env.VITE_ENV_ROUTE": true };',
+        '// import.meta.env.VITE_ENV_ROUTE',
+        'if ("dotenv" === "dotenv") route();',
+      ].join('\n')
+    );
+  });
+
+  it('replaces the longest matching member path when a prefix and a deeper path are both defined', () => {
+    expect(
+      applyConfigDefines('if (import.meta.env.SSR) run();', {
+        'import.meta.env': '{"MODE":"test"}',
+        'import.meta.env.SSR': 'true',
+      })
+    ).toBe('if (true) run();');
+  });
+
+  it('replaces only the prefix when the deeper path is not defined', () => {
+    expect(
+      applyConfigDefines('if (import.meta.env.SSR) run();', {
+        'import.meta.env': '{"MODE":"test"}',
+      })
+    ).toBe('if ({"MODE":"test"}.SSR) run();');
+  });
+
+  it('replaces the outermost match for computed member access the same as dot access', () => {
+    expect(
+      applyConfigDefines("if (import.meta.env['SSR']) run();", {
+        'import.meta.env.SSR': 'true',
+      })
+    ).toBe('if (true) run();');
+  });
+
   it('collects local modules loaded while importing config', () => {
     const configPath = '/project/react-router.config.ts';
     const helperPath = '/project/config/server-bundles.ts';
diff --git a/tests/dev-background-resources.test.ts b/tests/dev-background-resources.test.ts
new file mode 100644
index 00000000..1a8065a5
--- /dev/null
+++ b/tests/dev-background-resources.test.ts
@@ -0,0 +1,46 @@
+import { describe, expect, it, rstest } from '@rstest/core';
+import {
+  registerReactRouterDevBackgroundResources,
+} from '../src/dev-background-resources';
+import { createPluginEffectRuntime } from '../src/effect-runtime';
+
+describe('dev background resources', () => {
+  it('does not restart route watching from a compile callback after scope close', async () => {
+    const runtime = createPluginEffectRuntime();
+    const warn = rstest.fn();
+    const runFork = rstest.spyOn(runtime, 'runFork');
+    let onAfterDevCompile: (() => void) | undefined;
+    const api = {
+      logger: { warn },
+      onBeforeStartDevServer: rstest.fn(),
+      onAfterStartDevServer: rstest.fn(),
+      onAfterDevCompile: rstest.fn((callback: () => void) => {
+        onAfterDevCompile = callback;
+      }),
+    };
+
+    try {
+      await registerReactRouterDevBackgroundResources({
+        api: api as never,
+        runtime,
+        isBuild: false,
+        lazyCompilationPrewarm: false,
+        routeRestartMarkerPath: '/project/.react-router/route-watch',
+        watchDirectory: '/project/app',
+        getRouteTopology: async () => new Set(['initial']),
+        initialRouteTopology: new Set(['initial']),
+        onRouteTopologyChange: undefined,
+      });
+      await runtime.dispose();
+      runFork.mockClear();
+
+      onAfterDevCompile?.();
+
+      expect(onAfterDevCompile).toBeDefined();
+      expect(runFork).not.toHaveBeenCalled();
+      expect(warn).not.toHaveBeenCalled();
+    } finally {
+      await runtime.dispose();
+    }
+  });
+});
diff --git a/tests/dev-hmr.test.ts b/tests/dev-hmr.test.ts
index ee319cf3..b144ebb9 100644
--- a/tests/dev-hmr.test.ts
+++ b/tests/dev-hmr.test.ts
@@ -41,8 +41,9 @@ describe('generateDevHmrRuntimeModule', () => {
     );
     expect(code).toContain('export function registerReactRouterRouteExports');
     expect(code).toContain('export function scheduleReactRouterRouteUpdate');
-    expect(code).toContain('if (await refreshRouteState(router))');
+    expect(code).toContain('await refreshRouteState(router)');
     expect(code).toContain('await revalidateRouter(router)');
+    expect(code).toContain('performReactRefresh();');
   });
 });
 
diff --git a/tests/dev-runtime-controller.test.ts b/tests/dev-runtime-controller.test.ts
index 4f52fcb2..343d24f9 100644
--- a/tests/dev-runtime-controller.test.ts
+++ b/tests/dev-runtime-controller.test.ts
@@ -119,7 +119,10 @@ type TestConfig = {
   server?: { setup?: TestServerSetup | TestServerSetup[] };
 };
 
-const createHarness = (userSetup?: TestServerSetup) => {
+const createHarness = (
+  userSetup?: TestServerSetup,
+  options: { clientPatchesRouteMetadata?: boolean } = {}
+) => {
   let start!: OnBeforeStartDevServerFn;
   let startOrder: 'pre' | 'post' | 'default' = 'default';
   let before!: OnBeforeDevCompileFn;
@@ -209,6 +212,7 @@ const createHarness = (userSetup?: TestServerSetup) => {
       defaultEntryName: 'static/js/app',
       entryNames: ['static/js/app'],
     },
+    clientPatchesRouteMetadata: options.clientPatchesRouteMetadata,
     onNodeRebuildCommitted,
   });
   const createServer = (
@@ -321,6 +325,30 @@ describe('React Router development runtime controller', () => {
     );
   });
 
+  it('resolves a loader created before dev server startup', async () => {
+    const { callbacks, controller, loadBundle, server } = createHarness();
+    const loadBuild = controller.createBuildLoader();
+    const web = createCompiler('web');
+    const node = createCompiler('node');
+    loadBundle.mockImplementation(() => createBuild('initial'));
+
+    await callbacks.start({ server });
+    callbacks.created({
+      compiler: { compilers: [web.compiler, node.compiler] },
+    });
+    callbacks.before();
+    const webCompilation = web.compile();
+    controller.captureWeb(webCompilation, createManifestSet('initial'));
+    web.complete(webCompilation);
+    const nodeCompilation = node.compile();
+    await callbacks.after({ stats: createGraphStats(webCompilation, nodeCompilation) });
+
+    await expect(loadBuild()).resolves.toMatchObject({
+      marker: 'initial',
+      assets: { version: 'initial' },
+    });
+  });
+
   it('rejects initial readiness when aggregate stats omit an environment', async () => {
     const { callbacks, controller, server } = createHarness();
     const web = createCompiler('web');
@@ -511,8 +539,11 @@ describe('React Router development runtime controller', () => {
     });
   });
 
-  it('hard reloads when route export metadata changes', async () => {
-    const { callbacks, controller, loadBundle, server } = createHarness();
+  it('publishes route metadata changes to the HMR runtime', async () => {
+    const { callbacks, controller, loadBundle, server } = createHarness(
+      undefined,
+      { clientPatchesRouteMetadata: true }
+    );
     loadBundle.mockImplementation(() => createBuild('base'));
     const web = createCompiler('web');
     const node = createCompiler('node');
@@ -543,11 +574,22 @@ describe('React Router development runtime controller', () => {
       clientLoaderModule: '/routes/about.clientLoader.js',
     });
 
-    expect(server.sockWrite).toHaveBeenCalledWith('full-reload', { path: '*' });
+    expect(server.sockWrite).toHaveBeenCalledWith('custom', {
+      event: 'react-router:manifest-update',
+      data: expect.objectContaining({
+        'routes/about': expect.objectContaining({ hasClientLoader: true }),
+      }),
+    });
   });
 
   it('publishes a safe node-only compile after the aggregate pre-hook', async () => {
-    const { callbacks, controller, loadBundle, server } = createHarness();
+    const {
+      callbacks,
+      controller,
+      loadBundle,
+      onNodeRebuildCommitted,
+      server,
+    } = createHarness();
     let build = createBuild('base');
     loadBundle.mockImplementation(() => build);
     const web = createCompiler('web');
@@ -574,6 +616,7 @@ describe('React Router development runtime controller', () => {
       assets: { version: 'web-base' },
     });
     expect(loadBundle).toHaveBeenCalledTimes(2);
+    expect(onNodeRebuildCommitted).toHaveBeenCalledOnce();
   });
 
   it('signals a node rebuild for paired web and node route changes', async () => {
diff --git a/tests/dev-source-maps.test.ts b/tests/dev-source-maps.test.ts
new file mode 100644
index 00000000..9b87bc75
--- /dev/null
+++ b/tests/dev-source-maps.test.ts
@@ -0,0 +1,52 @@
+import { describe, expect, it, rstest } from '@rstest/core';
+import {
+  registerDevServerSourceMaps,
+  remapDevServerStack,
+} from '../src/dev-source-maps.js';
+
+describe('dev source maps', () => {
+  it('lazily reads source maps from in-memory compilation assets', () => {
+    const source = rstest.fn(() =>
+      Buffer.from(
+        JSON.stringify({
+          version: 3,
+          file: 'static/js/app.js',
+          sources: ['/project/app/error-stacktrace.tsx'],
+          sourcesContent: ['throw new Error("test")'],
+          names: [],
+          mappings: 'AAAA',
+        })
+      )
+    );
+
+    registerDevServerSourceMaps({
+      outputOptions: { path: '/project/build/server' },
+      getAssets: () =>
+        [
+          {
+            name: 'static/js/app.js',
+            source: { map: () => null },
+            info: {},
+          },
+          {
+            name: 'static/js/app.js.map',
+            source: { buffer: source },
+            info: {},
+          },
+        ] as never,
+    });
+
+    expect(source).not.toHaveBeenCalled();
+    expect(
+      remapDevServerStack(
+        'at TestRoute (/project/build/server/static/js/app.js:1:1)'
+      )
+    ).toBe('at TestRoute (/project/app/error-stacktrace.tsx:1:1)');
+    expect(source).toHaveBeenCalledTimes(1);
+
+    remapDevServerStack(
+      'at TestRoute (/project/build/server/static/js/app.js:1:1)'
+    );
+    expect(source).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/tests/effect-runtime.test.ts b/tests/effect-runtime.test.ts
index 785dfa6d..53885bd3 100644
--- a/tests/effect-runtime.test.ts
+++ b/tests/effect-runtime.test.ts
@@ -1,93 +1,145 @@
 import { describe, expect, it, rstest } from '@rstest/core';
 import * as Effect from 'effect/Effect';
+import * as Fiber from 'effect/Fiber';
 import {
+  createPluginEffectRuntime,
   createDelayedPluginTask,
-  runPluginEffect,
-  tryPluginSync,
 } from '../src/effect-runtime';
 
+const createDelayedTaskFixture = (delayMs: number) => {
+  const run = rstest.fn();
+  const onError = rstest.fn((error: Error) => {
+    throw error;
+  });
+  const runtime = createPluginEffectRuntime();
+  const task = createDelayedPluginTask({
+    runtime,
+    delayMs,
+    run: () => Effect.sync(run),
+    onError,
+  });
+
+  return { runtime, run, task };
+};
+
 describe('effect runtime helpers', () => {
-  it('preserves typed errors at promise boundaries', async () => {
-    const error = new Error('typed failure');
+  it('releases resources before interrupting remaining fibers', async () => {
+    const events: string[] = [];
+    const runtime = createPluginEffectRuntime();
+
+    await runtime.runPromise(
+      Effect.acquireRelease(
+        Effect.sync(() => {
+          events.push('acquire');
+          return 'resource';
+        }),
+        resource =>
+          Effect.sync(() => {
+            events.push(`release:${resource}`);
+          })
+      )
+    );
+
+    runtime.runFork(
+      Effect.never.pipe(
+        Effect.ensuring(
+          Effect.sync(() => {
+            events.push('fiber');
+          })
+        )
+      )
+    );
 
-    await expect(runPluginEffect(tryPluginSync(() => {
-      throw error;
-    }))).rejects.toBe(error);
+    await Promise.all([runtime.dispose(), runtime.dispose()]);
+    expect(events).toEqual(['acquire', 'release:resource', 'fiber']);
   });
 
-  it('normalizes synchronous thrown causes to errors', async () => {
-    await expect(
-      runPluginEffect(
-        tryPluginSync(() => {
-          throw 'dev runtime failed';
-        })
+  it('settles shutdown when a fiber forks during finalization', async () => {
+    const runtime = createPluginEffectRuntime();
+    let nestedFiber: ReturnType<typeof runtime.runFork> | undefined;
+    let nestedRan = false;
+    let resolveNestedStarted!: () => void;
+    const nestedStarted = new Promise<void>(resolve => {
+      resolveNestedStarted = resolve;
+    });
+
+    runtime.runFork(
+      Effect.never.pipe(
+        Effect.ensuring(
+          Effect.sync(() => {
+            nestedFiber = runtime.runFork(
+              Effect.sync(() => {
+                nestedRan = true;
+              }).pipe(Effect.zipRight(Effect.never))
+            );
+            resolveNestedStarted();
+          })
+        )
       )
-    ).rejects.toThrow('dev runtime failed');
+    );
+
+    const dispose = runtime.dispose();
+    await nestedStarted;
+    let settled = false;
+    try {
+      settled = await Promise.race([
+        dispose.then(() => true),
+        new Promise(resolve => setTimeout(() => resolve(false), 1_000)),
+      ]);
+      expect(settled).toBe(true);
+      if (nestedFiber) {
+        await Effect.runPromise(Fiber.await(nestedFiber));
+      }
+      expect(nestedRan).toBe(false);
+    } finally {
+      if (!settled && nestedFiber) {
+        await runtime.runPromise(Fiber.interrupt(nestedFiber).pipe(Effect.asVoid));
+      }
+      await dispose;
+    }
   });
 
   it('runs delayed plugin tasks after their delay', async () => {
-    const run = rstest.fn();
-    const task = createDelayedPluginTask({
-      delayMs: 10,
-      run: () => Effect.sync(run),
-      onError: error => {
-        throw error;
-      },
-    });
+    const { runtime, run, task } = createDelayedTaskFixture(10);
 
     task.schedule();
     expect(run).not.toHaveBeenCalled();
     await expect.poll(() => run.mock.calls.length, { timeout: 1000 }).toBe(1);
+    await runtime.dispose();
   });
 
   it('reschedules delayed plugin tasks by replacing the pending run', async () => {
-    const run = rstest.fn();
-    const task = createDelayedPluginTask({
-      delayMs: 10,
-      run: () => Effect.sync(run),
-      onError: error => {
-        throw error;
-      },
-    });
+    const { runtime, run, task } = createDelayedTaskFixture(10);
 
     task.schedule();
     task.reschedule();
     task.reschedule();
 
     await expect.poll(() => run.mock.calls.length, { timeout: 1000 }).toBe(1);
+    await runtime.dispose();
   });
 
   it('cancels delayed plugin tasks before they start', async () => {
-    const run = rstest.fn();
-    const task = createDelayedPluginTask({
-      delayMs: 1000,
-      run: () => Effect.sync(run),
-      onError: error => {
-        throw error;
-      },
-    });
+    const { runtime, run, task } = createDelayedTaskFixture(1000);
 
     task.schedule();
-    await task.cancel();
+    task.reschedule();
+    await runtime.runPromise(task.cancelEffect());
     await new Promise(resolve => setTimeout(resolve, 20));
 
     expect(run).not.toHaveBeenCalled();
+    await runtime.dispose();
   });
 
-  it('supports Effect-based cancellation for delayed plugin tasks', async () => {
-    const run = rstest.fn();
-    const task = createDelayedPluginTask({
-      delayMs: 1000,
-      run: () => Effect.sync(run),
-      onError: error => {
-        throw error;
-      },
-    });
+  it('cancels delayed plugin tasks when the plugin runtime is disposed', async () => {
+    const { runtime, run, task } = createDelayedTaskFixture(25);
 
     task.schedule();
-    await runPluginEffect(task.cancelEffect());
-    await new Promise(resolve => setTimeout(resolve, 20));
+    task.reschedule();
+    await runtime.dispose();
+    await new Promise(resolve => setTimeout(resolve, 50));
 
     expect(run).not.toHaveBeenCalled();
   });
+
 });
diff --git a/tests/features.test.ts b/tests/features.test.ts
index 28b505cf..4519f13b 100644
--- a/tests/features.test.ts
+++ b/tests/features.test.ts
@@ -1,6 +1,6 @@
 import { createStubRsbuild } from '@scripts/test-helper';
 import { describe, expect, it, rstest } from '@rstest/core';
-import { rspack } from '@rsbuild/core';
+import { rspack, type Rspack } from '@rsbuild/core';
 import * as fs from 'node:fs';
 import path from 'node:path';
 import { pluginReactRouter } from '../src';
@@ -311,6 +311,62 @@ describe('pluginReactRouter', () => {
       expect(getRules('node').some(hasUrlAssetRule)).toBe(true);
     });
 
+    it('aligns server CSS url imports with web dev CSS urls', async () => {
+      const rsbuild = await createStubRsbuild({
+        rsbuildConfig: {},
+      });
+
+      rsbuild.addPlugins([pluginReactRouter()]);
+      const config = await rsbuild.unwrapConfig();
+      const cssFilename = config.environments?.node?.output?.filename?.css as (
+        pathData: Rspack.PathData
+      ) => string;
+
+      expect(
+        cssFilename({
+          chunk: {
+            name: 'app/routes/css-with-links-export/styles-postcss-linked',
+          },
+        })
+      ).toBe(
+        'app/routes/css-with-links-export/styles-postcss-linked.css'
+      );
+    });
+
+    it('keeps server CSS url imports in static assets for build', async () => {
+      const rsbuild = await createStubRsbuild({
+        action: 'build',
+        rsbuildConfig: {},
+      });
+
+      rsbuild.addPlugins([pluginReactRouter()]);
+      const config = await rsbuild.unwrapConfig();
+      const cssFilename = config.environments?.node?.output?.filename?.css as (
+        pathData: Rspack.PathData
+      ) => string;
+
+      expect(
+        cssFilename({
+          chunk: {
+            name: 'app/routes/css-with-links-export/styles-postcss-linked',
+          },
+        })
+      ).toBe('../assets/styles-postcss-linked.[contenthash:10].css');
+    });
+
+    it('routes server code-split chunks to static/js/async so they stay under the server build', async () => {
+      const rsbuild = await createStubRsbuild({
+        rsbuildConfig: {},
+      });
+
+      rsbuild.addPlugins([pluginReactRouter()]);
+      const config = await rsbuild.unwrapConfig();
+
+      expect(
+        config.environments?.node?.tools?.rspack?.output?.chunkFilename
+      ).toBe('static/js/async/[name].js');
+    });
+
     it('should emit package.json for node environment', async () => {
       const rsbuild = await createStubRsbuild({
         rsbuildConfig: {},
diff --git a/tests/index.test.ts b/tests/index.test.ts
index 8452bebd..19404df3 100644
--- a/tests/index.test.ts
+++ b/tests/index.test.ts
@@ -1,7 +1,15 @@
 import { createStubRsbuild } from '@scripts/test-helper';
 import { describe, expect, it, rstest } from '@rstest/core';
+import { execFileSync } from 'node:child_process';
 import * as fs from 'node:fs';
-import { pluginReactRouter, shouldParallelizeEnvironmentBuilds } from '../src';
+import { createRequire } from 'node:module';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import {
+  pluginReactRouter,
+  pluginReactRouterRSC,
+  shouldParallelizeEnvironmentBuilds,
+} from '../src';
 
 type ReactRouterTestGlobal = typeof globalThis & {
   __reactRouterTestConfig?: unknown;
@@ -33,6 +41,8 @@ const getLazyCompilationTest = (
   return lazyCompilation.test;
 };
 
+const requireFromHere = createRequire(import.meta.url);
+
 const captureEnv = (keys: string[]) => {
   const previousValues = new Map(
     keys.map(key => [key, process.env[key]] as const)
@@ -72,6 +82,20 @@ describe('pluginReactRouter', () => {
     ).toBe(false);
   });
 
+  it('aliases React Router packages to the app install', async () => {
+    const rsbuild = await createStubRsbuild({
+      rsbuildConfig: {},
+    });
+
+    rsbuild.addPlugins([pluginReactRouter()]);
+    const config = await rsbuild.unwrapConfig();
+
+    expect(config.tools.rspack.resolve.alias).toMatchObject({
+      'react-router$': requireFromHere.resolve('react-router'),
+      'react-router/dom$': requireFromHere.resolve('react-router/dom'),
+    });
+  });
+
   it('preserves an explicit writeToDisk override', async () => {
     const rsbuild = await createStubRsbuild({
       rsbuildConfig: {
@@ -142,11 +166,11 @@ describe('pluginReactRouter', () => {
         },
         {
           paths: expect.stringMatching(/app\/routes\.[cm]?[jt]sx?$/),
-          type: 'reload-server',
+          type: 'reload-page',
         },
         {
           paths: expect.stringMatching(
-            /build\/client\/\.react-router\/route-watch$/
+            /\.react-router\/route-watch$/
           ),
           type: 'reload-server',
         },
@@ -225,6 +249,31 @@ describe('pluginReactRouter', () => {
     }
   });
 
+  it('reports the canonical routes.ts path when the route config is missing', async () => {
+    const existsSync = rstest.spyOn(fs, 'existsSync').mockImplementation(path => {
+      const filePath = String(path);
+      // Route config file is absent for every probed extension.
+      if (/app[\\/]routes\.[cm]?[jt]sx?$/.test(filePath)) {
+        return false;
+      }
+      return true;
+    });
+
+    try {
+      const rsbuild = await createStubRsbuild({
+        rsbuildConfig: {},
+      });
+
+      rsbuild.addPlugins([pluginReactRouter()]);
+
+      await expect(rsbuild.unwrapConfig()).rejects.toThrow(
+        /Route config file not found at ".*app[\\/]routes\.ts"\./
+      );
+    } finally {
+      existsSync.mockReturnValue(true);
+    }
+  });
+
   it('reloads the dev server when imported config helpers change', async () => {
     const existsSync = rstest.spyOn(fs, 'existsSync').mockImplementation(path => {
       const filePath = String(path);
@@ -308,7 +357,7 @@ describe('pluginReactRouter', () => {
       expect.arrayContaining([
         {
           paths: expect.stringMatching(
-            /build\/client\/\.react-router\/route-watch$/
+            /\.react-router\/route-watch$/
           ),
           type: 'reload-server',
         },
@@ -343,6 +392,119 @@ describe('pluginReactRouter', () => {
     ).toBe(true);
   });
 
+  it('composes RSC bundler plumbing with the React Router environments', async () => {
+    const rsbuild = await createStubRsbuild({
+      rsbuildConfig: {},
+    });
+
+    rsbuild.addPlugins([pluginReactRouter({ rsc: true })]);
+    const config = await rsbuild.unwrapConfig();
+
+    expect(config.tools.swc.rspackExperiments.reactServerComponents).toBe(
+      true
+    );
+    expect(config.environments.node.source.include).toEqual([
+      {
+        not: /[\\/]core-js[\\/]/,
+      },
+    ]);
+    expect(config.environments.node.tools.rspack.dependencies).toBeUndefined();
+    expect(config.environments.web.output.target).toBe('web');
+    expect(
+      config.environments.web.tools.rspack.output.workerChunkLoading
+    ).toBe('import-scripts');
+    expect(config.environments.web.tools.rspack.optimization.usedExports).toBe(
+      false
+    );
+    expect(
+      config.environments.web.tools.rspack.optimization.mangleExports
+    ).toBe(false);
+  });
+
+  it('installs the RSC dev request handler for SPA mode', async () => {
+    const rsbuild = await createStubRsbuild({
+      rsbuildConfig: {},
+    });
+
+    rsbuild.addPlugins([pluginReactRouter({ rsc: true, ssr: false })]);
+    const config = await rsbuild.unwrapConfig();
+
+    expect(config.server.setup).toBeDefined();
+  });
+
+  it('rejects RSC mode when legacy future SRI normalizes to unsupported SRI', async () => {
+    testGlobal.__reactRouterTestConfig = {
+      future: { unstable_subResourceIntegrity: true },
+    };
+    const rsbuild = await createStubRsbuild({
+      rsbuildConfig: {},
+    });
+
+    rsbuild.addPlugins([pluginReactRouter({ rsc: true })]);
+
+    await expect(rsbuild.unwrapConfig()).rejects.toThrow(
+      /subResourceIntegrity/
+    );
+  });
+
+  it('exposes an explicit RSC plugin helper', async () => {
+    const rsbuild = await createStubRsbuild({
+      rsbuildConfig: {},
+    });
+
+    rsbuild.addPlugins([pluginReactRouterRSC()]);
+    const config = await rsbuild.unwrapConfig();
+
+    expect(config.environments.web.source.entry).toEqual({
+      index: {
+        import: expect.stringMatching(/entry\.rsc\.client/),
+        html: false,
+      },
+    });
+    expect(config.environments.node.source.entry.index).toMatchObject({
+      import: expect.stringMatching(/entry\.rsc/),
+      layer: 'react-server-components',
+    });
+  });
+
+  it('publishes option types from the package root declarations', () => {
+    const outDir = fs.mkdtempSync(join(tmpdir(), 'rr-plugin-dts-'));
+
+    try {
+      execFileSync(
+        'pnpm',
+        [
+          'exec',
+          'tsc',
+          '-p',
+          'tsconfig.json',
+          '--emitDeclarationOnly',
+          '--outDir',
+          outDir,
+          '--tsBuildInfoFile',
+          join(outDir, 'tsconfig.tsbuildinfo'),
+          '--isolatedDeclarations',
+          'false',
+        ],
+        { cwd: process.cwd(), stdio: 'pipe' }
+      );
+
+      const rootDeclarations = fs.readFileSync(
+        join(outDir, 'index.d.ts'),
+        'utf8'
+      );
+
+      expect(rootDeclarations).toContain(
+        "export type { Config as ReactRouterRsbuildConfig } from './react-router-config.js';"
+      );
+      expect(rootDeclarations).toContain(
+        "export type { PluginOptions, ReactRouterRSCPluginOptions } from './types.js';"
+      );
+    } finally {
+      fs.rmSync(outDir, { force: true, recursive: true });
+    }
+  });
+
   it('reduces file size reporting overhead for medium split route builds by default', async () => {
     const restoreEnv = captureEnv([
       'RR_TEST_SPLIT_ROUTE_MODULES',
@@ -569,6 +731,32 @@ describe('pluginReactRouter', () => {
     ).toBe(false);
   });
 
+  it('guards the RSC client hydration entry from lazy compilation in RSC mode', async () => {
+    const rsbuild = await createStubRsbuild({
+      rsbuildConfig: {
+        dev: {
+          lazyCompilation: {
+            entries: true,
+            imports: true,
+            test: /entry\.rsc\.client/,
+          },
+        },
+      },
+    });
+
+    rsbuild.addPlugins([pluginReactRouter({ rsc: true })]);
+    const config = await rsbuild.unwrapConfig();
+    const test = getLazyCompilationTest(config.dev.lazyCompilation);
+    const rscClientEntry = config.environments.web.source.entry.index.import;
+
+    expect(
+      test({
+        resource: rscClientEntry,
+        nameForCondition: () => rscClientEntry,
+      })
+    ).toBe(false);
+  });
+
   it('should allow lazy compilation to be disabled', async () => {
     const rsbuild = await createStubRsbuild({
       rsbuildConfig: {},
@@ -595,9 +783,12 @@ describe('pluginReactRouter', () => {
     expect(webConfig.output.module).toBe(true);
 
     const webEntries = config.environments?.web?.source?.entry;
-    expect(webEntries['entry.client']).toEqual(
-      expect.stringMatching(/entry\.client/)
-    );
+    // entry.client must set `html: false` so rsbuild does not emit a stray
+    // entry.client.html into build/client.
+    expect(webEntries['entry.client']).toMatchObject({
+      import: expect.stringMatching(/entry\.client/),
+      html: false,
+    });
     expect(webEntries['virtual/react-router/browser-manifest']).toEqual({
       import: 'virtual/react-router/browser-manifest',
       html: false,
@@ -633,6 +824,12 @@ describe('pluginReactRouter', () => {
     const nodeConfig = config.environments?.node?.tools?.rspack;
     expect(nodeConfig.externals).toContain('express');
     expect(nodeConfig.experiments.outputModule).toBe(true);
+    expect(nodeConfig.output.devtoolModuleFilenameTemplate).toBe(
+      '[absolute-resource-path]'
+    );
+    expect(nodeConfig.output.devtoolFallbackModuleFilenameTemplate).toBe(
+      '[absolute-resource-path]?[hash]'
+    );
   });
 
   it('should apply the resolved development compiler dependency policy', async () => {
diff --git a/tests/lazy-compilation-prewarm.test.ts b/tests/lazy-compilation-prewarm.test.ts
index a187fb91..c777dc91 100644
--- a/tests/lazy-compilation-prewarm.test.ts
+++ b/tests/lazy-compilation-prewarm.test.ts
@@ -1,8 +1,8 @@
 import { describe, expect, it, rstest } from '@rstest/core';
-import { runPluginEffect } from '../src/effect-runtime';
+import { createPluginEffectRuntime } from '../src/effect-runtime';
 import {
+  acquireLazyCompilationPrewarm,
   collectLazyCompilationPrewarmAssets,
-  createLazyCompilationPrewarmController,
   createRspackLazyCompilationTriggerClient,
   normalizeLazyCompilationPrewarmOptions,
 } from '../src/lazy-compilation-prewarm';
@@ -128,12 +128,16 @@ describe('lazy compilation prewarm helpers', () => {
       }
     ) as unknown as typeof fetch;
 
-    const controller = createLazyCompilationPrewarmController({
-      config,
-      onError: error => {
-        throw error;
-      },
-    });
+    const runtime = createPluginEffectRuntime();
+    const controller = await runtime.runPromise(
+      acquireLazyCompilationPrewarm({
+        runtime,
+        config,
+        onError: error => {
+          throw error;
+        },
+      })
+    );
 
     try {
       controller.setServerOrigin('http://localhost:3000');
@@ -151,8 +155,38 @@ describe('lazy compilation prewarm helpers', () => {
         .toBe(true);
       await expect.poll(() => posts.length).toBeGreaterThan(0);
     } finally {
-      await runPluginEffect(controller.cancelEffect());
+      await runtime.dispose();
       globalThis.fetch = originalFetch;
     }
   });
+
+  it('does not fetch after runtime disposal cancels a scheduled prewarm', async () => {
+    const config = normalizeLazyCompilationPrewarmOptions(true);
+    if (!config) {
+      throw new Error('Expected prewarm config.');
+    }
+
+    const runtime = createPluginEffectRuntime();
+    const fetchSpy = rstest.spyOn(globalThis, 'fetch');
+    const controller = await runtime.runPromise(
+      acquireLazyCompilationPrewarm({
+        runtime,
+        config: { ...config, delayMs: 1_000 },
+        onError: error => {
+          throw error;
+        },
+      })
+    );
+
+    try {
+      controller.setServerOrigin('http://localhost:3000');
+      controller.setManifest(createManifest());
+      controller.schedule();
+      await runtime.dispose();
+
+      expect(fetchSpy).not.toHaveBeenCalled();
+    } finally {
+      fetchSpy.mockRestore();
+    }
+  });
 });
diff --git a/tests/manifest-split-route-modules.test.ts b/tests/manifest-split-route-modules.test.ts
index 1e2107b4..2f77f9bb 100644
--- a/tests/manifest-split-route-modules.test.ts
+++ b/tests/manifest-split-route-modules.test.ts
@@ -109,6 +109,43 @@ describe('manifest split route modules', () => {
     }
   );
 
+  it('includes CSS emitted by split route chunks', async () => {
+    const { root, appDir } = createTempApp(`
+      import styles from './clients.module.css';
+      export async function clientLoader() {
+        return styles.root;
+      }
+      export default function Clients() { return null; }
+    `);
+    writeFileSync(join(appDir, 'routes/clients.module.css'), '.root {}');
+    const clientStats = createClientStats();
+    clientStats.assetsByChunkName[
+      getRouteChunkEntryName('routes/clients', 'clientLoader')
+    ]?.push('static/css/routes/clients-client-loader.css');
+
+    try {
+      const manifest = await getReactRouterManifestForDev(
+        routes,
+        {},
+        clientStats,
+        appDir,
+        '/',
+        {
+          splitRouteModules: true,
+          rootRouteFile: 'root.tsx',
+          isBuild: true,
+          cache: new Map(),
+        }
+      );
+
+      expect(manifest.routes['routes/clients'].css).toEqual([
+        '/static/css/routes/clients-client-loader.css',
+      ]);
+    } finally {
+      rmSync(root, { recursive: true, force: true });
+    }
+  });
+
   it('omits split route module fields in dev mode', async () => {
     const { root, appDir } = createTempApp();
     try {
@@ -192,4 +229,4 @@ describe('manifest split route modules', () => {
       rmSync(root, { recursive: true, force: true });
     }
   });
-});
\ No newline at end of file
+});
diff --git a/tests/manifest.test.ts b/tests/manifest.test.ts
index 01aa5e0b..1ccc3935 100644
--- a/tests/manifest.test.ts
+++ b/tests/manifest.test.ts
@@ -107,6 +107,23 @@ describe('manifest', () => {
     });
   });
 
+  it('skips missing named chunks while creating manifest stats', () => {
+    const compilation = {
+      namedChunks: new Map([
+        ['runtime', { files: new Set(['static/js/runtime.js']) }],
+        ['missing', null],
+        ['entry.client', { files: new Set(['static/js/entry.client.js']) }],
+      ]),
+    };
+
+    expect(createReactRouterManifestStats(compilation)).toEqual({
+      assetsByChunkName: {
+        runtime: ['static/js/runtime.js'],
+        'entry.client': ['static/js/entry.client.js'],
+      },
+    });
+  });
+
   it('uses direct named chunk lookup for filtered manifest stats when available', () => {
     const chunks = new Map([
       ['entry.client', { files: new Set(['static/js/entry.client.js']) }],
@@ -183,6 +200,28 @@ describe('manifest', () => {
     });
   });
 
+  it('skips null manifest stats lookup entries', () => {
+    const compilation = {
+      namedChunks: new Map([
+        ['entry.client', { files: new Set(['static/js/entry.client.js']) }],
+        ['routes/page', null],
+      ]),
+      entrypoints: new Map([
+        ['entry.client', { getFiles: () => ['static/css/entry.client.css'] }],
+        ['routes/page', null],
+      ]),
+    };
+
+    expect(createReactRouterManifestStats(compilation)).toEqual({
+      assetsByChunkName: {
+        'entry.client': ['static/js/entry.client.js'],
+      },
+      entrypointFilesByName: {
+        'entry.client': ['static/css/entry.client.css'],
+      },
+    });
+  });
+
   it('collects only manifest-readable chunk names', () => {
     expect(Array.from(getReactRouterManifestChunkNames(routes, false))).toEqual(
       ['entry.client', 'root', 'routes/page']
@@ -459,6 +498,106 @@ describe('manifest', () => {
     }
   });
 
+  it('excludes each module from its own imports list', async () => {
+    const { root, appDir } = createTempApp(`
+      export async function loader() { return null; }
+      export default function Page() { return null; }
+    `);
+    try {
+      // Each chunk lists its own file first, followed by shared dependency
+      // chunks. The route/entry `module` is that first file, so `imports`
+      // must not list it again (upstream excludes the entry chunk's own file).
+      const statsWithSharedImports = {
+        assetsByChunkName: {
+          'entry.client': [
+            'static/js/entry.client.js',
+            'static/js/shared.js',
+          ],
+          root: ['static/js/root.js'],
+          'routes/page': ['static/js/routes/page.js', 'static/js/shared.js'],
+        },
+      };
+
+      const { manifest } = await generateReactRouterManifestForDev(
+        routes,
+        {},
+        statsWithSharedImports,
+        appDir,
+        '/',
+        {
+          isBuild: true,
+          rootRouteFile: 'root.tsx',
+          splitRouteModules: false,
+        }
+      );
+
+      const routeItem = manifest.routes['routes/page'];
+      expect(routeItem.module).toBe('/static/js/routes/page.js');
+      expect(routeItem.imports).toEqual(['/static/js/shared.js']);
+      expect(routeItem.imports).not.toContain(routeItem.module);
+
+      expect(manifest.entry.module).toBe('/static/js/entry.client.js');
+      expect(manifest.entry.imports).toEqual(['/static/js/shared.js']);
+      expect(manifest.entry.imports).not.toContain(manifest.entry.module);
+    } finally {
+      rmSync(root, { recursive: true, force: true });
+    }
+  });
+
+  it('uses transformed route analysis for non-JavaScript route modules', async () => {
+    const { root, appDir } = createTempApp(`
+      import { MdxComponent } from '../components/mdx';
+
+      export const loader = () => ({ content: 'from mdx' });
+
+      ## MDX Route
+      <MdxComponent />
+    `);
+    try {
+      const { manifest, moduleExportsByRouteId } =
+        await generateReactRouterManifestForDev(
+          {
+            ...routes,
+            'routes/page': {
+              ...routes['routes/page'],
+              file: 'routes/page.mdx',
+            },
+          },
+          {},
+          clientStats,
+          appDir,
+          '/',
+          {
+            isBuild: true,
+            rootRouteFile: 'root.tsx',
+            splitRouteModules: false,
+            routeModuleAnalysis: async routeFilePath =>
+              routeFilePath.endsWith('page.mdx')
+                ? {
+                    code: `
+                      export const loader = () => ({ content: 'from mdx' });
+                      export default function MDXContent() { return <h1>MDX</h1>; }
+                    `,
+                    exports: ['loader', 'default'],
+                    exportAllModules: [],
+                  }
+                : undefined,
+          }
+        );
+
+      expect(manifest.routes['routes/page']).toMatchObject({
+        hasLoader: true,
+        hasDefaultExport: true,
+      });
+      expect(moduleExportsByRouteId['routes/page']).toEqual([
+        'loader',
+        'default',
+      ]);
+    } finally {
+      rmSync(root, { recursive: true, force: true });
+    }
+  });
+
   it('preserves dev css fallback when route analysis uses transformed code', async () => {
     const { root, appDir } = createTempApp(`
       import './page.css';
diff --git a/tests/modify-browser-manifest.test.ts b/tests/modify-browser-manifest.test.ts
index f5eae604..eaf4978e 100644
--- a/tests/modify-browser-manifest.test.ts
+++ b/tests/modify-browser-manifest.test.ts
@@ -1,3 +1,4 @@
+import { createHash } from 'node:crypto';
 import { mkdtempSync, mkdirSync, rmSync, writeFileSync } from 'node:fs';
 import { tmpdir } from 'node:os';
 import { join } from 'node:path';
@@ -118,6 +119,11 @@ const createCompilation = (
       info: source.info,
     }));
   },
+  getStats() {
+    return {
+      toJson: () => ({ assets: [] }),
+    };
+  },
 });
 
 const rootRoute = { id: 'root', file: 'root.tsx', path: '' };
@@ -175,7 +181,6 @@ describe('modify browser manifest plugin', () => {
 
     expect(sri).toEqual({
       '/assets/static/js/entry.client.js': 'sha384-entry',
-      '/assets/static/css/entry.client.css': 'sha384-css',
       '/assets/static/js/route.js': 'sha384-route',
       '/static/js/already-prefixed.js': 'sha384-prefixed',
     });
@@ -203,6 +208,28 @@ describe('modify browser manifest plugin', () => {
     expect(sri).toBeUndefined();
   });
 
+  it('computes JS integrity from final compilation assets when metadata is missing', () => {
+    const source = 'console.log("entry");';
+    const sri = collectSubresourceIntegrity(undefined, {
+      getAssets: () => [
+        {
+          name: 'static/js/entry.client.js',
+          source: { source: () => source },
+        },
+        {
+          name: 'static/css/entry.client.css',
+          source: { source: () => '.root{}' },
+        },
+      ],
+    });
+
+    expect(sri).toEqual({
+      '/static/js/entry.client.js': `sha384-${createHash('sha384')
+        .update(source)
+        .digest('base64')}`,
+    });
+  });
+
   it('registers browser manifest mutation with Rsbuild processAssets', async () => {
     const { root, appDir } = createTempApp();
     const harness = createProcessAssetsHarness();
@@ -224,7 +251,7 @@ describe('modify browser manifest plugin', () => {
       );
 
       expect(harness.getDescriptor()).toEqual({
-        stage: 'additions',
+        stage: 'report',
         environments: ['web'],
       });
       await harness.run({ assets, compilation });
@@ -342,14 +369,13 @@ describe('modify browser manifest plugin', () => {
     }
   });
 
-  it('collects build SRI after later asset stages attach integrity metadata', async () => {
+  it('hashes finalized build assets at the report stage', async () => {
     const { root, appDir } = createTempApp();
     const harness = createProcessAssetsHarness();
-    const originalEntrySource = 'console.log("before optimize");';
     const optimizedEntrySource = 'console.log("after optimize");';
     const assets = {
       ...createBrowserManifestAssets(),
-      'static/js/entry.client.js': createAsset(originalEntrySource),
+      'static/js/entry.client.js': createAsset(optimizedEntrySource),
       'static/js/root.js': createAsset('console.log("root");'),
     };
     const compilation = createCompilation(
@@ -377,23 +403,136 @@ describe('modify browser manifest plugin', () => {
         }
       );
 
+      // Build mode defers manifest generation to the `report` stage, which
+      // runs after Rspack's realContentHash rename and after integrity hashes
+      // are attached. Only a single `report` registration is expected.
       expect(harness.getDescriptors()).toEqual([
-        { stage: 'additions', environments: ['web'] },
         { stage: 'report', environments: ['web'] },
       ]);
 
-      await harness.runStage('additions', { assets, compilation });
-      expect(reportedSri).toBeUndefined();
-
       compilation.updateAsset(
         'static/js/entry.client.js',
-        createAsset(optimizedEntrySource, 'sha384-optimized-entry')
+        createAsset(optimizedEntrySource)
       );
       await harness.runStage('report', { assets, compilation });
 
       expect(reportedSri?.['/static/js/entry.client.js']).toBe(
-        'sha384-optimized-entry'
+        `sha384-${createHash('sha384')
+          .update(optimizedEntrySource)
+          .digest('base64')}`
+      );
+    } finally {
+      rmSync(root, { recursive: true, force: true });
+    }
+  });
+
+  it('enables SRI from the stable subResourceIntegrity config field', async () => {
+    const { root, appDir } = createTempApp();
+    const harness = createProcessAssetsHarness();
+    const optimizedEntrySource = 'console.log("stable sri");';
+    const assets = {
+      ...createBrowserManifestAssets(),
+      'static/js/entry.client.js': createAsset(optimizedEntrySource),
+    };
+    const compilation = createCompilation(
+      [['entry.client', { files: new Set(['static/js/entry.client.js']) }]],
+      assets
+    );
+    let reportedSri: Record<string, string> | undefined;
+
+    try {
+      registerModifyBrowserManifestAssets(
+        harness.api as never,
+        { root: rootRoute },
+        {},
+        appDir,
+        '/',
+        { isBuild: true },
+        {
+          subResourceIntegrity: true,
+          onManifest(_manifest, sri) {
+            reportedSri = sri;
+          },
+        }
+      );
+
+      expect(harness.getDescriptors()).toEqual([
+        { stage: 'report', environments: ['web'] },
+      ]);
+
+      await harness.runStage('report', { assets, compilation });
+
+      expect(reportedSri?.['/static/js/entry.client.js']).toMatch(/^sha384-/);
+      expect(assets[BROWSER_MANIFEST_PATH].source()).not.toContain("'sri'");
+    } finally {
+      rmSync(root, { recursive: true, force: true });
+    }
+  });
+
+  it('builds the manifest at the report stage from post-realContentHash asset names', async () => {
+    const { root, appDir } = createTempApp();
+    const harness = createProcessAssetsHarness();
+    const assets = createBrowserManifestAssets();
+    // Emulate Rspack's realContentHash rename: the entry chunk exposes its final
+    // (post-rename) CSS/JS file names by the time PROCESS_ASSETS_STAGE_REPORT
+    // runs. Reading them earlier (at `additions`) would capture the pre-rename
+    // names that never appear in the output.
+    const entrypoint = {
+      getFiles: () => [
+        'static/js/entry.client.aaaaaaaa.js',
+        'static/css/entry.client.aaaaaaaa.css',
+      ],
+    };
+    const compilation = createCompilation(
+      [
+        [
+          'entry.client',
+          { files: new Set(['static/js/entry.client.aaaaaaaa.js']) },
+        ],
+      ],
+      assets,
+      [['entry.client', entrypoint]]
+    );
+    let manifest:
+      | { entry?: { css?: string[]; module?: string } }
+      | undefined;
+
+    try {
+      registerModifyBrowserManifestAssets(
+        harness.api as never,
+        { root: rootRoute },
+        {},
+        appDir,
+        '/',
+        { isBuild: true },
+        {
+          onManifest(nextManifest) {
+            manifest = nextManifest as typeof manifest;
+          },
+        }
+      );
+
+      // Build mode registers only the post-hash `report` stage.
+      expect(harness.getDescriptors()).toEqual([
+        { stage: 'report', environments: ['web'] },
+      ]);
+
+      await harness.runStage('report', { assets, compilation });
+
+      expect(manifest?.entry?.css).toContain(
+        '/static/css/entry.client.aaaaaaaa.css'
+      );
+      expect(manifest?.entry?.module).toBe(
+        '/static/js/entry.client.aaaaaaaa.js'
+      );
+
+      // The emitted build manifest asset also reflects the post-rename names.
+      const manifestAsset = Object.entries(assets).find(([name]) =>
+        /manifest-.*\.js$/.test(name)
       );
+      expect(manifestAsset).toBeDefined();
+      const emitted = manifestAsset![1].source().toString();
+      expect(emitted).toContain('static/css/entry.client.aaaaaaaa.css');
     } finally {
       rmSync(root, { recursive: true, force: true });
     }
@@ -500,7 +639,7 @@ describe('modify browser manifest plugin', () => {
     }
   });
 
-  it('adds transitive entrypoint CSS without adding transitive JavaScript preloads', async () => {
+  it('adds transitive entrypoint assets to the manifest', async () => {
     const { root, appDir } = createTempApp();
     const harness = createProcessAssetsHarness();
     const assets = createBrowserManifestAssets();
@@ -547,12 +686,10 @@ describe('modify browser manifest plugin', () => {
 
       expect(manifest).toMatchObject({
         entry: {
-          imports: ['/static/js/entry.client.js'],
+          imports: ['/static/js/vendor.js'],
           css: ['/static/css/reset.css', '/static/css/route.css'],
         },
       });
-      expect((manifest as { entry: { imports: string[] } }).entry.imports).not
-        .toContain('/static/js/vendor.js');
     } finally {
       rmSync(root, { recursive: true, force: true });
     }
diff --git a/tests/parallel-route-transforms.test.ts b/tests/parallel-route-transforms.test.ts
index 4ddbb724..21f42ee4 100644
--- a/tests/parallel-route-transforms.test.ts
+++ b/tests/parallel-route-transforms.test.ts
@@ -1,21 +1,29 @@
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
 import { describe, expect, it } from '@rstest/core';
 import { getExportNames } from '../src/export-utils';
 import {
   executeRouteTransformTask,
   type RouteTransformResult,
   type RouteClientEntryTransformTask,
+  type RouteChunkTransformTask,
   type RouteModuleTransformTask,
 } from '../src/route-transform-tasks';
 import {
+  acquireRouteTransformExecutorForTesting,
   createRouteTransformExecutorForTesting,
   createRouteTransformExecutor,
   getDefaultWorkerCount,
 } from '../src/parallel-route-transforms';
+import { createPluginEffectRuntime } from '../src/effect-runtime';
 import type {
   WorkerRequest,
   WorkerResponse,
 } from '../src/parallel-route-transform-protocol';
-import type { RouteChunkConfig } from '../src/route-chunks';
+import {
+  getRouteChunkModuleId,
+  type RouteChunkConfig,
+} from '../src/route-chunks';
 
 const routeChunkConfig: RouteChunkConfig = {
   splitRouteModules: true,
@@ -64,6 +72,23 @@ const createRouteClientEntryTask = (
   ...overrides,
 });
 
+const createMainRouteChunkTask = (
+  overrides: Partial<Omit<RouteChunkTransformTask, 'kind'>> = {}
+): RouteChunkTransformTask => ({
+  kind: 'routeChunk' as const,
+  code: `
+    export async function clientLoader() { return { message: 'A' }; }
+    export default function Route({ loaderData }) {
+      return <h1>{loaderData.message}</h1>;
+    }
+  `,
+  resource: getRouteChunkModuleId(resourcePath, 'main'),
+  resourcePath,
+  isBuild: true,
+  routeChunkConfig,
+  ...overrides,
+});
+
 type FakeWorkerHandler = (value: any) => void;
 
 class FakeRouteTransformWorker {
@@ -110,6 +135,40 @@ const resolveWorkerMessage = (
 };
 
 describe('parallel route transforms', () => {
+  it('keeps the worker entrypoint Effect-free', () => {
+    const source = readFileSync(
+      resolve(process.cwd(), 'src/parallel-route-transform-worker.ts'),
+      'utf8'
+    );
+
+    expect(source).not.toMatch(/from ['"]effect(?:\/|['"])/);
+    expect(source).not.toContain("import('effect");
+  });
+
+  it('terminates parent-owned workers when the plugin runtime is disposed', async () => {
+    const worker = new FakeRouteTransformWorker();
+    const runtime = createPluginEffectRuntime();
+
+    const executor = await runtime.runPromise(
+      acquireRouteTransformExecutorForTesting(
+        { parallelRouteTransform: 1 },
+        () => worker
+      )
+    );
+
+    executor.prewarm();
+    await runtime.dispose();
+
+    expect(worker.terminateCalls).toBe(1);
+  });
+
+  it('keeps route chunk tasks limited to chunk extraction', async () => {
+    const result = await executeRouteTransformTask(createMainRouteChunkTask());
+
+    expect(result.code).toContain('export default function Route');
+    expect(result.code).not.toContain('_withComponentProps');
+  });
+
   it.each([
     [1, 0],
     [2, 0],
diff --git a/tests/plugin-utils.test.ts b/tests/plugin-utils.test.ts
index 31e0b1aa..ad1e3e79 100644
--- a/tests/plugin-utils.test.ts
+++ b/tests/plugin-utils.test.ts
@@ -2,10 +2,10 @@ import { describe, expect, it } from '@rstest/core';
 import { generate, parse } from '../src/yuku';
 import {
   combineURLs,
-  stripFileExtension,
   createRouteId,
   generateWithProps,
   normalizeAssetPrefix,
+  resolveEffectiveAssetPrefix,
   transformRoute,
 } from '../src/plugin-utils';
 
@@ -42,35 +42,9 @@ describe('plugin-utils', () => {
     });
   });
 
-  describe('stripFileExtension', () => {
-    it('should strip .tsx extension', () => {
-      expect(stripFileExtension('file.tsx')).toBe('file');
-    });
-
-    it('should strip .ts extension', () => {
-      expect(stripFileExtension('file.ts')).toBe('file');
-    });
-
-    it('should strip .jsx extension', () => {
-      expect(stripFileExtension('file.jsx')).toBe('file');
-    });
-
-    it('should strip .js extension', () => {
-      expect(stripFileExtension('file.js')).toBe('file');
-    });
-
-    it('should handle files with multiple dots', () => {
-      expect(stripFileExtension('file.test.tsx')).toBe('file.test');
-    });
-
-    it('should handle paths with directories', () => {
-      expect(stripFileExtension('routes/home.tsx')).toBe('routes/home');
-    });
-  });
-
   describe('createRouteId', () => {
     it('should create route ID from file path', () => {
-      expect(createRouteId('routes/home.tsx')).toBe('routes/home');
+      expect(createRouteId('routes/home.test.tsx')).toBe('routes/home.test');
     });
 
     it('should normalize path separators', () => {
@@ -89,10 +63,7 @@ describe('plugin-utils', () => {
     it('should generate withComponentProps HOC', () => {
       const result = generateWithProps();
       expect(result).toContain('withComponentProps');
-      expect(result).toContain('useLoaderData');
-      expect(result).toContain('useActionData');
-      expect(result).toContain('useParams');
-      expect(result).toContain('useMatches');
+      expect(result).toContain('UNSAFE_withComponentProps');
     });
 
     it('should generate withHydrateFallbackProps HOC', () => {
@@ -103,7 +74,7 @@ describe('plugin-utils', () => {
     it('should generate withErrorBoundaryProps HOC', () => {
       const result = generateWithProps();
       expect(result).toContain('withErrorBoundaryProps');
-      expect(result).toContain('useRouteError');
+      expect(result).toContain('UNSAFE_withErrorBoundaryProps');
     });
 
     it('should import from react-router', () => {
@@ -130,6 +101,76 @@ describe('plugin-utils', () => {
     });
   });
 
+  describe('resolveEffectiveAssetPrefix', () => {
+    it('uses output.assetPrefix in build mode', () => {
+      expect(
+        resolveEffectiveAssetPrefix({
+          dev: { assetPrefix: '/dev' },
+          output: { assetPrefix: '/cdn' },
+          isBuild: true,
+        })
+      ).toBe('/cdn/');
+    });
+
+    it('ignores dev.assetPrefix in build mode', () => {
+      expect(
+        resolveEffectiveAssetPrefix({
+          dev: { assetPrefix: '/dev' },
+          output: {},
+          isBuild: true,
+        })
+      ).toBe('/');
+    });
+
+    it('uses dev.assetPrefix in dev mode', () => {
+      expect(
+        resolveEffectiveAssetPrefix({
+          dev: { assetPrefix: '/app' },
+          output: { assetPrefix: '/cdn' },
+          isBuild: false,
+        })
+      ).toBe('/app/');
+    });
+
+    it('falls back to output.assetPrefix in dev mode when dev.assetPrefix is unset', () => {
+      expect(
+        resolveEffectiveAssetPrefix({
+          dev: {},
+          output: { assetPrefix: '/cdn' },
+          isBuild: false,
+        })
+      ).toBe('/cdn/');
+    });
+
+    it('normalizes a boolean dev.assetPrefix to the root prefix', () => {
+      expect(
+        resolveEffectiveAssetPrefix({
+          dev: { assetPrefix: false },
+          output: {},
+          isBuild: false,
+        })
+      ).toBe('/');
+    });
+
+    it('mirrors Rsbuild server.base defaulting (dev.assetPrefix already resolved)', () => {
+      // Rsbuild copies `server.base` into `dev.assetPrefix` during config
+      // normalization, so the resolver only needs to read the resolved field.
+      expect(
+        resolveEffectiveAssetPrefix({
+          dev: { assetPrefix: '/base' },
+          output: { assetPrefix: '/base' },
+          isBuild: false,
+        })
+      ).toBe('/base/');
+    });
+
+    it('defaults to root prefix when nothing is configured', () => {
+      expect(
+        resolveEffectiveAssetPrefix({ dev: {}, output: {}, isBuild: false })
+      ).toBe('/');
+    });
+  });
+
   describe('transformRoute', () => {
     it('preserves bundler directives while transforming routes', () => {
       const result = transformRouteCode(`
@@ -221,8 +262,11 @@ describe('plugin-utils', () => {
         export { Route as default };
       `);
 
-      expect(result.indexOf("'use client'")).toBeLessThan(
-        result.indexOf('virtual/react-router/with-props')
+      expect(result.search(/['"]use client['"]/)).toBeLessThan(
+        result.search(/from ['"]react-router['"]/)
+      );
+      expect(result).toContain(
+        'UNSAFE_withComponentProps as _withComponentProps'
       );
       expect(result).toContain('withComponentProps');
       expect(result).not.toContain('withdefaultProps');
diff --git a/tests/prerender.test.ts b/tests/prerender.test.ts
index 31833b78..aced51eb 100644
--- a/tests/prerender.test.ts
+++ b/tests/prerender.test.ts
@@ -74,8 +74,10 @@ describe('prerender helpers', () => {
 
   it('resolves prerender: true to static paths', async () => {
     let warnCalls = 0;
-    const warn = () => {
+    const messages: string[] = [];
+    const warn = (message: string) => {
       warnCalls += 1;
+      messages.push(message);
     };
     const paths = await resolvePrerenderPaths(true, false, routes, {
       logWarning: true,
@@ -85,6 +87,18 @@ describe('prerender helpers', () => {
     expect(paths).toContain('/about');
     expect(paths).not.toContain('/users/:id');
     expect(warnCalls).toBe(1);
+    // Message text must match upstream verbatim so downstream tooling and the
+    // integration corpus can assert against it.
+    expect(messages[0]).toBe(
+      [
+        '⚠️ Paths with dynamic/splat params cannot be prerendered when ' +
+          'using `prerender: true`. You may want to use the `prerender()` ' +
+          'API to prerender the following paths:',
+        '  - /users/:id',
+        '  - /users/:id/settings',
+        '  - /docs/*',
+      ].join('\n')
+    );
   });
 
   it('resolves prerender function results', async () => {
@@ -115,6 +129,17 @@ describe('prerender helpers', () => {
     expect(getPrerenderConcurrency({ paths: ['/'] }, 2)).toBe(1);
   });
 
+  it('validates stable prerender concurrency config', () => {
+    expect(
+      validatePrerenderConfig({ paths: ['/'], concurrency: 1 } as any)
+    ).toBeNull();
+    expect(
+      validatePrerenderConfig({ paths: ['/'], concurrency: 1.5 } as any)
+    ).toBe(
+      'The `prerender.concurrency` config must be a positive integer if specified.'
+    );
+  });
+
   it('creates React Router match routes from a route manifest', () => {
     expect(
       createPrerenderRoutes({
@@ -258,6 +283,51 @@ describe('prerender helpers', () => {
     ]);
   });
 
+  it('reports invalid ssr:false prerender middleware exports', () => {
+    const manifestRoutes = {
+      root: { id: 'root', file: 'root.tsx', path: '' },
+      dashboard: {
+        id: 'dashboard',
+        parentId: 'root',
+        file: 'routes/dashboard.tsx',
+        path: 'dashboard',
+      },
+    };
+
+    expect(
+      getSsrFalsePrerenderExportErrors({
+        routes: manifestRoutes,
+        manifestRoutes,
+        routeExports: {
+          dashboard: ['middleware'],
+        },
+        prerenderPaths: ['/dashboard'],
+      })
+    ).toEqual([
+      expect.stringContaining(
+        '`dashboard` when pre-rendering with `ssr:false`: `middleware`'
+      ),
+    ]);
+  });
+
+  it('preserves case sensitivity when matching prerender paths', () => {
+    const prerenderRoutes = createPrerenderRoutes({
+      root: { id: 'root', file: 'root.tsx', path: '' },
+      settings: {
+        id: 'settings',
+        parentId: 'root',
+        file: 'routes/settings.tsx',
+        path: 'Settings',
+        caseSensitive: true,
+      },
+    });
+
+    expect(prerenderRoutes[0]?.children?.[0]).toMatchObject({
+      id: 'settings',
+      caseSensitive: true,
+    });
+  });
+
   it('reports loader exports on routes outside the ssr:false prerender set', () => {
     const manifestRoutes = {
       root: { id: 'root', file: 'root.tsx', path: '' },
@@ -297,7 +367,12 @@ describe('prerender helpers', () => {
     ]);
   });
 
-  it('reports root loaders for unprerendered ssr:false descendants', () => {
+  it('allows a root loader alongside unprerendered ssr:false descendants', () => {
+    // Upstream (rsbuild/plugin.ts validateSsrFalsePrerenderExports) exempts the
+    // root route from the ancestor-loader check: the root loader always runs to
+    // render the app shell and root is part of the prerender set whenever any
+    // path is prerendered. A root loader must not be flagged just because a
+    // sibling/descendant route is not prerendered.
     const manifestRoutes = {
       root: {
         id: 'root',
@@ -326,7 +401,38 @@ describe('prerender helpers', () => {
         routeExports: {},
         prerenderPaths: ['/about'],
       })
-    ).toEqual([expect.stringContaining('`root` when pre-rendering')]);
+    ).toEqual([]);
+  });
+
+  it('reports non-root parent loaders for unprerendered ssr:false descendants', () => {
+    // Matches upstream "Errors on loader functions in parent routes with
+    // non-pre-rendered children": a loader on a non-root ancestor of a
+    // non-prerendered route is still invalid.
+    const manifestRoutes = {
+      root: { id: 'root', file: 'root.tsx', path: '' },
+      a: {
+        id: 'a',
+        parentId: 'root',
+        file: 'routes/a.tsx',
+        path: 'a',
+        hasLoader: true,
+      },
+      'a.b': {
+        id: 'a.b',
+        parentId: 'a',
+        file: 'routes/a.b.tsx',
+        path: 'b',
+      },
+    };
+
+    expect(
+      getSsrFalsePrerenderExportErrors({
+        routes: manifestRoutes,
+        manifestRoutes,
+        routeExports: {},
+        prerenderPaths: ['/a'],
+      })
+    ).toEqual([expect.stringContaining('`a` when pre-rendering')]);
   });
 
   it('validates stable prerender concurrency config', () => {
diff --git a/tests/react-router-config.test.ts b/tests/react-router-config.test.ts
index 2f87e70f..e6bb44a2 100644
--- a/tests/react-router-config.test.ts
+++ b/tests/react-router-config.test.ts
@@ -1,14 +1,17 @@
 import { describe, expect, it } from '@rstest/core';
 import {
-  resolveReactRouterConfig,
+  getDefaultTrailingSlashAwareDataRequests,
   resolveReactRouterConfigEffect,
 } from '../src/react-router-config';
 import { runPluginEffect } from '../src/effect-runtime';
 import type { Config } from '../src/react-router-config';
 
+const resolveReactRouterConfig = (config: Config) =>
+  runPluginEffect(resolveReactRouterConfigEffect(config));
+
 describe('resolveReactRouterConfig', () => {
   it('merges presets and combines buildEnd hooks', async () => {
-    let buildEndCalls = 0;
+    const buildEndCalls: string[] = [];
     const result = await resolveReactRouterConfig({
       presets: [
         {
@@ -17,13 +20,13 @@ describe('resolveReactRouterConfig', () => {
             basename: '/preset',
             future: { v8_middleware: true },
             buildEnd: async () => {
-              buildEndCalls += 1;
+              buildEndCalls.push('preset');
             },
           }),
         },
       ],
       buildEnd: async () => {
-        buildEndCalls += 1;
+        buildEndCalls.push('user');
       },
     });
 
@@ -31,39 +34,9 @@ describe('resolveReactRouterConfig', () => {
     await result.resolved.buildEnd?.({
       buildManifest: { routes: {} },
       reactRouterConfig: result.resolved,
-      viteConfig: {} as any,
-    });
-    expect(buildEndCalls).toBe(2);
-  });
-
-  it('resolves presets through the Effect config path', async () => {
-    let buildEndCalls = 0;
-    const result = await runPluginEffect(
-      resolveReactRouterConfigEffect({
-        presets: [
-          {
-            name: 'preset-a',
-            reactRouterConfig: async () => ({
-              basename: '/effect-preset',
-              buildEnd: async () => {
-                buildEndCalls += 1;
-              },
-            }),
-          },
-        ],
-        buildEnd: async () => {
-          buildEndCalls += 1;
-        },
-      })
-    );
-
-    expect(result.resolved.basename).toBe('/effect-preset');
-    await result.resolved.buildEnd?.({
-      buildManifest: { routes: {} },
-      reactRouterConfig: result.resolved,
-      viteConfig: {} as any,
+      rsbuildConfig: {} as any,
     });
-    expect(buildEndCalls).toBe(2);
+    expect(buildEndCalls).toEqual(['preset', 'user']);
   });
 
   it('preserves server bundle selection in SSR mode', async () => {
@@ -91,10 +64,10 @@ describe('resolveReactRouterConfig', () => {
     const defaultResult = await resolveReactRouterConfig({});
     const disabledResult = await resolveReactRouterConfig({
       splitRouteModules: false,
-    } as any);
+    });
     const enforcedResult = await resolveReactRouterConfig({
       splitRouteModules: 'enforce',
-    } as any);
+    });
 
     expect(defaultResult.resolved.splitRouteModules).toBe(true);
     expect(disabledResult.resolved.splitRouteModules).toBe(false);
@@ -177,4 +150,55 @@ describe('resolveReactRouterConfig', () => {
       disabledByTopLevel.resolved.future.unstable_subResourceIntegrity
     ).toBe(false);
   });
+
+  it('keeps React Router 7 future aliases while exposing React Router 8 stable fields', async () => {
+    const result = await resolveReactRouterConfig({
+      subResourceIntegrity: true,
+      future: {
+        unstable_subResourceIntegrity: true,
+        unstable_trailingSlashAwareDataRequests: true,
+      },
+    } as any);
+
+    expect(result.resolved.subResourceIntegrity).toBe(true);
+    expect(result.resolved.future.unstable_subResourceIntegrity).toBe(true);
+    expect(
+      result.resolved.future.unstable_trailingSlashAwareDataRequests
+    ).toBe(true);
+  });
+
+  it('uses the legacy subresource integrity future flag when the stable field is absent', async () => {
+    const result = await resolveReactRouterConfig({
+      future: { unstable_subResourceIntegrity: true },
+    } as any);
+
+    expect(result.resolved.subResourceIntegrity).toBe(true);
+  });
+
+  it('types prerender object config with required paths', () => {
+    const validObjectConfig = {
+      prerender: { paths: ['/'], concurrency: 2 },
+    } satisfies Config;
+    const validFunctionConfig = {
+      prerender: () => ['/'],
+    } satisfies Config;
+
+    expect(validObjectConfig.prerender.concurrency).toBe(2);
+    expect(typeof validFunctionConfig.prerender).toBe('function');
+  });
+
+  it('rejects prerender object config without paths at type-check time', () => {
+    const invalidConfig = {
+      // @ts-expect-error prerender object config must include paths
+      prerender: { concurrency: 2 },
+    } satisfies Config;
+
+    expect(invalidConfig.prerender.concurrency).toBe(2);
+  });
+
+  it('defaults trailing slash-aware data requests for React Router 8 and newer', () => {
+    expect(getDefaultTrailingSlashAwareDataRequests('7.13.0')).toBe(false);
+    expect(getDefaultTrailingSlashAwareDataRequests('8.0.1')).toBe(true);
+    expect(getDefaultTrailingSlashAwareDataRequests('9.0.0')).toBe(true);
+  });
 });
diff --git a/tests/react-router-framework-adapter.test.ts b/tests/react-router-framework-adapter.test.ts
new file mode 100644
index 00000000..78859074
--- /dev/null
+++ b/tests/react-router-framework-adapter.test.ts
@@ -0,0 +1,194 @@
+import { accessSync, existsSync } from 'node:fs';
+import { mkdtemp, readFile, rm, writeFile } from 'node:fs/promises';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterEach, beforeEach, describe, expect, it, rstest } from '@rstest/core';
+import {
+  assertNoViteConfigFiles,
+  finalizeFixtureProject,
+} from './react-router-framework/integration/helpers/rsbuild-adapter.js';
+import { rsbuildConfig } from './react-router-framework/integration/helpers/rsbuild-config.js';
+
+describe('React Router framework fixture adapter', () => {
+  beforeEach(() => {
+    rstest.mocked(existsSync).mockImplementation(file => {
+      try {
+        accessSync(file);
+        return true;
+      } catch {
+        return false;
+      }
+    });
+  });
+
+  afterEach(() => {
+    rstest.mocked(existsSync).mockReturnValue(true);
+  });
+
+  it.each([
+    'vite.config.ts',
+    'vite.config.js',
+    'vite.config.cjs',
+    'vite.config.mjs',
+    'vite.config.cts',
+    'vite.config.mts',
+  ])('rejects unsupported fixture config %s', filename => {
+    expect(() => assertNoViteConfigFiles({ [filename]: 'config' })).toThrow(
+      `[rsbuild-adapter] Unsupported fixture config "${filename}". Author rsbuild.config.ts explicitly so test-specific options are preserved.`
+    );
+  });
+
+  it('returns ordinary fixture files and rsbuild.config.ts unchanged', () => {
+    const files = {
+      'app/root.tsx': 'export default function Root() {}',
+      'rsbuild.config.ts': 'export default {};',
+    };
+
+    expect(assertNoViteConfigFiles(files)).toBe(files);
+  });
+
+  it('preserves an authored tsconfig.json', async () => {
+    const projectDir = await mkdtemp(join(tmpdir(), 'rr-rsbuild-adapter-'));
+    const authored = JSON.stringify({
+      include: ['custom/**/*'],
+      compilerOptions: {
+        moduleDetection: 'force',
+        types: ['custom-runtime'],
+        paths: { '#custom/*': ['./src/*'] },
+      },
+    });
+
+    try {
+      await writeFile(join(projectDir, 'tsconfig.json'), authored);
+
+      await finalizeFixtureProject({ projectDir });
+
+      expect(await readFile(join(projectDir, 'tsconfig.json'), 'utf8')).toBe(
+        authored
+      );
+    } finally {
+      await rm(projectDir, { recursive: true, force: true });
+    }
+  });
+
+  it('creates the default tsconfig.json when it is missing', async () => {
+    const projectDir = await mkdtemp(join(tmpdir(), 'rr-rsbuild-adapter-'));
+
+    try {
+      await finalizeFixtureProject({ projectDir });
+
+      const tsconfig = JSON.parse(
+        await readFile(join(projectDir, 'tsconfig.json'), 'utf8')
+      );
+      expect(tsconfig.include).toEqual([
+        'env.d.ts',
+        '**/*.ts',
+        '**/*.tsx',
+        '.react-router/types/**/*',
+      ]);
+      expect(tsconfig.compilerOptions.rootDirs).toEqual([
+        '.',
+        '.react-router/types/',
+      ]);
+      expect(tsconfig.compilerOptions.paths).toEqual({
+        '~/*': ['./app/*'],
+      });
+    } finally {
+      await rm(projectDir, { recursive: true, force: true });
+    }
+  });
+
+  it.each([
+    ['rsbuild-template', 'pluginReactRouter'],
+    ['rsc-framework', 'pluginReactRouterRSC'],
+  ] as const)(
+    'creates the %s config with %s',
+    async (templateName, routerPlugin) => {
+      const projectDir = await mkdtemp(join(tmpdir(), 'rr-rsbuild-adapter-'));
+
+      try {
+        await finalizeFixtureProject({
+          projectDir,
+          port: 4173,
+          templateName,
+        });
+
+        const config = await readFile(
+          join(projectDir, 'rsbuild.config.ts'),
+          'utf8'
+        );
+        expect(config).toContain(
+          `import { ${routerPlugin} } from "rsbuild-plugin-react-router";`
+        );
+        expect(config).toContain(
+          'import { pluginMdx } from "@rsbuild/plugin-mdx";'
+        );
+        expect(config).toContain('pluginMdx()');
+        expect(config).toContain(`${routerPlugin}()`);
+        expect(config).toContain('port: 4173');
+        expect(config).toContain('strictPort: true');
+      } finally {
+        await rm(projectDir, { recursive: true, force: true });
+      }
+    }
+  );
+
+  it('retains every supplied Rsbuild config option', async () => {
+    const config = await rsbuildConfig.basic({
+      port: 4173,
+      templateName: 'rsbuild-template',
+      base: '/base/',
+      assetsInlineLimit: 512,
+      assetsDir: 'static',
+      cssCodeSplit: false,
+      defineNodeEnv: true,
+      envPrefixes: ['PUBLIC_'],
+      mdx: true,
+      svgr: true,
+      tailwind: true,
+      sass: true,
+      less: true,
+      vanillaExtract: true,
+    });
+
+    expect(config).toContain('port: 4173');
+    expect(config).toContain('assetPrefix: "/base/"');
+    expect(config).toContain('dataUriLimit: 512');
+    expect(config).toContain('distPath: { assets: "static" }');
+    expect(config).toContain('build.cssCodeSplit: false');
+    expect(config).toContain('"process.env.NODE_ENV"');
+    expect(config).toContain('loadEnv({ prefixes: ["PUBLIC_"] })');
+    expect(config).toContain('pluginMdx()');
+    expect(config).toContain('pluginSvgr()');
+    expect(config).toContain('pluginTailwindcss()');
+    expect(config).toContain('pluginSass()');
+    expect(config).toContain('pluginLess()');
+    expect(config).toContain('new VanillaExtractPlugin');
+  });
+
+  it('preserves the shipped rsc-preview config', async () => {
+    const projectDir = await mkdtemp(join(tmpdir(), 'rr-rsbuild-adapter-'));
+    const shippedConfig = await readFile(
+      join(
+        process.cwd(),
+        'tests/react-router-framework/integration/helpers/rsc-preview/rsbuild.config.ts'
+      ),
+      'utf8'
+    );
+
+    try {
+      const configPath = join(projectDir, 'rsbuild.config.ts');
+      await writeFile(configPath, shippedConfig);
+
+      await finalizeFixtureProject({
+        projectDir,
+        port: 4173,
+        templateName: 'rsc-preview',
+      });
+
+      expect(await readFile(configPath, 'utf8')).toBe(shippedConfig);
+    } finally {
+      await rm(projectDir, { recursive: true, force: true });
+    }
+  });
+});
diff --git a/tests/react-router-framework-paths.test.ts b/tests/react-router-framework-paths.test.ts
new file mode 100644
index 00000000..d69cfb90
--- /dev/null
+++ b/tests/react-router-framework-paths.test.ts
@@ -0,0 +1,24 @@
+import path from 'node:path';
+import { describe, expect, it } from '@rstest/core';
+import { resolvePathWithinRoot } from './react-router-framework/integration/helpers/safe-path.js';
+
+describe('React Router framework fixture paths', () => {
+  const root = path.resolve('/tmp/fixture/build/client');
+
+  it('resolves request paths beneath the client build directory', () => {
+    expect(resolvePathWithinRoot(root, '/')).toBe(root);
+    expect(resolvePathWithinRoot(root, '/about', 'index.html')).toBe(
+      path.join(root, 'about', 'index.html')
+    );
+    expect(resolvePathWithinRoot(root, '/route.data')).toBe(
+      path.join(root, 'route.data')
+    );
+  });
+
+  it('rejects request paths that escape the client build directory', () => {
+    expect(resolvePathWithinRoot(root, '/../secret')).toBeUndefined();
+    expect(
+      resolvePathWithinRoot(root, '/nested/../../../secret', 'index.html')
+    ).toBeUndefined();
+  });
+});
diff --git a/tests/react-router-framework-resource-guard.test.ts b/tests/react-router-framework-resource-guard.test.ts
new file mode 100644
index 00000000..5e894cb0
--- /dev/null
+++ b/tests/react-router-framework-resource-guard.test.ts
@@ -0,0 +1,178 @@
+import { describe, expect, it, rstest } from '@rstest/core';
+import { getFixtureWorkspaceNodeModulesPath } from './react-router-framework/integration/helpers/fixture-workspace-dependencies.js';
+import {
+  assertResourceGuardrail,
+  countFrameworkTestResources,
+  filterFrameworkTestProcesses,
+  getFrameworkCacheEnv,
+  killProcessGroup,
+  resolveFrameworkInstallLimit,
+  resolveFrameworkWorkerLimit,
+  withFrameworkTestRunEnv,
+} from './react-router-framework/integration/helpers/test-resource-guard.js';
+
+describe('React Router framework test resource guard', () => {
+  it('caps requested Playwright workers', () => {
+    expect(
+      resolveFrameworkWorkerLimit({
+        argv: ['playwright', 'test', '--workers=64'],
+        cpuCount: 64,
+        env: {},
+      })
+    ).toEqual({ cap: 6, requested: 64, workers: 6 });
+  });
+
+  it('lets the environment lower or raise the worker cap explicitly', () => {
+    expect(
+      resolveFrameworkWorkerLimit({
+        argv: ['playwright', 'test'],
+        cpuCount: 64,
+        env: { RR_FRAMEWORK_MAX_WORKERS: '4' },
+      })
+    ).toEqual({ cap: 4, requested: undefined, workers: 4 });
+  });
+
+  it('lets the environment set the install cap explicitly', () => {
+    expect(resolveFrameworkInstallLimit({ RR_FRAMEWORK_MAX_INSTALLS: '1' })).toBe(1);
+  });
+
+  it('disallows per-fixture pnpm installs by default', () => {
+    expect(resolveFrameworkInstallLimit({})).toBe(0);
+  });
+
+  it('counts scoped worker, browser, and pnpm install processes', () => {
+    expect(
+      countFrameworkTestResources(
+        [
+          { pid: 1, args: 'node playwright/lib/worker/workerProcessEntry.js' },
+          { pid: 2, args: 'chrome-headless-shell --playwright' },
+          { pid: 3, args: 'pnpm install --frozen-lockfile' },
+          { pid: 4, args: 'pnpm test:react-router-framework' },
+        ],
+        { isOwnedPid: (pid: number) => pid !== 4 }
+      )
+    ).toEqual({ browsers: 1, installs: 1, workers: 1 });
+  });
+
+  it('counts explicitly tracked child pids without proc ownership', () => {
+    expect(
+      countFrameworkTestResources(
+        [
+          { pid: 1, args: 'node playwright/lib/worker/workerProcessEntry.js' },
+          { pid: 2, args: 'chrome-headless-shell --playwright' },
+        ],
+        {
+          isOwnedPid: () => false,
+          ownedPids: [1],
+          runId: 'other-run',
+        }
+      )
+    ).toEqual({ browsers: 0, installs: 0, workers: 1 });
+  });
+
+  it('filters explicitly tracked child pids without proc ownership', () => {
+    expect(
+      filterFrameworkTestProcesses(
+        [
+          { pid: 1, args: 'node playwright/lib/worker/workerProcessEntry.js' },
+          { pid: 2, args: 'node unrelated.js' },
+        ],
+        {
+          isOwnedPid: () => false,
+          ownedPids: [1],
+          runId: 'other-run',
+        }
+      ).map(process => process.pid)
+    ).toEqual([1]);
+  });
+
+  it('reuses package and browser caches across child processes', () => {
+    const cacheEnv = getFrameworkCacheEnv('/repo');
+    expect(cacheEnv.APPORT_DISABLE).toBe('1');
+    expect(cacheEnv.PLAYWRIGHT_BROWSERS_PATH).toBe('/repo/node_modules/.cache/ms-playwright');
+    expect(cacheEnv.PNPM_HOME).toBe('/repo/node_modules/.cache/pnpm-home');
+    expect(cacheEnv.PNPM_STORE_DIR).toBe('/repo/node_modules/.pnpm-store');
+    expect(withFrameworkTestRunEnv({ ...cacheEnv })).toMatchObject(cacheEnv);
+  });
+
+  it('kills child process groups on non-Windows platforms', () => {
+    const kill = rstest
+      .spyOn(process, 'kill')
+      .mockImplementation((() => true) as typeof process.kill);
+
+    try {
+      killProcessGroup({ pid: 123 });
+      expect(kill).toHaveBeenCalledWith(process.platform === 'win32' ? 123 : -123, 'SIGTERM');
+      if (process.platform !== 'win32') {
+        expect(kill).toHaveBeenCalledWith(123, 'SIGTERM');
+      }
+    } finally {
+      kill.mockRestore();
+    }
+  });
+
+  it('fails fast when active scoped resources exceed guardrails', () => {
+    expect(() =>
+      assertResourceGuardrail({
+        counts: { browsers: 13, installs: 1, workers: 7 },
+        env: { RR_FRAMEWORK_MAX_WORKERS: '6' },
+      })
+    ).toThrow(
+      'Refusing to continue runaway React Router framework test load: workers=7/6, browsers=13/12, installs=1/0.'
+    );
+  });
+
+  it('does not treat unrelated Playwright browser processes as cleanup candidates', () => {
+    expect(
+      filterFrameworkTestProcesses(
+        [{ pid: 1, args: 'chrome-headless-shell --playwright' }],
+        { isOwnedPid: () => false, runId: 'this-run' }
+      )
+    ).toEqual([]);
+  });
+
+  it('keeps cleanup candidates scoped to the current run', () => {
+    const processes = [
+      { pid: 1, args: 'node server.js' },
+      { pid: 2, args: 'chrome-headless-shell --playwright' },
+      {
+        pid: 3,
+        args: '/tests/react-router-framework/.tmp/integration/rr-test/node server.js',
+      },
+      { pid: 4, args: 'node server.js --run this-run' },
+    ];
+
+    expect(
+      filterFrameworkTestProcesses(processes, {
+        isOwnedPid: (pid: number) => pid === 2,
+        runId: 'this-run',
+      }).map(({ pid }: { pid: number }) => pid)
+    ).toEqual([2, 4]);
+  });
+
+  it('can include stale fixture processes from the framework tmp workspace', () => {
+    const processes = [
+      { pid: 1, args: 'chrome-headless-shell --playwright' },
+      { pid: 2, args: 'node unrelated.js' },
+      {
+        pid: 3,
+        args: '/tests/react-router-framework/.tmp/integration/rr-test/node server.js',
+      },
+    ];
+
+    expect(
+      filterFrameworkTestProcesses(processes, {
+        includeStale: true,
+        isOwnedPid: () => false,
+        isProcessCwdUnder: (pid: number) => pid !== 2,
+        runId: 'this-run',
+      }).map(({ pid }: { pid: number }) => pid)
+    ).toEqual([1, 3]);
+  });
+
+  it('resolves fixture dependencies from committed workspace templates', () => {
+    expect(getFixtureWorkspaceNodeModulesPath('rsbuild-template')).toMatch(
+      /tests\/react-router-framework\/integration\/helpers\/rsbuild-template\/node_modules$/
+    );
+  });
+});
diff --git a/tests/react-router-framework-upstream-audit.test.ts b/tests/react-router-framework-upstream-audit.test.ts
new file mode 100644
index 00000000..c760ad64
--- /dev/null
+++ b/tests/react-router-framework-upstream-audit.test.ts
@@ -0,0 +1,126 @@
+import { execFileSync } from 'node:child_process';
+import { mkdir, mkdtemp, readFile, rm, writeFile } from 'node:fs/promises';
+import { tmpdir } from 'node:os';
+import path from 'node:path';
+import { afterEach, describe, expect, it } from '@rstest/core';
+import {
+  auditUpstream,
+  categorizeChanges,
+  parseNameStatus,
+} from '../scripts/check-react-router-framework-upstream.mjs';
+
+describe('React Router framework upstream audit', () => {
+  const workRoots: string[] = [];
+
+  afterEach(async () => {
+    await Promise.all(
+      workRoots.splice(0).map(workRoot =>
+        rm(workRoot, { force: true, recursive: true })
+      )
+    );
+  });
+
+  it('parses zero-delimited add, modify, delete, and rename records', () => {
+    const changes = parseNameStatus(
+      Buffer.from(
+        'A\0integration/new/test.ts\0M\0integration/changed.ts\0' +
+          'D\0integration/deleted.ts\0R095\0integration/old.ts\0' +
+          'integration/new.ts\0'
+      )
+    );
+
+    expect(changes).toEqual([
+      { kind: 'A', status: 'A', path: 'integration/new/test.ts' },
+      { kind: 'M', status: 'M', path: 'integration/changed.ts' },
+      { kind: 'D', status: 'D', path: 'integration/deleted.ts' },
+      {
+        kind: 'R',
+        status: 'R095',
+        oldPath: 'integration/old.ts',
+        path: 'integration/new.ts',
+      },
+    ]);
+  });
+
+  it('deduplicates and sorts directories containing added files', () => {
+    const result = categorizeChanges([
+      { kind: 'A', status: 'A', path: 'integration/z/two.ts' },
+      { kind: 'A', status: 'A', path: 'integration/a/one.ts' },
+      { kind: 'A', status: 'A', path: 'integration/z/one.ts' },
+    ]);
+
+    expect(result.directoriesWithAddedFiles).toEqual([
+      'integration/a',
+      'integration/z',
+    ]);
+    expect(result.added).toEqual([
+      'integration/a/one.ts',
+      'integration/z/one.ts',
+      'integration/z/two.ts',
+    ]);
+  });
+
+  it('reports no changes without mutating either commit or the working tree', async () => {
+    const sourceRoot = await mkdtemp(
+      path.join(tmpdir(), 'react-router-upstream-audit-')
+    );
+    workRoots.push(sourceRoot);
+    const trackedFile = path.join(sourceRoot, 'integration/test.ts');
+    execFileSync('git', ['init', '-q', sourceRoot]);
+    execFileSync('git', ['-C', sourceRoot, 'config', 'user.name', 'Test']);
+    execFileSync('git', [
+      '-C',
+      sourceRoot,
+      'config',
+      'user.email',
+      'test@example.com',
+    ]);
+    await mkdir(path.dirname(trackedFile), { recursive: true });
+    await writeFile(trackedFile, 'original\n');
+    execFileSync('git', ['-C', sourceRoot, 'add', '.']);
+    execFileSync('git', ['-C', sourceRoot, 'commit', '-qm', 'initial']);
+    const headBefore = execFileSync(
+      'git',
+      ['-C', sourceRoot, 'rev-parse', 'HEAD'],
+      { encoding: 'utf8' }
+    ).trim();
+
+    const audit = auditUpstream({
+      sourceRoot,
+      baseRef: headBefore,
+      sourceDirs: ['integration'],
+    });
+
+    expect(audit.added).toEqual([]);
+    expect(audit.modified).toEqual([]);
+    expect(audit.deleted).toEqual([]);
+    expect(audit.renamed).toEqual([]);
+    expect(await readFile(trackedFile, 'utf8')).toBe('original\n');
+    expect(
+      execFileSync('git', ['-C', sourceRoot, 'status', '--porcelain'], {
+        encoding: 'utf8',
+      })
+    ).toBe('');
+    expect(
+      execFileSync('git', ['-C', sourceRoot, 'rev-parse', 'HEAD'], {
+        encoding: 'utf8',
+      }).trim()
+    ).toBe(headBefore);
+  });
+
+  it('rejects an unknown reviewed ref', async () => {
+    const sourceRoot = await mkdtemp(
+      path.join(tmpdir(), 'react-router-upstream-audit-')
+    );
+    workRoots.push(sourceRoot);
+    execFileSync('git', ['init', '-q', sourceRoot]);
+
+    expect(() =>
+      auditUpstream({
+        sourceRoot,
+        baseRef: 'missing-ref',
+        sourceDirs: ['integration'],
+      })
+    ).toThrow();
+  });
+});
diff --git a/tests/react-router-framework/README.md b/tests/react-router-framework/README.md
new file mode 100644
index 00000000..43b14d93
--- /dev/null
+++ b/tests/react-router-framework/README.md
@@ -0,0 +1,54 @@
+# React Router Framework Tests
+
+This directory contains a repository-owned React Router framework test corpus
+adapted for `rsbuild-plugin-react-router`. It is not an automatically generated
+mirror: the checked-in Rsbuild tests and helpers are authoritative.
+
+## Upstream review checkpoint
+
+[`UPSTREAM.json`](./UPSTREAM.json) records:
+
+- the upstream React Router repository;
+- the last commit maintainers reviewed;
+- when that review happened;
+- the upstream source directories relevant to this corpus.
+
+Use the read-only audit command to compare that checkpoint with another commit
+in a local React Router clone:
+
+```sh
+pnpm check:react-router-framework-upstream -- \
+  --source=/path/to/react-router \
+  --target=HEAD
+```
+
+The audit reports directories containing added files plus added, modified,
+deleted, or renamed files. It never checks out commits, copies files, rewrites
+the corpus, updates the checkpoint, or requires a clean upstream worktree.
+
+Review the report manually. Copy and adapt only the tests that improve this
+plugin's compatibility coverage, run the relevant local suites, and then update
+`lastReviewedRef` and `reviewedAt` in `UPSTREAM.json` in the same commit.
+
+## Rsbuild adaptations
+
+The corpus deliberately differs from upstream's Vite-oriented harness:
+
+- fixture projects use `rsbuild.config.ts`;
+- builds and development servers run through Rsbuild;
+- production servers use `react-router-serve`;
+- MDX routes use `@rsbuild/plugin-mdx`;
+- Vite-only configuration, dependencies, and skipped suites are not retained;
+- the upstream Vite template variants are represented by `rsbuild-template`;
+- RSC fixtures use `react-server-dom-rspack` and `rsbuild-plugin-rsc`.
+
+Intentional behavior differences should be documented beside the affected test
+or helper. Do not overwrite adapted files from upstream wholesale.
+
+## Commands
+
+```sh
+pnpm test:react-router-framework:smoke
+pnpm test:react-router-framework
+pnpm test:react-router-framework:failfast
+```
diff --git a/tests/react-router-framework/UPSTREAM.json b/tests/react-router-framework/UPSTREAM.json
new file mode 100644
index 00000000..a9043a82
--- /dev/null
+++ b/tests/react-router-framework/UPSTREAM.json
@@ -0,0 +1,9 @@
+{
+  "repository": "https://github.com/remix-run/react-router",
+  "lastReviewedRef": "4cf6e62d0cdf9d7f6e09b0ea10077d7fb0e1b438",
+  "reviewedAt": "2026-07-09T20:24:28.170Z",
+  "sourceDirs": [
+    "integration",
+    "packages/react-router-dev/__tests__"
+  ]
+}
diff --git a/tests/react-router-framework/integration/CHANGELOG.md b/tests/react-router-framework/integration/CHANGELOG.md
new file mode 100644
index 00000000..ec39c49d
--- /dev/null
+++ b/tests/react-router-framework/integration/CHANGELOG.md
@@ -0,0 +1,14 @@
+# integration-tests
+
+## 0.0.0
+
+### Minor Changes
+
+- Unstable Rsbuild support for Node-based Remix apps ([#7590](https://github.com/remix-run/remix/pull/7590))
+  - `remix build` -> `rsbuild build`
+  - `remix dev` -> `rsbuild dev`
+
+  Other runtimes (e.g. Deno, Cloudflare) not yet supported.
+  Custom server (e.g. Express) not yet supported.
+
+  See "Future > Rsbuild" in the Remix Docs for details.
diff --git a/tests/react-router-framework/integration/abort-signal-test.ts b/tests/react-router-framework/integration/abort-signal-test.ts
new file mode 100644
index 00000000..f650ec6f
--- /dev/null
+++ b/tests/react-router-framework/integration/abort-signal-test.ts
@@ -0,0 +1,65 @@
+import { test } from "@playwright/test";
+
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+
+let fixture: Fixture;
+let appFixture: AppFixture;
+
+test.beforeAll(async () => {
+  fixture = await createFixture({
+    files: {
+      "app/routes/_index.tsx": js`
+        import { useActionData, useLoaderData, Form } from "react-router";
+
+        export async function action ({ request }) {
+          // New event loop causes express request to close
+          await new Promise(r => setTimeout(r, 0));
+          return { aborted: request.signal.aborted };
+        }
+
+        export function loader({ request }) {
+          return { aborted: request.signal.aborted };
+        }
+
+        export default function Index() {
+          let actionData = useActionData();
+          let data = useLoaderData();
+          return (
+            <div>
+              <p className="action">{actionData ? String(actionData.aborted) : "empty"}</p>
+              <p className="loader">{String(data.aborted)}</p>
+              <Form method="post">
+                <button type="submit">Submit</button>
+              </Form>
+            </div>
+          )
+        }
+      `,
+    },
+  });
+
+  // This creates an interactive app using playwright.
+  appFixture = await createAppFixture(fixture);
+});
+
+test.afterAll(() => {
+  appFixture.close();
+});
+
+test("should not abort the request in a new event loop", async ({ page }) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/");
+  await page.waitForSelector(`.action:has-text("empty")`);
+  await page.waitForSelector(`.loader:has-text("false")`);
+
+  await app.clickElement('button[type="submit"]');
+
+  await page.waitForSelector(`.action:has-text("false")`);
+  await page.waitForSelector(`.loader:has-text("false")`);
+});
diff --git a/tests/react-router-framework/integration/absolute-base-test.ts b/tests/react-router-framework/integration/absolute-base-test.ts
new file mode 100644
index 00000000..77831db2
--- /dev/null
+++ b/tests/react-router-framework/integration/absolute-base-test.ts
@@ -0,0 +1,35 @@
+import { expect } from "@playwright/test";
+
+import type { Files } from "./helpers/rsbuild.js";
+import { test, rsbuildConfig } from "./helpers/rsbuild.js";
+
+let files: Files = async ({ port }) => ({
+  // Rsbuild absolute-URL `base` -> rsbuild dev/output asset prefixes
+  "rsbuild.config.ts": await rsbuildConfig.basic({
+    port,
+    base: `http://localhost:${port}/`,
+  }),
+  "app/routes/_index.tsx": `
+    export default () => <h1 data-title>This should work</h1>;
+  `,
+});
+
+test("absolute base / dev", async ({ page, dev }) => {
+  let { port } = await dev(files);
+
+  await page.goto(`http://localhost:${port}/`, {
+    waitUntil: "networkidle",
+  });
+  await expect(page.locator("[data-title]")).toHaveText("This should work");
+  expect(page.errors).toEqual([]);
+});
+
+test("absolute base / build", async ({ page, reactRouterServe }) => {
+  let { port } = await reactRouterServe(files);
+
+  await page.goto(`http://localhost:${port}/`, {
+    waitUntil: "networkidle",
+  });
+  await expect(page.locator("[data-title]")).toHaveText("This should work");
+  expect(page.errors).toEqual([]);
+});
diff --git a/tests/react-router-framework/integration/action-test.ts b/tests/react-router-framework/integration/action-test.ts
new file mode 100644
index 00000000..f04b76eb
--- /dev/null
+++ b/tests/react-router-framework/integration/action-test.ts
@@ -0,0 +1,245 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createFixture,
+  createAppFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture, selectHtml } from "./helpers/playwright-fixture.js";
+import { type TemplateName } from "./helpers/rsbuild.js";
+
+const templateNames = [
+  "rsbuild-template",
+  "rsc-framework",
+] as const satisfies TemplateName[];
+
+test.describe("actions", () => {
+  for (const templateName of templateNames) {
+    test.describe(`template: ${templateName}`, () => {
+      let fixture: Fixture;
+      let appFixture: AppFixture;
+
+      let FIELD_NAME = "message";
+      let WAITING_VALUE = "Waiting...";
+      let SUBMITTED_VALUE = "Submission";
+      let THROWS_REDIRECT = "redirect-throw";
+      let REDIRECT_TARGET = "page";
+      let PAGE_TEXT = "PAGE_TEXT";
+
+      test.beforeAll(async () => {
+        fixture = await createFixture({
+          templateName,
+          files: {
+            "app/routes/urlencoded.tsx": js`
+              import { Form, useActionData } from "react-router";
+
+              export let action = async ({ request }) => {
+                let formData = await request.formData();
+                return formData.get("${FIELD_NAME}");
+              };
+
+              export default function Actions() {
+                let data = useActionData()
+
+                return (
+                  <Form method="post" id="form">
+                    <p id="text">
+                      {data ? <span id="action-text">{data}</span> : "${WAITING_VALUE}"}
+                    </p>
+                    <p>
+                      <input type="text" defaultValue="${SUBMITTED_VALUE}" name="${FIELD_NAME}" />
+                      <button type="submit" id="submit">Go</button>
+                    </p>
+                  </Form>
+                );
+              }
+            `,
+
+            "app/routes/request-text.tsx": js`
+              import { Form, useActionData } from "react-router";
+
+              export let action = async ({ request }) => {
+                let text = await request.text();
+                return text;
+              };
+
+              export default function Actions() {
+                let data = useActionData()
+
+                return (
+                  <Form method="post" id="form">
+                    <p id="text">
+                      {data ? <span id="action-text">{data}</span> : "${WAITING_VALUE}"}
+                    </p>
+                    <p>
+                      <input name="a" defaultValue="1" />
+                      <input name="b" defaultValue="2" />
+                      <button type="submit" id="submit">Go</button>
+                    </p>
+                  </Form>
+                );
+              }
+            `,
+
+            [`app/routes/${THROWS_REDIRECT}.jsx`]: js`
+              import { redirect, Form } from "react-router";
+
+              export function action() {
+                throw redirect("/${REDIRECT_TARGET}")
+              }
+
+              export default function () {
+                return (
+                  <Form method="post">
+                    <button type="submit">Go</button>
+                  </Form>
+                )
+              }
+            `,
+
+            [`app/routes/${REDIRECT_TARGET}.jsx`]: js`
+              export default function () {
+                return <div id="${REDIRECT_TARGET}">${PAGE_TEXT}</div>
+              }
+            `,
+
+            "app/routes/no-action.tsx": js`
+              import {
+                Form,
+                isRouteErrorResponse,
+                useRouteError,
+              } from "react-router";
+
+              export default function Component() {
+                return (
+                  <Form method="post">
+                    <button type="submit">Submit without action</button>
+                  </Form>
+                );
+              }
+
+              export function ErrorBoundary() {
+                let error = useRouteError();
+
+                return (
+                  <h1>
+                    {isRouteErrorResponse(error)
+                      ? error.status + " " + error.statusText
+                      : "Error"}
+                  </h1>
+                );
+              }
+            `,
+          },
+        });
+
+        appFixture = await createAppFixture(fixture);
+      });
+
+      test.afterAll(() => {
+        appFixture.close();
+      });
+
+      let logs: string[] = [];
+
+      test.beforeEach(({ page }) => {
+        page.on("console", (msg) => {
+          logs.push(msg.text());
+        });
+      });
+
+      test.afterEach(() => {
+        expect(logs).toHaveLength(0);
+      });
+
+      test("is not called on document GET requests", async () => {
+        let res = await fixture.requestDocument("/urlencoded");
+        let html = await selectHtml(await res.text(), "#text");
+        expect(html).toMatch(WAITING_VALUE);
+      });
+
+      test("is called on document POST requests", async () => {
+        let FIELD_VALUE = "cheeseburger";
+
+        let params = new URLSearchParams();
+        params.append(FIELD_NAME, FIELD_VALUE);
+
+        let res = await fixture.postDocument("/urlencoded", params);
+
+        let html = await selectHtml(await res.text(), "#text");
+        expect(html).toMatch(FIELD_VALUE);
+      });
+
+      test("is called on script transition POST requests", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto(`/urlencoded`);
+        await page.waitForSelector(`#text:has-text("${WAITING_VALUE}")`);
+
+        await page.click("button[type=submit]");
+        await page.waitForSelector("#action-text");
+        await page.waitForSelector(`#text:has-text("${SUBMITTED_VALUE}")`);
+      });
+
+      test("throws a 405 when no action exists", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto(`/no-action`);
+        await page.click("button[type=submit]");
+        await page.waitForSelector(`h1:has-text("405 Method Not Allowed")`);
+        expect(logs).toHaveLength(1);
+        expect(logs[0]).toMatch(
+          'Route "routes/no-action" does not have an action',
+        );
+
+        // The rest of the tests in this suite assert no logs, so clear this out to
+        // avoid failures in afterEach
+        logs = [];
+      });
+
+      test("properly encodes form data for request.text() usage", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto(`/request-text`);
+        await page.waitForSelector(`#text:has-text("${WAITING_VALUE}")`);
+
+        await page.click("button[type=submit]");
+        await page.waitForSelector("#action-text");
+        expect(await app.getHtml("#action-text")).toBe(
+          '<span id="action-text">a=1&amp;b=2</span>',
+        );
+      });
+
+      test("redirects a thrown response on document requests", async () => {
+        let params = new URLSearchParams();
+        let res = await fixture.postDocument(`/${THROWS_REDIRECT}`, params);
+        expect(res.status).toBe(302);
+        expect(res.headers.get("Location")).toBe(`/${REDIRECT_TARGET}`);
+      });
+
+      test("redirects a thrown response on script transitions", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto(`/${THROWS_REDIRECT}`);
+        let responses = app.collectSingleFetchResponses();
+        await app.clickSubmitButton(`/${THROWS_REDIRECT}`);
+
+        await page.waitForSelector(`#${REDIRECT_TARGET}`);
+
+        // In RSC, every route implicitly has a loader, so we get an extra
+        // response for the page we've redirected to. To keep the rest of the
+        // test RSC-agnostic, we drop the last response.
+        if (templateName.includes("rsc")) {
+          responses = responses.slice(0, -1);
+        }
+
+        expect(responses).toHaveLength(1);
+        expect(responses[0].status()).toBe(202);
+
+        expect(new URL(page.url()).pathname).toBe(`/${REDIRECT_TARGET}`);
+        expect(await app.getHtml()).toMatch(PAGE_TEXT);
+      });
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/assets/toupload.txt b/tests/react-router-framework/integration/assets/toupload.txt
new file mode 100644
index 00000000..b45ef6fe
--- /dev/null
+++ b/tests/react-router-framework/integration/assets/toupload.txt
@@ -0,0 +1 @@
+Hello, World!
\ No newline at end of file
diff --git a/tests/react-router-framework/integration/assets/touploadtoobig.txt b/tests/react-router-framework/integration/assets/touploadtoobig.txt
new file mode 100644
index 00000000..8811b052
--- /dev/null
+++ b/tests/react-router-framework/integration/assets/touploadtoobig.txt
@@ -0,0 +1 @@
+Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!Hello, World!
\ No newline at end of file
diff --git a/tests/react-router-framework/integration/basename-test.ts b/tests/react-router-framework/integration/basename-test.ts
new file mode 100644
index 00000000..702701ed
--- /dev/null
+++ b/tests/react-router-framework/integration/basename-test.ts
@@ -0,0 +1,810 @@
+import type { Page, Request } from "@playwright/test";
+import { test, expect } from "@playwright/test";
+import getPort from "get-port";
+
+import {
+  createEditor,
+  createProject,
+  customDev,
+  build,
+  rsbuildConfig,
+  dev,
+  rsbuildDevCmd,
+  reactRouterServe,
+  reactRouterConfig,
+  type TemplateName,
+} from "./helpers/rsbuild.js";
+import { js } from "./helpers/create-fixture.js";
+
+const templateNames = [
+  "rsbuild-template",
+  "rsc-framework",
+] as const satisfies TemplateName[];
+
+const devHmrTimeout = 60_000;
+
+const sharedFiles = {
+  "app/routes/_index.tsx": js`
+    import { useState, useEffect } from "react";
+    import { Link } from "react-router"
+
+    export default function IndexRoute() {
+      const [mounted, setMounted] = useState(false);
+      useEffect(() => {
+        setMounted(true);
+      }, []);
+
+      return (
+        <div id="index">
+          <h2 data-title>Index</h2>
+          <input />
+          <p data-mounted>Mounted: {mounted ? "yes" : "no"}</p>
+          <p data-hmr>HMR updated: 0</p>
+          <Link to="/other">other</Link>
+        </div>
+      );
+    }
+  `,
+  "app/routes/other.tsx": js`
+    import { useLoaderData } from "react-router";
+
+    export const loader = () => {
+      return "other-loader";
+    };
+
+    export default function OtherRoute() {
+      const loaderData = useLoaderData()
+
+      return (
+        <div id="other">
+          <p>{loaderData}</p>
+        </div>
+      );
+    }
+  `,
+};
+
+async function configFiles({
+  port,
+  base,
+  basename,
+  templateName,
+}: {
+  port: number;
+  base?: string;
+  basename?: string;
+  templateName: TemplateName;
+}) {
+  return {
+    "react-router.config.ts": reactRouterConfig({
+      basename: basename !== "/" ? basename : undefined,
+    }),
+    "rsbuild.config.ts": await rsbuildConfig.basic({
+      port,
+      base,
+      templateName,
+    }),
+  };
+}
+
+const customServerFile = ({
+  port,
+  base,
+  basename,
+  templateName,
+}: {
+  port: number;
+  base?: string;
+  basename?: string;
+  templateName: TemplateName;
+}) => {
+  base = base ?? "/mybase/";
+  basename = basename ?? base;
+
+  if (templateName.includes("rsc")) {
+    return js`
+      import { createRequestListener } from "@remix-run/node-fetch-server";
+      import express from "express";
+
+      const app = express();
+      let devServer;
+      if (process.env.NODE_ENV === "production") {
+        app.use("${base}", express.static("build/client"));
+        app.all(
+          "${basename}*",
+          createRequestListener((await import("./build/server/index.js")).default.fetch),
+        );
+      } else {
+        // Rsbuild dev-server adapter (RSC): the plugin attaches its RSC dev
+        // request handler to the dev server's middleware chain, so delegating
+        // to \`devServer.middlewares\` serves RSC documents, assets, and HMR.
+        const { createRsbuild, loadConfig } = await import("@rsbuild/core");
+        const { content } = await loadConfig();
+        const rsbuild = await createRsbuild({ rsbuildConfig: content });
+        devServer = await rsbuild.createDevServer();
+        app.use(devServer.middlewares);
+      }
+      app.get("*", (_req, res) => {
+        res.setHeader("content-type", "text/html")
+        res.end('React Router app is at <a href="${basename}">${basename}</a>');
+      });
+
+      const port = ${port};
+      const server = app.listen(port, () => {
+        console.log('http://localhost:' + port);
+        devServer?.afterListen();
+      });
+      devServer?.connectWebSocket({ server });
+    `;
+  } else {
+    return js`
+      import { createRequestHandler } from "@react-router/express";
+      import express from "express";
+
+      const app = express();
+      let devServer;
+      if (process.env.NODE_ENV === "production") {
+        app.use("${base}", express.static("build/client"));
+        app.all(
+          "${basename}*",
+          createRequestHandler({
+            build: await import("./build/server/index.js"),
+          })
+        );
+      } else {
+        // Rsbuild dev-server adapter: boot the plugin's dev server
+        // programmatically and delegate asset serving, HMR, and SSR document
+        // handling to its middleware (mirrors helpers/express.ts).
+        const { createRsbuild, loadConfig } = await import("@rsbuild/core");
+        const { content } = await loadConfig();
+        const rsbuild = await createRsbuild({ rsbuildConfig: content });
+        devServer = await rsbuild.createDevServer();
+        app.use(devServer.middlewares);
+      }
+      app.get("*", (_req, res) => {
+        res.setHeader("content-type", "text/html")
+        res.end('React Router app is at <a href="${basename}">${basename}</a>');
+      });
+
+      const port = ${port};
+      const server = app.listen(port, () => {
+        console.log('http://localhost:' + port);
+        devServer?.afterListen();
+      });
+      devServer?.connectWebSocket({ server });
+    `;
+  }
+};
+
+test.describe("base + React Router basename", () => {
+  for (const templateName of templateNames) {
+    test.describe(`template: ${templateName}`, () => {
+      test.describe("rsbuild dev", () => {
+        test.describe.configure({ timeout: 180_000 });
+
+        let port: number;
+        let cwd: string;
+        let stop: (() => unknown) | undefined;
+
+        async function setup({
+          base,
+          basename,
+          startServer,
+          files,
+        }: {
+          base: string;
+          basename: string;
+          startServer?: boolean;
+          files?: Record<string, string>;
+        }) {
+          port = await getPort();
+          cwd = await createProject(
+            {
+              ...(await configFiles({ port, base, basename, templateName })),
+              ...(files || sharedFiles),
+            },
+            templateName,
+          );
+          if (startServer !== false) {
+            stop = await dev({ cwd, port, basename });
+          }
+        }
+
+        test.afterEach(async () => {
+          await stop?.();
+          stop = undefined;
+        });
+
+        test("works when the base and basename are the same", async ({
+          page,
+        }) => {
+          await setup({ base: "/mybase/", basename: "/mybase/" });
+          await workflowDev({ page, cwd, port });
+        });
+
+        test("works when the base and basename are different", async ({
+          page,
+        }) => {
+          await setup({
+            base: "/mybase/",
+            basename: "/mybase/app/",
+          });
+          await workflowDev({ page, cwd, port, basename: "/mybase/app/" });
+        });
+
+        test("works when base and basename match the app directory name", async ({
+          page,
+        }) => {
+          await setup({ base: "/app/", basename: "/app/" });
+          await workflowDev({
+            page,
+            cwd,
+            port,
+            base: "/app/",
+            basename: "/app/",
+          });
+        });
+
+        test("errors if basename does not start with base", async ({
+          page,
+        }) => {
+          // Vite-only: the base/basename startup validation lives in
+          // @react-router/dev/vite. Without it `rsbuild dev` never exits,
+          // which hangs the sync spawn below.
+          test.skip(
+            true,
+            "rsbuild-plugin-react-router has no base/basename startup validation",
+          );
+          await setup({
+            base: "/mybase/",
+            basename: "/notmybase/",
+            startServer: false,
+          });
+          let proc = await rsbuildDevCmd({ cwd });
+          expect(proc.stderr.toString()).toMatch(
+            "When using the React Router `basename` and the Vite `base` config, the " +
+              "`basename` config must begin with `base` for the default Vite dev server.",
+          );
+        });
+
+        test("works with child routes using client loaders", async ({
+          page,
+        }) => {
+          test.setTimeout(180_000);
+          let basename = "/mybase/";
+          await setup({
+            base: basename,
+            basename,
+            files: {
+              ...sharedFiles,
+              "app/routes/parent.tsx": js`
+                import { Outlet } from 'react-router'
+                export default function Parent() {
+                  return <div id="parent"><Outlet /></div>;
+                }
+              `,
+              "app/routes/parent.child.tsx": js`
+                import { useState, useEffect } from "react";
+                import { useLoaderData } from 'react-router'
+                export async function clientLoader() {
+                  await new Promise(resolve => setTimeout(resolve, 500))
+                  return "CHILD"
+                }
+                export function HydrateFallback() {
+                  const [mounted, setMounted] = useState(false);
+                  useEffect(() => setMounted(true), []);
+                  return (
+                    <>
+                      <p id="loading">Loading...</p>
+                      <p data-mounted>Mounted: {mounted ? "yes" : "no"}</p>
+                    </>
+                  );
+                }
+                export default function Child() {
+                  const data = useLoaderData()
+                  const [mounted, setMounted] = useState(false);
+                  useEffect(() => setMounted(true), []);
+                  return (
+                    <>
+                      <p id="child">{data}</p>
+                      <p data-mounted>Mounted: {mounted ? "yes" : "no"}</p>
+                    </>
+                  );
+                }
+              `,
+            },
+          });
+
+          let hydrationErrors: Error[] = [];
+          page.on("pageerror", (error) => {
+            if (
+              error.message.includes("Hydration failed") ||
+              error.message.includes("error while hydrating") ||
+              error.message.includes("does not match server-rendered HTML")
+            ) {
+              hydrationErrors.push(error);
+            }
+          });
+
+          // setup: initial render at basename
+          await page.goto(`http://localhost:${port}${basename}parent/child`, {
+            waitUntil: "domcontentloaded",
+          });
+
+          await expect(page.locator("#parent")).toBeVisible({
+            timeout: devHmrTimeout,
+          });
+          await expect(page.locator("#loading")).toContainText("Loading...", {
+            timeout: devHmrTimeout,
+          });
+          await expect(page.locator("[data-mounted]")).toHaveText(
+            "Mounted: yes",
+            { timeout: devHmrTimeout },
+          );
+
+          expect(hydrationErrors).toEqual([]);
+
+          await expect(page.locator("#child")).toHaveText("CHILD", {
+            timeout: devHmrTimeout,
+          });
+          await expect(page.locator("[data-mounted]")).toHaveText(
+            "Mounted: yes",
+            { timeout: devHmrTimeout },
+          );
+        });
+      });
+
+      test.describe("express dev", async () => {
+        test.describe.configure({ timeout: 180_000 });
+
+        let port: number;
+        let cwd: string;
+        let stop: (() => unknown) | undefined;
+
+        async function setup({
+          base,
+          basename,
+          startServer,
+        }: {
+          base: string;
+          basename: string;
+          startServer?: boolean;
+        }) {
+          port = await getPort();
+          cwd = await createProject(
+            {
+              ...(await configFiles({ port, base, basename, templateName })),
+              "server.mjs": customServerFile({ port, basename, templateName }),
+              ...sharedFiles,
+            },
+            templateName,
+          );
+          if (startServer !== false) {
+            stop = await customDev({ cwd, port, basename });
+          }
+        }
+
+        test.afterEach(async () => {
+          await stop?.();
+          stop = undefined;
+        });
+
+        test("works when base and basename are the same", async ({ page }) => {
+          await setup({ base: "/mybase/", basename: "/mybase/" });
+          await workflowDev({ page, cwd, port });
+        });
+
+        test("works when base and basename are different", async ({ page }) => {
+          await setup({
+            base: "/mybase/",
+            basename: "/mybase/dashboard/",
+          });
+          await workflowDev({
+            page,
+            cwd,
+            port,
+            basename: "/mybase/dashboard/",
+          });
+        });
+
+        test("works when basename does not start with base", async ({
+          page,
+        }) => {
+          await setup({
+            base: "/mybase/",
+            basename: "/notmybase/",
+          });
+          await workflowDev({ page, cwd, port, basename: "/notmybase/" });
+        });
+      });
+
+      test.describe("build", () => {
+        let port: number;
+        let cwd: string;
+        let stop: (() => unknown) | undefined;
+
+        async function setup({
+          base,
+          basename,
+          startServer,
+        }: {
+          base: string;
+          basename: string;
+          startServer?: boolean;
+        }) {
+          port = await getPort();
+          cwd = await createProject(
+            {
+              ...(await configFiles({ port, base, basename, templateName })),
+              ...sharedFiles,
+            },
+            templateName,
+          );
+          build({ cwd });
+          if (startServer !== false) {
+            stop = await reactRouterServe({ cwd, port, basename, base });
+          }
+        }
+
+        test.afterEach(async () => {
+          await stop?.();
+          stop = undefined;
+        });
+
+        test("works when base and basename are the same", async ({ page }) => {
+          await setup({ base: "/mybase/", basename: "/mybase/" });
+          await workflowBuild({ page, port });
+        });
+
+        test("works when base and basename are different", async ({ page }) => {
+          await setup({
+            base: "/mybase/",
+            basename: "/mybase/dashboard/",
+          });
+          await workflowBuild({
+            page,
+            port,
+            basename: "/mybase/dashboard/",
+          });
+        });
+
+        test("works when base and basename match the app directory name", async ({
+          page,
+        }) => {
+          await setup({ base: "/app/", basename: "/app/" });
+          await workflowBuild({ page, port, base: "/app/", basename: "/app/" });
+        });
+
+        test("works when basename does not start with base", async ({
+          page,
+        }) => {
+          await setup({
+            base: "/mybase/",
+            basename: "/notmybase/",
+          });
+          await workflowBuild({
+            page,
+            port,
+            base: "/mybase/",
+            basename: "/notmybase/",
+          });
+        });
+      });
+
+      test.describe("express build", async () => {
+        let port: number;
+        let cwd: string;
+        let stop: (() => unknown) | undefined;
+
+        async function setup({
+          base,
+          basename,
+          startServer,
+        }: {
+          base: string;
+          basename: string;
+          startServer?: boolean;
+        }) {
+          port = await getPort();
+          cwd = await createProject(
+            {
+              ...(await configFiles({ port, base, basename, templateName })),
+              "server.mjs": customServerFile({
+                port,
+                base,
+                basename,
+                templateName,
+              }),
+              ...sharedFiles,
+            },
+            templateName,
+          );
+          build({ cwd });
+          if (startServer !== false) {
+            stop = await customDev({
+              cwd,
+              port,
+              basename,
+              env: { NODE_ENV: "production" },
+            });
+          }
+        }
+
+        test.afterEach(async () => {
+          await stop?.();
+          stop = undefined;
+        });
+
+        test("works when base and basename are the same", async ({ page }) => {
+          await setup({ base: "/mybase/", basename: "/mybase/" });
+          await workflowBuild({ page, port });
+        });
+
+        test("works when base and basename are different", async ({ page }) => {
+          await setup({
+            base: "/mybase/",
+            basename: "/mybase/app/",
+          });
+          await workflowBuild({ page, port, basename: "/mybase/app/" });
+        });
+
+        test("works when basename does not start with base", async ({
+          page,
+        }) => {
+          await setup({
+            base: "/mybase/",
+            basename: "/notmybase/",
+          });
+          await workflowBuild({ page, port, basename: "/notmybase/" });
+        });
+
+        test("works when base is an absolute external URL", async ({
+          page,
+        }) => {
+          test.skip(
+            templateName === "rsc-framework",
+            "I'm not sure the use-case for this and can't find anything. If you ever need this file an issue and we will revisit.",
+          );
+          port = await getPort();
+          cwd = await createProject(
+            {
+              ...(await configFiles({
+                templateName,
+                port,
+                base: "https://cdn.example.com/assets/",
+                basename: "/app/",
+              })),
+              // Slim server that only serves basename (route) requests from the React Router handler
+              "server.mjs": templateName.includes("rsc")
+                ? String.raw`
+                  import { createRequestListener } from "@remix-run/node-fetch-server";
+                  import express from "express";
+
+                  const app = express();
+                  app.all(
+                    "/app/*",
+                    createRequestListener((await import("./build/server/index.js")).default)
+                  );
+
+                  const port = ${port};
+                  app.listen(port, () => console.log('http://localhost:' + port));
+                `
+                : String.raw`
+                  import { createRequestHandler } from "@react-router/express";
+                  import express from "express";
+
+                  const app = express();
+                  app.all(
+                    "/app/*",
+                    createRequestHandler({ build: await import("./build/server/index.js") })
+                  );
+
+                  const port = ${port};
+                  app.listen(port, () => console.log('http://localhost:' + port));
+                `,
+              ...sharedFiles,
+            },
+            templateName,
+          );
+
+          build({ cwd });
+          stop = await customDev({
+            cwd,
+            port,
+            basename: "/app/",
+            env: { NODE_ENV: "production" },
+          });
+
+          // Intercept and make all CDN requests 404
+          let requestUrls: string[] = [];
+          await page.route("**/*.js", (route) => {
+            requestUrls.push(route.request().url());
+            route.fulfill({ status: 404 });
+          });
+
+          // setup: initial render
+          await page.goto(`http://localhost:${port}/app/`, {
+            waitUntil: "networkidle",
+          });
+          await expect(page.locator("#index [data-title]")).toHaveText("Index");
+
+          // Can't validate hydration here due to 404s, but we can ensure assets are
+          // attempting to load from the CDN
+          expect(
+            requestUrls.length > 0 &&
+              requestUrls.every((url) =>
+                url.startsWith("https://cdn.example.com/assets/"),
+              ),
+          ).toBe(true);
+        });
+      });
+    });
+  }
+});
+
+async function workflowDev({
+  page,
+  cwd,
+  port,
+  base,
+  basename,
+}: {
+  page: Page;
+  cwd: string;
+  port: number;
+  base?: string;
+  basename?: string;
+}) {
+  base = base ?? "/mybase/";
+  basename = basename ?? base;
+
+  let pageErrors: Error[] = [];
+  page.on("pageerror", (error) => pageErrors.push(error));
+  let edit = createEditor(cwd);
+
+  let requests: Request[] = [];
+  page.on("request", (request) => {
+    requests.push(request);
+  });
+
+  // setup: initial render at basename
+  await page.goto(`http://localhost:${port}${basename}`, {
+    waitUntil: "networkidle",
+  });
+  await expect(page.locator("#index [data-title]")).toHaveText("Index");
+
+  // setup: hydration
+  await expect(page.locator("#index [data-mounted]")).toHaveText(
+    "Mounted: yes",
+  );
+
+  // setup: browser state
+  let hmrStatus = page.locator("#index [data-hmr]");
+  await expect(hmrStatus).toHaveText("HMR updated: 0");
+  let input = page.locator("#index input");
+  await expect(input).toBeVisible();
+  await input.type("stateful");
+  expect(pageErrors).toEqual([]);
+
+  // route: HMR
+  await edit("app/routes/_index.tsx", (contents) =>
+    contents.replace("HMR updated: 0", "HMR updated: 1"),
+  );
+  try {
+    await expect(hmrStatus).toHaveText("HMR updated: 1", {
+      timeout: devHmrTimeout,
+    });
+  } catch (error) {
+    console.log("basename hmr debug url", page.url());
+    console.log(
+      "basename hmr debug requests",
+      requests.slice(-30).map((request) => request.url()),
+    );
+    throw error;
+  }
+  await expect(input).toHaveValue("stateful", { timeout: devHmrTimeout });
+  expect(pageErrors).toEqual([]);
+
+  // client side navigation
+  const otherLink = page.locator('#index a[href$="/other"]');
+  await expect(otherLink).toBeVisible({ timeout: devHmrTimeout });
+  await otherLink.dispatchEvent("click");
+  await page.waitForURL(`http://localhost:${port}${basename}other`);
+  await expect(page.getByText("other-loader")).toBeVisible({
+    timeout: devHmrTimeout,
+  });
+  expect(pageErrors).toEqual([]);
+
+  // verify client asset requests are all under base
+  expect(
+    requests
+      .filter((request) => isBundlerAssetRequest(request))
+      .every((request) =>
+        request.url().startsWith(`http://localhost:${port}${base}`),
+      ),
+  ).toBe(true);
+
+  // Firefox may request browser-managed resources like `/favicon.ico`
+  // outside the app basename, so only assert on actual route/data requests.
+  const offBasenameRequests = requests
+    .filter((request) => isAppRouteRequest(request))
+    .map((request) => request.url())
+    .filter((url) => !url.startsWith(`http://localhost:${port}${basename}`));
+  expect(offBasenameRequests).toEqual([]);
+}
+
+function isBundlerAssetRequest(request: Request) {
+  let url = request.url();
+  return (
+    request.resourceType() === "script" ||
+    request.resourceType() === "stylesheet" ||
+    /\.hot-update\./.test(url) ||
+    /\.[jt]sx?(?:\?|$)/.test(url)
+  );
+}
+
+function isAppRouteRequest(request: Request) {
+  return (
+    !isBundlerAssetRequest(request) &&
+    (request.isNavigationRequest() ||
+      request.resourceType() === "document" ||
+      request.resourceType() === "fetch" ||
+      request.resourceType() === "xhr")
+  );
+}
+
+async function workflowBuild({
+  page,
+  port,
+  base,
+  basename,
+}: {
+  page: Page;
+  port: number;
+  base?: string;
+  basename?: string;
+}) {
+  base = base ?? "/mybase/";
+  basename = basename ?? base;
+
+  let pageErrors: Error[] = [];
+  page.on("pageerror", (error) => pageErrors.push(error));
+
+  let requestUrls: string[] = [];
+  page.on("request", (request) => {
+    requestUrls.push(request.url());
+  });
+
+  // setup: initial render
+  await page.goto(`http://localhost:${port}${basename}`, {
+    waitUntil: "networkidle",
+  });
+  await expect(page.locator("#index [data-title]")).toHaveText("Index");
+
+  // setup: hydration
+  await expect(page.locator("#index [data-mounted]")).toHaveText(
+    "Mounted: yes",
+  );
+
+  // client side navigation
+  await page.getByRole("link", { name: "other" }).click();
+  await page.waitForURL(`http://localhost:${port}${basename}other`);
+  await page.getByText("other-loader").click();
+  expect(pageErrors).toEqual([]);
+
+  let isAssetRequest = (url: string) => /\.js/.test(url);
+
+  // verify client asset requests are all under base
+  expect(
+    requestUrls
+      .filter((url) => isAssetRequest(url))
+      .every((url) => url.startsWith(`http://localhost:${port}${base}`)),
+  ).toBe(true);
+
+  // verify client route requests are all under basename
+  expect(
+    requestUrls
+      .filter((url) => !isAssetRequest(url))
+      .every((url) => url.startsWith(`http://localhost:${port}${basename}`)),
+  ).toBe(true);
+}
diff --git a/tests/react-router-framework/integration/blocking-test.ts b/tests/react-router-framework/integration/blocking-test.ts
new file mode 100644
index 00000000..1929f02b
--- /dev/null
+++ b/tests/react-router-framework/integration/blocking-test.ts
@@ -0,0 +1,113 @@
+import { test, expect } from "@playwright/test";
+
+import type { AppFixture, Fixture } from "./helpers/create-fixture.js";
+import {
+  createFixture,
+  js,
+  createAppFixture,
+} from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+let fixture: Fixture;
+let appFixture: AppFixture;
+
+test.afterAll(() => appFixture.close());
+
+test("handles synchronous proceeding correctly", async ({ page }) => {
+  fixture = await createFixture({
+    files: {
+      "app/routes/_index.tsx": js`
+        import { Link } from "react-router";
+        export default function Component() {
+          return (
+            <div>
+              <h1 id="index">Index</h1>
+              <Link to="/a">/a</Link>
+            </div>
+          )
+        }
+      `,
+      "app/routes/a.tsx": js`
+        import { Link } from "react-router";
+        export default function Component() {
+          return (
+            <div>
+              <h1 id="a">A</h1>
+              <Link to="/b">/b</Link>
+            </div>
+          )
+        }
+      `,
+      "app/routes/b.tsx": js`
+      import * as React from "react";
+      import { Form, useBlocker } from "react-router";
+        export default function Component() {
+          return (
+            <div>
+              <h1 id="b">B</h1>
+              <ImportantForm />
+            </div>
+          )
+        }
+        function ImportantForm() {
+          let [value, setValue] = React.useState("");
+          let shouldBlock = React.useCallback<BlockerFunction>(
+            ({ currentLocation, nextLocation }) =>
+              value !== "" && currentLocation.pathname !== nextLocation.pathname,
+            [value]
+          );
+          let blocker = useBlocker(shouldBlock);
+          // Reset the blocker if the user cleans the form
+          React.useEffect(() => {
+            if (blocker.state === "blocked") {
+              blocker.proceed();
+            }
+          }, [blocker]);
+          return (
+            <>
+              <p>
+                Is the form dirty?{" "}
+                {value !== "" ? (
+                  <span style={{ color: "red" }}>Yes</span>
+                ) : (
+                  <span style={{ color: "green" }}>No</span>
+                )}
+              </p>
+              <Form method="post">
+                <label>
+                  Enter some important data:
+                  <input
+                    name="data"
+                    value={value}
+                    onChange={(e) => setValue(e.target.value)}
+                  />
+                </label>
+                <button type="submit">Save</button>
+              </Form>
+            </>
+          );
+        }
+      `,
+    },
+  });
+
+  // This creates an interactive app using puppeteer.
+  appFixture = await createAppFixture(fixture);
+
+  let app = new PlaywrightFixture(appFixture, page);
+
+  await app.goto("/");
+  await app.clickLink("/a");
+  await page.waitForSelector("#a");
+  await app.clickLink("/b");
+  await page.waitForSelector("#b");
+  await page.getByLabel("Enter some important data:").fill("Hello Remix!");
+
+  // Going back should:
+  // - block
+  // - immediately call blocker.proceed() once we enter the blocked state
+  // - and land back one history entry (/a)
+  await page.goBack();
+  await page.waitForSelector("#a");
+  expect(await app.getHtml()).toContain("A");
+});
diff --git a/tests/react-router-framework/integration/browser-entry-test.ts b/tests/react-router-framework/integration/browser-entry-test.ts
new file mode 100644
index 00000000..ec1731f5
--- /dev/null
+++ b/tests/react-router-framework/integration/browser-entry-test.ts
@@ -0,0 +1,322 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createFixture,
+  js,
+  createAppFixture,
+} from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test(
+  "expect to be able to browse backward out of a remix app, then forward " +
+    "twice in history and have pages render correctly",
+  async ({ page, browserName }) => {
+    test.skip(
+      browserName === "firefox",
+      "FireFox doesn't support browsing to an empty page (aka about:blank)",
+    );
+
+    let fixture = await createFixture({
+      files: {
+        "app/routes/_index.tsx": js`
+          import { Link } from "react-router";
+
+          export default function Index() {
+            return (
+              <div>
+                <div id="pizza">pizza</div>
+                <Link to="/burgers">burger link</Link>
+              </div>
+            )
+          }
+        `,
+
+        "app/routes/burgers.tsx": js`
+          export default function Index() {
+            return <div id="cheeseburger">cheeseburger</div>;
+          }
+        `,
+      },
+    });
+
+    // This creates an interactive app using puppeteer.
+    let appFixture = await createAppFixture(fixture);
+
+    let app = new PlaywrightFixture(appFixture, page);
+
+    // Slow down the entry chunk on the second load so the bug surfaces
+    let isSecondLoad = false;
+    await page.route(/entry/, async (route) => {
+      if (isSecondLoad) {
+        await new Promise((r) => setTimeout(r, 1000));
+      }
+      route.continue();
+    });
+
+    // This sets up the Remix modules cache in memory, priming the error case.
+    await app.goto("/");
+    await app.clickLink("/burgers");
+    await page.waitForSelector("#cheeseburger");
+    expect(await page.content()).toContain("cheeseburger");
+    await page.goBack();
+    await page.waitForSelector("#pizza");
+    expect(await app.getHtml()).toContain("pizza");
+
+    // Takes the browser out of the Remix app
+    await page.goBack();
+    expect(page.url()).toContain("about:blank");
+
+    // Forward to / and immediately again to /burgers.  This will trigger the
+    // error since we'll load __routeModules for / but then try to hydrate /burgers
+    isSecondLoad = true;
+    await page.goForward();
+    await page.goForward();
+    await page.waitForSelector("#cheeseburger");
+
+    // If we resolve the error, we should hard reload and eventually
+    // successfully render /burgers
+    await page.waitForSelector("#cheeseburger");
+    expect(await app.getHtml()).toContain("cheeseburger");
+
+    appFixture.close();
+  },
+);
+
+test("allows users to pass a client side context to HydratedRouter", async ({
+  page,
+}) => {
+  let fixture = await createFixture({
+    files: {
+      "app/entry.client.tsx": js`
+        import { createContext, RouterContextProvider } from "react-router";
+        import { HydratedRouter } from "react-router/dom";
+        import { startTransition, StrictMode } from "react";
+        import { hydrateRoot } from "react-dom/client";
+
+        export const myContext = new createContext('foo');
+
+        startTransition(() => {
+          hydrateRoot(
+            document,
+            <StrictMode>
+              <HydratedRouter
+                getContext={() => {
+                  return new RouterContextProvider([
+                    [myContext, 'bar']
+                  ]);
+                }}
+              />
+            </StrictMode>
+          );
+        });
+      `,
+      "app/routes/_index.tsx": js`
+        import { myContext } from "../entry.client";
+
+        export function clientLoader({ context }) {
+          return context.get(myContext);
+        }
+        export default function Index({ loaderData }) {
+          return <h1>Hello, {loaderData}</h1>
+        }
+      `,
+    },
+  });
+
+  let appFixture = await createAppFixture(fixture);
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/", true);
+  expect(await app.getHtml()).toContain("Hello, bar");
+
+  appFixture.close();
+});
+
+test("allows users to pass an onError function to HydratedRouter", async ({
+  page,
+  browserName,
+}) => {
+  let fixture = await createFixture({
+    files: {
+      "app/entry.client.tsx": js`
+        import { HydratedRouter } from "react-router/dom";
+        import { startTransition, StrictMode } from "react";
+        import { hydrateRoot } from "react-dom/client";
+
+        startTransition(() => {
+          hydrateRoot(
+            document,
+            <StrictMode>
+              <HydratedRouter
+                onError={(error, errorInfo) => {
+                  console.log(error.message, JSON.stringify(errorInfo))
+                }}
+              />
+            </StrictMode>
+          );
+        });
+      `,
+      "app/routes/_index.tsx": js`
+        import { Link } from "react-router";
+        export default function Index() {
+          return <Link to="/page">Go to Page</Link>;
+        }
+      `,
+      "app/routes/page.tsx": js`
+        export default function Page() {
+          throw new Error("Render error");
+        }
+        export function ErrorBoundary({ error }) {
+          return <h1 data-error>Error: {error.message}</h1>
+        }
+      `,
+    },
+  });
+
+  let logs: string[] = [];
+  page.on("console", (msg) => logs.push(msg.text()));
+
+  let appFixture = await createAppFixture(fixture);
+  let app = new PlaywrightFixture(appFixture, page);
+
+  await app.goto("/", true);
+  await page.click('a[href="/page"]');
+  await page.waitForSelector("[data-error]");
+
+  expect(await app.getHtml()).toContain("Error: Render error");
+  expect(logs.length).toBe(2);
+  // First one is react logging the error
+  if (browserName === "firefox") {
+    expect(logs[0]).toContain("Error");
+  } else {
+    expect(logs[0]).toContain("Error: Render error");
+  }
+  expect(logs[0]).not.toContain("componentStack");
+  // Second one is ours
+  expect(logs[1]).toContain("Render error");
+  expect(logs[1]).toContain('"componentStack":');
+
+  appFixture.close();
+});
+
+test("allows users to instrument the client side router via HydratedRouter", async ({
+  page,
+}) => {
+  let fixture = await createFixture({
+    files: {
+      "app/entry.client.tsx": js`
+        import { HydratedRouter } from "react-router/dom";
+        import { startTransition, StrictMode } from "react";
+        import { hydrateRoot } from "react-dom/client";
+
+        startTransition(() => {
+          hydrateRoot(
+            document,
+            <StrictMode>
+              <HydratedRouter
+                instrumentations={[{
+                  router(router) {
+                    router.instrument({
+                      async navigate(impl, info) {
+                        console.log("start navigate", JSON.stringify(Object.entries(info).sort()));
+                        await impl();
+                        console.log("end navigate", JSON.stringify(Object.entries(info).sort()));
+                      },
+                      async fetch(impl, info) {
+                        console.log("start fetch", JSON.stringify(Object.entries(info).sort()));
+                        await impl();
+                        console.log("end fetch", JSON.stringify(Object.entries(info).sort()));
+                      }
+                    })
+                  },
+                  route(route) {
+                    route.instrument({
+                      async loader(impl, info) {
+                        let path = new URL(info.request.url).pathname;
+                        console.log("start loader", route.id, path);
+                        await impl();
+                        console.log("end loader", route.id, path);
+                      },
+                      async action(impl, info) {
+                        let path = new URL(info.request.url).pathname;
+                        console.log("start action", route.id, path);
+                        await impl();
+                        console.log("end action", route.id, path);
+                      }
+                    })
+                  }
+                }]}
+              />
+            </StrictMode>
+          );
+        });
+      `,
+      "app/routes/_index.tsx": js`
+        import { Link } from "react-router";
+        export default function Index() {
+          return <Link to="/page">Go to Page</Link>;
+        }
+      `,
+      "app/routes/page.tsx": js`
+        import { useFetcher } from "react-router";
+        export function loader() {
+          return { data: "hello world" };
+        }
+        export function action() {
+          return "OK";
+        }
+        export default function Page({ loaderData }) {
+          let fetcher = useFetcher({ key: 'a' });
+          return (
+            <>
+              <h1 data-page>{loaderData.data}</h1>;
+              <button data-fetch onClick={() => fetcher.submit({ key: 'value' }, {
+                method: 'post',
+                action: "/page"
+              })}>
+                Fetch
+              </button>
+              {fetcher.data ? <pre data-fetcher-data>{fetcher.data}</pre> : null}
+            </>
+          );
+        }
+      `,
+    },
+  });
+
+  let logs: string[] = [];
+  page.on("console", (msg) => logs.push(msg.text()));
+
+  let appFixture = await createAppFixture(fixture);
+  let app = new PlaywrightFixture(appFixture, page);
+
+  await app.goto("/", true);
+  await page.click('a[href="/page"]');
+  await page.waitForSelector("[data-page]");
+
+  expect(await app.getHtml()).toContain("hello world");
+  expect(logs).toEqual([
+    'start navigate [["currentUrl","/"],["to","/page"]]',
+    "start loader root /page",
+    "start loader routes/page /page",
+    "end loader root /page",
+    "end loader routes/page /page",
+    'end navigate [["currentUrl","/"],["to","/page"]]',
+  ]);
+  logs.splice(0);
+
+  await page.click("[data-fetch]");
+  await page.waitForSelector("[data-fetcher-data]");
+  await expect(page.locator("[data-fetcher-data]")).toContainText("OK");
+  expect(logs).toEqual([
+    'start fetch [["body",{"key":"value"}],["currentUrl","/page"],["fetcherKey","a"],["formData",null],["formEncType","application/x-www-form-urlencoded"],["formMethod","post"],["href","/page"]]',
+    "start action routes/page /page",
+    "end action routes/page /page",
+    "start loader root /page",
+    "start loader routes/page /page",
+    "end loader root /page",
+    "end loader routes/page /page",
+    'end fetch [["body",{"key":"value"}],["currentUrl","/page"],["fetcherKey","a"],["formData",null],["formEncType","application/x-www-form-urlencoded"],["formMethod","post"],["href","/page"]]',
+  ]);
+
+  appFixture.close();
+});
diff --git a/tests/react-router-framework/integration/bug-report-test.ts b/tests/react-router-framework/integration/bug-report-test.ts
new file mode 100644
index 00000000..2ea6b9ce
--- /dev/null
+++ b/tests/react-router-framework/integration/bug-report-test.ts
@@ -0,0 +1,127 @@
+import { test, expect } from "@playwright/test";
+
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+
+let fixture: Fixture;
+let appFixture: AppFixture;
+
+////////////////////////////////////////////////////////////////////////////////
+// 👋 Hola! I'm here to help you write a great bug report pull request.
+//
+// You don't need to fix the bug, this is just to report one.
+//
+// The pull request you are submitting is supposed to fail when created, to let
+// the team see the erroneous behavior, and understand what's going wrong.
+//
+// If you happen to have a fix as well, it will have to be applied in a subsequent
+// commit to this pull request, and your now-succeeding test will have to be moved
+// to the appropriate file.
+//
+// First, make sure to install dependencies and build this repo. From the root of
+// the project, run this:
+//
+//    ```
+//    pnpm install && pnpm build
+//    ```
+//
+// If you have never installed playwright on your system before, you may also need
+// to install a browser engine:
+//
+//    ```
+//    pnpm exec playwright install chromium
+//    ```
+//
+// Now try running this test:
+//
+//    ```
+//    pnpm test:react-router-framework -- bug-report-test.ts --project chromium
+//    ```
+//
+// You can add `--watch` to the end to have it re-run on file changes:
+//
+//    ```
+//    pnpm test:react-router-framework -- bug-report-test.ts --project chromium --watch
+//    ```
+////////////////////////////////////////////////////////////////////////////////
+
+test.beforeEach(async ({ context }) => {
+  await context.route(/\.data$/, async (route) => {
+    await new Promise((resolve) => setTimeout(resolve, 50));
+    route.continue();
+  });
+});
+
+test.beforeAll(async () => {
+  fixture = await createFixture({
+    ////////////////////////////////////////////////////////////////////////////
+    // 💿 Next, add files to this object, just like files in a real app,
+    // `createFixture` will make an app and run your tests against it.
+    ////////////////////////////////////////////////////////////////////////////
+    files: {
+      "app/routes/_index.tsx": js`
+        import { useLoaderData, Link } from "react-router";
+
+        export function loader() {
+          return "pizza";
+        }
+
+        export default function Index() {
+          let data = useLoaderData();
+          return (
+            <div>
+              {data}
+              <Link to="/burgers">Other Route</Link>
+            </div>
+          )
+        }
+      `,
+
+      "app/routes/burgers.tsx": js`
+        export default function Index() {
+          return <div>cheeseburger</div>;
+        }
+      `,
+    },
+  });
+
+  // This creates an interactive app using playwright.
+  appFixture = await createAppFixture(fixture);
+});
+
+test.afterAll(() => {
+  appFixture.close();
+});
+
+////////////////////////////////////////////////////////////////////////////////
+// 💿 Almost done, now write your failing test case(s) down here Make sure to
+// add a good description for what you expect React Router to do 👇🏽
+////////////////////////////////////////////////////////////////////////////////
+
+test("[description of what you expect it to do]", async ({ page }) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  // You can test any request your app might get using `fixture`.
+  let response = await fixture.requestDocument("/");
+  expect(await response.text()).toMatch("pizza");
+
+  // If you need to test interactivity use the `app`
+  await app.goto("/");
+  await app.clickLink("/burgers");
+  await page.waitForSelector("text=cheeseburger");
+
+  // If you're not sure what's going on, you can "poke" the app, it'll
+  // automatically open up in your browser for 20 seconds, so be quick!
+  // await app.poke(20);
+
+  // Go check out the other tests to see what else you can do.
+});
+
+////////////////////////////////////////////////////////////////////////////////
+// 💿 Finally, push your changes to your fork of React Router
+// and open a pull request!
+////////////////////////////////////////////////////////////////////////////////
diff --git a/tests/react-router-framework/integration/build-test.ts b/tests/react-router-framework/integration/build-test.ts
new file mode 100644
index 00000000..d308b7c6
--- /dev/null
+++ b/tests/react-router-framework/integration/build-test.ts
@@ -0,0 +1,395 @@
+import * as path from "node:path";
+import { globSync } from "node:fs";
+import { test, expect } from "@playwright/test";
+import getPort from "get-port";
+
+import {
+  createProject,
+  build,
+  reactRouterServe,
+  reactRouterConfig,
+  rsbuildConfig,
+  grep,
+  bundlerTemplates,
+} from "./helpers/rsbuild.js";
+
+let port: number;
+let cwd: string;
+let stop: () => void;
+
+const js = String.raw;
+
+test.describe("Build", () => {
+  bundlerTemplates.forEach(({ templateName, templateDisplayName }) => {
+    test.describe(templateDisplayName, () => {
+      test.beforeAll(async () => {
+        port = await getPort();
+        cwd = await createProject(
+          {
+            ".env": `
+                ENV_VAR_FROM_DOTENV_FILE=true
+              `,
+            "react-router.config.ts": reactRouterConfig(),
+            "rsbuild.config.ts": js`
+                import { defineConfig } from "@rsbuild/core";
+                import { pluginMdx } from "@rsbuild/plugin-mdx";
+                import { pluginReact } from "@rsbuild/plugin-react";
+                import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+                export default defineConfig({
+                  ${await rsbuildConfig.server({ port })}
+                  ${rsbuildConfig.build({
+                    assetsInlineLimit: 0,
+                  })}
+                  plugins: [
+                    pluginReact(),
+                    pluginMdx(),
+                    pluginReactRouter(),
+                  ],
+                });
+              `,
+            "app/root.tsx": js`
+                import { Links, Meta, Outlet, Scripts } from "react-router";
+
+                export default function Root() {
+                  return (
+                    <html lang="en">
+                      <head>
+                        <Meta />
+                        <Links />
+                      </head>
+                      <body>
+                        <div id="content">
+                          <h1>Root</h1>
+                          <Outlet />
+                        </div>
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+              `,
+            "app/routes/_index.tsx": js`
+                import { useState, useEffect } from "react";
+
+                import { serverOnly1, serverOnly2 } from "../utils.server";
+
+                export const loader = () => {
+                  return { serverOnly1 }
+                }
+
+                export const action = () => {
+                  console.log(serverOnly2)
+                  return null
+                }
+
+                export default function() {
+                  const [mounted, setMounted] = useState(false);
+                  useEffect(() => {
+                    setMounted(true);
+                  }, []);
+
+                  return (
+                    <>
+                      <h2>Index</h2>
+                      {!mounted ? <h3>Loading...</h3> : <h3 data-mounted>Mounted</h3>}
+                    </>
+                  );
+                }
+              `,
+            "app/utils.server.ts": js`
+                export const serverOnly1 = "SERVER_ONLY_1"
+                export const serverOnly2 = "SERVER_ONLY_2"
+              `,
+            "app/routes/resource.ts": js`
+                import { serverOnly1, serverOnly2 } from "../utils.server";
+
+                export const loader = () => {
+                  return { serverOnly1 }
+                }
+
+                export const action = () => {
+                  console.log(serverOnly2)
+                  return null
+                }
+              `,
+            "app/routes/mdx.mdx": js`
+                import { useEffect, useState } from "react";
+                import { useLoaderData } from "react-router";
+
+                import { serverOnly1, serverOnly2 } from "../utils.server";
+
+                export const loader = () => {
+                  return {
+                    serverOnly1,
+                    content: "MDX route content from loader",
+                  }
+                }
+
+                export const action = () => {
+                  console.log(serverOnly2)
+                  return null
+                }
+
+                export function MdxComponent() {
+                  const [mounted, setMounted] = useState(false);
+                  useEffect(() => {
+                    setMounted(true);
+                  }, []);
+                  const { content } = useLoaderData();
+                  const text = content + (mounted
+                    ? ": mounted"
+                    : ": not mounted");
+                  return <div data-mdx-route>{text}</div>
+                }
+
+                ## MDX Route
+
+                <MdxComponent />
+              `,
+            "app/routes/code-split1.tsx": js`
+                import { CodeSplitComponent } from "../code-split-component";
+
+                export default function CodeSplit1Route() {
+                  return <div id="code-split1"><CodeSplitComponent /></div>;
+                }
+              `,
+            "app/routes/code-split2.tsx": js`
+                import { CodeSplitComponent } from "../code-split-component";
+
+                export default function CodeSplit2Route() {
+                  return <div id="code-split2"><CodeSplitComponent /></div>;
+                }
+              `,
+            "app/code-split-component.tsx": js`
+                import classes from "./code-split.module.css";
+
+                export function CodeSplitComponent() {
+                  return <span className={classes.test}>ok</span>
+                }
+              `,
+            "app/code-split.module.css": js`
+                .test {
+                  background-color: rgb(255, 170, 0);
+                }
+              `,
+            "app/routes/dotenv.tsx": js`
+                import { useLoaderData } from "react-router";
+
+                export const loader = () => {
+                  return {
+                    loaderContent: process.env.ENV_VAR_FROM_DOTENV_FILE ?? '.env file was NOT loaded, which is a good thing',
+                  }
+                }
+
+                export default function DotenvRoute() {
+                  const { loaderContent } = useLoaderData();
+
+                  return <div data-dotenv-route-loader-content>{loaderContent}</div>;
+                }
+              `,
+
+            "app/assets/test.txt": "test",
+            "app/routes/ssr-only-assets.tsx": js`
+                import txtUrl from "../assets/test.txt?url";
+                import { useLoaderData } from "react-router"
+
+                export const loader: LoaderFunction = () => {
+                  return { txtUrl };
+                };
+
+                export default function SsrOnlyAssetsRoute() {
+                  const loaderData = useLoaderData();
+                  return (
+                    <div>
+                      <a href={loaderData.txtUrl}>txtUrl</a>
+                    </div>
+                  );
+                }
+              `,
+
+            "app/assets/test.css": ".test{color:red}",
+            "app/routes/ssr-only-css-url-files.tsx": js`
+                import cssUrl from "../assets/test.css?url";
+                import { useLoaderData } from "react-router"
+
+                export const loader: LoaderFunction = () => {
+                  return { cssUrl };
+                };
+
+                export default function SsrOnlyCssUrlFilesRoute() {
+                  const loaderData = useLoaderData();
+                  return (
+                    <div>
+                      <a href={loaderData.cssUrl}>cssUrl</a>
+                    </div>
+                  );
+                }
+              `,
+
+            "app/routes/ssr-code-split.tsx": js`
+                import { useLoaderData } from "react-router"
+
+                export const loader: LoaderFunction = async () => {
+                  const lib = await import("../ssr-code-split-lib");
+                  return lib.ssrCodeSplitTest();
+                };
+
+                export default function SsrCodeSplitRoute() {
+                  const loaderData = useLoaderData();
+                  return (
+                    <div data-ssr-code-split>{loaderData}</div>
+                  );
+                }
+              `,
+
+            "app/ssr-code-split-lib.ts": js`
+                export function ssrCodeSplitTest() {
+                  return "ssrCodeSplitTest";
+                }
+              `,
+          },
+          templateName,
+        );
+
+        let { stderr, status } = build({ cwd });
+        expect(
+          stderr
+            .toString()
+            // This can be removed when this issue is fixed: https://github.com/remix-run/remix/issues/9055
+            .replace('Generated an empty chunk: "resource".', "")
+            .trim(),
+        ).toBeFalsy();
+        expect(status).toBe(0);
+        stop = await reactRouterServe({ cwd, port });
+      });
+      test.afterAll(() => stop());
+
+      test("server code is removed from client build", async () => {
+        expect(
+          grep(path.join(cwd, "build/client"), /SERVER_ONLY_1/).length,
+        ).toBe(0);
+        expect(
+          grep(path.join(cwd, "build/client"), /SERVER_ONLY_2/).length,
+        ).toBe(0);
+      });
+
+      test("renders matching MDX routes", async ({ page }) => {
+        let pageErrors: Error[] = [];
+        page.on("pageerror", (error) => pageErrors.push(error));
+
+        await page.goto(`http://localhost:${port}/mdx`, {
+          waitUntil: "networkidle",
+        });
+        await expect(page.locator("[data-mdx-route]")).toHaveText(
+          "MDX route content from loader: mounted",
+        );
+        expect(pageErrors).toEqual([]);
+      });
+
+      test("emits SSR-only assets to the client assets directory", async ({
+        page,
+      }) => {
+        let pageErrors: Error[] = [];
+        page.on("pageerror", (error) => pageErrors.push(error));
+
+        await page.goto(`http://localhost:${port}/ssr-only-assets`, {
+          waitUntil: "networkidle",
+        });
+
+        await page.getByRole("link", { name: "txtUrl" }).click();
+        // rsbuild emits static assets as static/assets/[name].[hash][ext]
+        await page.waitForURL("**/static/assets/test.*.txt");
+        await expect(page.getByText("test")).toBeVisible();
+        expect(pageErrors).toEqual([]);
+      });
+
+      test("emits SSR-only .css?url files to the client assets directory", async ({
+        page,
+      }) => {
+        let pageErrors: Error[] = [];
+        page.on("pageerror", (error) => pageErrors.push(error));
+
+        await page.goto(`http://localhost:${port}/ssr-only-css-url-files`, {
+          waitUntil: "networkidle",
+        });
+
+        await page.getByRole("link", { name: "cssUrl" }).click();
+        // rsbuild emits ?url CSS files as static assets
+        await page.waitForURL("**/static/assets/test.*.css");
+        await expect(page.getByText(".test{")).toBeVisible();
+        expect(pageErrors).toEqual([]);
+      });
+
+      test("supports code-split JS from SSR build", async ({ page }) => {
+        let pageErrors: Error[] = [];
+        page.on("pageerror", (error) => pageErrors.push(error));
+
+        await page.goto(`http://localhost:${port}/ssr-code-split`, {
+          waitUntil: "networkidle",
+        });
+
+        await expect(page.locator("[data-ssr-code-split]")).toHaveText(
+          "ssrCodeSplitTest",
+        );
+        expect(pageErrors).toEqual([]);
+      });
+
+      test("removes assets (other than code-split JS) and CSS files from SSR build", async () => {
+        // rsbuild layout: server chunks live under build/server/static/js.
+        // Assert no CSS or other static assets leak into the SSR build.
+        let nonJsFiles = globSync("build/server/static/**/*.*", { cwd }).filter(
+          (file) => !/\.js(\.map)?$/.test(file),
+        );
+        expect(nonJsFiles).toEqual([]);
+        // Code-split JS emitted by the SSR build is allowed
+        let codeSplitFiles = globSync("build/server/static/js/async/**/*.js", {
+          cwd,
+        });
+        expect(codeSplitFiles.length).toBeGreaterThanOrEqual(1);
+      });
+
+      test("supports code-split CSS", async ({ page }) => {
+        let pageErrors: unknown[] = [];
+        page.on("pageerror", (error) => pageErrors.push(error));
+
+        await page.goto(`http://localhost:${port}/code-split1`, {
+          waitUntil: "networkidle",
+        });
+        expect(
+          await page
+            .locator("#code-split1 span")
+            .evaluate((e) => window.getComputedStyle(e).backgroundColor),
+        ).toBe("rgb(255, 170, 0)");
+
+        await page.goto(`http://localhost:${port}/code-split2`, {
+          waitUntil: "networkidle",
+        });
+        expect(
+          await page
+            .locator("#code-split2 span")
+            .evaluate((e) => window.getComputedStyle(e).backgroundColor),
+        ).toBe("rgb(255, 170, 0)");
+
+        expect(pageErrors).toEqual([]);
+      });
+
+      test("doesn't load .env file", async ({ page }) => {
+        let pageErrors: unknown[] = [];
+        page.on("pageerror", (error) => pageErrors.push(error));
+
+        await page.goto(`http://localhost:${port}/dotenv`, {
+          waitUntil: "networkidle",
+        });
+        expect(pageErrors).toEqual([]);
+
+        let loaderContent = page.locator("[data-dotenv-route-loader-content]");
+        await expect(loaderContent).toHaveText(
+          ".env file was NOT loaded, which is a good thing",
+        );
+
+        expect(pageErrors).toEqual([]);
+      });
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/catch-boundary-data-test.ts b/tests/react-router-framework/integration/catch-boundary-data-test.ts
new file mode 100644
index 00000000..7dd5d66c
--- /dev/null
+++ b/tests/react-router-framework/integration/catch-boundary-data-test.ts
@@ -0,0 +1,258 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import { type TemplateName } from "./helpers/rsbuild.js";
+
+const templateNames = [
+  "rsbuild-template",
+  "rsc-framework",
+] as const satisfies TemplateName[];
+
+let ROOT_BOUNDARY_TEXT = "ROOT_TEXT" as const;
+let LAYOUT_BOUNDARY_TEXT = "LAYOUT_BOUNDARY_TEXT" as const;
+let OWN_BOUNDARY_TEXT = "OWN_BOUNDARY_TEXT" as const;
+
+let NO_BOUNDARY_LOADER_FILE = "/no.loader" as const;
+let NO_BOUNDARY_LOADER = "/no/loader" as const;
+
+let HAS_BOUNDARY_LAYOUT_NESTED_LOADER_FILE =
+  "/yes.loader-layout-boundary" as const;
+let HAS_BOUNDARY_LAYOUT_NESTED_LOADER = "/yes/loader-layout-boundary" as const;
+
+let HAS_BOUNDARY_NESTED_LOADER_FILE = "/yes.loader-self-boundary" as const;
+let HAS_BOUNDARY_NESTED_LOADER = "/yes/loader-self-boundary" as const;
+
+let ROOT_DATA = "root data";
+let LAYOUT_DATA = "root data";
+
+test.describe("ErrorBoundary (thrown responses)", () => {
+  for (const templateName of templateNames) {
+    let fixture: Fixture;
+    let appFixture: AppFixture;
+
+    test.describe(`template: ${templateName}`, () => {
+      test.beforeEach(async ({ context }) => {
+        await context.route(/.(data|rsc)/, async (route) => {
+          await new Promise((resolve) => setTimeout(resolve, 50));
+          route.continue();
+        });
+      });
+
+      test.beforeAll(async () => {
+        fixture = await createFixture({
+          templateName,
+          files: {
+            "app/root.tsx": js`
+              import {
+                Links,
+                Meta,
+                Outlet,
+                Scripts,
+                useLoaderData,
+                useMatches,
+              } from "react-router";
+
+              export const loader = () => "${ROOT_DATA}";
+
+              export default function Root() {
+                const loaderData = useLoaderData();
+
+                return (
+                  <html lang="en">
+                    <head>
+                      <Meta />
+                      <Links />
+                    </head>
+                    <body>
+                      <div id="root-data">{loaderData}</div>
+                      <Outlet />
+                      <Scripts />
+                    </body>
+                  </html>
+                );
+              }
+
+              export function ErrorBoundary() {
+                let matches = useMatches();
+                let { loaderData } = matches.find(match => match.id === "root");
+
+                return (
+                  <html>
+                    <head />
+                    <body>
+                      <div id="root-boundary">${ROOT_BOUNDARY_TEXT}</div>
+                      <div id="root-boundary-data">{loaderData}</div>
+                      <Scripts />
+                    </body>
+                  </html>
+                );
+              }
+            `,
+
+            "app/routes/_index.tsx": js`
+              import { Link } from "react-router";
+              export default function Index() {
+                return (
+                  <div>
+                    <Link to="${NO_BOUNDARY_LOADER}">${NO_BOUNDARY_LOADER}</Link>
+                    <Link to="${HAS_BOUNDARY_LAYOUT_NESTED_LOADER}">${HAS_BOUNDARY_LAYOUT_NESTED_LOADER}</Link>
+                    <Link to="${HAS_BOUNDARY_NESTED_LOADER}">${HAS_BOUNDARY_NESTED_LOADER}</Link>
+                  </div>
+                );
+              }
+            `,
+
+            [`app/routes${NO_BOUNDARY_LOADER_FILE}.jsx`]: js`
+              export function loader() {
+                throw new Response("", { status: 401 });
+              }
+              export default function Index() {
+                return <div/>;
+              }
+            `,
+
+            [`app/routes${HAS_BOUNDARY_LAYOUT_NESTED_LOADER_FILE}.jsx`]: js`
+              import { useMatches } from "react-router";
+              export function loader() {
+                return "${LAYOUT_DATA}";
+              }
+              export default function Layout() {
+                return <div/>;
+              }
+              export function ErrorBoundary() {
+                let matches = useMatches();
+                let { loaderData } = matches.find(match => match.id === "routes${HAS_BOUNDARY_LAYOUT_NESTED_LOADER_FILE}");
+
+                return (
+                  <div>
+                    <div id="layout-boundary">${LAYOUT_BOUNDARY_TEXT}</div>
+                    <div id="layout-boundary-data">{loaderData}</div>
+                  </div>
+                );
+              }
+            `,
+
+            [`app/routes${HAS_BOUNDARY_LAYOUT_NESTED_LOADER_FILE}._index.jsx`]: js`
+              export function loader() {
+                throw new Response("", { status: 401 });
+              }
+              export default function Index() {
+                return <div/>;
+              }
+            `,
+
+            [`app/routes${HAS_BOUNDARY_NESTED_LOADER_FILE}.jsx`]: js`
+              import { Outlet, useLoaderData } from "react-router";
+              export function loader() {
+                return "${LAYOUT_DATA}";
+              }
+              export default function Layout() {
+                let loaderData = useLoaderData();
+                return (
+                  <div>
+                    <div id="layout-data">{loaderData}</div>
+                    <Outlet/>
+                  </div>
+                );
+              }
+            `,
+
+            [`app/routes${HAS_BOUNDARY_NESTED_LOADER_FILE}._index.jsx`]: js`
+              export function loader() {
+                throw new Response("", { status: 401 });
+              }
+              export default function Index() {
+                return <div/>;
+              }
+              export function ErrorBoundary() {
+                return (
+                  <div id="own-boundary">${OWN_BOUNDARY_TEXT}</div>
+                );
+              }
+            `,
+          },
+        });
+
+        appFixture = await createAppFixture(fixture);
+      });
+
+      test.afterAll(() => {
+        appFixture.close();
+      });
+
+      test("renders root boundary with data available", async () => {
+        let res = await fixture.requestDocument(NO_BOUNDARY_LOADER);
+        expect(res.status).toBe(401);
+        let html = await res.text();
+        expect(html).toMatch(ROOT_BOUNDARY_TEXT);
+        expect(html).toMatch(ROOT_DATA);
+      });
+
+      test("renders root boundary with data available on transition", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+        await app.clickLink(NO_BOUNDARY_LOADER);
+        await page.waitForSelector("#root-boundary");
+        await page.waitForSelector(
+          `#root-boundary-data:has-text("${ROOT_DATA}")`,
+        );
+      });
+
+      test("renders layout boundary with data available", async () => {
+        let res = await fixture.requestDocument(
+          HAS_BOUNDARY_LAYOUT_NESTED_LOADER,
+        );
+        expect(res.status).toBe(401);
+        let html = await res.text();
+        expect(html).toMatch(ROOT_DATA);
+        expect(html).toMatch(LAYOUT_BOUNDARY_TEXT);
+        expect(html).toMatch(LAYOUT_DATA);
+      });
+
+      test("renders layout boundary with data available on transition", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+        await app.clickLink(HAS_BOUNDARY_LAYOUT_NESTED_LOADER);
+        await page.waitForSelector(`#root-data:has-text("${ROOT_DATA}")`);
+        await page.waitForSelector(
+          `#layout-boundary:has-text("${LAYOUT_BOUNDARY_TEXT}")`,
+        );
+        await page.waitForSelector(
+          `#layout-boundary-data:has-text("${LAYOUT_DATA}")`,
+        );
+      });
+
+      test("renders self boundary with layout data available", async () => {
+        let res = await fixture.requestDocument(HAS_BOUNDARY_NESTED_LOADER);
+        expect(res.status).toBe(401);
+        let html = await res.text();
+        expect(html).toMatch(ROOT_DATA);
+        expect(html).toMatch(LAYOUT_DATA);
+        expect(html).toMatch(OWN_BOUNDARY_TEXT);
+      });
+
+      test("renders self boundary with layout data available on transition", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+        await app.clickLink(HAS_BOUNDARY_NESTED_LOADER);
+        await page.waitForSelector(`#root-data:has-text("${ROOT_DATA}")`);
+        await page.waitForSelector(`#layout-data:has-text("${LAYOUT_DATA}")`);
+        await page.waitForSelector(
+          `#own-boundary:has-text("${OWN_BOUNDARY_TEXT}")`,
+        );
+      });
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/catch-boundary-test.ts b/tests/react-router-framework/integration/catch-boundary-test.ts
new file mode 100644
index 00000000..c4f2a8fe
--- /dev/null
+++ b/tests/react-router-framework/integration/catch-boundary-test.ts
@@ -0,0 +1,379 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("ErrorBoundary (thrown responses)", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+  let originalConsoleError: typeof console.error;
+  let originalConsoleWarn: typeof console.warn;
+
+  let ROOT_BOUNDARY_TEXT = "ROOT_TEXT" as const;
+  let OWN_BOUNDARY_TEXT = "OWN_BOUNDARY_TEXT" as const;
+
+  let HAS_BOUNDARY_LOADER = "/yes/loader" as const;
+  let HAS_BOUNDARY_LOADER_FILE = "/yes.loader" as const;
+  let HAS_BOUNDARY_ACTION = "/yes/action" as const;
+  let HAS_BOUNDARY_ACTION_FILE = "/yes.action" as const;
+  let NO_BOUNDARY_ACTION = "/no/action" as const;
+  let NO_BOUNDARY_ACTION_FILE = "/no.action" as const;
+  let NO_BOUNDARY_LOADER = "/no/loader" as const;
+  let NO_BOUNDARY_LOADER_FILE = "/no.loader" as const;
+
+  let NOT_FOUND_HREF = "/not/found";
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+            import { Links, Meta, Outlet, Scripts, useMatches } from "react-router";
+
+            export function loader() {
+              return { data: "ROOT LOADER" };
+            }
+
+            export default function Root() {
+              return (
+                <html lang="en">
+                  <head>
+                    <Meta />
+                    <Links />
+                  </head>
+                  <body>
+                    <Outlet />
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export function ErrorBoundary() {
+              let matches = useMatches()
+              return (
+                <html>
+                  <head />
+                  <body>
+                    <div id="root-boundary">${ROOT_BOUNDARY_TEXT}</div>
+                    <pre id="matches">{JSON.stringify(matches)}</pre>
+                    <Scripts />
+                  </body>
+                </html>
+              )
+            }
+          `,
+
+        "app/routes/_index.tsx": js`
+            import { Link, Form } from "react-router";
+            export default function() {
+              return (
+                <div>
+                  <Link to="${NOT_FOUND_HREF}">${NOT_FOUND_HREF}</Link>
+
+                  <Form method="post">
+                    <button formAction="${HAS_BOUNDARY_ACTION}" type="submit" />
+                    <button formAction="${NO_BOUNDARY_ACTION}" type="submit" />
+                  </Form>
+
+                  <Link to="${HAS_BOUNDARY_LOADER}">
+                    ${HAS_BOUNDARY_LOADER}
+                  </Link>
+                  <Link to="${HAS_BOUNDARY_LOADER}/child">
+                    ${HAS_BOUNDARY_LOADER}/child
+                  </Link>
+                  <Link to="${NO_BOUNDARY_LOADER}">
+                    ${NO_BOUNDARY_LOADER}
+                  </Link>
+                </div>
+              )
+            }
+          `,
+
+        [`app/routes${HAS_BOUNDARY_ACTION_FILE}.jsx`]: js`
+            import { Form } from "react-router";
+            export async function action() {
+              throw new Response("", { status: 401 })
+            }
+            export function ErrorBoundary() {
+              return <p id="action-boundary">${OWN_BOUNDARY_TEXT}</p>
+            }
+            export default function Index() {
+              return (
+                <Form method="post">
+                  <button type="submit" formAction="${HAS_BOUNDARY_ACTION}">
+                    Go
+                  </button>
+                </Form>
+              );
+            }
+          `,
+
+        [`app/routes${NO_BOUNDARY_ACTION_FILE}.jsx`]: js`
+            import { Form } from "react-router";
+            export function action() {
+              throw new Response("", { status: 401 })
+            }
+            export default function Index() {
+              return (
+                <Form method="post">
+                  <button type="submit" formAction="${NO_BOUNDARY_ACTION}">
+                    Go
+                  </button>
+                </Form>
+              )
+            }
+          `,
+
+        [`app/routes${HAS_BOUNDARY_LOADER_FILE}.jsx`]: js`
+            import { useRouteError } from "react-router";
+            export function loader() {
+              throw new Response("", { status: 401 })
+            }
+            export function ErrorBoundary() {
+              let error = useRouteError();
+              return (
+                <>
+                  <div id="boundary-loader">${OWN_BOUNDARY_TEXT}</div>
+                  <pre id="status">{error.status}</pre>
+                </>
+              );
+            }
+            export default function Index() {
+              return <div/>
+            }
+          `,
+
+        [`app/routes${HAS_BOUNDARY_LOADER_FILE}.child.jsx`]: js`
+            export function loader() {
+              throw new Response("", { status: 404 })
+            }
+            export default function Index() {
+              return <div/>
+            }
+          `,
+
+        [`app/routes${NO_BOUNDARY_LOADER_FILE}.jsx`]: js`
+            export function loader() {
+              throw new Response("", { status: 401 })
+            }
+            export default function Index() {
+              return <div/>
+            }
+          `,
+
+        "app/routes/action.tsx": js`
+            import { Outlet, useLoaderData } from "react-router";
+
+            export function loader() {
+              return "PARENT";
+            }
+
+            export default function () {
+              return (
+                <div>
+                  <p id="parent-data">{useLoaderData()}</p>
+                  <Outlet />
+                </div>
+              )
+            }
+          `,
+
+        "app/routes/action.child-catch.tsx": js`
+            import { Form, useLoaderData, useRouteError } from "react-router";
+
+            export function loader() {
+              return "CHILD";
+            }
+
+            export function action() {
+              throw new Response("Caught!", { status: 400 });
+            }
+
+            export default function () {
+              return (
+                <>
+                  <p id="child-data">{useLoaderData()}</p>
+                  <Form method="post" reloadDocument={true}>
+                    <button type="submit" name="key" value="value">
+                      Submit
+                    </button>
+                  </Form>
+                </>
+              )
+            }
+
+            export function ErrorBoundary() {
+              let error = useRouteError()
+              return <p id="child-catch">{error.status} {error.data}</p>;
+            }
+          `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+    originalConsoleError = console.error;
+    console.error = () => {};
+    originalConsoleWarn = console.warn;
+    console.warn = () => {};
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+    console.error = originalConsoleError;
+    console.warn = originalConsoleWarn;
+  });
+
+  test("non-matching urls on document requests", async () => {
+    let oldConsoleError;
+    oldConsoleError = console.error;
+    console.error = () => {};
+
+    let res = await fixture.requestDocument(NOT_FOUND_HREF);
+    expect(res.status).toBe(404);
+    let html = await res.text();
+    expect(html).toMatch(ROOT_BOUNDARY_TEXT);
+
+    // There should be no loader data on the root route
+    let expected = JSON.stringify([
+      { id: "root", pathname: "", params: {} },
+    ]).replace(/"/g, "&quot;");
+    expect(html).toContain(`<pre id="matches">${expected}</pre>`);
+
+    console.error = oldConsoleError;
+  });
+
+  test("non-matching urls on client transitions", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink(NOT_FOUND_HREF, { wait: false });
+    await page.waitForSelector("#root-boundary");
+
+    // Root loader data sticks around from previous load
+    let expected = JSON.stringify([
+      {
+        id: "root",
+        pathname: "",
+        params: {},
+        loaderData: { data: "ROOT LOADER" },
+      },
+    ]);
+    expect(await app.getHtml("#matches")).toContain(expected);
+  });
+
+  test("own boundary, action, document request", async () => {
+    let params = new URLSearchParams();
+    let res = await fixture.postDocument(HAS_BOUNDARY_ACTION, params);
+    expect(res.status).toBe(401);
+    expect(await res.text()).toMatch(OWN_BOUNDARY_TEXT);
+  });
+
+  test("own boundary, action, client transition from other route", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton(HAS_BOUNDARY_ACTION);
+    await page.waitForSelector("#action-boundary");
+  });
+
+  test("own boundary, action, client transition from itself", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto(HAS_BOUNDARY_ACTION);
+    await app.clickSubmitButton(HAS_BOUNDARY_ACTION);
+    await page.waitForSelector("#action-boundary");
+  });
+
+  test("bubbles to parent in action document requests", async () => {
+    let params = new URLSearchParams();
+    let res = await fixture.postDocument(NO_BOUNDARY_ACTION, params);
+    expect(res.status).toBe(401);
+    expect(await res.text()).toMatch(ROOT_BOUNDARY_TEXT);
+  });
+
+  test("bubbles to parent in action script transitions from other routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton(NO_BOUNDARY_ACTION);
+    await page.waitForSelector("#root-boundary");
+  });
+
+  test("bubbles to parent in action script transitions from self", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto(NO_BOUNDARY_ACTION);
+    await app.clickSubmitButton(NO_BOUNDARY_ACTION);
+    await page.waitForSelector("#root-boundary");
+  });
+
+  test("own boundary, loader, document request", async () => {
+    let res = await fixture.requestDocument(HAS_BOUNDARY_LOADER);
+    expect(res.status).toBe(401);
+    expect(await res.text()).toMatch(OWN_BOUNDARY_TEXT);
+  });
+
+  test("own boundary, loader, client transition", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink(HAS_BOUNDARY_LOADER);
+    await page.waitForSelector("#boundary-loader");
+  });
+
+  test("bubbles to parent in loader document requests", async () => {
+    let res = await fixture.requestDocument(NO_BOUNDARY_LOADER);
+    expect(res.status).toBe(401);
+    expect(await res.text()).toMatch(ROOT_BOUNDARY_TEXT);
+  });
+
+  test("bubbles to parent in loader transitions from other routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink(NO_BOUNDARY_LOADER);
+    await page.waitForSelector("#root-boundary");
+  });
+
+  test("uses correct catch boundary on server action errors", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto(`/action/child-catch`);
+    expect(await app.getHtml("#parent-data")).toMatch("PARENT");
+    expect(await app.getHtml("#child-data")).toMatch("CHILD");
+    await page.click("button[type=submit]");
+    await page.waitForSelector("#child-catch");
+    // Preserves parent loader data
+    expect(await app.getHtml("#parent-data")).toMatch("PARENT");
+    expect(await app.getHtml("#child-catch")).toMatch("400");
+    expect(await app.getHtml("#child-catch")).toMatch("Caught!");
+  });
+
+  test("prefers parent catch when child loader also bubbles, document request", async () => {
+    let res = await fixture.requestDocument(`${HAS_BOUNDARY_LOADER}/child`);
+    expect(res.status).toBe(401);
+    let text = await res.text();
+    expect(text).toMatch(OWN_BOUNDARY_TEXT);
+    expect(text).toMatch('<pre id="status">401</pre>');
+  });
+
+  test("prefers parent catch when child loader also bubbles, client transition", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink(`${HAS_BOUNDARY_LOADER}/child`);
+    await page.waitForSelector("#boundary-loader");
+    expect(await app.getHtml("#boundary-loader")).toMatch(OWN_BOUNDARY_TEXT);
+    expect(await app.getHtml("#status")).toMatch("401");
+  });
+});
diff --git a/tests/react-router-framework/integration/cli-test.ts b/tests/react-router-framework/integration/cli-test.ts
new file mode 100644
index 00000000..c3e2b160
--- /dev/null
+++ b/tests/react-router-framework/integration/cli-test.ts
@@ -0,0 +1,184 @@
+import { spawnSync } from "node:child_process";
+import { existsSync, rmSync } from "node:fs";
+import * as path from "node:path";
+
+import { expect, test } from "@playwright/test";
+import dedent from "dedent";
+import semver from "semver";
+
+import { createProject } from "./helpers/rsbuild";
+
+const nodeBin = process.argv[0];
+const reactRouterBin = "node_modules/@react-router/dev/dist/cli/index.js";
+
+const run = (command: string[], options: Parameters<typeof spawnSync>[2]) =>
+  spawnSync(nodeBin, [reactRouterBin, ...command], options);
+
+const helpText = dedent`
+  react-router
+
+    Usage:
+      $ react-router build [projectDir]
+      $ react-router dev [projectDir]
+      $ react-router routes [projectDir]
+
+    Options:
+      --help, -h          Print this help message and exit
+      --version, -v       Print the CLI version and exit
+      --no-color          Disable ANSI colors in console output
+    \`build\` Options:
+      --assetsInlineLimit Static asset base64 inline threshold in bytes (default: 4096) (number)
+      --clearScreen       Allow/disable clear screen when logging (boolean)
+      --config, -c        Use specified config file (string)
+      --emptyOutDir       Force empty outDir when it's outside of root (boolean)
+      --logLevel, -l      Info | warn | error | silent (string)
+      --minify            Enable/disable minification, or specify minifier to use (default: "esbuild") (boolean | "terser" | "esbuild")
+      --mode, -m          Set env mode (string)
+      --profile           Start built-in Node.js inspector
+      --sourcemapClient   Output source maps for client build (default: false) (boolean | "inline" | "hidden")
+      --sourcemapServer   Output source maps for server build (default: false) (boolean | "inline" | "hidden")
+    \`dev\` Options:
+      --clearScreen       Allow/disable clear screen when logging (boolean)
+      --config, -c        Use specified config file (string)
+      --cors              Enable CORS (boolean)
+      --force             Force the optimizer to ignore the cache and re-bundle (boolean)
+      --host              Specify hostname (string)
+      --logLevel, -l      Info | warn | error | silent (string)
+      --mode, -m          Set env mode (string)
+      --open              Open browser on startup (boolean | string)
+      --port              Specify port (number)
+      --profile           Start built-in Node.js inspector
+      --strictPort        Exit if specified port is already in use (boolean)
+    \`routes\` Options:
+      --config, -c        Use specified Vite config file (string)
+      --json              Print the routes as JSON
+    \`reveal\` Options:
+      --config, -c        Use specified Vite config file (string)
+      --no-typescript     Generate plain JavaScript files
+    \`typegen\` Options:
+      --watch             Automatically regenerate types whenever route config (\`routes.ts\`) or route modules change
+
+    Build your project:
+
+      $ react-router build
+
+    Run your project locally in development:
+
+      $ react-router dev
+
+    Show all routes in your app:
+
+      $ react-router routes
+      $ react-router routes my-app
+      $ react-router routes --json
+      $ react-router routes --config vite.react-router.config.ts
+
+    Reveal the used entry point:
+
+      $ react-router reveal entry.client
+      $ react-router reveal entry.server
+      $ react-router reveal entry.client --no-typescript
+      $ react-router reveal entry.server --no-typescript
+      $ react-router reveal entry.server --config vite.react-router.config.ts
+
+    Generate types for route modules:
+
+     $ react-router typegen
+     $ react-router typegen --watch
+`;
+
+test.describe("cli", () => {
+  test("--help", async () => {
+    const cwd = await createProject();
+    const { stdout, stderr, status } = run(["--help"], {
+      cwd,
+      env: {
+        NO_COLOR: "1",
+      },
+    });
+    expect(stdout.toString().trim()).toBe(helpText);
+    expect(stderr.toString()).toBe("");
+    expect(status).toBe(0);
+  });
+
+  test("--version", async () => {
+    const cwd = await createProject();
+    let { stdout, stderr, status } = run(["--version"], { cwd });
+    expect(semver.valid(stdout.toString().trim())).not.toBeNull();
+    expect(stderr.toString()).toBe("");
+    expect(status).toBe(0);
+  });
+
+  test("routes", async () => {
+    const cwd = await createProject();
+    let { stdout, stderr, status } = run(["routes"], { cwd });
+
+    // Filter out future flag warnings for the format:
+    // ⚠️  Future Flag Warning: [Something] is changing in React Router v8.
+    //     You can use the `future.v8_[whatever]` flag to opt in early.
+    //     -> https://reactrouter.com/upgrading/future-flags#v8_[whatever]
+    let filteredStdOut = stdout.toString().split("\n");
+    while (filteredStdOut[0]?.includes("Future Flag Warning:")) {
+      filteredStdOut.splice(0, 3);
+    }
+
+    expect(filteredStdOut.join("\n").trim()).toBe(dedent`
+      <Routes>
+        <Route file="root.tsx">
+          <Route index file="routes/_index.tsx" />
+        </Route>
+      </Routes>
+    `);
+    expect(stderr.toString()).toBe("");
+    expect(status).toBe(0);
+  });
+
+  test.describe("reveal", async () => {
+    test("generates entry.{server,client}.tsx in the app directory", async () => {
+      const cwd = await createProject();
+      let entryClientFile = path.join(cwd, "app", "entry.client.tsx");
+      let entryServerFile = path.join(cwd, "app", "entry.server.tsx");
+
+      expect(existsSync(entryServerFile)).toBeFalsy();
+      expect(existsSync(entryClientFile)).toBeFalsy();
+
+      run(["reveal"], { cwd });
+
+      expect(existsSync(entryServerFile)).toBeTruthy();
+      expect(existsSync(entryClientFile)).toBeTruthy();
+    });
+
+    test("generates specified entries in the app directory", async () => {
+      const cwd = await createProject();
+
+      let entryClientFile = path.join(cwd, "app", "entry.client.tsx");
+      let entryServerFile = path.join(cwd, "app", "entry.server.tsx");
+
+      expect(existsSync(entryServerFile)).toBeFalsy();
+      expect(existsSync(entryClientFile)).toBeFalsy();
+
+      run(["reveal", "entry.server"], { cwd });
+      expect(existsSync(entryServerFile)).toBeTruthy();
+      expect(existsSync(entryClientFile)).toBeFalsy();
+      rmSync(entryServerFile);
+
+      run(["reveal", "entry.client"], { cwd });
+      expect(existsSync(entryClientFile)).toBeTruthy();
+      expect(existsSync(entryServerFile)).toBeFalsy();
+    });
+
+    test("generates entry.{server,client}.jsx in the app directory with --no-typescript", async () => {
+      const cwd = await createProject();
+      let entryClientFile = path.join(cwd, "app", "entry.client.jsx");
+      let entryServerFile = path.join(cwd, "app", "entry.server.jsx");
+
+      expect(existsSync(entryServerFile)).toBeFalsy();
+      expect(existsSync(entryClientFile)).toBeFalsy();
+
+      run(["reveal", "--no-typescript"], { cwd });
+
+      expect(existsSync(entryServerFile)).toBeTruthy();
+      expect(existsSync(entryClientFile)).toBeTruthy();
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/client-data-test.ts b/tests/react-router-framework/integration/client-data-test.ts
new file mode 100644
index 00000000..32360062
--- /dev/null
+++ b/tests/react-router-framework/integration/client-data-test.ts
@@ -0,0 +1,1772 @@
+import { test, expect } from "@playwright/test";
+
+import { UNSAFE_ServerMode as ServerMode } from "react-router";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import { type TemplateName, reactRouterConfig } from "./helpers/rsbuild.js";
+
+const templateNames = [
+  "rsbuild-template",
+  "rsc-framework",
+] as const satisfies TemplateName[];
+
+test.describe("Client Data", () => {
+  for (const templateName of templateNames) {
+    function getFiles(
+      routeBaseFileName: string,
+      {
+        parentClientLoader,
+        parentClientLoaderHydrate,
+        parentAdditions,
+        childClientLoader,
+        childClientLoaderHydrate,
+        childAdditions,
+      }: {
+        parentClientLoader: boolean;
+        parentClientLoaderHydrate: boolean;
+        parentAdditions?: string;
+        childClientLoader: boolean;
+        childClientLoaderHydrate: boolean;
+        childAdditions?: string;
+      },
+    ) {
+      return {
+        [`app/routes/${routeBaseFileName}.parent.tsx`]: js`
+          import { Outlet, useLoaderData } from "react-router"
+          export function loader() {
+            return { message: 'Parent Server Loader' };
+          }
+          ${
+            parentClientLoader
+              ? js`
+                  export async function clientLoader({ serverLoader }) {
+                    // Need a small delay to ensure we capture the server-rendered
+                    // fallbacks for assertions
+                    await new Promise(r => setTimeout(r, 100))
+                    let data = await serverLoader();
+                    return { message: data.message + " (mutated by client)" };
+                  }
+                `
+              : ""
+          }
+          ${
+            parentClientLoaderHydrate
+              ? js`
+                  clientLoader.hydrate = true;
+                  export function HydrateFallback() {
+                    return <p>Parent Fallback</p>
+                  }
+                `
+              : ""
+          }
+          ${parentAdditions || ""}
+          export default function Component() {
+            let data = useLoaderData();
+            return (
+              <>
+                <p id="parent-data">{data.message}</p>
+                <Outlet/>
+              </>
+            );
+          }
+        `,
+        [`app/routes/${routeBaseFileName}.parent.child.tsx`]: js`
+          import { Form, Outlet, useActionData, useLoaderData } from "react-router"
+          export function loader() {
+            return { message: 'Child Server Loader' };
+          }
+          export function action() {
+            return { message: 'Child Server Action' };
+          }
+          ${
+            childClientLoader
+              ? js`
+                  export async function clientLoader({ serverLoader }) {
+                    // Need a small delay to ensure we capture the server-rendered
+                    // fallbacks for assertions
+                    await new Promise(r => setTimeout(r, 100))
+                    let data = await serverLoader();
+                    return { message: data.message + " (mutated by client)" };
+                  }
+                `
+              : ""
+          }
+          ${
+            childClientLoaderHydrate
+              ? js`
+                  clientLoader.hydrate = true;
+                  export function HydrateFallback() {
+                    return <p>Child Fallback</p>
+                  }
+                `
+              : ""
+          }
+          ${childAdditions || ""}
+          export default function Component() {
+            let data = useLoaderData();
+            let actionData = useActionData();
+            return (
+              <>
+                <p id="child-data">{data.message}</p>
+                <Form method="post">
+                  <button type="submit">Submit</button>
+                  {actionData ? <p id="child-action-data">{actionData.message}</p> : null}
+                </Form>
+              </>
+            );
+          }
+        `,
+      };
+    }
+
+    test.describe(`template: ${templateName}`, () => {
+      for (const splitRouteModules of [true, false]) {
+        test.describe(`splitRouteModules: ${splitRouteModules}`, () => {
+          test.skip(
+            templateName.includes("rsc") && splitRouteModules,
+            "RSC Framework Mode doesn't support splitRouteModules",
+          );
+
+          test.skip(
+            ({ browserName }) =>
+              Boolean(process.env.CI) &&
+              splitRouteModules &&
+              (browserName === "webkit" || process.platform === "win32"),
+            "Webkit/Windows tests only run on a single worker in CI and splitRouteModules is not OS/browser-specific",
+          );
+
+          let appFixture: AppFixture;
+
+          test.beforeAll(async () => {
+            appFixture = await createAppFixture(
+              await createFixture(
+                {
+                  templateName,
+                  files: {
+                    "react-router.config.ts": reactRouterConfig({
+                      splitRouteModules,
+                    }),
+                    "app/root.tsx": js`
+                      import { Form, Outlet, Scripts } from "react-router"
+
+                      export const middleware = [
+                        async ({ request }, next) => {
+                          let response = await next();
+
+                          if (
+                            request.method === "GET" &&
+                            response instanceof Response &&
+                            response.status === 200 &&
+                            request.headers.get("sec-purpose") === "prefetch" &&
+                            !response.headers.has("Cache-Control")
+                          ) {
+                            let cachedResponse = new Response(response.body, response);
+                            cachedResponse.headers.set("Cache-Control", "max-age=5");
+                            return cachedResponse;
+                          }
+                          return response;
+                        }
+                      ];
+
+                      export default function Root() {
+                        return (
+                          <html>
+                            <head></head>
+                            <body>
+                              <main>
+                                <Outlet />
+                              </main>
+                              <Scripts />
+                            </body>
+                          </html>
+                        );
+                      }
+                    `,
+                    "app/routes/_index.tsx": js`
+                      import { Link } from "react-router"
+                      export default function Component() {
+                        return (
+                          <ul>
+                            <li><Link to="/client-loader-lazy/no-client-loaders-or-fallbacks/parent/child">/client-loader-lazy/no-client-loaders-or-fallbacks/parent/child</Link></li>
+                            <li><Link to="/client-loader-lazy/parent-client-loader/parent/child">/client-loader-lazy/parent-client-loader/parent/child</Link></li>
+                            <li><Link to="/client-loader-lazy/child-client-loader/parent/child">/client-loader-lazy/child-client-loader/parent/child</Link></li>
+                            <li><Link to="/client-loader-lazy/parent-client-loader-child-client-loader/parent/child">/client-loader-lazy/parent-client-loader-child-client-loader/parent/child</Link></li>
+                            <li><Link to="/client-loader-lazy/throws-a-400-if-you-call-serverloader-without-a-server-loader/parent/child">/client-loader-lazy/throws-a-400-if-you-call-serverloader-without-a-server-loader/parent/child</Link></li>
+                            <li><Link prefetch="render" to="/client-loader-lazy/does-not-prefetch-server-loader-if-a-client-loader-is-present/parent">/client-loader-lazy/does-not-prefetch-server-loader-if-a-client-loader-is-present/parent</Link></li>
+                            <li><Link prefetch="render" to="/client-loader-lazy/does-not-prefetch-server-loader-if-a-client-loader-is-present/parent/child">/client-loader-lazy/does-not-prefetch-server-loader-if-a-client-loader-is-present/parent/child</Link></li>
+                            <li><Link to="/client-action-lazy/child-client-action/parent/child">/client-action-lazy/child-client-action/parent/child</Link></li>
+                            <li><Link to="/client-action-lazy/child-client-action-parent-child-loader/parent/child">/client-action-lazy/child-client-action-parent-child-loader/parent/child</Link></li>
+                            <li><Link to="/client-action-lazy/child-client-action-child-client-loader/parent/child">/client-action-lazy/child-client-action-child-client-loader/parent/child</Link></li>
+                            <li><Link to="/client-action-lazy/child-client-action-parent-child-loader-child-client-loader/parent/child">/client-action-lazy/child-client-action-parent-child-loader-child-client-loader/parent/child</Link></li>
+                            <li><Link to="/client-action-lazy/throws-a-400-if-you-call-serveraction-without-a-server-action/parent/child">/client-action-lazy/throws-a-400-if-you-call-serveraction-without-a-server-action/parent/child</Link></li>
+                          </ul>
+                        );
+                      }
+                    `,
+
+                    ...getFiles(
+                      "client-loader-critical.no-client-loaders-or-fallbacks",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-loader-critical.parent-client-loader-child-client-loader",
+                      {
+                        parentClientLoader: true,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: true,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-loader-critical.parent-client-loader-hydrate-child-client-loader",
+                      {
+                        parentClientLoader: true,
+                        parentClientLoaderHydrate: true,
+                        childClientLoader: true,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-loader-critical.parent-client-loader-child-client-loader-hydrate",
+                      {
+                        parentClientLoader: true,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: true,
+                        childClientLoaderHydrate: true,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-loader-critical.parent-client-loader-child-client-loader-hydrate-both",
+                      {
+                        parentClientLoader: true,
+                        parentClientLoaderHydrate: true,
+                        childClientLoader: true,
+                        childClientLoaderHydrate: true,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-loader-critical.handles-synchronous-client-loaders",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                        parentAdditions: js`
+                          export function clientLoader() {
+                            return { message: "Parent Client Loader" };
+                          }
+                          clientLoader.hydrate=true
+                          export function HydrateFallback() {
+                            return <p>Parent Fallback</p>
+                          }
+                        `,
+                        childAdditions: js`
+                          export function clientLoader() {
+                            return { message: "Child Client Loader" };
+                          }
+                          clientLoader.hydrate=true
+                        `,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-loader-critical.handles-deferred-data-through-client-loaders",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-loader-critical.handles-deferred-data-through-client-loaders.parent.child.tsx": js`
+                      import * as React from 'react';
+                      import { Await, useLoaderData } from "react-router"
+                      export function loader() {
+                        return {
+                          message: 'Child Server Loader',
+                          lazy: new Promise(r => setTimeout(() => r("Child Deferred Data"), 1000)),
+                        };
+                      }
+                      export async function clientLoader({ serverLoader }) {
+                        let data = await serverLoader();
+                        return {
+                          ...data,
+                          message: data.message + " (mutated by client)",
+                        };
+                      }
+                      clientLoader.hydrate = true;
+                      export function HydrateFallback() {
+                        return <p>Child Fallback</p>
+                      }
+                      export default function Component() {
+                        let data = useLoaderData();
+                        return (
+                          <>
+                            <p id="child-data">{data.message}</p>
+                            <React.Suspense fallback={<p>Loading Deferred Data...</p>}>
+                              <Await resolve={data.lazy}>
+                                {(value) => <p id="child-deferred-data">{value}</p>}
+                              </Await>
+                            </React.Suspense>
+                          </>
+                        );
+                      }
+                    `,
+
+                    ...getFiles(
+                      "client-loader-critical.allows-hydration-without-rendering-a-fallback",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                        childAdditions: js`
+                          export async function clientLoader() {
+                            await new Promise(r => setTimeout(r, 100));
+                            return { message: "Child Client Loader" };
+                          }
+                          clientLoader.hydrate=true
+                        `,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-loader-critical.hydrate-fallback-not-rendered-if-not-set-with-server-loader",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-loader-critical.hydrate-fallback-not-rendered-if-not-set-with-server-loader.parent.child.tsx": js`
+                      import * as React from 'react';
+                      import { useLoaderData } from "react-router";
+                      export function loader() {
+                        return { message: "Child Server Loader Data" };
+                      }
+                      export async function clientLoader({ serverLoader }) {
+                        await new Promise(r => setTimeout(r, 100));
+                        return { message: "Child Client Loader Data" };
+                      }
+                      export function HydrateFallback() {
+                        return <p>SHOULD NOT SEE ME</p>
+                      }
+                      export default function Component() {
+                        let data = useLoaderData();
+                        return <p id="child-data">{data.message}</p>;
+                      }
+                    `,
+
+                    ...getFiles(
+                      "client-loader-critical.client-loader-hydrate-is-automatically-implied-when-no-server-loader-exists-with-hydrate-fallback",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-loader-critical.client-loader-hydrate-is-automatically-implied-when-no-server-loader-exists-with-hydrate-fallback.parent.child.tsx": js`
+                      import * as React from 'react';
+                      import { useLoaderData } from "react-router";
+                      // Even without setting hydrate=true, this should run on hydration
+                      export async function clientLoader({ serverLoader }) {
+                        await new Promise(r => setTimeout(r, 100));
+                        return {
+                          message: "Loader Data (clientLoader only)",
+                        };
+                      }
+                      export function HydrateFallback() {
+                        return <p>Child Fallback</p>
+                      }
+                      export default function Component() {
+                        let data = useLoaderData();
+                        return <p id="child-data">{data.message}</p>;
+                      }
+                    `,
+
+                    ...getFiles(
+                      "client-loader-critical.client-loader-hydrate-is-automatically-implied-when-no-server-loader-exists-without-hydrate-fallback",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-loader-critical.client-loader-hydrate-is-automatically-implied-when-no-server-loader-exists-without-hydrate-fallback.parent.child.tsx": js`
+                      import * as React from 'react';
+                      import { useLoaderData } from "react-router";
+                      // Even without setting hydrate=true, this should run on hydration
+                      export async function clientLoader({ serverLoader }) {
+                        await new Promise(r => setTimeout(r, 100));
+                        return {
+                          message: "Loader Data (clientLoader only)",
+                        };
+                      }
+                      export default function Component() {
+                        let data = useLoaderData();
+                        return <p id="child-data">{data.message}</p>;
+                      }
+                    `,
+
+                    ...getFiles(
+                      "client-loader-critical.throws-a-400-if-you-call-serverloader-without-a-server-loader",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-loader-critical.throws-a-400-if-you-call-serverloader-without-a-server-loader.parent.child.tsx": js`
+                      import * as React from 'react';
+                      import { useLoaderData, useRouteError } from "react-router";
+                      export async function clientLoader({ serverLoader }) {
+                        return await serverLoader();
+                      }
+                      export default function Component() {
+                        return <p>Child</p>;
+                      }
+                      export function HydrateFallback() {
+                        return <p>Loading...</p>;
+                      }
+                      export function ErrorBoundary() {
+                        let error = useRouteError();
+                        return <p id="child-error">{error.status} {error.data}</p>;
+                      }
+                    `,
+
+                    ...getFiles(
+                      "client-loader-critical.initial-hydration-data-check-functions-properly",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-loader-critical.initial-hydration-data-check-functions-properly.parent.child.tsx": js`
+                      import * as React from 'react';
+                      import { useLoaderData, useRevalidator } from "react-router";
+                      let isFirstCall = true;
+                      export async function loader({ serverLoader }) {
+                        if (isFirstCall) {
+                          isFirstCall = false
+                          return { message: "Child Server Loader Data (1)" };
+                        }
+                        return { message: "Child Server Loader Data (2+)" };
+                      }
+                      export async function clientLoader({ serverLoader }) {
+                        await new Promise(r => setTimeout(r, 100));
+                        let serverData = await serverLoader();
+                        return {
+                          message: serverData.message + " (mutated by client)",
+                        };
+                      }
+                      clientLoader.hydrate=true;
+                      export default function Component() {
+                        let data = useLoaderData();
+                        let revalidator = useRevalidator();
+                        return (
+                          <>
+                            <p id="child-data">{data.message}</p>
+                            <button onClick={() => revalidator.revalidate()}>Revalidate</button>
+                          </>
+                        );
+                      }
+                      export function HydrateFallback() {
+                        return <p>Loading...</p>
+                      }
+                    `,
+
+                    ...getFiles(
+                      "client-loader-critical.initial-hydration-data-check-functions-properly-even-if-serverloader-isnt-called-on-hydration",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-loader-critical.initial-hydration-data-check-functions-properly-even-if-serverloader-isnt-called-on-hydration.parent.child.tsx": js`
+                      import * as React from 'react';
+                      import { useLoaderData, useRevalidator } from "react-router";
+                      let isFirstCall = true;
+                      export async function loader({ serverLoader }) {
+                        if (isFirstCall) {
+                          isFirstCall = false
+                          return { message: "Child Server Loader Data (1)" };
+                        }
+                        return { message: "Child Server Loader Data (2+)" };
+                      }
+                      let isFirstClientCall = true;
+                      export async function clientLoader({ serverLoader }) {
+                        await new Promise(r => setTimeout(r, 100));
+                        if (isFirstClientCall) {
+                          isFirstClientCall = false;
+                          // First time through - don't even call serverLoader
+                          return {
+                            message: "Child Client Loader Data",
+                          };
+                        }
+                        // Only call the serverLoader on subsequent calls and this
+                        // should *not* return us the initialData any longer
+                        let serverData = await serverLoader();
+                        return {
+                          message: serverData.message + " (mutated by client)",
+                        };
+                      }
+                      clientLoader.hydrate=true;
+                      export default function Component() {
+                        let data = useLoaderData();
+                        let revalidator = useRevalidator();
+                        return (
+                          <>
+                            <p id="child-data">{data.message}</p>
+                            <button onClick={() => revalidator.revalidate()}>Revalidate</button>
+                          </>
+                        );
+                      }
+                      export function HydrateFallback() {
+                        return <p>Loading...</p>
+                      }
+                    `,
+
+                    ...getFiles(
+                      "client-loader-critical.server-loader-errors-are-re-thrown-from-serverloader",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-loader-critical.server-loader-errors-are-re-thrown-from-serverloader.parent.child.tsx": js`
+                      import { useRouteError } from "react-router";
+
+                      export function loader() {
+                        throw new Error("Broken!")
+                      }
+
+                      export async function clientLoader({ serverLoader }) {
+                        return await serverLoader();
+                      }
+                      clientLoader.hydrate = true;
+
+                      export default function Index() {
+                        return <h1>Should not see me</h1>;
+                      }
+
+                      export function ErrorBoundary() {
+                        let error = useRouteError();
+                        return <p id="child-error">{error.message}</p>;
+                      }
+                    `,
+
+                    ...getFiles(
+                      "client-loader-critical.bubbled-server-loader-errors-are-persisted-for-hydrating-routes",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-loader-critical.bubbled-server-loader-errors-are-persisted-for-hydrating-routes.parent.tsx": js`
+                      import { Outlet, useLoaderData, useRouteLoaderData, useRouteError } from 'react-router'
+                      export function loader() {
+                        return { message: 'Parent Server Loader' };
+                      }
+                      export async function clientLoader({ serverLoader }) {
+                        console.log('running parent client loader')
+                        // Need a small delay to ensure we capture the server-rendered
+                        // fallbacks for assertions
+                        await new Promise(r => setTimeout(r, 100));
+                        let data = await serverLoader();
+                        return { message: data.message + " (mutated by client)" };
+                      }
+                      clientLoader.hydrate = true;
+                      export default function Component() {
+                        let data = useLoaderData();
+                        return (
+                          <>
+                            <p id="parent-data">{data.message}</p>
+                            <Outlet/>
+                          </>
+                        );
+                      }
+                      export function ErrorBoundary() {
+                        let data = useRouteLoaderData("routes/client-loader-critical.bubbled-server-loader-errors-are-persisted-for-hydrating-routes.parent")
+                        let error = useRouteError();
+                        return (
+                          <>
+                            <h1>Parent Error</h1>
+                            <p id="parent-data">{data?.message}</p>
+                            <p id="parent-error">{error?.message}</p>
+                          </>
+                        );
+                      }
+                    `,
+                    "app/routes/client-loader-critical.bubbled-server-loader-errors-are-persisted-for-hydrating-routes.parent.child.tsx": js`
+                      import { useLoaderData } from 'react-router'
+                      export function loader() {
+                        throw new Error('Child Server Error');
+                      }
+                      export function clientLoader() {
+                        console.log('running child client loader')
+                        return "Should not see me";
+                      }
+                      clientLoader.hydrate = true;
+                      export default function Component() {
+                        let data = useLoaderData()
+                        return (
+                          <>
+                            <p>Should not see me</p>
+                            <p>{data}</p>;
+                          </>
+                        );
+                      }
+                    `,
+
+                    ...getFiles(
+                      "client-loader-lazy.no-client-loaders-or-fallbacks",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+
+                    ...getFiles("client-loader-lazy.parent-client-loader", {
+                      parentClientLoader: true,
+                      parentClientLoaderHydrate: false,
+                      childClientLoader: false,
+                      childClientLoaderHydrate: false,
+                    }),
+
+                    ...getFiles("client-loader-lazy.child-client-loader", {
+                      parentClientLoader: false,
+                      parentClientLoaderHydrate: false,
+                      childClientLoader: true,
+                      childClientLoaderHydrate: false,
+                    }),
+
+                    ...getFiles(
+                      "client-loader-lazy.parent-client-loader-child-client-loader",
+                      {
+                        parentClientLoader: true,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: true,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-loader-lazy.throws-a-400-if-you-call-serverloader-without-a-server-loader",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-loader-lazy.throws-a-400-if-you-call-serverloader-without-a-server-loader.parent.child.tsx": js`
+                      import * as React from 'react';
+                      import { useLoaderData, useRouteError } from "react-router";
+                      export async function clientLoader({ serverLoader }) {
+                        return await serverLoader();
+                      }
+                      export default function Component() {
+                        return <p>Child</p>;
+                      }
+                      export function HydrateFallback() {
+                        return <p>Loading...</p>;
+                      }
+                      export function ErrorBoundary() {
+                        let error = useRouteError();
+                        return <p id="child-error">{error.status} {error.data}</p>;
+                      }
+                    `,
+
+                    ...getFiles(
+                      "client-loader-lazy.does-not-prefetch-server-loader-if-a-client-loader-is-present",
+                      {
+                        parentClientLoader: true,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+
+                    ...getFiles("client-action-critical.child-client-action", {
+                      parentClientLoader: false,
+                      parentClientLoaderHydrate: false,
+                      childClientLoader: false,
+                      childClientLoaderHydrate: false,
+                      childAdditions: js`
+                        export async function clientAction({ serverAction }) {
+                          let data = await serverAction();
+                          return {
+                            message: data.message + " (mutated by client)"
+                          }
+                        }
+                      `,
+                    }),
+
+                    ...getFiles(
+                      "client-action-critical.child-client-action-parent-child-loader",
+                      {
+                        parentClientLoader: true,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                        childAdditions: js`
+                        export async function clientAction({ serverAction }) {
+                          let data = await serverAction();
+                          return {
+                            message: data.message + " (mutated by client)"
+                          }
+                        }
+                      `,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-action-critical.child-client-action-child-client-loader",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: true,
+                        childClientLoaderHydrate: false,
+                        childAdditions: js`
+                          export async function clientAction({ serverAction }) {
+                            let data = await serverAction();
+                            return {
+                              message: data.message + " (mutated by client)"
+                            }
+                          }
+                        `,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-action-critical.child-client-action-parent-child-loader-child-client-loader",
+                      {
+                        parentClientLoader: true,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: true,
+                        childClientLoaderHydrate: false,
+                        childAdditions: js`
+                        export async function clientAction({ serverAction }) {
+                          let data = await serverAction();
+                          return {
+                            message: data.message + " (mutated by client)"
+                          }
+                        }
+                      `,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-action-critical.throws-a-400-if-you-call-serveraction-without-a-server-action",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-action-critical.throws-a-400-if-you-call-serveraction-without-a-server-action.parent.child.tsx": js`
+                      import * as React from 'react';
+                      import { Form, useRouteError } from "react-router";
+                      export async function clientAction({ serverAction }) {
+                        return await serverAction();
+                      }
+                      export default function Component() {
+                        return (
+                          <Form method="post">
+                            <button type="submit">Submit</button>
+                          </Form>
+                        );
+                      }
+                      export function ErrorBoundary() {
+                        let error = useRouteError();
+                        return <p id="child-error">{error.status} {error.data}</p>;
+                      }
+                    `,
+
+                    ...getFiles("client-action-lazy.child-client-action", {
+                      parentClientLoader: false,
+                      parentClientLoaderHydrate: false,
+                      childClientLoader: false,
+                      childClientLoaderHydrate: false,
+                      childAdditions: js`
+                        export async function clientAction({ serverAction }) {
+                          let data = await serverAction();
+                          return {
+                            message: data.message + " (mutated by client)"
+                          }
+                        }
+                      `,
+                    }),
+
+                    ...getFiles(
+                      "client-action-lazy.child-client-action-parent-child-loader",
+                      {
+                        parentClientLoader: true,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                        childAdditions: js`
+                        export async function clientAction({ serverAction }) {
+                          let data = await serverAction();
+                          return {
+                            message: data.message + " (mutated by client)"
+                          }
+                        }
+                      `,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-action-lazy.child-client-action-child-client-loader",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: true,
+                        childClientLoaderHydrate: false,
+                        childAdditions: js`
+                        export async function clientAction({ serverAction }) {
+                          let data = await serverAction();
+                          return {
+                            message: data.message + " (mutated by client)"
+                          }
+                        }
+                      `,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-action-lazy.child-client-action-parent-child-loader-child-client-loader",
+                      {
+                        parentClientLoader: true,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: true,
+                        childClientLoaderHydrate: false,
+                        childAdditions: js`
+                        export async function clientAction({ serverAction }) {
+                          let data = await serverAction();
+                          return {
+                            message: data.message + " (mutated by client)"
+                          }
+                        }
+                      `,
+                      },
+                    ),
+
+                    ...getFiles(
+                      "client-action-lazy.throws-a-400-if-you-call-serveraction-without-a-server-action",
+                      {
+                        parentClientLoader: false,
+                        parentClientLoaderHydrate: false,
+                        childClientLoader: false,
+                        childClientLoaderHydrate: false,
+                      },
+                    ),
+                    "app/routes/client-action-lazy.throws-a-400-if-you-call-serveraction-without-a-server-action.parent.child.tsx": js`
+                      import * as React from 'react';
+                      import { Form, useRouteError } from "react-router";
+                      export async function clientAction({ serverAction }) {
+                        return await serverAction();
+                      }
+                      export default function Component() {
+                        return (
+                          <Form method="post">
+                            <button type="submit">Submit</button>
+                          </Form>
+                        );
+                      }
+                      export function ErrorBoundary() {
+                        let error = useRouteError();
+                        return <p id="child-error">{error.status} {error.data}</p>;
+                      }
+                    `,
+
+                    "app/routes/client-loader-critical.hydrating-clientloader-redirects-trigger-new-data-requests-to-the-server.tsx": js`
+                      import { Outlet } from 'react-router'
+
+                      let count = 1;
+                      export function loader() {
+                        return count++;
+                      }
+                      export default function Component({ loaderData }) {
+                        return (
+                          <>
+                            <p id="parent-1-data">{loaderData}</p>
+                            <Outlet/>
+                          </>
+                        );
+                      }
+                    `,
+
+                    "app/routes/client-loader-critical.hydrating-clientloader-redirects-trigger-new-data-requests-to-the-server.parent.tsx": js`
+                      import { Outlet } from 'react-router'
+                      let count = 1;
+                      export function loader() {
+                        return count++;
+                      }
+                      export default function Component({ loaderData }) {
+                        return (
+                          <>
+                            <p id="parent-2-data">{loaderData}</p>
+                            <Outlet/>
+                          </>
+                        );
+                      }
+                      export function shouldRevalidate() {
+                        return false;
+                      }
+                    `,
+                    "app/routes/client-loader-critical.hydrating-clientloader-redirects-trigger-new-data-requests-to-the-server.parent.a.tsx": js`
+                      import { redirect } from 'react-router'
+                      export function clientLoader() {
+                        return redirect('/client-loader-critical/hydrating-clientloader-redirects-trigger-new-data-requests-to-the-server/parent/b');
+                      }
+                      clientLoader.hydrate = true;
+                      export default function Component({ loaderData }) {
+                        return <p>Should not see me</p>;
+                      }
+                    `,
+                    "app/routes/client-loader-critical.hydrating-clientloader-redirects-trigger-new-data-requests-to-the-server.parent.b.tsx": js`
+                      export default function Component({ loaderData }) {
+                        return <p id="b">Hi!</p>;
+                      }
+                    `,
+
+                    "app/routes/client-loader-critical.aborted-hydration-fetches-fresh-data.tsx": js`
+                      import { Link } from "react-router";
+
+                      export function loader({ request }) {
+                        return { query: new URL(request.url).searchParams.get("q") || "empty" };
+                      }
+
+                      export async function clientLoader({ serverLoader, request }) {
+                        let q = new URL(request.url).searchParams.get("q") || "empty";
+
+                        // Delay the initial invocation
+                        if (q === "initial") {
+                          if (!window.__hydrationBlock) {
+                            let { promise, resolve } = Promise.withResolvers();
+                            window.__resolveHydrationBlock = resolve
+                            window.__hydrationBlock = promise;
+                            await window.__hydrationBlock;
+                          }
+                        }
+
+                        let serverData = await serverLoader();
+                        return {
+                          ...serverData,
+                          clientLoaderRan: true,
+                          clientLoaderQuery: q,
+                        };
+                      }
+
+                      clientLoader.hydrate = true;
+
+                      export default function Component({ loaderData }) {
+                        return (
+                          <div>
+                            <p data-server-query>{loaderData.query}</p>
+                            <p data-client-loader-query>{String(loaderData.clientLoaderQuery ?? "none")}</p>
+                            <Link to="/client-loader-critical/aborted-hydration-fetches-fresh-data?q=updated">
+                              Update query
+                            </Link>
+                          </div>
+                        );
+                      }
+                    `,
+                  },
+                },
+                ServerMode.Development, // Avoid error sanitization
+              ),
+              ServerMode.Development, // Avoid error sanitization
+            );
+          });
+
+          test.afterAll(() => {
+            appFixture?.close();
+          });
+
+          test.describe("clientLoader - critical route module", () => {
+            test("no client loaders or fallbacks", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              // Full SSR - normal loader behavior due to lack of clientLoader
+              await app.goto(
+                "/client-loader-critical/no-client-loaders-or-fallbacks/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+            });
+
+            test("parent.clientLoader/child.clientLoader", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              // Full SSR - normal loader behavior due to lack of HydrateFallback components
+              await app.goto(
+                "/client-loader-critical/parent-client-loader-child-client-loader/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+            });
+
+            test("parent.clientLoader.hydrate/child.clientLoader", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto(
+                "/client-loader-critical/parent-client-loader-hydrate-child-client-loader/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Fallback");
+              expect(html).not.toMatch("Parent Server Loader");
+              expect(html).not.toMatch("Child Server Loader");
+
+              await page.waitForSelector("#child-data");
+              html = await app.getHtml("main");
+              expect(html).not.toMatch("Parent Fallback");
+              expect(html).toMatch("Parent Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Loader");
+            });
+
+            test("parent.clientLoader/child.clientLoader.hydrate", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto(
+                "/client-loader-critical/parent-client-loader-child-client-loader-hydrate/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Fallback");
+              expect(html).not.toMatch("Child Server Loader");
+
+              await page.waitForSelector("#child-data");
+              html = await app.getHtml("main");
+              expect(html).not.toMatch("Child Fallback");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader (mutated by client)");
+            });
+
+            test("parent.clientLoader.hydrate/child.clientLoader.hydrate", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto(
+                "/client-loader-critical/parent-client-loader-child-client-loader-hydrate-both/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Fallback");
+              expect(html).not.toMatch("Parent Server Loader");
+              expect(html).not.toMatch("Child Fallback");
+              expect(html).not.toMatch("Child Server Loader");
+
+              await page.waitForSelector("#child-data");
+              html = await app.getHtml("main");
+              expect(html).not.toMatch("Parent Fallback");
+              expect(html).not.toMatch("Child Fallback");
+              expect(html).toMatch("Parent Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Loader (mutated by client)");
+            });
+
+            test("handles synchronous client loaders", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              // Ensure we SSR the fallbacks
+              let response = await app.goto(
+                "/client-loader-critical/handles-synchronous-client-loaders/parent/child",
+              );
+              let html = await response?.text();
+              expect(html).toMatch("Parent Fallback");
+
+              await page.waitForSelector("#child-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Client Loader");
+              expect(html).toMatch("Child Client Loader");
+            });
+
+            test("handles deferred data through client loaders", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              // Ensure initial document request contains the child fallback _and_ the
+              // subsequent streamed/resolved deferred data
+              let response = await app.goto(
+                "/client-loader-critical/handles-deferred-data-through-client-loaders/parent/child",
+              );
+              let html = await response?.text();
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Fallback");
+              expect(html).toMatch("Child Deferred Data");
+
+              await page.waitForSelector("#child-deferred-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              // app.goto() doesn't resolve until the document finishes loading so by
+              // then the HTML has updated via the streamed suspense updates
+              expect(html).toMatch("Child Server Loader (mutated by client)");
+              expect(html).toMatch("Child Deferred Data");
+            });
+
+            test("allows hydration execution without rendering a fallback", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto(
+                "/client-loader-critical/allows-hydration-without-rendering-a-fallback/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Child Server Loader");
+              await page.waitForSelector(':has-text("Child Client Loader")');
+              html = await app.getHtml("main");
+              expect(html).toMatch("Child Client Loader");
+            });
+
+            test("HydrateFallback is not rendered if clientLoader.hydrate is not set (w/server loader)", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              // Ensure initial document request contains the child fallback _and_ the
+              // subsequent streamed/resolved deferred data
+              let response = await app.goto(
+                "/client-loader-critical/hydrate-fallback-not-rendered-if-not-set-with-server-loader/parent/child",
+              );
+              let html = await response?.text();
+              expect(html).toMatch("Child Server Loader Data");
+              expect(html).not.toMatch("SHOULD NOT SEE ME");
+
+              await page.waitForSelector("#child-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Child Server Loader Data");
+            });
+
+            test("clientLoader.hydrate is automatically implied when no server loader exists (w HydrateFallback)", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto(
+                "/client-loader-critical/client-loader-hydrate-is-automatically-implied-when-no-server-loader-exists-with-hydrate-fallback/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Child Fallback");
+              await page.waitForSelector("#child-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Loader Data (clientLoader only)");
+            });
+
+            test("clientLoader.hydrate is automatically implied when no server loader exists (w/o HydrateFallback)", async ({
+              page,
+            }) => {
+              test.skip(
+                templateName.includes("rsc"),
+                "RSC Framework Mode doesn't need to provide a default root HydrateFallback since it doesn't need to ensure <Scripts /> is rendered, and you already get a console warning",
+              );
+
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto(
+                "/client-loader-critical/client-loader-hydrate-is-automatically-implied-when-no-server-loader-exists-without-hydrate-fallback/parent/child",
+              );
+              let html = await app.getHtml();
+              // Production builds strip dev-only warning logs, but we should
+              // still render the default root loading shell until hydration runs.
+              expect(html).toMatch("<title>Loading...</title>");
+              expect(html).not.toMatch("child-data");
+              await page.waitForSelector("#child-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Loader Data (clientLoader only)");
+            });
+
+            test("throws a 400 if you call serverLoader without a server loader", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto(
+                "/client-loader-critical/throws-a-400-if-you-call-serverloader-without-a-server-loader/parent/child",
+              );
+              await page.waitForSelector("#child-error");
+              let html = await app.getHtml("#child-error");
+              expect(html.replace(/\n/g, " ").replace(/ +/g, " ")).toMatch(
+                "400 Error: You are trying to call serverLoader() on a route that does " +
+                  'not have a server loader (routeId: "routes/client-loader-critical.throws-a-400-if-you-call-serverloader-without-a-server-loader.parent.child")',
+              );
+            });
+
+            test("initial hydration data check functions properly", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto(
+                "/client-loader-critical/initial-hydration-data-check-functions-properly/parent/child",
+              );
+              await page.waitForSelector("#child-data");
+              let html = await app.getHtml();
+              expect(html).toMatch(
+                "Child Server Loader Data (1) (mutated by client)",
+              );
+              app.clickElement("button");
+              await page.waitForSelector(
+                ':has-text("Child Server Loader Data (2+)")',
+              );
+              html = await app.getHtml("main");
+              expect(html).toMatch(
+                "Child Server Loader Data (2+) (mutated by client)",
+              );
+            });
+
+            test("initial hydration data check functions properly even if serverLoader isn't called on hydration", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto(
+                "/client-loader-critical/initial-hydration-data-check-functions-properly-even-if-serverloader-isnt-called-on-hydration/parent/child",
+              );
+              await page.waitForSelector("#child-data");
+              let html = await app.getHtml();
+              expect(html).toMatch("Child Client Loader Data");
+              app.clickElement("button");
+              await page.waitForSelector(
+                ':has-text("Child Server Loader Data (2+)")',
+              );
+              html = await app.getHtml("main");
+              expect(html).toMatch(
+                "Child Server Loader Data (2+) (mutated by client)",
+              );
+            });
+
+            test("server loader errors are re-thrown from serverLoader()", async ({
+              page,
+            }) => {
+              let _consoleError = console.error;
+              console.error = () => {};
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto(
+                "/client-loader-critical/server-loader-errors-are-re-thrown-from-serverloader/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Broken!");
+              // Ensure we hydrate and remain on the boundary
+              await new Promise((r) => setTimeout(r, 100));
+              html = await app.getHtml("main");
+              expect(html).toMatch("Broken!");
+              expect(html).not.toMatch("Should not see me");
+              console.error = _consoleError;
+            });
+
+            test("bubbled server loader errors are persisted for hydrating routes", async ({
+              page,
+            }) => {
+              // test.skip(browserName === "firefox", "this test fails there due to extra debug logs.")
+              let _consoleError = console.error;
+              console.error = () => {};
+              let app = new PlaywrightFixture(appFixture, page);
+              let logs: string[] = [];
+              page.on("console", (msg) => {
+                let text = msg.text();
+                // Firefox surfaces React performance track labels on the console
+                // during hydration, so only capture the application log this
+                // assertion actually cares about.
+                if (text === "running parent client loader") {
+                  logs.push(text);
+                }
+              });
+              await app.goto(
+                "/client-loader-critical/bubbled-server-loader-errors-are-persisted-for-hydrating-routes/parent/child",
+                false,
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader</p>");
+              expect(html).toMatch("Child Server Error");
+              expect(html).not.toMatch("Should not see me");
+              // Ensure we hydrate and remain on the boundary
+              await page.waitForSelector(
+                ":has-text('Parent Server Loader (mutated by client)')",
+              );
+              html = await app.getHtml("main");
+              expect(html).toMatch(
+                "Parent Server Loader (mutated by client)</p>",
+              );
+              expect(html).toMatch("Child Server Error");
+              expect(html).not.toMatch("Should not see me");
+              expect(logs).toEqual(["running parent client loader"]);
+              console.error = _consoleError;
+            });
+
+            test("hydrating clientLoader redirects trigger new data requests to the server", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto(
+                "/client-loader-critical/hydrating-clientloader-redirects-trigger-new-data-requests-to-the-server/parent/a",
+              );
+              await page.waitForSelector("#b");
+              // 1st route parent re-runs
+              await expect(page.locator("#parent-1-data")).toHaveText("2");
+              // But 2nd parent opted out of revalidation
+              await expect(page.locator("#parent-2-data")).toHaveText("1");
+              await expect(page.locator("#b")).toHaveText("Hi!");
+            });
+
+            // When a same-route navigation aborts the pending hydration
+            // POP, serverLoader() must fetch fresh data — not return the
+            // stale SSR initialData captured for the original URL.
+            test("serverLoader() fetches fresh data when a same-route navigation aborts hydration", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto(
+                "/client-loader-critical/aborted-hydration-fetches-fresh-data?q=initial",
+              );
+
+              // SSR shows the server loader's data; clientLoader hasn't completed yet
+              await expect(page.locator("[data-server-query]")).toHaveText(
+                "initial",
+              );
+              await expect(
+                page.locator("[data-client-loader-query]"),
+              ).toHaveText("none");
+
+              // Click before hydration completes to abort the hydration clientLoader call before it calls serverLoader
+              await app.clickLink(
+                "/client-loader-critical/aborted-hydration-fetches-fresh-data?q=updated",
+                { wait: false },
+              );
+
+              await page.waitForURL(/q=updated/);
+
+              // PUSH ran the clientLoader as call #2 and saw the new URL and the serverLoader
+              // invocation doesn't return hydrationData
+              await expect(page.locator("[data-server-query]")).toHaveText(
+                "updated",
+              );
+              await expect(
+                page.locator("[data-client-loader-query]"),
+              ).toHaveText("updated");
+
+              // Release the still-pending hydration call so it can unwind.
+              await page.evaluate(() =>
+                (window as any).__resolveHydrationBlock(),
+              );
+
+              await expect(page.locator("[data-server-query]")).toHaveText(
+                "updated",
+              );
+              await expect(
+                page.locator("[data-client-loader-query]"),
+              ).toHaveText("updated");
+            });
+          });
+
+          test.describe("clientLoader - lazy route module", () => {
+            test("no client loaders or fallbacks", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto("/", true);
+              await app.clickLink(
+                "/client-loader-lazy/no-client-loaders-or-fallbacks/parent/child",
+              );
+              await page.waitForSelector("#child-data");
+
+              // Normal Remix behavior due to lack of clientLoader
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+            });
+
+            test("parent.clientLoader", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto("/", true);
+              await app.clickLink(
+                "/client-loader-lazy/parent-client-loader/parent/child",
+              );
+              await page.waitForSelector("#child-data");
+
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Loader");
+            });
+
+            test("child.clientLoader", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto("/", true);
+              await app.clickLink(
+                "/client-loader-lazy/child-client-loader/parent/child",
+              );
+              await page.waitForSelector("#child-data");
+
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader (mutated by client)");
+            });
+
+            test("parent.clientLoader/child.clientLoader", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto("/", true);
+              await app.clickLink(
+                "/client-loader-lazy/parent-client-loader-child-client-loader/parent/child",
+              );
+              await page.waitForSelector("#child-data");
+
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Loader (mutated by client");
+            });
+
+            test("throws a 400 if you call serverLoader without a server loader", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+
+              await app.goto("/", true);
+              await app.clickLink(
+                "/client-loader-lazy/throws-a-400-if-you-call-serverloader-without-a-server-loader/parent/child",
+              );
+              await page.waitForSelector("#child-error");
+              let html = await app.getHtml("#child-error");
+              expect(html.replace(/\n/g, " ").replace(/ +/g, " ")).toMatch(
+                "400 Error: You are trying to call serverLoader() on a route that does " +
+                  'not have a server loader (routeId: "routes/client-loader-lazy.throws-a-400-if-you-call-serverloader-without-a-server-loader.parent.child")',
+              );
+            });
+
+            test("does not prefetch server loader if a client loader is present", async ({
+              page,
+              browserName,
+            }) => {
+              test.skip(
+                templateName.includes("rsc"),
+                "This test is specific to non-RSC Framework Mode",
+              );
+
+              let dataUrls: string[] = [];
+              page.on("request", (request) => {
+                let url = request.url();
+                if (url.includes(".data") || url.includes(".rsc")) {
+                  dataUrls.push(url);
+                }
+              });
+
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto("/", true);
+
+              if (browserName === "webkit") {
+                // No prefetch support :/
+                expect(dataUrls).toEqual([]);
+              } else {
+                // Only prefetch child server loader since parent has a `clientLoader`
+                expect(dataUrls).toEqual([
+                  expect.stringMatching(
+                    /client-loader-lazy\/does-not-prefetch-server-loader-if-a-client-loader-is-present\/parent\/child\.data\?_routes=routes%2Fclient-loader-lazy\.does-not-prefetch-server-loader-if-a-client-loader-is-present\.parent\.child/,
+                  ),
+                ]);
+              }
+            });
+          });
+
+          test.describe("clientAction - critical route module", () => {
+            test("child.clientAction", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto(
+                "/client-action-critical/child-client-action/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).not.toMatch("Child Server Action");
+
+              app.clickSubmitButton(
+                "/client-action-critical/child-client-action/parent/child",
+              );
+              await page.waitForSelector("#child-action-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+            });
+
+            test("child.clientAction/parent.childLoader", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto(
+                "/client-action-critical/child-client-action-parent-child-loader/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).not.toMatch("Child Server Action");
+
+              app.clickSubmitButton(
+                "/client-action-critical/child-client-action-parent-child-loader/parent/child",
+              );
+              await page.waitForSelector("#child-action-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader"); // still revalidating
+              expect(html).toMatch("Child Server Loader");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+
+              await page.waitForSelector(
+                ':has-text("Parent Server Loader (mutated by client)")',
+              );
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+            });
+
+            test("child.clientAction/child.clientLoader", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto(
+                "/client-action-critical/child-client-action-child-client-loader/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).not.toMatch("Child Server Action");
+
+              app.clickSubmitButton(
+                "/client-action-critical/child-client-action-child-client-loader/parent/child",
+              );
+              await page.waitForSelector("#child-action-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader"); // still revalidating
+              expect(html).toMatch("Child Server Loader");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+
+              await page.waitForSelector(
+                ':has-text("Child Server Loader (mutated by client)")',
+              );
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+            });
+
+            test("child.clientAction/parent.childLoader/child.clientLoader", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto(
+                "/client-action-critical/child-client-action-parent-child-loader-child-client-loader/parent/child",
+              );
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).not.toMatch("Child Server Action");
+
+              app.clickSubmitButton(
+                "/client-action-critical/child-client-action-parent-child-loader-child-client-loader/parent/child",
+              );
+              await page.waitForSelector("#child-action-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader"); // still revalidating
+              expect(html).toMatch("Child Server Loader"); // still revalidating
+              expect(html).toMatch("Child Server Action (mutated by client)");
+
+              await page.waitForSelector(
+                ':has-text("Child Server Loader (mutated by client)")',
+              );
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+            });
+
+            test("throws a 400 if you call serverAction without a server action", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto(
+                "/client-action-critical/throws-a-400-if-you-call-serveraction-without-a-server-action/parent/child",
+              );
+              app.clickSubmitButton(
+                "/client-action-critical/throws-a-400-if-you-call-serveraction-without-a-server-action/parent/child",
+              );
+              await page.waitForSelector("#child-error");
+              let html = await app.getHtml("#child-error");
+              expect(html.replace(/\n/g, " ").replace(/ +/g, " ")).toMatch(
+                "400 Error: You are trying to call serverAction() on a route that does " +
+                  'not have a server action (routeId: "routes/client-action-critical.throws-a-400-if-you-call-serveraction-without-a-server-action.parent.child")',
+              );
+            });
+          });
+
+          test.describe("clientAction - lazy route module", () => {
+            test("child.clientAction", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto("/", true);
+              await app.clickLink(
+                "/client-action-lazy/child-client-action/parent/child",
+              );
+              await page.waitForSelector("#child-data");
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).not.toMatch("Child Server Action");
+
+              app.clickSubmitButton(
+                "/client-action-lazy/child-client-action/parent/child",
+              );
+              await page.waitForSelector("#child-action-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+            });
+
+            test("child.clientAction/parent.childLoader", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto("/", true);
+              await app.clickLink(
+                "/client-action-lazy/child-client-action-parent-child-loader/parent/child",
+              );
+              await page.waitForSelector("#child-data");
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).not.toMatch("Child Server Action");
+
+              app.clickSubmitButton(
+                "/client-action-lazy/child-client-action-parent-child-loader/parent/child",
+              );
+              await page.waitForSelector("#child-action-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader"); // still revalidating
+              expect(html).toMatch("Child Server Loader");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+
+              await page.waitForSelector(
+                ':has-text("Parent Server Loader (mutated by client)")',
+              );
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+            });
+
+            test("child.clientAction/child.clientLoader", async ({ page }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto("/", true);
+              await app.clickLink(
+                "/client-action-lazy/child-client-action-child-client-loader/parent/child",
+              );
+              await page.waitForSelector("#child-data");
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).not.toMatch("Child Server Action");
+
+              app.clickSubmitButton(
+                "/client-action-lazy/child-client-action-child-client-loader/parent/child",
+              );
+              await page.waitForSelector("#child-action-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader"); // still revalidating
+              expect(html).toMatch("Child Server Loader");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+
+              await page.waitForSelector(
+                ':has-text("Child Server Loader (mutated by client)")',
+              );
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+            });
+
+            test("child.clientAction/parent.childLoader/child.clientLoader", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto("/", true);
+              await app.clickLink(
+                "/client-action-lazy/child-client-action-parent-child-loader-child-client-loader/parent/child",
+              );
+              await page.waitForSelector("#child-data");
+              let html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader");
+              expect(html).toMatch("Child Server Loader");
+              expect(html).not.toMatch("Child Server Action");
+
+              app.clickSubmitButton(
+                "/client-action-lazy/child-client-action-parent-child-loader-child-client-loader/parent/child",
+              );
+              await page.waitForSelector("#child-action-data");
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader"); // still revalidating
+              expect(html).toMatch("Child Server Loader"); // still revalidating
+              expect(html).toMatch("Child Server Action (mutated by client)");
+
+              await page.waitForSelector(
+                ':has-text("Child Server Loader (mutated by client)")',
+              );
+              html = await app.getHtml("main");
+              expect(html).toMatch("Parent Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Loader (mutated by client)");
+              expect(html).toMatch("Child Server Action (mutated by client)");
+            });
+
+            test("throws a 400 if you call serverAction without a server action", async ({
+              page,
+            }) => {
+              let app = new PlaywrightFixture(appFixture, page);
+              await app.goto("/", true);
+              await app.goto(
+                "/client-action-lazy/throws-a-400-if-you-call-serveraction-without-a-server-action/parent/child",
+              );
+              await page.waitForSelector("form");
+              app.clickSubmitButton(
+                "/client-action-lazy/throws-a-400-if-you-call-serveraction-without-a-server-action/parent/child",
+              );
+              await page.waitForSelector("#child-error");
+              let html = await app.getHtml("#child-error");
+              expect(html.replace(/\n/g, " ").replace(/ +/g, " ")).toMatch(
+                "400 Error: You are trying to call serverAction() on a route that does " +
+                  'not have a server action (routeId: "routes/client-action-lazy.throws-a-400-if-you-call-serveraction-without-a-server-action.parent.child")',
+              );
+            });
+          });
+        });
+      }
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/css-lazy-loading-test.ts b/tests/react-router-framework/integration/css-lazy-loading-test.ts
new file mode 100644
index 00000000..e0f816ed
--- /dev/null
+++ b/tests/react-router-framework/integration/css-lazy-loading-test.ts
@@ -0,0 +1,272 @@
+import { type Page, test, expect } from "@playwright/test";
+
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import {
+  type Fixture,
+  type AppFixture,
+  createAppFixture,
+  createFixture,
+  css,
+  js,
+} from "./helpers/create-fixture.js";
+
+// Link hrefs with a trailing hash are only ever managed by React Router, to
+// ensure they're forcibly unique from the Rsbuild-injected links
+const FORCIBLY_UNIQUE_HREF_SELECTOR = "[href$='#']";
+const CSS_LINK_SELECTOR = "link[rel='stylesheet']";
+const ANY_FORCIBLY_UNIQUE_CSS_LINK_SELECTOR = `link[rel='stylesheet']${FORCIBLY_UNIQUE_HREF_SELECTOR}`;
+const CSS_COMPONENT_LINK_SELECTOR =
+  "link[rel='stylesheet'][href*='css-component']";
+const CSS_COMPONENT_FORCIBLY_UNIQUE_LINK_SELECTOR = `link[rel='stylesheet'][href*='css-component']${FORCIBLY_UNIQUE_HREF_SELECTOR}`;
+
+function getColor(page: Page, selector: string) {
+  return page
+    .locator(selector)
+    .first()
+    .evaluate((el) => window.getComputedStyle(el).color);
+}
+
+test.describe("CSS lazy loading", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/components/css-component.css": css`
+          .css-component {
+            color: rgb(0, 128, 0);
+            font-family: sans-serif;
+            font-weight: bold;
+          }
+        `,
+
+        "app/components/css-component.tsx": js`
+          import "./css-component.css";
+          export default function CssComponent() {
+            return <p data-css-component className="css-component">This text should be green.</p>;
+          }
+        `,
+
+        "app/components/static-only-css-component.css": css`
+          .static-only-css-component {
+            color: rgb(128, 128, 0);
+            font-family: sans-serif;
+            font-weight: bold;
+          }
+        `,
+
+        "app/components/static-only-css-component.tsx": js`
+          import "./static-only-css-component.css";
+          export default function StaticOnlyCssComponent() {
+            return <p data-static-only-css-component className="static-only-css-component">This text should be olive.</p>;
+          }
+        `,
+
+        "app/components/load-lazy-css-component.tsx": js`
+          import { lazy, useState } from "react";
+          export const LazyCssComponent = lazy(() => import("./css-component"));
+          export function LoadLazyCssComponent() {
+            const [show, setShow] = useState(false);
+            return (
+              <>
+                <button data-load-lazy-css-component onClick={() => setShow(true)}>Load Lazy CSS Component</button>
+                {show && <LazyCssComponent />}
+              </>
+            );
+          }
+        `,
+
+        "app/routes/_layout.tsx": js`
+          import { Link, Outlet } from "react-router";
+          import { LoadLazyCssComponent } from "../components/load-lazy-css-component";
+          export default function Layout() {
+            return (
+              <>
+                <nav>
+                  <ul>
+                    <li>
+                      <Link to="/">Home</Link>
+                    </li>
+                    <li>
+                      <Link to="/parent-child/with-css-component">Parent + Child / Route with CSS Component</Link>
+                    </li>
+                    <li>
+                      <Link to="/parent-child/without-css-component">Parent + Child / Route Without CSS Component</Link>
+                    </li>
+                    <li>
+                      <Link to="/siblings/with-css-component">Siblings / Route with CSS Component</Link>
+                    </li>
+                    <li>
+                      <Link to="/siblings/with-lazy-css-component">Siblings / Route with Lazy CSS Component</Link>
+                    </li>
+                    <li>
+                      <Link to="/with-static-only-css-component">Route with Static Only CSS Component</Link>
+                    </li>
+                  </ul>
+                </nav>
+                <Outlet />
+              </>
+            );
+          }
+        `,
+
+        "app/routes/_layout._index.tsx": js`
+          export default function Index() {
+            return <h2 data-route-home>Home</h2>;
+          }
+        `,
+
+        "app/routes/_layout.parent-child.tsx": js`
+          import { Outlet } from "react-router";
+          import { LoadLazyCssComponent } from "../components/load-lazy-css-component";
+          export default function ParentChild() {
+            return (
+              <>
+                <h2 data-route-parent>Parent + Child</h2>
+                <LoadLazyCssComponent />
+                <Outlet />
+              </>
+            );
+          }
+        `,
+
+        "app/routes/_layout.parent-child.with-css-component.tsx": js`
+          import CssComponent from "../components/css-component";
+          export default function RouteWithCssComponent() {
+            return (
+              <>
+                <h2 data-child-route-with-css-component>Route with CSS Component</h2>
+                <CssComponent />
+              </>
+            );
+          }
+        `,
+
+        "app/routes/_layout.parent-child.without-css-component.tsx": js`
+          export default function RouteWithoutCssComponent() {
+            return <h2 data-child-route-without-css-component>Route Without CSS Component</h2>;
+          }
+        `,
+
+        "app/routes/_layout.siblings.tsx": js`
+          import { Outlet } from "react-router";
+          export default function Siblings() {
+            return (
+              <>
+                <h2 data-sibling-route>Siblings</h2>
+                <Outlet />
+              </>
+            );
+          }
+        `,
+
+        "app/routes/_layout.siblings.with-css-component.tsx": js`
+          import CssComponent from "../components/css-component";
+          export default function SiblingsWithCssComponent() {
+            return (
+              <>
+                <h2 data-sibling-route-with-css-component>Route with CSS Component</h2>
+                <CssComponent />
+              </>
+            );
+          }
+        `,
+
+        "app/routes/_layout.siblings.with-lazy-css-component.tsx": js`
+          import { LazyCssComponent } from "../components/load-lazy-css-component";
+          export default function SiblingsWithLazyCssComponent() {
+            return (
+              <>
+                <h2 data-sibling-route-with-lazy-css-component>Route with Lazy CSS Component</h2>
+                <LazyCssComponent />
+              </>
+            );
+          }
+        `,
+
+        "app/routes/_layout.with-static-only-css-component.tsx": js`
+          import StaticOnlyCssComponent from "../components/static-only-css-component";
+          export default function WithStaticOnlyCssComponent() {
+            return (
+              <>
+                <h2 data-route-with-static-only-css-component>Route with Static Only CSS Component</h2>
+                <StaticOnlyCssComponent />
+              </>
+            );
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  // rsbuild/rspack loads dynamic CSS through chunk CSS, not Rsbuild's duplicate
+  // trailing-`#` route links, so assert retained applied styles instead.
+  test("retains CSS from dynamic imports in a parent route on navigation if the same CSS is a static dependency of a child route", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/parent-child/with-css-component");
+    await page.waitForSelector("[data-child-route-with-css-component]");
+    expect(await page.locator("[data-css-component]").count()).toBe(1);
+    expect(
+      await page.locator(CSS_COMPONENT_LINK_SELECTOR).count(),
+    ).toBeGreaterThanOrEqual(1);
+    expect(await getColor(page, "[data-css-component]")).toBe("rgb(0, 128, 0)");
+
+    await page.locator("[data-load-lazy-css-component]").click();
+    await page.waitForSelector("[data-css-component]");
+    for (let element of await page.locator("[data-css-component]").all()) {
+      expect(
+        await element.evaluate((el) => window.getComputedStyle(el).color),
+      ).toBe("rgb(0, 128, 0)");
+    }
+
+    await app.clickLink("/parent-child/without-css-component");
+    await page.waitForSelector("[data-child-route-without-css-component]");
+    expect(await page.locator("[data-css-component]").count()).toBe(1);
+    expect(await getColor(page, "[data-css-component]")).toBe("rgb(0, 128, 0)");
+  });
+
+  test("supports CSS lazy loading when navigating to a sibling route if the current route has a static dependency on the same CSS", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/siblings/with-css-component");
+    await page.waitForSelector("[data-sibling-route-with-css-component]");
+    expect(await page.locator("[data-css-component]").count()).toBe(1);
+    expect(
+      await page.locator(CSS_COMPONENT_LINK_SELECTOR).count(),
+    ).toBeGreaterThanOrEqual(1);
+    expect(await getColor(page, "[data-css-component]")).toBe("rgb(0, 128, 0)");
+
+    await app.clickLink("/siblings/with-lazy-css-component");
+    await page.waitForSelector("[data-sibling-route-with-lazy-css-component]");
+    expect(await page.locator("[data-css-component]").count()).toBe(1);
+    expect(await getColor(page, "[data-css-component]")).toBe("rgb(0, 128, 0)");
+  });
+
+  test("does not add a hash to the CSS link if the CSS is only ever statically imported", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/with-static-only-css-component");
+    await page.waitForSelector("[data-route-with-static-only-css-component]");
+    expect(await page.locator(CSS_LINK_SELECTOR).count()).toBe(1);
+    expect(
+      await page.locator(ANY_FORCIBLY_UNIQUE_CSS_LINK_SELECTOR).count(),
+    ).toBe(0);
+    expect(await getColor(page, "[data-static-only-css-component]")).toBe(
+      "rgb(128, 128, 0)",
+    );
+  });
+});
diff --git a/tests/react-router-framework/integration/css-test.ts b/tests/react-router-framework/integration/css-test.ts
new file mode 100644
index 00000000..dc6a4c16
--- /dev/null
+++ b/tests/react-router-framework/integration/css-test.ts
@@ -0,0 +1,591 @@
+import type { Page } from "@playwright/test";
+import { test, expect } from "@playwright/test";
+import getPort from "get-port";
+
+import {
+  createProject,
+  createEditor,
+  dev,
+  build,
+  reactRouterServe,
+  customDev,
+  EXPRESS_SERVER,
+  reactRouterConfig,
+  rsbuildConfig,
+  bundlerTemplates,
+  type TemplateName,
+} from "./helpers/rsbuild.js";
+
+const js = String.raw;
+const css = String.raw;
+
+const PADDING = "20px";
+const NEW_PADDING = "30px";
+
+const fixtures = [
+  ...bundlerTemplates,
+  // RSC Framework mode is intentionally excluded. Route data exports are now
+  // isolated from the native rspack `RscServerPlugin` CSS wrapper, but this broad
+  // matrix still fails first-paint CSS assertions in no-JS mode. Keep the focused
+  // RSC CSS coverage in `rsc/rsc-css-test.ts` until first-paint CSS parity lands.
+  // {
+  //   templateName: "rsc-framework",
+  //   templateDisplayName: "RSC Framework",
+  // },
+] as const satisfies ReadonlyArray<{
+  templateName: TemplateName;
+  templateDisplayName: string;
+}>;
+
+type RouteBasePath =
+  | "css-with-links-export"
+  | "css-with-floated-link"
+  | "rsc-server-first-route";
+const getRouteBasePaths = (templateName: TemplateName) => {
+  return [
+    "css-with-floated-link",
+    "css-with-links-export",
+    ...(templateName.includes("rsc")
+      ? (["rsc-server-first-route"] as const)
+      : []),
+  ] as const satisfies RouteBasePath[];
+};
+
+const files = ({ templateName }: { templateName: TemplateName }) => ({
+  "postcss.config.js": js`
+    export default ({
+      plugins: [
+        {
+          // Minimal PostCSS plugin to test that it's being used
+          postcssPlugin: 'replace',
+          Declaration (decl) {
+            decl.value = decl.value
+              .replace(
+                /NEW_PADDING_INJECTED_VIA_POSTCSS/g,
+                ${JSON.stringify(NEW_PADDING)},
+              )
+              .replace(
+                /PADDING_INJECTED_VIA_POSTCSS/g,
+                ${JSON.stringify(PADDING)},
+              );
+          },
+        },
+      ],
+    });
+  `,
+  // RSC Framework mode doesn't support custom entries yet
+  ...(!templateName.includes("rsc")
+    ? {
+        "app/entry.client.tsx": js`
+          import "./entry.client.css";
+
+          import { HydratedRouter } from "react-router/dom";
+          import { startTransition, StrictMode } from "react";
+          import { hydrateRoot } from "react-dom/client";
+
+          startTransition(() => {
+            hydrateRoot(
+              document,
+              <StrictMode>
+                <HydratedRouter />
+              </StrictMode>
+            );
+          });
+        `,
+        "app/entry.client.css": css`
+          .entry-client {
+            background: pink;
+            padding: ${PADDING};
+          }
+        `,
+      }
+    : {}),
+  "app/root.tsx": js`
+    import { Links, Meta, Outlet, Scripts } from "react-router";
+
+    export default function Root() {
+      return (
+        <html lang="en">
+          <head>
+            <Meta />
+            <Links />
+          </head>
+          <body>
+            <Outlet />
+            <Scripts />
+          </body>
+        </html>
+      );
+    }
+  `,
+  ...Object.assign(
+    {},
+    ...getRouteBasePaths(templateName).map((routeBasePath) => {
+      const isServerFirstRoute = routeBasePath === "rsc-server-first-route";
+      const exportName = isServerFirstRoute ? "ServerComponent" : "default";
+
+      return {
+        [`app/routes/${routeBasePath}/styles-bundled.css`]: css`
+          .${routeBasePath}-bundled {
+            background: papayawhip;
+            padding: ${PADDING};
+          }
+        `,
+        [`app/routes/${routeBasePath}/styles-postcss-linked.css`]: css`
+          .${routeBasePath}-postcss-linked {
+            background: salmon;
+            padding: PADDING_INJECTED_VIA_POSTCSS;
+          }
+        `,
+        [`app/routes/${routeBasePath}/styles.module.css`]: css`
+          .index {
+            background: peachpuff;
+            padding: ${PADDING};
+          }
+        `,
+        [`app/routes/${routeBasePath}/styles.scss`]: css`
+          // Sass variable exercises @rsbuild/plugin-sass compilation.
+          $scss-padding: ${PADDING};
+
+          .${routeBasePath}-scss {
+            background: lavender;
+            padding: $scss-padding;
+          }
+        `,
+        [`app/routes/${routeBasePath}/styles.less`]: css`
+          // Less variable exercises @rsbuild/plugin-less compilation.
+          @less-padding: ${PADDING};
+
+          .${routeBasePath}-less {
+            background: mistyrose;
+            padding: @less-padding;
+          }
+        `,
+        [`app/routes/${routeBasePath}/styles-vanilla-global.css.ts`]: js`
+          import { createVar, globalStyle } from "@vanilla-extract/css";
+
+          globalStyle(".${routeBasePath}-vanilla-global", {
+            background: "lightgreen",
+            padding: "${PADDING}",
+          });
+        `,
+        [`app/routes/${routeBasePath}/styles-vanilla-local.css.ts`]: js`
+          import { style } from "@vanilla-extract/css";
+
+          export const index = style({
+            background: "lightblue",
+            padding: "${PADDING}",
+          });
+        `,
+        [`app/routes/${routeBasePath}/route.tsx`]: js`
+          import "./styles-bundled.css";
+          import postcssLinkedStyles from "./styles-postcss-linked.css?url";
+          import cssModulesStyles from "./styles.module.css";
+          import "./styles.scss";
+          import "./styles.less";
+          import "./styles-vanilla-global.css";
+          import * as stylesVanillaLocal from "./styles-vanilla-local.css";
+
+          // Workaround for "Generated an empty chunk" warnings in RSC Framework Mode
+          export function loader() {
+            return null;
+          }
+
+          ${
+            routeBasePath === "css-with-links-export"
+              ? `export function links() { return [{ rel: "stylesheet", href: postcssLinkedStyles }]; }`
+              : ""
+          }
+
+          function TestRoute() {
+            return (
+              <>
+                <input />
+                ${routeBasePath !== "css-with-links-export" ? `<link rel="stylesheet" href={postcssLinkedStyles} precedence="default" />` : ""}
+                <div id="entry-client" className="entry-client">
+                  <div id="css-modules" className={cssModulesStyles.index}>
+                    <div id="css-postcss-linked" className="${routeBasePath}-postcss-linked">
+                      <div id="css-bundled" className="${routeBasePath}-bundled">
+                        <div id="css-vanilla-global" className="${routeBasePath}-vanilla-global">
+                          <div id="css-vanilla-local" className={stylesVanillaLocal.index}>
+                            <div id="css-scss" className="${routeBasePath}-scss">
+                              <div id="css-less" className="${routeBasePath}-less">
+                                <h2>CSS test</h2>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </>
+            );
+          }
+
+          export ${exportName === "default" ? "default" : `const ${exportName} =`} TestRoute;
+        `,
+      };
+    }),
+  ),
+});
+
+test.describe("CSS", () => {
+  fixtures.forEach(({ templateName, templateDisplayName }) => {
+    test.describe(templateDisplayName, () => {
+      test.describe("rsbuild dev", async () => {
+        let port: number;
+        let cwd: string;
+        let stop: () => void;
+
+        test.beforeAll(async () => {
+          port = await getPort();
+          cwd = await createProject(
+            {
+              "react-router.config.ts": reactRouterConfig(),
+              "rsbuild.config.ts": await rsbuildConfig.basic({
+                port,
+                templateName,
+                vanillaExtract: true,
+                sass: true,
+                less: true,
+              }),
+              ...files({ templateName }),
+            },
+            templateName,
+          );
+          stop = await dev({ cwd, port });
+        });
+        test.afterAll(() => stop());
+
+        test.describe(() => {
+          test.use({ javaScriptEnabled: false });
+          test("without JS", async ({ page }) => {
+            await pageLoadWorkflow({ page, port, templateName });
+          });
+        });
+
+        test.describe(() => {
+          test.use({ javaScriptEnabled: true });
+          test("with JS", async ({ page }) => {
+            await pageLoadWorkflow({ page, port, templateName });
+            await hmrWorkflow({ page, port, cwd, templateName });
+          });
+        });
+      });
+
+      test.describe("rsbuild dev with custom base", async () => {
+        let port: number;
+        let cwd: string;
+        let stop: () => void;
+        let base = "/custom/base/";
+
+        test.beforeAll(async () => {
+          port = await getPort();
+          cwd = await createProject(
+            {
+              "react-router.config.ts": reactRouterConfig({
+                basename: base,
+              }),
+              "rsbuild.config.ts": await rsbuildConfig.basic({
+                port,
+                base,
+                templateName,
+                vanillaExtract: true,
+                sass: true,
+                less: true,
+              }),
+              ...files({ templateName }),
+            },
+            templateName,
+          );
+          stop = await dev({ cwd, port, basename: base });
+        });
+        test.afterAll(() => stop());
+
+        test.describe(() => {
+          test.use({ javaScriptEnabled: false });
+          test("without JS", async ({ page }) => {
+            await pageLoadWorkflow({ page, port, base, templateName });
+          });
+        });
+
+        test.describe(() => {
+          test.use({ javaScriptEnabled: true });
+          test("with JS", async ({ page }) => {
+            await pageLoadWorkflow({ page, port, base, templateName });
+            await hmrWorkflow({ page, port, cwd, base, templateName });
+          });
+        });
+      });
+
+      test.describe("express", async () => {
+        let port: number;
+        let cwd: string;
+        let stop: () => void;
+
+        test.beforeAll(async () => {
+          port = await getPort();
+          cwd = await createProject(
+            {
+              "react-router.config.ts": reactRouterConfig(),
+              "rsbuild.config.ts": await rsbuildConfig.basic({
+                port,
+                templateName,
+                vanillaExtract: true,
+                sass: true,
+                less: true,
+              }),
+              "server.mjs": EXPRESS_SERVER({ port, templateName }),
+              ...files({ templateName }),
+            },
+            templateName,
+          );
+          stop = await customDev({ cwd, port });
+        });
+        test.afterAll(() => stop());
+
+        test.describe(() => {
+          test.use({ javaScriptEnabled: false });
+          test("without JS", async ({ page }) => {
+            await pageLoadWorkflow({ page, port, templateName });
+          });
+        });
+
+        test.describe(() => {
+          test.use({ javaScriptEnabled: true });
+          test("with JS", async ({ page }) => {
+            await pageLoadWorkflow({ page, port, templateName });
+            await hmrWorkflow({ page, port, cwd, templateName });
+          });
+        });
+      });
+
+      test.describe("build", async () => {
+        let port: number;
+        let cwd: string;
+        let stop: () => void;
+
+        test.beforeAll(async () => {
+          port = await getPort();
+          cwd = await createProject(
+            {
+              "react-router.config.ts": reactRouterConfig(),
+              "rsbuild.config.ts": await rsbuildConfig.basic({
+                port,
+                templateName,
+                vanillaExtract: true,
+                sass: true,
+                less: true,
+              }),
+              ...files({ templateName }),
+            },
+            templateName,
+          );
+
+          // Note: fixtures already declare sideEffects: ["*.css.ts"], which
+          // upstream applied here via a package.json edit.
+
+          let { stderr, status } = build({ cwd });
+          let stderrString = stderr.toString();
+          if (templateName.includes("rsc")) {
+            // In RSC builds, the same assets can be generated multiple times
+            stderrString = stderrString.replace(
+              /The emitted file ".*?" overwrites a previously emitted file of the same name\.\n?/g,
+              "",
+            );
+          }
+          expect(stderrString).toBeFalsy();
+          expect(status).toBe(0);
+          stop = await reactRouterServe({ cwd, port });
+        });
+        test.afterAll(() => stop());
+
+        test.describe(() => {
+          test.use({ javaScriptEnabled: false });
+          test("without JS", async ({ page }) => {
+            await pageLoadWorkflow({ page, port, templateName });
+          });
+        });
+
+        test.describe(() => {
+          test.use({ javaScriptEnabled: true });
+          test("with JS", async ({ page }) => {
+            await pageLoadWorkflow({ page, port, templateName });
+          });
+        });
+      });
+
+      test.describe("build with CSS code splitting disabled", async () => {
+        test.fixme(
+          templateName.includes("rsc"),
+          "RSC Framework mode doesn't support disabling CSS code splitting yet",
+        );
+
+        let port: number;
+        let cwd: string;
+        let stop: () => void;
+
+        test.beforeAll(async () => {
+          port = await getPort();
+          cwd = await createProject(
+            {
+              "react-router.config.ts": reactRouterConfig(),
+              "rsbuild.config.ts": await rsbuildConfig.basic({
+                port,
+                templateName,
+                cssCodeSplit: false,
+                vanillaExtract: true,
+                sass: true,
+                less: true,
+              }),
+              ...files({ templateName }),
+            },
+            templateName,
+          );
+
+          // Note: fixtures already declare sideEffects: ["*.css.ts"], which
+          // upstream applied here via a package.json edit.
+
+          let { stderr, status } = build({ cwd });
+          expect(stderr.toString()).toBeFalsy();
+          expect(status).toBe(0);
+          stop = await reactRouterServe({ cwd, port });
+        });
+        test.afterAll(() => stop());
+
+        test.describe(() => {
+          test.use({ javaScriptEnabled: false });
+          test("without JS", async ({ page }) => {
+            await pageLoadWorkflow({ page, port, templateName });
+          });
+        });
+
+        test.describe(() => {
+          test.use({ javaScriptEnabled: true });
+          test("with JS", async ({ page }) => {
+            await pageLoadWorkflow({ page, port, templateName });
+          });
+        });
+      });
+    });
+  });
+});
+
+async function pageLoadWorkflow({
+  page,
+  port,
+  base,
+  templateName,
+}: {
+  page: Page;
+  port: number;
+  base?: string;
+  templateName: TemplateName;
+}) {
+  for (const routeBase of getRouteBasePaths(templateName)) {
+    let pageErrors: Error[] = [];
+    page.on("pageerror", (error) => pageErrors.push(error));
+
+    await page.goto(`http://localhost:${port}${base ?? "/"}${routeBase}`, {
+      waitUntil: "domcontentloaded",
+    });
+
+    await Promise.all(
+      [
+        "#css-bundled",
+        "#css-postcss-linked",
+        "#css-modules",
+        "#css-scss",
+        "#css-less",
+        "#css-vanilla-global",
+        "#css-vanilla-local",
+      ].map(
+        async (selector) =>
+          await expect(page.locator(selector)).toHaveCSS("padding", PADDING),
+      ),
+    );
+  }
+}
+
+async function hmrWorkflow({
+  page,
+  cwd,
+  port,
+  base,
+  templateName,
+}: {
+  page: Page;
+  cwd: string;
+  port: number;
+  base?: string;
+  templateName: TemplateName;
+}) {
+  for (const routeBase of getRouteBasePaths(templateName)) {
+    let pageErrors: Error[] = [];
+    page.on("pageerror", (error) => pageErrors.push(error));
+
+    await page.goto(`http://localhost:${port}${base ?? "/"}${routeBase}`, {
+      waitUntil: "domcontentloaded",
+    });
+
+    let input = page.locator("input");
+    await expect(input).toBeVisible();
+
+    let edit = createEditor(cwd);
+    let modifyCss = (contents: string) =>
+      contents
+        .replace(PADDING, NEW_PADDING)
+        .replace(
+          "PADDING_INJECTED_VIA_POSTCSS",
+          "NEW_PADDING_INJECTED_VIA_POSTCSS",
+        );
+
+    const testCases = [
+      {
+        file: "styles-bundled.css",
+        selector: "#css-bundled",
+      },
+      {
+        file: "styles.module.css",
+        selector: "#css-modules",
+      },
+      // Rsbuild treats `css?url` as an emitted asset URL. It is validated by
+      // page-load tests, but Rspack CSS HMR only manages stylesheet modules
+      // that are imported as CSS.
+      {
+        file: "styles-vanilla-global.css.ts",
+        selector: "#css-vanilla-global",
+      },
+      // Vanilla Extract's HMR isn't working for RSC server-first routes
+      ...(routeBase === "rsc-server-first-route"
+        ? []
+        : ([
+            {
+              file: "styles-vanilla-local.css.ts",
+              selector: "#css-vanilla-local",
+            },
+          ] as const)),
+    ] as const satisfies Array<{
+      file: string;
+      selector: string;
+    }>;
+
+    for (const { file, selector } of testCases) {
+      const routeFile = `app/routes/${routeBase}/${file}`;
+      await input.fill(routeFile);
+      await edit(routeFile, modifyCss);
+      await expect(
+        page.locator(selector),
+        `${file}: CSS update for ${routeFile}`,
+      ).toHaveCSS("padding", NEW_PADDING);
+
+      // Ensure CSS updates were handled by HMR
+      await expect(input, `State preservation for ${routeFile}`).toHaveValue(
+        routeFile,
+      );
+    }
+
+    expect(pageErrors).toEqual([]);
+  }
+}
diff --git a/tests/react-router-framework/integration/custom-entry-server-test.ts b/tests/react-router-framework/integration/custom-entry-server-test.ts
new file mode 100644
index 00000000..ed8240b1
--- /dev/null
+++ b/tests/react-router-framework/integration/custom-entry-server-test.ts
@@ -0,0 +1,60 @@
+import { expect, test } from "@playwright/test";
+
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+
+let fixture: Fixture;
+let appFixture: AppFixture;
+
+test.beforeAll(async () => {
+  fixture = await createFixture({
+    files: {
+      "app/entry.server.tsx": js`
+        import * as React from "react";
+        import { ServerRouter } from "react-router";
+        import { renderToString } from "react-dom/server";
+
+        export default function handleRequest(
+          request,
+          responseStatusCode,
+          responseHeaders,
+          remixContext
+        ) {
+          let markup = renderToString(
+            <ServerRouter context={remixContext} url={request.url} />
+          );
+          responseHeaders.set("Content-Type", "text/html");
+          responseHeaders.set("x-custom-header", "custom-value");
+          return new Response('<!doctype html>' + markup, {
+            headers: responseHeaders,
+            status: responseStatusCode,
+          });
+        }
+      `,
+      "app/routes/_index.tsx": js`
+        export default function Index() {
+          return <h1>Hello World</h1>
+        }
+      `,
+    },
+  });
+
+  appFixture = await createAppFixture(fixture);
+});
+
+test.afterAll(() => {
+  appFixture.close();
+});
+
+test("allows user specified entry.server", async ({ page }) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  let responses = app.collectResponses((url) => url.pathname === "/");
+  await app.goto("/");
+  let header = await responses[0].headerValues("x-custom-header");
+  expect(header).toEqual(["custom-value"]);
+});
diff --git a/tests/react-router-framework/integration/deduped-route-modules-test.ts b/tests/react-router-framework/integration/deduped-route-modules-test.ts
new file mode 100644
index 00000000..10416acb
--- /dev/null
+++ b/tests/react-router-framework/integration/deduped-route-modules-test.ts
@@ -0,0 +1,287 @@
+import { test, expect } from "@playwright/test";
+
+import { createFixture, createAppFixture } from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import { type TemplateName, rsbuildConfig } from "./helpers/rsbuild.js";
+
+const templateNames = [
+  "rsbuild-template",
+  "rsc-framework",
+] as const satisfies TemplateName[];
+
+// This test ensures that code is not accidentally duplicated when a route is
+// imported within user code since they're not importing one of our internal
+// virtual route modules.
+test.describe("Deduped route modules", () => {
+  for (const templateName of templateNames) {
+    test.describe(`template: ${templateName}`, () => {
+      let fixture: Fixture;
+      let appFixture: AppFixture;
+
+      test.beforeAll(async () => {
+        fixture = await createFixture({
+          templateName,
+          files: {
+            "rsbuild.config.ts": await rsbuildConfig.basic({
+              templateName,
+            }),
+            "app/routes/client-first.a.tsx": `
+              import { Link } from "react-router";
+
+              export const customExport = (() => {
+                globalThis.custom_export_count = (globalThis.custom_export_count || 0) + 1;
+                return () => true;
+              })();
+
+              export const loader = (() => {
+                globalThis.loader_count = (globalThis.loader_count || 0) + 1;
+                return () => ({
+                  customExportCount: globalThis.custom_export_count,
+                  loaderCount: globalThis.loader_count,
+                  componentCount: globalThis.component_count,
+                });
+              })();
+
+              export const clientLoader = (() => {
+                globalThis.client_loader_count = (globalThis.client_loader_count || 0) + 1;
+                return async ({ serverLoader }) => {
+                  const loaderData = await serverLoader();
+                  return {
+                    loaderCount: loaderData.loaderCount,
+                    clientLoaderCount: globalThis.client_loader_count,
+                    serverCustomExportCount: loaderData.customExportCount,
+                    clientCustomExportCount: globalThis.custom_export_count,
+                    serverComponentCount: loaderData.componentCount,
+                    clientComponentCount: globalThis.component_count,
+                  };
+                };
+              })();
+              clientLoader.hydrate = true;
+
+              const RouteA = (() => {
+                globalThis.component_count = (globalThis.component_count || 0) + 1;
+                return ({ loaderData }: Route.ComponentProps) => {
+                  return (
+                    <>
+                      <h1>Module Count</h1>
+                      <p>Loader count: <span data-loader-count>{loaderData.loaderCount}</span></p>
+                      <p>Client loader count: <span data-client-loader-count>{loaderData.clientLoaderCount}</span></p>
+                      <p>Server custom export count: <span data-server-custom-export-count>{loaderData.serverCustomExportCount}</span></p>
+                      <p>Client custom export count: <span data-client-custom-export-count>{loaderData.clientCustomExportCount}</span></p>
+                      <p>Server component count: <span data-server-component-count>{loaderData.serverComponentCount}</span></p>
+                      <p>Client component count: <span data-client-component-count>{loaderData.clientComponentCount}</span></p>
+                      <p><Link to="/client-first/b">Go to Route B</Link></p>
+                    </>
+                  );
+                };
+              })();
+
+              export default RouteA;
+            `,
+            "app/routes/client-first.b.tsx": `
+              import { Link } from "react-router";
+
+              import { customExport } from "./client-first.a";
+
+              export default function RouteB() {
+                return customExport && (
+                  <>
+                    <h1>Route B</h1>
+                    <p>This route imports the route module from Route A, so could potentially cause code duplication.</p>
+                    <p><Link to="/client-first/a">Go to Route A</Link></p>
+                  </>
+                );
+              }
+            `,
+
+            ...(templateName.includes("rsc")
+              ? {
+                  "app/routes/rsc-server-first.a/route.tsx": `
+                    import { Link } from "react-router";
+                    import { ModuleCounts, clientLoader } from "./client";
+
+                    export const customExport = (() => {
+                      globalThis.rsc_custom_export_count = (globalThis.rsc_custom_export_count || 0) + 1;
+                      return () => true;
+                    })();
+
+                    export const loader = (() => {
+                      globalThis.rsc_loader_count = (globalThis.rsc_loader_count || 0) + 1;
+                      return () => ({
+                        customExportCount: globalThis.rsc_custom_export_count,
+                        loaderCount: globalThis.rsc_loader_count,
+                        componentCount: globalThis.rsc_component_count,
+                      });
+                    })();
+
+                    export { clientLoader };
+
+                    export const ServerComponent = (() => {
+                      globalThis.rsc_component_count = (globalThis.rsc_component_count || 0) + 1;
+                      return () => {
+                        return (
+                          <>
+                            <h1>RSC Server-First Module Count</h1>
+                            <ModuleCounts />
+                            <p><Link to="/rsc-server-first/b">Go to RSC Route B</Link></p>
+                          </>
+                        );
+                      };
+                    })();
+                  `,
+                  "app/routes/rsc-server-first.a/client.tsx": `
+                    "use client";
+
+                    import { useLoaderData } from "react-router";
+
+                    export const clientLoader = (() => {
+                      globalThis.rsc_client_loader_count = (globalThis.rsc_client_loader_count || 0) + 1;
+                      return async ({ serverLoader }) => {
+                        const loaderData = await serverLoader();
+                        return {
+                          loaderCount: loaderData.loaderCount,
+                          clientLoaderCount: globalThis.rsc_client_loader_count,
+                          serverCustomExportCount: loaderData.customExportCount,
+                          clientCustomExportCount: globalThis.rsc_custom_export_count,
+                          serverComponentCount: loaderData.componentCount,
+                        };
+                      };
+                    })();
+                    clientLoader.hydrate = true;
+
+                    export function ModuleCounts() {
+                      const loaderData = useLoaderData();
+                      return (
+                        <>
+                          <p>Loader count: <span data-loader-count>{loaderData.loaderCount}</span></p>
+                          <p>Client loader count: <span data-client-loader-count>{loaderData.clientLoaderCount}</span></p>
+                          <p>Server custom export count: <span data-server-custom-export-count>{loaderData.serverCustomExportCount}</span></p>
+                          <p>Client custom export count: <span data-client-custom-export-count>{loaderData.clientCustomExportCount}</span></p>
+                          <p>Server component count: <span data-server-component-count>{loaderData.serverComponentCount}</span></p>
+                        </>
+                      );
+                    }
+                  `,
+                  "app/routes/rsc-server-first.b.tsx": `
+                    import { Link } from "react-router";
+
+                    import { customExport } from "./rsc-server-first.a/route";
+
+                    // Ensure custom export is used in the client build in this route
+                    export const handle = customExport;
+
+                    export function ServerComponent() {
+                      return customExport && (
+                        <>
+                          <h1>RSC Route B</h1>
+                          <p>This route imports the route module from RSC Route A, so could potentially cause code duplication.</p>
+                          <p><Link to="/rsc-server-first/a">Go to RSC Route A</Link></p>
+                        </>
+                      );
+                    }
+                  `,
+                }
+              : {}),
+          },
+        });
+
+        appFixture = await createAppFixture(fixture);
+      });
+
+      test.afterAll(() => {
+        appFixture.close();
+      });
+
+      let logs: string[] = [];
+
+      test.beforeEach(({ page }) => {
+        page.on("console", (msg) => {
+          logs.push(msg.text());
+        });
+      });
+
+      test.afterEach(() => {
+        expect(logs).toHaveLength(0);
+      });
+
+      test("Client-first routes", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+
+        let pageErrors: unknown[] = [];
+        page.on("pageerror", (error) => pageErrors.push(error));
+
+        await app.goto(`/client-first/b`, true);
+        expect(pageErrors).toEqual([]);
+
+        await app.clickLink("/client-first/a");
+        await page.waitForSelector("[data-loader-count]");
+        expect(await page.locator("[data-loader-count]").textContent()).toBe(
+          "1",
+        );
+        expect(
+          await page.locator("[data-client-loader-count]").textContent(),
+        ).toBe("1");
+        expect(
+          await page.locator("[data-server-custom-export-count]").textContent(),
+        ).toBe(
+          templateName.includes("rsc")
+            ? // In RSC, custom exports are present in both the react-server and react-client
+              // environments (so they're available to be imported by both),
+              // which means the Node server actually gets 2 copies
+              "2"
+            : "1",
+        );
+        expect(
+          await page.locator("[data-client-custom-export-count]").textContent(),
+        ).toBe("1");
+        expect(
+          await page.locator("[data-server-component-count]").textContent(),
+        ).toBe("1");
+        expect(
+          await page.locator("[data-client-component-count]").textContent(),
+        ).toBe("1");
+        expect(pageErrors).toEqual([]);
+      });
+
+      test("Server-first routes", async ({ page }) => {
+        test.skip(
+          !templateName.includes("rsc"),
+          "Server-first routes are an RSC-only feature",
+        );
+
+        let app = new PlaywrightFixture(appFixture, page);
+
+        let pageErrors: unknown[] = [];
+        page.on("pageerror", (error) => pageErrors.push(error));
+
+        await app.goto(`/rsc-server-first/b`, true);
+        expect(pageErrors).toEqual([]);
+
+        await app.clickLink("/rsc-server-first/a");
+        await page.waitForSelector("[data-loader-count]");
+        expect(await page.locator("[data-loader-count]").textContent()).toBe(
+          "1",
+        );
+        expect(
+          await page.locator("[data-client-loader-count]").textContent(),
+        ).toBe("1");
+        expect(
+          await page.locator("[data-server-custom-export-count]").textContent(),
+        ).toBe(
+          // In RSC, custom exports are present in both the react-server and react-client
+          // environments (so they're available to be imported by both),
+          // which means the Node server actually gets 2 copies
+          "2",
+        );
+        expect(
+          await page.locator("[data-client-custom-export-count]").textContent(),
+        ).toBe("1");
+        expect(
+          await page.locator("[data-server-component-count]").textContent(),
+        ).toBe("1");
+        expect(pageErrors).toEqual([]);
+      });
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/defer-loader-test.ts b/tests/react-router-framework/integration/defer-loader-test.ts
new file mode 100644
index 00000000..9fc9beb6
--- /dev/null
+++ b/tests/react-router-framework/integration/defer-loader-test.ts
@@ -0,0 +1,110 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+let fixture: Fixture;
+let appFixture: AppFixture;
+
+test.describe("deferred loaders", () => {
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/routes/_index.tsx": js`
+          import { useLoaderData, Link } from "react-router";
+          export default function Index() {
+            return (
+              <div>
+                <Link to="/redirect">Redirect</Link>
+                <Link to="/direct-promise-access">Direct Promise Access</Link>
+              </div>
+            )
+          }
+        `,
+
+        "app/routes/redirect.tsx": js`
+          import { data } from 'react-router';
+          export function loader() {
+            return data(
+              { food: "pizza" },
+              {
+                status: 301,
+                headers: {
+                  Location: "/?redirected"
+                }
+              }
+            );
+          }
+          export default function Redirect() {
+            return null;
+          }
+        `,
+
+        "app/routes/direct-promise-access.tsx": js`
+          import * as React from "react";
+          import { useLoaderData, Link, Await } from "react-router";
+          export function loader() {
+            return {
+              bar: new Promise(async (resolve, reject) => {
+                resolve("hamburger");
+              }),
+            };
+          }
+          let count = 0;
+          export default function Index() {
+            let {bar} = useLoaderData();
+            React.useEffect(() => {
+              let aborted = false;
+              bar.then((data) => {
+                if (aborted) return;
+                document.getElementById("content").innerHTML = data + " " + (++count);
+                document.getElementById("content").setAttribute("data-done", "");
+              });
+              return () => {
+                aborted = true;
+              };
+            }, [bar]);
+            return (
+              <div id="content">
+                Waiting for client hydration....
+              </div>
+            )
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(async () => appFixture.close());
+
+  test("deferred response can redirect on document request", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/redirect");
+    await page.waitForURL(/\?redirected/);
+  });
+
+  test("deferred response can redirect on transition", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink("/redirect");
+    await page.waitForURL(/\?redirected/);
+  });
+
+  test("can directly access result from deferred promise on document request", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/direct-promise-access");
+    let element = await page.waitForSelector("[data-done]");
+    expect(await element.innerText()).toMatch("hamburger 1");
+  });
+});
diff --git a/tests/react-router-framework/integration/defer-test.ts b/tests/react-router-framework/integration/defer-test.ts
new file mode 100644
index 00000000..945683bc
--- /dev/null
+++ b/tests/react-router-framework/integration/defer-test.ts
@@ -0,0 +1,699 @@
+import { test, expect } from "@playwright/test";
+
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+
+const ROOT_ID = "ROOT_ID";
+const INDEX_ID = "INDEX_ID";
+const DEFERRED_ID = "DEFERRED_ID";
+const RESOLVED_DEFERRED_ID = "RESOLVED_DEFERRED_ID";
+const FALLBACK_ID = "FALLBACK_ID";
+const ERROR_ID = "ERROR_ID";
+const ERROR_BOUNDARY_ID = "ERROR_BOUNDARY_ID";
+const MANUAL_RESOLVED_ID = "MANUAL_RESOLVED_ID";
+const MANUAL_FALLBACK_ID = "MANUAL_FALLBACK_ID";
+const MANUAL_ERROR_ID = "MANUAL_ERROR_ID";
+
+let originalConsoleError: typeof console.error;
+
+declare global {
+  var __deferredManualResolveCache: {
+    nextId: number;
+    deferreds: Record<
+      string,
+      { resolve: (value: any) => void; reject: (error: Error) => void }
+    >;
+  };
+}
+
+function counterHtml(id: string, val: number) {
+  return `<p id="count-${id}">${val}</p>`;
+}
+
+const deferredHTMLStartString = "<template id=";
+
+async function getHtmlSections(
+  fixture: Fixture,
+  href: string,
+  init?: RequestInit,
+) {
+  let response = await fixture.requestDocument(href, init);
+  let html = await response.text();
+  let deferredIndex = html.indexOf(deferredHTMLStartString);
+
+  expect(deferredIndex).toBeGreaterThan(-1);
+
+  return {
+    status: response.status,
+    criticalHTML: html.slice(0, deferredIndex + deferredHTMLStartString.length),
+    deferredHTML: html.slice(deferredIndex + deferredHTMLStartString.length),
+  };
+}
+
+test.describe("non-aborted", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/components/counter.tsx": js`
+          import { useState } from "react";
+
+          export default function Counter({ id }) {
+            let [count, setCount] = useState(0);
+            return (
+              <div>
+                <button id={"increment-"+id} onClick={() => setCount((c) => c+1)}>Increment</button>
+                <p id={"count-"+id}>{count}</p>
+              </div>
+            )
+          }
+        `,
+        "app/components/interactive.tsx": js`
+          import { useEffect, useState } from "react";
+
+          export default function Interactive() {
+            let [interactive, setInteractive] = useState(false);
+            useEffect(() => {
+              setInteractive(true);
+            }, []);
+            return interactive ? (
+              <div id="interactive">
+                <p>interactive</p>
+              </div>
+            ) : null;
+          }
+        `,
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts, useLoaderData } from "react-router";
+          import Counter from "~/components/counter";
+          import Interactive from "~/components/interactive";
+
+          export const meta: MetaFunction = () => {
+            return [{ title: "New Remix App" }];
+          };
+
+          export const loader = () => ({
+            id: "${ROOT_ID}",
+          });
+
+          export default function Root() {
+            let { id } = useLoaderData();
+            return (
+              <html lang="en">
+                <head>
+                  <meta charSet="utf-8" />
+                  <meta name="viewport" content="width=device-width,initial-scale=1" />
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <div id={id}>
+                    <p>{id}</p>
+                    <Counter id={id} />
+                    <Outlet />
+                    <Interactive />
+                  </div>
+                  <Scripts />
+                  {/* Send arbitrary data so safari renders the initial shell before
+                      the document finishes downloading. */}
+                  {Array(1000).fill(null).map((_, i)=><p key={i}>YOOOOOOOOOO   {i}</p>)}
+                </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          import { Link, useLoaderData } from "react-router";
+          import Counter from "~/components/counter";
+
+          export function loader() {
+            return {
+              id: "${INDEX_ID}",
+            };
+          }
+
+          export default function Index() {
+            let { id } = useLoaderData();
+            return (
+              <div id={id}>
+                <p>{id}</p>
+                <Counter id={id} />
+
+                <ul>
+                  <li><Link to="/deferred-script-resolved">deferred-script-resolved</Link></li>
+                  <li><Link to="/deferred-script-unresolved">deferred-script-unresolved</Link></li>
+                  <li><Link to="/deferred-script-rejected">deferred-script-rejected</Link></li>
+                  <li><Link to="/deferred-script-unrejected">deferred-script-unrejected</Link></li>
+                  <li><Link to="/deferred-script-rejected-no-error-element">deferred-script-rejected-no-error-element</Link></li>
+                  <li><Link to="/deferred-script-unrejected-no-error-element">deferred-script-unrejected-no-error-element</Link></li>
+                </ul>
+              </div>
+            );
+          }
+        `,
+
+        "app/routes/deferred-noscript-resolved.tsx": js`
+          import { Suspense } from "react";
+          import { Await, Link, useLoaderData } from "react-router";
+          import Counter from "~/components/counter";
+
+          export function loader() {
+            return {
+              deferredId: "${DEFERRED_ID}",
+              resolvedId: Promise.resolve("${RESOLVED_DEFERRED_ID}"),
+            };
+          }
+
+          export default function Deferred() {
+            let { deferredId, resolvedId } = useLoaderData();
+            return (
+              <div id={deferredId}>
+                <p>{deferredId}</p>
+                <Counter id={deferredId} />
+                <Suspense fallback={<div id="${FALLBACK_ID}">fallback</div>}>
+                  <Await
+                    resolve={resolvedId}
+                    children={(resolvedDeferredId) => (
+                      <div id={resolvedDeferredId}>
+                        <p>{resolvedDeferredId}</p>
+                        <Counter id={resolvedDeferredId} />
+                      </div>
+                    )}
+                  />
+                </Suspense>
+              </div>
+            );
+          }
+        `,
+
+        "app/routes/deferred-noscript-unresolved.tsx": js`
+          import { Suspense } from "react";
+          import { Await, Link, useLoaderData } from "react-router";
+          import Counter from "~/components/counter";
+
+          export function loader() {
+            return {
+              deferredId: "${DEFERRED_ID}",
+              resolvedId: new Promise(
+                (resolve) => setTimeout(() => {
+                  resolve("${RESOLVED_DEFERRED_ID}");
+                }, 10)
+              ),
+            };
+          }
+
+          export default function Deferred() {
+            let { deferredId, resolvedId } = useLoaderData();
+            return (
+              <div id={deferredId}>
+                <p>{deferredId}</p>
+                <Counter id={deferredId} />
+                <Suspense fallback={<div id="${FALLBACK_ID}">fallback</div>}>
+                  <Await
+                    resolve={resolvedId}
+                    children={(resolvedDeferredId) => (
+                      <div id={resolvedDeferredId}>
+                        <p>{resolvedDeferredId}</p>
+                        <Counter id={resolvedDeferredId} />
+                      </div>
+                    )}
+                  />
+                </Suspense>
+              </div>
+            );
+          }
+        `,
+
+        "app/routes/deferred-script-resolved.tsx": js`
+          import { Suspense } from "react";
+          import { Await, Link, useLoaderData } from "react-router";
+          import Counter from "~/components/counter";
+
+          export function loader() {
+            return {
+              deferredId: "${DEFERRED_ID}",
+              resolvedId: Promise.resolve("${RESOLVED_DEFERRED_ID}"),
+              deferredUndefined: Promise.resolve(undefined),
+            };
+          }
+
+          export default function Deferred() {
+            let { deferredId, resolvedId } = useLoaderData();
+            return (
+              <div id={deferredId}>
+                <p>{deferredId}</p>
+                <Counter id={deferredId} />
+                <Suspense fallback={<div id="${FALLBACK_ID}">fallback</div>}>
+                  <Await
+                    resolve={resolvedId}
+                    children={(resolvedDeferredId) => (
+                      <div id={resolvedDeferredId}>
+                        <p>{resolvedDeferredId}</p>
+                        <Counter id={resolvedDeferredId} />
+                      </div>
+                    )}
+                  />
+                </Suspense>
+              </div>
+            );
+          }
+        `,
+
+        "app/routes/deferred-script-unresolved.tsx": js`
+          import { Suspense } from "react";
+          import { Await, Link, useLoaderData } from "react-router";
+          import Counter from "~/components/counter";
+
+          export function loader() {
+            return {
+              deferredId: "${DEFERRED_ID}",
+              resolvedId: new Promise(
+                (resolve) => setTimeout(() => {
+                  resolve("${RESOLVED_DEFERRED_ID}");
+                }, 10)
+              ),
+              deferredUndefined: new Promise(
+                (resolve) => setTimeout(() => {
+                  resolve(undefined);
+                }, 10)
+              ),
+            };
+          }
+
+          export default function Deferred() {
+            let { deferredId, resolvedId } = useLoaderData();
+            return (
+              <div id={deferredId}>
+                <p>{deferredId}</p>
+                <Counter id={deferredId} />
+                <Suspense fallback={<div id="${FALLBACK_ID}">fallback</div>}>
+                  <Await
+                    resolve={resolvedId}
+                    children={(resolvedDeferredId) => (
+                      <div id={resolvedDeferredId}>
+                        <p>{resolvedDeferredId}</p>
+                        <Counter id={resolvedDeferredId} />
+                      </div>
+                    )}
+                  />
+                </Suspense>
+              </div>
+            );
+          }
+        `,
+
+        "app/routes/deferred-script-rejected.tsx": js`
+          import { Suspense } from "react";
+          import { Await, Link, useLoaderData } from "react-router";
+          import Counter from "~/components/counter";
+
+          export function loader() {
+            return {
+              deferredId: "${DEFERRED_ID}",
+              resolvedId: Promise.reject(new Error("${RESOLVED_DEFERRED_ID}")),
+            };
+          }
+
+          export default function Deferred() {
+            let { deferredId, resolvedId } = useLoaderData();
+            return (
+              <div id={deferredId}>
+                <p>{deferredId}</p>
+                <Counter id={deferredId} />
+                <Suspense fallback={<div id="${FALLBACK_ID}">fallback</div>}>
+                  <Await
+                    resolve={resolvedId}
+                    errorElement={
+                      <div id="${ERROR_ID}">
+                        error
+                        <Counter id="${ERROR_ID}" />
+                      </div>
+                    }
+                    children={(resolvedDeferredId) => (
+                      <div id={resolvedDeferredId}>
+                        <p>{resolvedDeferredId}</p>
+                        <Counter id={resolvedDeferredId} />
+                      </div>
+                    )}
+                  />
+                </Suspense>
+              </div>
+            );
+          }
+        `,
+
+        "app/routes/deferred-script-unrejected.tsx": js`
+          import { Suspense } from "react";
+          import { Await, Link, useLoaderData } from "react-router";
+          import Counter from "~/components/counter";
+
+          export function loader() {
+            return {
+              deferredId: "${DEFERRED_ID}",
+              resolvedId: new Promise(
+                (_, reject) => setTimeout(() => {
+                  reject(new Error("${RESOLVED_DEFERRED_ID}"));
+                }, 10)
+              ),
+            };
+          }
+
+          export default function Deferred() {
+            let { deferredId, resolvedId, resolvedUndefined } = useLoaderData();
+            return (
+              <div id={deferredId}>
+                <p>{deferredId}</p>
+                <Counter id={deferredId} />
+                <Suspense fallback={<div id="${FALLBACK_ID}">fallback</div>}>
+                  <Await
+                    resolve={resolvedId}
+                    errorElement={
+                      <div id="${ERROR_ID}">
+                        error
+                        <Counter id="${ERROR_ID}" />
+                      </div>
+                    }
+                    children={(resolvedDeferredId) => (
+                      <div id={resolvedDeferredId}>
+                        <p>{resolvedDeferredId}</p>
+                        <Counter id={resolvedDeferredId} />
+                      </div>
+                    )}
+                  />
+                </Suspense>
+              </div>
+            );
+          }
+        `,
+
+        "app/routes/deferred-script-rejected-no-error-element.tsx": js`
+          import { Suspense } from "react";
+          import { Await, Link, useLoaderData } from "react-router";
+          import Counter from "~/components/counter";
+
+          export function loader() {
+            return {
+              deferredId: "${DEFERRED_ID}",
+              resolvedId: Promise.reject(new Error("${RESOLVED_DEFERRED_ID}")),
+            };
+          }
+
+          export default function Deferred() {
+            let { deferredId, resolvedId } = useLoaderData();
+            return (
+              <div id={deferredId}>
+                <p>{deferredId}</p>
+                <Counter id={deferredId} />
+                <Suspense fallback={<div id="${FALLBACK_ID}">fallback</div>}>
+                  <Await
+                    resolve={resolvedId}
+                    children={(resolvedDeferredId) => (
+                      <div id={resolvedDeferredId}>
+                        <p>{resolvedDeferredId}</p>
+                        <Counter id={resolvedDeferredId} />
+                      </div>
+                    )}
+                  />
+                </Suspense>
+              </div>
+            );
+          }
+
+          export function ErrorBoundary() {
+            return (
+              <div id="${ERROR_BOUNDARY_ID}">
+                error
+                <Counter id="${ERROR_BOUNDARY_ID}" />
+              </div>
+            );
+          }
+        `,
+
+        "app/routes/deferred-script-unrejected-no-error-element.tsx": js`
+          import { Suspense } from "react";
+          import { Await, Link, useLoaderData } from "react-router";
+          import Counter from "~/components/counter";
+
+          export function loader() {
+            return {
+              deferredId: "${DEFERRED_ID}",
+              resolvedId: new Promise(
+                (_, reject) => setTimeout(() => {
+                  reject(new Error("${RESOLVED_DEFERRED_ID}"));
+                }, 10)
+              ),
+            };
+          }
+
+          export default function Deferred() {
+            let { deferredId, resolvedId } = useLoaderData();
+            return (
+              <div id={deferredId}>
+                <p>{deferredId}</p>
+                <Counter id={deferredId} />
+                <Suspense fallback={<div id="${FALLBACK_ID}">fallback</div>}>
+                  <Await
+                    resolve={resolvedId}
+                    children={(resolvedDeferredId) => (
+                      <div id={resolvedDeferredId}>
+                        <p>{resolvedDeferredId}</p>
+                        <Counter id={resolvedDeferredId} />
+                      </div>
+                    )}
+                  />
+                </Suspense>
+              </div>
+            );
+          }
+
+          export function ErrorBoundary() {
+            return (
+              <div id="${ERROR_BOUNDARY_ID}">
+                error
+                <Counter id="${ERROR_BOUNDARY_ID}" />
+              </div>
+            );
+          }
+        `,
+
+        "app/routes/deferred-manual-resolve.tsx": js`
+          import { Suspense } from "react";
+          import { Await, Link, useLoaderData } from "react-router";
+          import Counter from "~/components/counter";
+
+          export function loader() {
+            global.__deferredManualResolveCache = global.__deferredManualResolveCache || {
+              nextId: 1,
+              deferreds: {},
+            };
+
+            let id = "" + global.__deferredManualResolveCache.nextId++;
+            let promise = new Promise((resolve, reject) => {
+              global.__deferredManualResolveCache.deferreds[id] = { resolve, reject };
+            });
+
+            return {
+              deferredId: "${DEFERRED_ID}",
+              resolvedId: new Promise(
+                (resolve) => setTimeout(() => {
+                  resolve("${RESOLVED_DEFERRED_ID}");
+                }, 10)
+              ),
+              id,
+              manualValue: promise,
+            };
+          }
+
+          export default function Deferred() {
+            let { deferredId, resolvedId, id, manualValue } = useLoaderData();
+            return (
+              <div id={deferredId}>
+                <p>{deferredId}</p>
+                <Counter id={deferredId} />
+                <Suspense fallback={<div id="${FALLBACK_ID}">fallback</div>}>
+                  <Await
+                    resolve={resolvedId}
+                    children={(resolvedDeferredId) => (
+                      <div>
+                        <p id={resolvedDeferredId}>{id}</p>
+                        <Counter id={resolvedDeferredId} />
+                      </div>
+                    )}
+                  />
+                </Suspense>
+                <Suspense fallback={<div id="${MANUAL_FALLBACK_ID}">manual fallback</div>}>
+                  <Await
+                    resolve={manualValue}
+                    errorElement={
+                      <div id="${MANUAL_ERROR_ID}">
+                        error
+                        <Counter id="${MANUAL_ERROR_ID}" />
+                      </div>
+                    }
+                    children={(value) => (
+                      <div>
+                        <pre><code id="${MANUAL_RESOLVED_ID}">{JSON.stringify(value)}</code></pre>
+                        <Counter id="${MANUAL_RESOLVED_ID}" />
+                      </div>
+                    )}
+                  />
+                </Suspense>
+              </div>
+            );
+          }
+        `,
+      },
+    });
+    appFixture = await createAppFixture(fixture);
+    originalConsoleError = console.error;
+    console.error = () => {};
+  });
+
+  test.afterAll(() => {
+    console.error = originalConsoleError;
+    appFixture.close();
+  });
+
+  test("works with critical JSON like data", async () => {
+    let { status, criticalHTML, deferredHTML } = await getHtmlSections(
+      fixture,
+      "/",
+    );
+
+    expect(status).toBe(200);
+    expect(criticalHTML).toContain(counterHtml(ROOT_ID, 0));
+    expect(criticalHTML).toContain(counterHtml(INDEX_ID, 0));
+    expect(deferredHTML.replace("</body></html>", "")).not.toBe("");
+    expect(deferredHTML).not.toContain('<p id="count-');
+  });
+
+  test("resolved promises do not render in initial payload", async () => {
+    let { status, criticalHTML, deferredHTML } = await getHtmlSections(
+      fixture,
+      "/deferred-noscript-resolved",
+    );
+
+    expect(status).toBe(200);
+    expect(criticalHTML).toContain(counterHtml(ROOT_ID, 0));
+    expect(criticalHTML).toContain(counterHtml(DEFERRED_ID, 0));
+    expect(criticalHTML).not.toContain(counterHtml(RESOLVED_DEFERRED_ID, 0));
+    expect(deferredHTML).toContain(FALLBACK_ID);
+    expect(deferredHTML).toContain(counterHtml(RESOLVED_DEFERRED_ID, 0));
+  });
+
+  test("slow promises render in subsequent payload", async () => {
+    let { status, criticalHTML, deferredHTML } = await getHtmlSections(
+      fixture,
+      "/deferred-noscript-unresolved",
+    );
+
+    expect(status).toBe(200);
+    expect(criticalHTML).toContain(counterHtml(ROOT_ID, 0));
+    expect(criticalHTML).toContain(counterHtml(DEFERRED_ID, 0));
+    expect(criticalHTML).not.toContain(RESOLVED_DEFERRED_ID);
+    expect(deferredHTML).toContain(`<div id="${FALLBACK_ID}">`);
+    expect(deferredHTML).toContain(counterHtml(RESOLVED_DEFERRED_ID, 0));
+  });
+
+  test("resolved promises render in initial payload", async () => {
+    let { status, criticalHTML, deferredHTML } = await getHtmlSections(
+      fixture,
+      "/deferred-script-resolved",
+    );
+
+    expect(status).toBe(200);
+    expect(criticalHTML).toContain(counterHtml(ROOT_ID, 0));
+    expect(criticalHTML).toContain(counterHtml(DEFERRED_ID, 0));
+    expect(deferredHTML).toContain(FALLBACK_ID);
+    expect(deferredHTML).toContain(counterHtml(RESOLVED_DEFERRED_ID, 0));
+  });
+
+  test("slow to resolve promises render in subsequent payload", async () => {
+    let { status, criticalHTML, deferredHTML } = await getHtmlSections(
+      fixture,
+      "/deferred-script-unresolved",
+    );
+
+    expect(status).toBe(200);
+    expect(criticalHTML).toContain(counterHtml(ROOT_ID, 0));
+    expect(criticalHTML).toContain(counterHtml(DEFERRED_ID, 0));
+    expect(criticalHTML).not.toContain(RESOLVED_DEFERRED_ID);
+    expect(deferredHTML).toContain(`<div id="${FALLBACK_ID}">`);
+    expect(deferredHTML).toContain(counterHtml(RESOLVED_DEFERRED_ID, 0));
+  });
+
+  test("rejected promises render in initial payload", async () => {
+    let { status, criticalHTML, deferredHTML } = await getHtmlSections(
+      fixture,
+      "/deferred-script-rejected",
+    );
+
+    expect(status).toBe(200);
+    expect(criticalHTML).toContain(counterHtml(ROOT_ID, 0));
+    expect(criticalHTML).toContain(counterHtml(DEFERRED_ID, 0));
+    expect(deferredHTML).toContain(FALLBACK_ID);
+    expect(deferredHTML).toContain(counterHtml(ERROR_ID, 0));
+  });
+
+  test("slow to reject promises render in subsequent payload", async () => {
+    let { status, criticalHTML, deferredHTML } = await getHtmlSections(
+      fixture,
+      "/deferred-script-unrejected",
+    );
+
+    expect(status).toBe(200);
+    expect(criticalHTML).toContain(counterHtml(ROOT_ID, 0));
+    expect(criticalHTML).toContain(counterHtml(DEFERRED_ID, 0));
+    expect(criticalHTML).not.toContain(ERROR_ID);
+    expect(deferredHTML).toContain(`<div id="${FALLBACK_ID}">`);
+    expect(deferredHTML).toContain(counterHtml(ERROR_ID, 0));
+  });
+
+  test("rejected promises bubble to ErrorBoundary on hydrate", async ({
+    page,
+  }) => {
+    let response = await fixture.requestDocument(
+      "/deferred-script-rejected-no-error-element",
+    );
+    let html = await response.text();
+
+    expect(response.status).toBe(200);
+    expect(html).toContain(ROOT_ID);
+    expect(html).toContain(DEFERRED_ID);
+    expect(html).toContain(FALLBACK_ID);
+    expect(html).not.toContain(ERROR_BOUNDARY_ID);
+
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/deferred-script-rejected-no-error-element", true);
+    await page.waitForSelector("#interactive");
+    await page.waitForSelector(`#${ERROR_BOUNDARY_ID}`);
+  });
+
+  test("slow to reject promises bubble to ErrorBoundary on hydrate", async ({
+    page,
+  }) => {
+    let response = await fixture.requestDocument(
+      "/deferred-script-unrejected-no-error-element",
+    );
+    let html = await response.text();
+
+    expect(response.status).toBe(200);
+    expect(html).toContain(ROOT_ID);
+    expect(html).toContain(DEFERRED_ID);
+    expect(html).toContain(FALLBACK_ID);
+    expect(html).not.toContain(ERROR_BOUNDARY_ID);
+
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/deferred-script-unrejected-no-error-element", false);
+    await page.waitForSelector("#interactive");
+    await page.waitForSelector(`#${ERROR_BOUNDARY_ID}`);
+  });
+});
diff --git a/tests/react-router-framework/integration/dev-custom-entry-test.ts b/tests/react-router-framework/integration/dev-custom-entry-test.ts
new file mode 100644
index 00000000..5be3bbd8
--- /dev/null
+++ b/tests/react-router-framework/integration/dev-custom-entry-test.ts
@@ -0,0 +1,103 @@
+import { expect } from "@playwright/test";
+import type { Files } from "./helpers/rsbuild.js";
+import { test, rsbuildConfig } from "./helpers/rsbuild.js";
+
+const js = String.raw;
+
+const files: Files = async ({ port }) => ({
+  "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+  "app/entry.server.tsx": js`
+    import { PassThrough } from "node:stream";
+
+    import type { EntryContext } from "react-router";
+    import { createReadableStreamFromReadable } from "@react-router/node";
+    import { ServerRouter } from "react-router";
+    import { renderToPipeableStream } from "react-dom/server";
+
+    export default function handleRequest(
+      request: Request,
+      responseStatusCode: number,
+      responseHeaders: Headers,
+      remixContext: EntryContext
+    ) {
+      return new Promise((resolve, reject) => {
+        let shellRendered = false;
+        const { pipe, abort } = renderToPipeableStream(
+          <ServerRouter context={remixContext} url={request.url} />,
+          {
+            onShellReady() {
+              shellRendered = true;
+              const body = new PassThrough();
+              const stream = createReadableStreamFromReadable(body);
+
+              responseHeaders.set("Content-Type", "text/html");
+
+              // Used to test that the request object is an instance of the global Request constructor
+              responseHeaders.set("x-test-request-instanceof-request", String(request instanceof Request));
+
+              resolve(
+                new Response(stream, {
+                  headers: responseHeaders,
+                  status: responseStatusCode,
+                })
+              );
+
+              pipe(body);
+            },
+            onShellError(error: unknown) {
+              reject(error);
+            },
+            onError(error: unknown) {
+              responseStatusCode = 500;
+              // Log streaming rendering errors from inside the shell.  Don't log
+              // errors encountered during initial shell rendering since they'll
+              // reject and get logged in handleDocumentRequest.
+              if (shellRendered) {
+                console.error(error);
+              }
+            },
+          }
+        );
+
+        setTimeout(abort, 5000);
+      });
+    }
+  `,
+  "app/root.tsx": js`
+    import { Links, Meta, Outlet, Scripts } from "react-router";
+
+    export default function Root() {
+      return (
+        <html lang="en">
+          <head>
+            <Meta />
+            <Links />
+          </head>
+          <body>
+            <div id="content">
+              <h1>Root</h1>
+              <Outlet />
+            </div>
+            <Scripts />
+          </body>
+        </html>
+      );
+    }
+  `,
+  "app/routes/_index.tsx": js`
+    export default function IndexRoute() {
+      return <div>IndexRoute</div>
+    }
+  `,
+});
+
+test.describe("rsbuild custom entry dev", () => {
+  // Ensure libraries/consumers can perform an instanceof check on the request
+  test("request instanceof Request", async ({ request, dev }) => {
+    let { port } = await dev(files);
+    let res = await request.get(`http://localhost:${port}/`);
+    expect(res.headers()).toMatchObject({
+      "x-test-request-instanceof-request": "true",
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/dev-test.ts b/tests/react-router-framework/integration/dev-test.ts
new file mode 100644
index 00000000..ffacb4c3
--- /dev/null
+++ b/tests/react-router-framework/integration/dev-test.ts
@@ -0,0 +1,546 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+
+import { expect } from "@playwright/test";
+import dedent from "dedent";
+
+import {
+  rsbuildConfig,
+  test,
+  type TemplateName,
+  type Files,
+  reactRouterConfig,
+} from "./helpers/rsbuild.js";
+
+const tsx = dedent;
+const hmrTimeout = 15_000;
+
+const fixtures = [
+  {
+    templateName: "rsbuild-template",
+  },
+  {
+    templateName: "rsc-framework",
+  },
+] as const satisfies ReadonlyArray<{
+  templateName: TemplateName;
+}>;
+
+test.describe("rsbuild dev", () => {
+  for (const { templateName } of fixtures) {
+    test.describe(`template: ${templateName}`, () => {
+      const files: Files = async ({ port }) => ({
+        "rsbuild.config.ts": await rsbuildConfig.basic({
+          port,
+          templateName,
+          mdx: true,
+        }),
+        "app/root.tsx": tsx`
+          import { Links, Meta, Outlet, Scripts } from "react-router";
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <div id="content">
+                    <h1>Root</h1>
+                    <Outlet />
+                  </div>
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+        "app/routes/_index.tsx": templateName.includes("rsc")
+          ? tsx`
+              export function ServerComponent() {
+                return (
+                  <div id="index">
+                    <h2 data-title>Index</h2>
+                    <input />
+                    <p data-hmr>HMR updated: no</p>
+                  </div>
+                );
+              }
+            `
+          : tsx`
+              export default function IndexRoute() {
+                return (
+                  <div id="index">
+                    <h2 data-title>Index</h2>
+                    <input />
+                    <p data-hmr>HMR updated: no</p>
+                  </div>
+                );
+              }
+            `,
+        "app/routes/deferred-loader-data.tsx": tsx`
+          import { Suspense } from "react";
+          import { Await, useLoaderData } from "react-router";
+
+          export function loader() {
+            let deferred = new Promise((resolve) => {
+              setTimeout(() => resolve(true), 1000)
+            });
+            return { deferred };
+          }
+
+          export default function IndexRoute() {
+            const { deferred } = useLoaderData<typeof loader>();
+
+            return (
+              <div id="index">
+                <Suspense fallback={<p data-defer>Defer finished: no</p>}>
+                  <Await resolve={deferred}>{() => <p data-defer>Defer finished: yes</p>}</Await>
+                </Suspense>
+              </div>
+            );
+          }
+        `,
+        "app/routes/set-cookies.tsx": tsx`
+          import type { LoaderFunction } from "react-router";
+
+          export const loader: LoaderFunction = () => {
+            const headers = new Headers();
+
+            headers.append(
+              "Set-Cookie",
+              "first=one; Domain=localhost; Path=/; SameSite=Lax"
+            );
+
+            headers.append(
+              "Set-Cookie",
+              "second=two; Domain=localhost; Path=/; SameSite=Lax"
+            );
+
+            headers.append(
+              "Set-Cookie",
+              "third=three; Domain=localhost; Path=/; SameSite=Lax"
+            );
+
+            headers.set("location", "http://localhost:${port}/get-cookies");
+
+            const response = new Response(null, {
+              headers,
+              status: 302,
+            });
+
+            return response;
+          };
+        `,
+        "app/routes/get-cookies.tsx": tsx`
+          import { useLoaderData, type LoaderFunctionArgs } from "react-router";
+
+          export const loader = ({ request }: LoaderFunctionArgs) => ({
+            cookies: request.headers.get("Cookie")
+          });
+
+          export default function IndexRoute() {
+            const { cookies } = useLoaderData<typeof loader>();
+
+            return (
+              <div id="get-cookies">
+                <h2 data-title>Get Cookies</h2>
+                <p data-cookies>{cookies}</p>
+              </div>
+            );
+          }
+        `,
+        "app/routes/jsx.jsx": templateName.includes("rsc")
+          ? tsx`
+              export function ServerComponent() {
+                return (
+                  <div id="jsx">
+                    <p data-hmr>HMR updated: no</p>
+                  </div>
+                );
+              }
+            `
+          : tsx`
+              export default function JsxRoute() {
+                return (
+                  <div id="jsx">
+                    <p data-hmr>HMR updated: no</p>
+                  </div>
+                );
+              }
+            `,
+        "app/routes/mdx.mdx": tsx`
+          import { MdxComponent } from "../components/mdx-components";
+
+          export const loader = () => {
+            return {
+              content: "MDX route content from loader",
+            }
+          }
+
+          ## MDX Route
+
+          <MdxComponent />
+        `,
+        "app/components/mdx-components.tsx": tsx`
+          import { useLoaderData } from "react-router";
+
+          export function MdxComponent() {
+            const { content } = useLoaderData();
+            return <div data-mdx-route>{content}</div>
+          }
+        `,
+        ".env": `
+          ENV_VAR_FROM_DOTENV_FILE=Content from .env file
+        `,
+        "app/routes/dotenv.tsx": tsx`
+          import { useState, useEffect } from "react";
+          import { useLoaderData } from "react-router";
+
+          export const loader = () => {
+            return {
+              loaderContent: process.env.ENV_VAR_FROM_DOTENV_FILE,
+            }
+          }
+
+          export default function DotenvRoute() {
+            const { loaderContent } = useLoaderData();
+
+            const [clientContent, setClientContent] = useState('');
+            useEffect(() => {
+              try {
+                setClientContent("process.env.ENV_VAR_FROM_DOTENV_FILE shouldn't be available on the client, found: " + process.env.ENV_VAR_FROM_DOTENV_FILE);
+              } catch (err) {
+                setClientContent("process.env.ENV_VAR_FROM_DOTENV_FILE not available on the client, which is a good thing");
+              }
+            }, []);
+
+            return <>
+              <div data-dotenv-route-loader-content>{loaderContent}</div>
+              <div data-dotenv-route-client-content>{clientContent}</div>
+            </>
+          }
+        `,
+        "app/routes/error-stacktrace.tsx": tsx`
+          import { Link, useLocation, type LoaderFunction, type MetaFunction } from "react-router";
+
+          export const loader: LoaderFunction = ({ request }) => {
+            if (request.url.includes("crash-loader")) {
+              throw new Error("crash-loader");
+            }
+            return null;
+          };
+
+          export default function TestRoute() {
+            const location = useLocation();
+
+            if (import.meta.env.SSR && location.search.includes("crash-server-render")) {
+              throw new Error("crash-server-render");
+            }
+
+            return (
+              <div>
+                <ul>
+                  {["crash-loader", "crash-server-render"].map(
+                    (v) => (
+                      <li key={v}>
+                        <Link to={"/?" + v}>{v}</Link>
+                      </li>
+                    )
+                  )}
+                </ul>
+              </div>
+            );
+          }
+        `,
+        "app/routes/known-route-exports.tsx": tsx`
+          import { useMatches } from "react-router";
+
+          export const meta = () => [{
+            title: "HMR meta: 0"
+          }]
+
+          export const links = () => [{
+            rel: "icon",
+            href: "/favicon.ico",
+            type: "image/png",
+            "data-link": "HMR links: 0",
+          }]
+
+          export const handle = {
+            data: "HMR handle: 0"
+          };
+
+          export default function TestRoute() {
+            const matches = useMatches();
+
+            return (
+              <div id="known-route-export-hmr">
+                <input />
+                <p data-hmr>HMR component: 0</p>
+                <p data-handle>{matches[1].handle.data}</p>
+              </div>
+            );
+          }
+        `,
+      });
+
+      test("renders matching routes with HMR", async ({ dev, page }) => {
+        const { cwd, port } = await dev(files, templateName);
+
+        await page.goto(`http://localhost:${port}/`, {
+          waitUntil: "networkidle",
+        });
+
+        // Ensure no errors on page load
+        expect(page.errors).toEqual([]);
+
+        await expect(page.locator("#index [data-title]")).toHaveText("Index");
+
+        let hmrStatus = page.locator("#index [data-hmr]");
+        await expect(hmrStatus).toHaveText("HMR updated: no");
+
+        let input = page.locator("#index input");
+        await expect(input).toBeVisible();
+        await input.type("stateful");
+
+        let indexRouteContents = await fs.readFile(
+          path.join(cwd, "app/routes/_index.tsx"),
+          "utf8",
+        );
+        await fs.writeFile(
+          path.join(cwd, "app/routes/_index.tsx"),
+          indexRouteContents.replace("HMR updated: no", "HMR updated: yes"),
+          "utf8",
+        );
+        await page.waitForLoadState("networkidle");
+        await expect(hmrStatus).toHaveText("HMR updated: yes");
+        await expect(input).toHaveValue("stateful");
+
+        // Ensure no errors after HMR
+        expect(page.errors).toEqual([]);
+      });
+
+      test("deferred loader data", async ({ dev, page }) => {
+        test.fixme(
+          templateName.includes("rsc"),
+          "RSC doesn't support Await component",
+        );
+
+        const { port } = await dev(files, templateName);
+        await page.goto(`http://localhost:${port}/deferred-loader-data`, {
+          waitUntil: "networkidle",
+        });
+
+        // Ensure no errors on page load
+        expect(page.errors).toEqual([]);
+
+        await expect(page.locator("#index [data-defer]")).toHaveText(
+          "Defer finished: yes",
+        );
+        // Ensure no errors after deferred rendering
+        expect(page.errors).toEqual([]);
+      });
+
+      test("handles multiple set-cookie headers", async ({ dev, page }) => {
+        const { port } = await dev(files, templateName);
+
+        await page.goto(`http://localhost:${port}/set-cookies`, {
+          waitUntil: "networkidle",
+        });
+
+        expect(page.errors).toEqual([]);
+
+        // Ensure we redirected
+        expect(new URL(page.url()).pathname).toBe("/get-cookies");
+
+        await expect(page.locator("#get-cookies [data-cookies]")).toHaveText(
+          "first=one; second=two; third=three",
+        );
+      });
+
+      test("handles JSX in .jsx file without React import", async ({
+        dev,
+        page,
+      }) => {
+        const { cwd, port } = await dev(files, templateName);
+
+        await page.goto(`http://localhost:${port}/jsx`, {
+          waitUntil: "networkidle",
+        });
+        expect(page.errors).toEqual([]);
+
+        let hmrStatus = page.locator("#jsx [data-hmr]");
+        await expect(hmrStatus).toHaveText("HMR updated: no");
+
+        let indexRouteContents = await fs.readFile(
+          path.join(cwd, "app/routes/jsx.jsx"),
+          "utf8",
+        );
+        await fs.writeFile(
+          path.join(cwd, "app/routes/jsx.jsx"),
+          indexRouteContents.replace("HMR updated: no", "HMR updated: yes"),
+          "utf8",
+        );
+        await page.waitForLoadState("networkidle");
+        await expect(hmrStatus).toHaveText("HMR updated: yes");
+
+        expect(page.errors).toEqual([]);
+      });
+
+      test("handles MDX routes", async ({ dev, page }) => {
+        const { port } = await dev(files, templateName);
+        await page.goto(`http://localhost:${port}/mdx`, {
+          waitUntil: "networkidle",
+        });
+        expect(page.errors).toEqual([]);
+
+        let mdxContent = page.locator("[data-mdx-route]");
+        await expect(mdxContent).toHaveText("MDX route content from loader");
+
+        expect(page.errors).toEqual([]);
+      });
+
+      test("loads .env file", async ({ dev, page }) => {
+        const { port } = await dev(files, templateName);
+
+        await page.goto(`http://localhost:${port}/dotenv`, {
+          waitUntil: "networkidle",
+        });
+        expect(page.errors).toEqual([]);
+
+        let loaderContent = page.locator("[data-dotenv-route-loader-content]");
+        await expect(loaderContent).toHaveText("Content from .env file");
+
+        let clientContent = page.locator("[data-dotenv-route-client-content]");
+        await expect(clientContent).toHaveText(
+          "process.env.ENV_VAR_FROM_DOTENV_FILE not available on the client, which is a good thing",
+        );
+
+        expect(page.errors).toEqual([]);
+      });
+
+      test("request errors map to original source code", async ({
+        dev,
+        page,
+      }) => {
+        // Matches upstream's own fixme for RSC mode (vite-dev-test.ts
+        // "Investigate this for RSC Framework Mode"). The server DOES render a
+        // source-mapped error boundary (dev default root boundary surfaces the
+        // real stack), but the crash is gated on import.meta.env.SSR, so client
+        // hydration re-renders without throwing and React recovers — wiping the
+        // <main> this test asserts on from the live DOM. Same behavior as
+        // upstream RSC framework mode.
+        test.fixme(
+          templateName.includes("rsc"),
+          "RSC hydration recovers from SSR-only render errors (upstream fixme parity)",
+        );
+
+        const { port } = await dev(files, templateName);
+
+        await page.goto(
+          `http://localhost:${port}/error-stacktrace?crash-server-render`,
+        );
+        await expect(page.locator("main")).toContainText(
+          "Error: crash-server-render",
+        );
+        await expect(page.locator("main")).toContainText(
+          /error-stacktrace\.tsx:(14|15)/,
+        );
+
+        await page.goto(
+          `http://localhost:${port}/error-stacktrace?crash-loader`,
+        );
+        await expect(page.locator("main")).toContainText("Error: crash-loader");
+        await expect(page.locator("main")).toContainText(
+          /error-stacktrace\.tsx:(5|6)/,
+        );
+      });
+
+      test("handle known route exports with HMR", async ({ dev, page }) => {
+        // RSC Framework Mode default-export client routes are SSR-rendered but
+        // their async client-route chunk is not necessarily loaded in the browser,
+        // so Rspack can produce a hot update for a chunk with no active accept
+        // handler. Server-component RSC routes are covered by the ungated
+        // "renders matching routes with HMR" test and hmr-hdr-rsc-test.ts.
+        test.fixme(
+          templateName.includes("rsc"),
+          "RSC Framework Mode: default client-route chunk HMR requires a loaded client reference",
+        );
+
+        const isRsc = templateName.includes("rsc");
+        const { cwd, port } = await dev(files, templateName);
+
+        await page.goto(`http://localhost:${port}/known-route-exports`, {
+          waitUntil: "networkidle",
+        });
+        expect(page.errors).toEqual([]);
+
+        // file editing utils
+        let filepath = path.join(cwd, "app/routes/known-route-exports.tsx");
+        let filedata = await fs.readFile(filepath, "utf8");
+        async function editFile(edit: (data: string) => string) {
+          filedata = edit(filedata);
+          await fs.writeFile(filepath, filedata, "utf8");
+        }
+
+        // verify input state is preserved after each update
+        let input = page.locator("input");
+        await input.type("stateful");
+        await expect(input).toHaveValue("stateful");
+        async function expectStatePreservedOrRefill() {
+          input = page.locator("input");
+          await expect(input).toBeVisible();
+          if (isRsc) {
+            await input.fill("stateful");
+          } else {
+            await expect(input).toHaveValue("stateful");
+          }
+        }
+
+        // component
+        await editFile((data) =>
+          data.replace("HMR component: 0", "HMR component: 1"),
+        );
+        await expect(page.locator("[data-hmr]")).toHaveText(
+          "HMR component: 1",
+          {
+            timeout: hmrTimeout,
+          },
+        );
+        await expectStatePreservedOrRefill();
+
+        // handle
+        await editFile((data) =>
+          data.replace("HMR handle: 0", "HMR handle: 1"),
+        );
+        await expect(page.locator("[data-handle]")).toHaveText(
+          "HMR handle: 1",
+          {
+            timeout: hmrTimeout,
+          },
+        );
+        await expectStatePreservedOrRefill();
+
+        // meta
+        await editFile((data) => data.replace("HMR meta: 0", "HMR meta: 1"));
+        await expect(page).toHaveTitle("HMR meta: 1", {
+          timeout: hmrTimeout,
+        });
+        await expectStatePreservedOrRefill();
+
+        // links
+        await editFile((data) => data.replace("HMR links: 0", "HMR links: 1"));
+        await expect(page.locator("[data-link]")).toHaveAttribute(
+          "data-link",
+          "HMR links: 1",
+          { timeout: hmrTimeout },
+        );
+
+        expect(page.errors).toEqual([]);
+      });
+    });
+  }
+
+});
diff --git a/tests/react-router-framework/integration/dot-client-test.ts b/tests/react-router-framework/integration/dot-client-test.ts
new file mode 100644
index 00000000..9a10942f
--- /dev/null
+++ b/tests/react-router-framework/integration/dot-client-test.ts
@@ -0,0 +1,47 @@
+import * as path from "node:path";
+import { test, expect } from "@playwright/test";
+
+import { createProject, grep, build } from "./helpers/rsbuild.js";
+
+let files = {
+  "app/utils.client.ts": String.raw`
+    export const dotClientFile = "CLIENT_ONLY_FILE";
+    export default dotClientFile;
+  `,
+  "app/.client/utils.ts": String.raw`
+    export const dotClientDir = "CLIENT_ONLY_DIR";
+    export default dotClientDir;
+  `,
+};
+
+test("client code excluded from server bundle", async () => {
+  let cwd = await createProject({
+    ...files,
+    "app/routes/dot-client-imports.tsx": String.raw`
+      import { dotClientFile } from "../utils.client";
+      import { dotClientDir } from "../.client/utils";
+
+      export default function() {
+        const [mounted, setMounted] = useState(false);
+
+        useEffect(() => {
+          setMounted(true);
+        }, []);
+
+        return (
+          <>
+            <h2>Index</h2>
+            <p>{mounted ? dotClientFile + dotClientDir : ""}</p>
+          </>
+        );
+      }
+    `,
+  });
+  let { status } = build({ cwd });
+  expect(status).toBe(0);
+  let lines = grep(
+    path.join(cwd, "build/server"),
+    /CLIENT_ONLY_FILE|CLIENT_ONLY_DIR/,
+  );
+  expect(lines).toHaveLength(0);
+});
diff --git a/tests/react-router-framework/integration/dot-server-test.ts b/tests/react-router-framework/integration/dot-server-test.ts
new file mode 100644
index 00000000..57fe7e1e
--- /dev/null
+++ b/tests/react-router-framework/integration/dot-server-test.ts
@@ -0,0 +1,223 @@
+import * as path from "node:path";
+import { expect } from "@playwright/test";
+import stripAnsi from "strip-ansi";
+import dedent from "dedent";
+
+import type { Files } from "./helpers/rsbuild.js";
+import {
+  test,
+  createProject,
+  grep,
+  build,
+  rsbuildConfig,
+} from "./helpers/rsbuild.js";
+
+let serverOnlyModule = `
+  export const serverOnly = "SERVER_ONLY";
+  export default serverOnly;
+`;
+
+let tsconfig = (aliases: Record<string, string[]>) => `
+  {
+    "include": ["env.d.ts", "**/*.ts", "**/*.tsx"],
+    "compilerOptions": {
+      "lib": ["DOM", "DOM.Iterable", "ES2022"],
+      "verbatimModuleSyntax": true,
+      "esModuleInterop": true,
+      "jsx": "react-jsx",
+      "module": "ESNext",
+      "moduleResolution": "Bundler",
+      "resolveJsonModule": true,
+      "target": "ES2022",
+      "strict": true,
+      "allowJs": true,
+      "baseUrl": ".",
+      "paths": ${JSON.stringify(aliases)},
+      "noEmit": true
+    }
+  }
+`;
+
+test("dead-code elimination for server exports", async () => {
+  let cwd = await createProject({
+    "app/utils.server.ts": serverOnlyModule,
+    "app/.server/utils.ts": serverOnlyModule,
+    "app/routes/remove-server-exports-and-dce.tsx": `
+      import fs from "node:fs";
+      import { useLoaderData } from "react-router";
+
+      import { serverOnly as serverOnlyFile } from "../utils.server";
+      import { serverOnly as serverOnlyDir } from "../.server/utils";
+
+      export const loader = () => {
+        let contents = fs.readFileSync("server_only.txt");
+        return { serverOnlyFile, serverOnlyDir, contents }
+      }
+
+      export const action = () => {
+        let contents = fs.readFileSync("server_only.txt");
+        console.log({ serverOnlyFile, serverOnlyDir, contents });
+        return null;
+      }
+
+      export default function() {
+        let { data } = useLoaderData<typeof loader>();
+        return <pre>{JSON.stringify(data)}</pre>;
+      }
+    `,
+  });
+  let { status } = build({ cwd });
+  expect(status).toBe(0);
+
+  let lines = grep(
+    path.join(cwd, "build/client"),
+    /SERVER_ONLY|SERVER_ONLY|node:fs/,
+  );
+  expect(lines).toHaveLength(0);
+});
+
+test.describe("route / server-only module referenced by client", () => {
+  let matrix: Array<{
+    type: string;
+    path: string;
+    specifier: string;
+  }> = [
+    {
+      type: "file",
+      path: "app/utils.server.ts",
+      specifier: `~/utils.server`,
+    },
+    {
+      type: "dir",
+      path: "app/.server/utils.ts",
+      specifier: `~/.server/utils`,
+    },
+
+    {
+      type: "file alias",
+      path: "app/utils.server.ts",
+      specifier: `#dot-server-file`,
+    },
+    {
+      type: "dir alias",
+      path: "app/.server/utils.ts",
+      specifier: `#dot-server-dir/utils`,
+    },
+  ];
+
+  let cases = matrix.flatMap(({ type, path, specifier }) => [
+    {
+      name: `default import / .server ${type}`,
+      path,
+      specifier,
+      route: `
+        import serverOnly from "${specifier}";
+        export default () => <h1>{serverOnly}</h1>;
+      `,
+    },
+    {
+      name: `named import / .server ${type}`,
+      path,
+      specifier,
+      route: `
+        import { serverOnly } from "${specifier}"
+        export default () => <h1>{serverOnly}</h1>;
+      `,
+    },
+    {
+      name: `namespace import / .server ${type}`,
+      path,
+      specifier,
+      route: `
+        import * as utils from "${specifier}"
+        export default () => <h1>{utils.serverOnly}</h1>;
+      `,
+    },
+  ]);
+
+  for (let { name, path, specifier, route } of cases) {
+    test(name, async () => {
+      let cwd = await createProject({
+        "tsconfig.json": tsconfig({
+          "~/*": ["app/*"],
+          "#dot-server-file": ["app/utils.server.ts"],
+          "#dot-server-dir/*": ["app/.server/*"],
+        }),
+        [path]: serverOnlyModule,
+        "app/routes/_index.tsx": route,
+      });
+      let result = build({ cwd });
+      let stderr = stripAnsi(result.stderr.toString("utf8"));
+
+      expect(result.status).not.toBe(0);
+
+      expect(stderr).toMatch(
+        `Server-only module referenced by client: ${path}`,
+      );
+
+      expect(stderr).toMatch(/Import traces \(entry → error\):/);
+      expect(stderr).toMatch(/app\/routes\/_index\.tsx/);
+    });
+  }
+});
+
+test.describe("non-route / server-only module referenced by client", () => {
+  let matrix = [
+    { type: "file", path: "app/utils.server.ts", specifier: `~/utils.server` },
+    { type: "dir", path: "app/.server/utils.ts", specifier: `~/.server/utils` },
+  ];
+
+  let cases = matrix.flatMap(({ type, path, specifier }) => [
+    {
+      name: `default import / .server ${type}`,
+      path,
+      specifier,
+      nonroute: `
+        import serverOnly from "${specifier}";
+        export const getServerOnly = () => serverOnly;
+      `,
+    },
+    {
+      name: `named import / .server ${type}`,
+      path,
+      specifier,
+      nonroute: `
+        import { serverOnly } from "${specifier}";
+        export const getServerOnly = () => serverOnly;
+      `,
+    },
+    {
+      name: `namespace import / .server ${type}`,
+      path,
+      specifier,
+      nonroute: `
+        import * as utils from "${specifier}";
+        export const getServerOnly = () => utils.serverOnly;
+      `,
+    },
+  ]);
+
+  for (let { name, path, specifier, nonroute } of cases) {
+    test(name, async () => {
+      let cwd = await createProject({
+        [path]: serverOnlyModule,
+        "app/reexport-server-only.ts": nonroute,
+        "app/routes/_index.tsx": `
+          import { serverOnly } from "~/reexport-server-only"
+          export default () => <h1>{serverOnly}</h1>;
+        `,
+      });
+      let result = build({ cwd });
+      let stderr = stripAnsi(result.stderr.toString("utf8"));
+
+      expect(result.status).not.toBe(0);
+
+      expect(stderr).toMatch(
+        `Server-only module referenced by client: ${path}`,
+      );
+
+      expect(stderr).toMatch(/Import traces \(entry → error\):/);
+      expect(stderr).toMatch(/app\/reexport-server-only\.ts/);
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/dotenv-test.ts b/tests/react-router-framework/integration/dotenv-test.ts
new file mode 100644
index 00000000..aedb1f76
--- /dev/null
+++ b/tests/react-router-framework/integration/dotenv-test.ts
@@ -0,0 +1,120 @@
+import { expect } from "@playwright/test";
+import tsx from "dedent";
+import getPort from "get-port";
+
+import * as Express from "./helpers/express";
+import { test } from "./helpers/fixtures";
+import { rsbuildConfig } from "./helpers/rsbuild";
+import * as Stream from "./helpers/stream";
+import { bundlerTemplates, getTemplates } from "./helpers/templates";
+
+const templates = [
+  ...bundlerTemplates,
+  ...getTemplates(["rsc-framework"]),
+];
+
+test.use({
+  files: {
+    "app/routes/dotenv.tsx": tsx`
+      import { useState, useEffect } from "react";
+      import { useLoaderData } from "react-router";
+
+      export const loader = () => {
+        return {
+          loaderContent: process.env.ENV_VAR_FROM_DOTENV_FILE,
+        }
+      }
+
+      export default function DotenvRoute() {
+        const { loaderContent } = useLoaderData();
+
+        const [clientContent, setClientContent] = useState('');
+        useEffect(() => {
+          try {
+            setClientContent("process.env.ENV_VAR_FROM_DOTENV_FILE shouldn't be available on the client, found: " + process.env.ENV_VAR_FROM_DOTENV_FILE);
+          } catch (err) {
+            setClientContent("process.env.ENV_VAR_FROM_DOTENV_FILE not available on the client, which is a good thing");
+          }
+        }, []);
+
+        return <>
+          <div data-dotenv-route-loader-content>{loaderContent}</div>
+          <div data-dotenv-route-client-content>{clientContent}</div>
+        </>
+      }
+    `,
+  },
+});
+
+const envs = [
+  { name: "default", path: ".env" },
+  { name: "custom env dir", path: "custom-env-dir/.env" },
+];
+
+test.describe(".env", () => {
+  templates.forEach((template) => {
+    test.describe(`template: ${template.displayName}`, () => {
+      const isRsc = template.name.startsWith("rsc-");
+      test.use({ template: template.name });
+      envs.forEach((env) => {
+        test(env.name, async ({ edit, $, page }) => {
+          await edit({
+            "server.mjs": isRsc ? Express.rsc() : Express.server(),
+            "rsbuild.config.ts": await rsbuildConfig.basic({
+              envPrefixes: ["VITE_"],
+              templateName: template.name,
+            }),
+            ".env": `
+              RSBUILD_ENV_ROUTE=dotenv
+              ENV_VAR_FROM_DOTENV_FILE=Content from ${env.path} file
+            `,
+            "app/routes.ts": (contents) => {
+              if (template.name.startsWith("rsc-")) return contents;
+              return tsx`
+                import { type RouteConfig, route } from "@react-router/dev/routes";
+
+                const routes: RouteConfig = [];
+                if (process.env.RSBUILD_ENV_ROUTE === "dotenv") {
+                  routes.push(route("dotenv", "routes/dotenv.tsx"));
+                }
+
+                export default routes
+              `;
+            },
+          });
+          await $("pnpm build");
+
+          const port = await getPort();
+          const url = `http://localhost:${port}`;
+
+          const server = $("node server.mjs", {
+            env: {
+              PORT: String(port),
+              HMR_PORT: String(await getPort()),
+            },
+          });
+          await Stream.match(server.stdout, url);
+
+          await page.goto(`${url}/dotenv`, { waitUntil: "networkidle" });
+          expect(page.errors).toEqual([]);
+
+          let loaderContent = page.locator(
+            "[data-dotenv-route-loader-content]",
+          );
+          await expect(loaderContent).toHaveText(
+            `Content from ${env.path} file`,
+          );
+
+          let clientContent = page.locator(
+            "[data-dotenv-route-client-content]",
+          );
+          await expect(clientContent).toHaveText(
+            "process.env.ENV_VAR_FROM_DOTENV_FILE not available on the client, which is a good thing",
+          );
+
+          expect(page.errors).toEqual([]);
+        });
+      });
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/error-boundary-test.ts b/tests/react-router-framework/integration/error-boundary-test.ts
new file mode 100644
index 00000000..d355b8a3
--- /dev/null
+++ b/tests/react-router-framework/integration/error-boundary-test.ts
@@ -0,0 +1,1020 @@
+import { test, expect } from "@playwright/test";
+
+import { UNSAFE_ServerMode as ServerMode } from "react-router";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("ErrorBoundary", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+  let _consoleError: any;
+
+  let ROOT_BOUNDARY_TEXT = "ROOT_BOUNDARY_TEXT";
+  let OWN_BOUNDARY_TEXT = "OWN_BOUNDARY_TEXT";
+
+  let HAS_BOUNDARY_LOADER = "/yes/loader" as const;
+  let HAS_BOUNDARY_LOADER_FILE = "/yes.loader" as const;
+  let HAS_BOUNDARY_ACTION = "/yes/action" as const;
+  let HAS_BOUNDARY_ACTION_FILE = "/yes.action" as const;
+  let HAS_BOUNDARY_RENDER = "/yes/render" as const;
+  let HAS_BOUNDARY_RENDER_FILE = "/yes.render" as const;
+  let HAS_BOUNDARY_NO_LOADER_OR_ACTION = "/yes/no-loader-or-action" as const;
+  let HAS_BOUNDARY_NO_LOADER_OR_ACTION_FILE =
+    "/yes.no-loader-or-action" as const;
+
+  let NO_BOUNDARY_ACTION = "/no/action" as const;
+  let NO_BOUNDARY_ACTION_FILE = "/no.action" as const;
+  let NO_BOUNDARY_LOADER = "/no/loader" as const;
+  let NO_BOUNDARY_LOADER_FILE = "/no.loader" as const;
+  let NO_BOUNDARY_RENDER = "/no/render" as const;
+  let NO_BOUNDARY_RENDER_FILE = "/no.render" as const;
+  let NO_BOUNDARY_NO_LOADER_OR_ACTION = "/no/no-loader-or-action" as const;
+  let NO_BOUNDARY_NO_LOADER_OR_ACTION_FILE = "/no.no-loader-or-action" as const;
+
+  let NOT_FOUND_HREF = "/not/found";
+
+  // packages/remix-react/errorBoundaries.tsx
+  let INTERNAL_ERROR_BOUNDARY_HEADING = "Application Error";
+
+  test.beforeAll(async () => {
+    _consoleError = console.error;
+    console.error = () => {};
+    fixture = await createFixture(
+      {
+        files: {
+          "app/root.tsx": js`
+              import { Links, Meta, Outlet, Scripts } from "react-router";
+
+              export default function Root() {
+                return (
+                  <html lang="en">
+                    <head>
+                      <Meta />
+                      <Links />
+                    </head>
+                    <body>
+                      <main>
+                        <Outlet />
+                      </main>
+                      <Scripts />
+                    </body>
+                  </html>
+                );
+              }
+
+              export function ErrorBoundary() {
+                return (
+                  <html>
+                    <head />
+                    <body>
+                      <main>
+                        <div id="root-boundary">${ROOT_BOUNDARY_TEXT}</div>
+                      </main>
+                      <Scripts />
+                    </body>
+                  </html>
+                )
+              }
+            `,
+
+          "app/routes/_index.tsx": js`
+              import { Link, Form } from "react-router";
+              export default function () {
+                return (
+                  <div>
+                    <Link to="${NOT_FOUND_HREF}">${NOT_FOUND_HREF}</Link>
+
+                    <Form method="post">
+                      <button formAction="${HAS_BOUNDARY_ACTION}" type="submit">
+                        Own Boundary
+                      </button>
+                      <button formAction="${NO_BOUNDARY_ACTION}" type="submit">
+                        No Boundary
+                      </button>
+                      <button formAction="${HAS_BOUNDARY_NO_LOADER_OR_ACTION}" type="submit">
+                        Has Boundary No Loader or Action
+                      </button>
+                      <button formAction="${NO_BOUNDARY_NO_LOADER_OR_ACTION}" type="submit">
+                        No Boundary No Loader or Action
+                      </button>
+                    </Form>
+
+                    <Link to="${HAS_BOUNDARY_LOADER}">
+                      ${HAS_BOUNDARY_LOADER}
+                    </Link>
+                    <Link to="${NO_BOUNDARY_LOADER}">
+                      ${NO_BOUNDARY_LOADER}
+                    </Link>
+                    <Link to="${HAS_BOUNDARY_RENDER}">
+                      ${HAS_BOUNDARY_RENDER}
+                    </Link>
+                    <Link to="${NO_BOUNDARY_RENDER}">
+                      ${NO_BOUNDARY_RENDER}
+                    </Link>
+                  </div>
+                )
+              }
+            `,
+
+          [`app/routes${HAS_BOUNDARY_ACTION_FILE}.jsx`]: js`
+              import { Form } from "react-router";
+              export async function action() {
+                throw new Error("Kaboom!")
+              }
+              export function ErrorBoundary() {
+                return <p id="own-boundary">${OWN_BOUNDARY_TEXT}</p>
+              }
+              export default function () {
+                return (
+                  <Form method="post">
+                    <button type="submit" formAction="${HAS_BOUNDARY_ACTION}">
+                      Go
+                    </button>
+                  </Form>
+                );
+              }
+            `,
+
+          [`app/routes${NO_BOUNDARY_ACTION_FILE}.jsx`]: js`
+              import { Form } from "react-router";
+              export function action() {
+                throw new Error("Kaboom!")
+              }
+              export default function () {
+                return (
+                  <Form method="post">
+                    <button type="submit" formAction="${NO_BOUNDARY_ACTION}">
+                      Go
+                    </button>
+                  </Form>
+                )
+              }
+            `,
+
+          [`app/routes${HAS_BOUNDARY_LOADER_FILE}.jsx`]: js`
+              export function loader() {
+                throw new Error("Kaboom!")
+              }
+              export function ErrorBoundary() {
+                return <div id="own-boundary">${OWN_BOUNDARY_TEXT}</div>
+              }
+              export default function () {
+                return <div/>
+              }
+            `,
+
+          [`app/routes${NO_BOUNDARY_LOADER_FILE}.jsx`]: js`
+              export function loader() {
+                throw new Error("Kaboom!")
+              }
+              export default function () {
+                return <div/>
+              }
+            `,
+
+          [`app/routes${NO_BOUNDARY_RENDER_FILE}.jsx`]: js`
+              export default function () {
+                throw new Error("Kaboom!")
+                return <div/>
+              }
+            `,
+
+          [`app/routes${HAS_BOUNDARY_RENDER_FILE}.jsx`]: js`
+              export default function () {
+                throw new Error("Kaboom!")
+                return <div/>
+              }
+
+              export function ErrorBoundary() {
+                return <div id="own-boundary">${OWN_BOUNDARY_TEXT}</div>
+              }
+            `,
+
+          [`app/routes${HAS_BOUNDARY_NO_LOADER_OR_ACTION_FILE}.jsx`]: js`
+              export function ErrorBoundary() {
+                return <div id="boundary-no-loader-or-action">${OWN_BOUNDARY_TEXT}</div>
+              }
+              export default function Index() {
+                return <div/>
+              }
+            `,
+
+          [`app/routes${NO_BOUNDARY_NO_LOADER_OR_ACTION_FILE}.jsx`]: js`
+              export default function Index() {
+                return <div/>
+              }
+            `,
+
+          "app/routes/fetcher-boundary.tsx": js`
+              import { useFetcher } from "react-router";
+              export function ErrorBoundary() {
+                return <p id="fetcher-boundary">${OWN_BOUNDARY_TEXT}</p>
+              }
+              export default function() {
+                let fetcher = useFetcher();
+
+                return (
+                  <div>
+                    <fetcher.Form method="post">
+                      <button formAction="${NO_BOUNDARY_NO_LOADER_OR_ACTION}" type="submit" />
+                    </fetcher.Form>
+                  </div>
+                )
+              }
+            `,
+
+          "app/routes/fetcher-no-boundary.tsx": js`
+              import { useFetcher } from "react-router";
+              export default function() {
+                let fetcher = useFetcher();
+
+                return (
+                  <div>
+                    <fetcher.Form method="post">
+                      <button formAction="${NO_BOUNDARY_NO_LOADER_OR_ACTION}" type="submit">
+                        No Loader or Action
+                      </button>
+                    </fetcher.Form>
+                  </div>
+                )
+              }
+            `,
+
+          "app/routes/action.tsx": js`
+              import { Outlet, useLoaderData } from "react-router";
+
+              export function loader() {
+                return "PARENT";
+              }
+
+              export default function () {
+                return (
+                  <div>
+                    <p id="parent-data">{useLoaderData()}</p>
+                    <Outlet />
+                  </div>
+                )
+              }
+            `,
+
+          "app/routes/action.child-error.tsx": js`
+              import { Form, useLoaderData, useRouteError } from "react-router";
+
+              export function loader() {
+                return "CHILD";
+              }
+
+              export function action() {
+                throw new Error("Broken!");
+              }
+
+              export default function () {
+                return (
+                  <>
+                    <p id="child-data">{useLoaderData()}</p>
+                    <Form method="post" reloadDocument={true}>
+                      <button type="submit" name="key" value="value">
+                        Submit
+                      </button>
+                    </Form>
+                  </>
+                )
+              }
+
+              export function ErrorBoundary() {
+                let error = useRouteError();
+                return <p id="child-error">{error.message}</p>;
+              }
+            `,
+        },
+      },
+      ServerMode.Development,
+    );
+
+    appFixture = await createAppFixture(fixture, ServerMode.Development);
+  });
+
+  test.afterAll(() => {
+    console.error = _consoleError;
+    appFixture.close();
+  });
+
+  test("invalid request methods", async () => {
+    let res = await fixture.requestDocument("/", { method: "OPTIONS" });
+    expect(res.status).toBe(405);
+    expect(await res.text()).toMatch(ROOT_BOUNDARY_TEXT);
+  });
+
+  test("own boundary, action, document request", async () => {
+    let params = new URLSearchParams();
+    let res = await fixture.postDocument(HAS_BOUNDARY_ACTION, params);
+    expect(res.status).toBe(500);
+    expect(await res.text()).toMatch(OWN_BOUNDARY_TEXT);
+  });
+
+  test("own boundary, action, client transition from other route", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton(HAS_BOUNDARY_ACTION);
+    await page.waitForSelector(`text=${OWN_BOUNDARY_TEXT}`);
+    expect(await app.getHtml("main")).toMatch(OWN_BOUNDARY_TEXT);
+  });
+
+  test("own boundary, action, client transition from itself", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto(HAS_BOUNDARY_ACTION);
+    await app.clickSubmitButton(HAS_BOUNDARY_ACTION);
+    await page.waitForSelector(`text=${OWN_BOUNDARY_TEXT}`);
+    expect(await app.getHtml("main")).toMatch(OWN_BOUNDARY_TEXT);
+  });
+
+  test("bubbles to parent in action document requests", async () => {
+    let params = new URLSearchParams();
+    let res = await fixture.postDocument(NO_BOUNDARY_ACTION, params);
+    expect(res.status).toBe(500);
+    expect(await res.text()).toMatch(ROOT_BOUNDARY_TEXT);
+  });
+
+  test("bubbles to parent in action script transitions from other routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton(NO_BOUNDARY_ACTION);
+    await page.waitForSelector(`text=${ROOT_BOUNDARY_TEXT}`);
+    expect(await app.getHtml("main")).toMatch(ROOT_BOUNDARY_TEXT);
+  });
+
+  test("bubbles to parent in action script transitions from self", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto(NO_BOUNDARY_ACTION);
+    await app.clickSubmitButton(NO_BOUNDARY_ACTION);
+    await page.waitForSelector(`text=${ROOT_BOUNDARY_TEXT}`);
+    expect(await app.getHtml("main")).toMatch(ROOT_BOUNDARY_TEXT);
+  });
+
+  test("own boundary, loader, document request", async () => {
+    let res = await fixture.requestDocument(HAS_BOUNDARY_LOADER);
+    expect(res.status).toBe(500);
+    expect(await res.text()).toMatch(OWN_BOUNDARY_TEXT);
+  });
+
+  test("own boundary, loader, client transition", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink(HAS_BOUNDARY_LOADER);
+    await page.waitForSelector(`text=${OWN_BOUNDARY_TEXT}`);
+    expect(await app.getHtml("main")).toMatch(OWN_BOUNDARY_TEXT);
+  });
+
+  test("bubbles to parent in loader document requests", async () => {
+    let res = await fixture.requestDocument(NO_BOUNDARY_LOADER);
+    expect(res.status).toBe(500);
+    expect(await res.text()).toMatch(ROOT_BOUNDARY_TEXT);
+  });
+
+  test("bubbles to parent in loader script transitions from other routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink(NO_BOUNDARY_LOADER);
+    await page.waitForSelector(`text=${ROOT_BOUNDARY_TEXT}`);
+    expect(await app.getHtml("main")).toMatch(ROOT_BOUNDARY_TEXT);
+  });
+
+  test("ssr rendering errors with no boundary", async () => {
+    let res = await fixture.requestDocument(NO_BOUNDARY_RENDER);
+    expect(res.status).toBe(500);
+    expect(await res.text()).toMatch(ROOT_BOUNDARY_TEXT);
+  });
+
+  test("script transition rendering errors with no boundary", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink(NO_BOUNDARY_RENDER);
+    await page.waitForSelector(`text=${ROOT_BOUNDARY_TEXT}`);
+    expect(await app.getHtml("main")).toMatch(ROOT_BOUNDARY_TEXT);
+  });
+
+  test("ssr rendering errors with boundary", async () => {
+    let res = await fixture.requestDocument(HAS_BOUNDARY_RENDER);
+    expect(res.status).toBe(500);
+    expect(await res.text()).toMatch(OWN_BOUNDARY_TEXT);
+  });
+
+  test("script transition rendering errors with boundary", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink(HAS_BOUNDARY_RENDER);
+    await page.waitForSelector(`text=${OWN_BOUNDARY_TEXT}`);
+    expect(await app.getHtml("main")).toMatch(OWN_BOUNDARY_TEXT);
+  });
+
+  test("uses correct error boundary on server action errors in nested routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto(`/action/child-error`);
+    expect(await app.getHtml("#parent-data")).toMatch("PARENT");
+    expect(await app.getHtml("#child-data")).toMatch("CHILD");
+    await page.click("button[type=submit]");
+    await page.waitForSelector("#child-error");
+    // Preserves parent loader data
+    expect(await app.getHtml("#parent-data")).toMatch("PARENT");
+    expect(await app.getHtml("#child-error")).toMatch("Broken!");
+  });
+
+  test("renders own boundary in fetcher action submission without action from other routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/fetcher-boundary");
+    await app.clickSubmitButton(NO_BOUNDARY_NO_LOADER_OR_ACTION);
+    await page.waitForSelector("#fetcher-boundary");
+  });
+
+  test("renders root boundary in fetcher action submission without action from other routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/fetcher-no-boundary");
+    await app.clickSubmitButton(NO_BOUNDARY_NO_LOADER_OR_ACTION);
+    await page.waitForSelector(`text=${ROOT_BOUNDARY_TEXT}`);
+  });
+
+  test("renders root boundary in document POST without action requests", async () => {
+    let res = await fixture.requestDocument(NO_BOUNDARY_NO_LOADER_OR_ACTION, {
+      method: "post",
+    });
+    expect(res.status).toBe(405);
+    expect(await res.text()).toMatch(ROOT_BOUNDARY_TEXT);
+  });
+
+  test("renders root boundary in action script transitions without action from other routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton(NO_BOUNDARY_NO_LOADER_OR_ACTION);
+    await page.waitForSelector(`text=${ROOT_BOUNDARY_TEXT}`);
+  });
+
+  test("renders own boundary in document POST without action requests", async () => {
+    let res = await fixture.requestDocument(HAS_BOUNDARY_NO_LOADER_OR_ACTION, {
+      method: "post",
+    });
+    expect(res.status).toBe(405);
+    expect(await res.text()).toMatch(OWN_BOUNDARY_TEXT);
+  });
+
+  test("renders own boundary in action script transitions without action from other routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton(HAS_BOUNDARY_NO_LOADER_OR_ACTION);
+    await page.waitForSelector("#boundary-no-loader-or-action");
+  });
+
+  test.describe("if no error boundary exists in the app", () => {
+    let NO_ROOT_BOUNDARY_LOADER = "/loader-bad" as const;
+    let NO_ROOT_BOUNDARY_ACTION = "/action-bad" as const;
+
+    test.beforeAll(async () => {
+      fixture = await createFixture({
+        files: {
+          "app/root.tsx": js`
+            import { Links, Meta, Outlet, Scripts } from "react-router";
+
+            export default function Root() {
+              return (
+                <html lang="en">
+                  <head>
+                    <Meta />
+                    <Links />
+                  </head>
+                  <body>
+                    <Outlet />
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+          `,
+
+          "app/routes/_index.tsx": js`
+            import { Link, Form } from "react-router";
+
+            export default function () {
+              return (
+                <div>
+                  <h1>Home</h1>
+                  <Form method="post">
+                    <button formAction="${NO_ROOT_BOUNDARY_ACTION}" type="submit">
+                      Action go boom
+                    </button>
+                  </Form>
+                </div>
+              )
+            }
+          `,
+
+          [`app/routes${NO_ROOT_BOUNDARY_LOADER}.jsx`]: js`
+            export async function loader() {
+              throw Error("BLARGH");
+            }
+
+            export default function () {
+              return (
+                <div>
+                  <h1>Hello</h1>
+                </div>
+              )
+            }
+          `,
+
+          [`app/routes${NO_ROOT_BOUNDARY_ACTION}.jsx`]: js`
+            export async function action() {
+              throw Error("YOOOOOOOO WHAT ARE YOU DOING");
+            }
+
+            export default function () {
+              return (
+                <div>
+                  <h1>Goodbye</h1>
+                </div>
+              )
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+    });
+
+    test("bubbles to internal boundary in loader document requests", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto(NO_ROOT_BOUNDARY_LOADER);
+      expect(await app.getHtml("h1")).toMatch(INTERNAL_ERROR_BOUNDARY_HEADING);
+    });
+
+    test("bubbles to internal boundary in action script transitions from other routes", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      await app.clickSubmitButton(NO_ROOT_BOUNDARY_ACTION);
+      await page.waitForSelector(`text=${INTERNAL_ERROR_BOUNDARY_HEADING}`);
+      expect(await app.getHtml("h1")).toMatch(INTERNAL_ERROR_BOUNDARY_HEADING);
+    });
+  });
+});
+
+test.describe("Default ErrorBoundary", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+  let _consoleError: any;
+
+  function getFiles({
+    includeRootErrorBoundary = false,
+    rootErrorBoundaryThrows = false,
+  } = {}) {
+    let errorBoundaryCode = !includeRootErrorBoundary
+      ? ""
+      : rootErrorBoundaryThrows
+        ? js`
+          export function ErrorBoundary() {
+            let error = useRouteError();
+            return (
+              <html>
+                <head />
+                <body>
+                  <main>
+                    <div>Root Error Boundary</div>
+                    <p id="root-error-boundary">{error.message}</p>
+                    <p>{oh.no.what.have.i.done}</p>
+                  </main>
+                  <Scripts />
+                </body>
+              </html>
+            )
+          }
+        `
+        : js`
+        export function ErrorBoundary() {
+          let error = useRouteError();
+          return (
+            <html>
+              <head />
+              <body>
+                <main>
+                  <div>Root Error Boundary</div>
+                  <p id="root-error-boundary">{error.message}</p>
+                </main>
+                <Scripts />
+              </body>
+            </html>
+          )
+        }
+      `;
+
+    return {
+      "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts, useRouteError } from "react-router";
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <main>
+                    <Outlet />
+                  </main>
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+
+          ${errorBoundaryCode}
+        `,
+
+      "app/routes/_index.tsx": js`
+          import { Link } from "react-router";
+          export default function () {
+            return (
+              <div>
+                <h1 id="index">Index</h1>
+                <Link to="/loader-error">Loader Error</Link>
+                <Link to="/render-error">Render Error</Link>
+              </div>
+            );
+          }
+        `,
+
+      "app/routes/loader-error.tsx": js`
+          export function loader() {
+            throw new Error('Loader Error');
+          }
+          export default function () {
+            return <h1 id="loader-error">Loader Error</h1>
+          }
+        `,
+
+      "app/routes/render-error.tsx": js`
+          export default function () {
+            throw new Error("Render Error")
+          }
+        `,
+    };
+  }
+
+  test.beforeAll(async () => {
+    _consoleError = console.error;
+    console.error = () => {};
+  });
+
+  test.afterAll(async () => {
+    console.error = _consoleError;
+    appFixture.close();
+  });
+
+  test.describe("When the root route does not have a boundary", () => {
+    test.beforeAll(async () => {
+      fixture = await createFixture(
+        {
+          files: getFiles({ includeRootErrorBoundary: false }),
+        },
+        ServerMode.Development,
+      );
+      appFixture = await createAppFixture(fixture, ServerMode.Development);
+    });
+
+    test.afterAll(() => appFixture.close());
+
+    test.describe("document requests", () => {
+      test("renders default boundary on loader errors", async () => {
+        let res = await fixture.requestDocument("/loader-error");
+        expect(res.status).toBe(500);
+        let text = await res.text();
+        expect(text).toMatch("Application Error");
+        expect(text).toMatch("Loader Error");
+        expect(text).not.toMatch("Root Error Boundary");
+      });
+
+      test("renders default boundary on render errors", async () => {
+        let res = await fixture.requestDocument("/render-error");
+        expect(res.status).toBe(500);
+        let text = await res.text();
+        expect(text).toMatch("Application Error");
+        expect(text).toMatch("Render Error");
+        expect(text).not.toMatch("Root Error Boundary");
+      });
+    });
+
+    test.describe("SPA navigations", () => {
+      test("renders default boundary on loader errors", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+        await app.clickLink("/loader-error");
+        await page.waitForSelector("pre");
+        let html = await app.getHtml();
+        expect(html).toMatch("Application Error");
+        expect(html).toMatch("Loader Error");
+        expect(html).not.toMatch("Root Error Boundary");
+
+        // Ensure we can click back to our prior page
+        await app.goBack();
+        await page.waitForSelector("h1#index");
+      });
+
+      test("renders default boundary on render errors", async ({
+        page,
+      }, workerInfo) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+        await app.clickLink("/render-error");
+        await page.waitForSelector("pre");
+        let html = await app.getHtml();
+        expect(html).toMatch("Application Error");
+        // Chromium seems to be the only one that includes the message in the stack
+        if (workerInfo.project.name === "chromium") {
+          expect(html).toMatch("Render Error");
+        }
+        expect(html).not.toMatch("Root Error Boundary");
+
+        // Ensure we can click back to our prior page
+        await app.goBack();
+        await page.waitForSelector("h1#index");
+      });
+    });
+  });
+
+  test.describe("When the root route has a boundary", () => {
+    test.beforeAll(async () => {
+      fixture = await createFixture(
+        {
+          files: getFiles({ includeRootErrorBoundary: true }),
+        },
+        ServerMode.Development,
+      );
+      appFixture = await createAppFixture(fixture, ServerMode.Development);
+    });
+
+    test.afterAll(() => appFixture.close());
+
+    test.describe("document requests", () => {
+      test("renders root boundary on loader errors", async () => {
+        let res = await fixture.requestDocument("/loader-error");
+        expect(res.status).toBe(500);
+        let text = await res.text();
+        expect(text).toMatch("Root Error Boundary");
+        expect(text).toMatch("Loader Error");
+        expect(text).not.toMatch("Application Error");
+      });
+
+      test("renders root boundary on render errors", async () => {
+        let res = await fixture.requestDocument("/render-error");
+        expect(res.status).toBe(500);
+        let text = await res.text();
+        expect(text).toMatch("Root Error Boundary");
+        expect(text).toMatch("Render Error");
+        expect(text).not.toMatch("Application Error");
+      });
+    });
+
+    test.describe("SPA navigations", () => {
+      test("renders root boundary on loader errors", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+        await app.clickLink("/loader-error");
+        await page.waitForSelector("#root-error-boundary");
+        let html = await app.getHtml();
+        expect(html).toMatch("Root Error Boundary");
+        expect(html).toMatch("Loader Error");
+        expect(html).not.toMatch("Application Error");
+
+        // Ensure we can click back to our prior page
+        await app.goBack();
+        await page.waitForSelector("h1#index");
+      });
+
+      test("renders root boundary on render errors", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+        await app.clickLink("/render-error");
+        await page.waitForSelector("#root-error-boundary");
+        let html = await app.getHtml();
+        expect(html).toMatch("Root Error Boundary");
+        expect(html).toMatch("Render Error");
+        expect(html).not.toMatch("Application Error");
+
+        // Ensure we can click back to our prior page
+        await app.goBack();
+        await page.waitForSelector("h1#index");
+      });
+    });
+  });
+
+  test.describe("When the root route has a boundary but it also throws 😦", () => {
+    test.beforeAll(async () => {
+      fixture = await createFixture({
+        files: getFiles({
+          includeRootErrorBoundary: true,
+          rootErrorBoundaryThrows: true,
+        }),
+      });
+      appFixture = await createAppFixture(fixture, ServerMode.Development);
+    });
+
+    test.afterAll(() => appFixture.close());
+
+    test.describe("document requests", () => {
+      test("tries to render root boundary on loader errors but bubbles to default boundary", async () => {
+        let res = await fixture.requestDocument("/loader-error");
+        expect(res.status).toBe(500);
+        let text = await res.text();
+        expect(text).toMatch("Unexpected Server Error");
+        expect(text).not.toMatch("Application Error");
+        expect(text).not.toMatch("Loader Error");
+        expect(text).not.toMatch("Root Error Boundary");
+      });
+
+      test("tries to render root boundary on render errors but bubbles to default boundary", async () => {
+        let res = await fixture.requestDocument("/render-error");
+        expect(res.status).toBe(500);
+        let text = await res.text();
+        expect(text).toMatch("Unexpected Server Error");
+        expect(text).not.toMatch("Application Error");
+        expect(text).not.toMatch("Render Error");
+        expect(text).not.toMatch("Root Error Boundary");
+      });
+    });
+
+    test.describe("SPA navigations", () => {
+      test("tries to render root boundary on loader errors but bubbles to default boundary", async ({
+        page,
+      }, workerInfo) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+        await app.clickLink("/loader-error");
+        await page.waitForSelector("pre");
+        let html = await app.getHtml();
+        expect(html).toMatch("Application Error");
+        if (workerInfo.project.name === "chromium") {
+          expect(html).toMatch("ReferenceError: oh is not defined");
+        }
+        expect(html).not.toMatch("Loader Error");
+        expect(html).not.toMatch("Root Error Boundary");
+
+        // Ensure we can click back to our prior page
+        await app.goBack();
+        await page.waitForSelector("h1#index");
+      });
+
+      test("tries to render root boundary on render errors but bubbles to default boundary", async ({
+        page,
+      }, workerInfo) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+        await app.clickLink("/render-error");
+        await page.waitForSelector("pre");
+        let html = await app.getHtml();
+        expect(html).toMatch("Application Error");
+        if (workerInfo.project.name === "chromium") {
+          expect(html).toMatch("ReferenceError: oh is not defined");
+        }
+        expect(html).not.toMatch("Render Error");
+        expect(html).not.toMatch("Root Error Boundary");
+
+        // Ensure we can click back to our prior page
+        await app.goBack();
+        await page.waitForSelector("h1#index");
+      });
+    });
+  });
+});
+
+test("Allows back-button out of an error boundary after a hard reload", async ({
+  page,
+  browserName,
+}) => {
+  let _consoleError = console.error;
+  console.error = () => {};
+
+  let fixture = await createFixture({
+    files: {
+      "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts, useRouteError } from "react-router";
+
+          export default function App() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+
+          export function ErrorBoundary() {
+            let error = useRouteError();
+            return (
+              <html>
+                <head>
+                  <title>Oh no!</title>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <h1 id="error">ERROR BOUNDARY</h1>
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+      "app/routes/_index.tsx": js`
+          import { Link } from "react-router";
+
+          export default function Index() {
+            return (
+              <div>
+                <h1 id="index">INDEX</h1>
+                <Link to="/boom">This will error</Link>
+              </div>
+            );
+          }
+        `,
+
+      "app/routes/boom.tsx": js`
+          export function loader() { return boom(); }
+          export default function() { return <b>my page</b>; }
+        `,
+    },
+  });
+
+  let appFixture = await createAppFixture(fixture);
+  let app = new PlaywrightFixture(appFixture, page);
+
+  await app.goto("/");
+  await page.waitForSelector("#index");
+  expect(app.page.url()).not.toMatch("/boom");
+
+  await app.clickLink("/boom");
+  await page.waitForSelector("#error");
+  expect(app.page.url()).toMatch("/boom");
+
+  await app.reload();
+  await page.waitForSelector("#error");
+  expect(app.page.url()).toMatch("boom");
+
+  await app.goBack();
+
+  // Here be dragons
+  // - Playwright sets the Firefox `fission.webContentIsolationStrategy=0` preference
+  //   for reasons having to do with out-of-process iframes:
+  //   https://github.com/microsoft/playwright/issues/22640#issuecomment-1543287282
+  // - That preference exposes a bug in firefox where a hard reload adds to the
+  //   history stack: https://bugzilla.mozilla.org/show_bug.cgi?id=1832341
+  // - Your can disable this preference via the Playwright `firefoxUserPrefs` config,
+  //   but that is broken until 1.34:
+  //   https://github.com/microsoft/playwright/issues/22640#issuecomment-1546230104
+  //   https://github.com/microsoft/playwright/issues/15405
+  // - We can't yet upgrade to 1.34 because it drops support for Node 14:
+  //   https://github.com/microsoft/playwright/releases/tag/v1.34.0
+  //
+  // So for now when in firefox we just navigate back twice to work around the issue
+  if (browserName === "firefox") {
+    await app.goBack();
+  }
+
+  await page.waitForSelector("#index");
+  expect(app.page.url()).not.toContain("boom");
+
+  appFixture.close();
+  console.error = _consoleError;
+});
diff --git a/tests/react-router-framework/integration/error-boundary-v2-test.ts b/tests/react-router-framework/integration/error-boundary-v2-test.ts
new file mode 100644
index 00000000..87d0fcbd
--- /dev/null
+++ b/tests/react-router-framework/integration/error-boundary-v2-test.ts
@@ -0,0 +1,257 @@
+import type { Page } from "@playwright/test";
+import { test, expect } from "@playwright/test";
+
+import { UNSAFE_ServerMode as ServerMode } from "react-router";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("ErrorBoundary", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+  let oldConsoleError: () => void;
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts } from "react-router";
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <main>
+                    <Outlet />
+                  </main>
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/parent.tsx": js`
+          import {
+            Link,
+            Outlet,
+            isRouteErrorResponse,
+            useLoaderData,
+            useRouteError,
+          } from "react-router";
+
+          export function loader() {
+            return "PARENT LOADER";
+          }
+
+          export default function Component() {
+            return (
+              <div>
+                <nav>
+                  <ul>
+                    <li><Link to="/parent/child-with-boundary">Link</Link></li>
+                    <li><Link to="/parent/child-with-boundary?type=error">Link</Link></li>
+                    <li><Link to="/parent/child-with-boundary?type=response">Link</Link></li>
+                    <li><Link to="/parent/child-with-boundary?type=render">Link</Link></li>
+                    <li><Link to="/parent/child-without-boundary?type=error">Link</Link></li>
+                    <li><Link to="/parent/child-without-boundary?type=response">Link</Link></li>
+                    <li><Link to="/parent/child-without-boundary?type=render">Link</Link></li>
+                  </ul>
+                </nav>
+                <p id="parent-data">{useLoaderData()}</p>
+                <Outlet />
+              </div>
+            )
+          }
+
+          export function ErrorBoundary() {
+            let error = useRouteError();
+            return isRouteErrorResponse(error) ?
+              <p id="parent-error-response">{error.status + ' ' + error.data}</p> :
+              <p id="parent-error">{error.message}</p>;
+          }
+        `,
+
+        "app/routes/parent.child-with-boundary.tsx": js`
+          import {
+            isRouteErrorResponse,
+            useLoaderData,
+            useLocation,
+            useRouteError,
+          } from "react-router";
+
+          export function loader({ request }) {
+            let errorType = new URL(request.url).searchParams.get('type');
+            if (errorType === 'response') {
+              throw new Response('Loader Response', { status: 418 });
+            } else if (errorType === 'error') {
+              throw new Error('Loader Error');
+            }
+            return "CHILD LOADER";
+          }
+
+          export default function Component() {;
+            let data = useLoaderData();
+            if (new URLSearchParams(useLocation().search).get('type') === "render") {
+              throw new Error("Render Error");
+            }
+            return <p id="child-data">{data}</p>;
+          }
+
+          export function ErrorBoundary() {
+            let error = useRouteError();
+            return isRouteErrorResponse(error) ?
+              <p id="child-error-response">{error.status + ' ' + error.data}</p> :
+              <p id="child-error">{error.message}</p>;
+          }
+        `,
+
+        "app/routes/parent.child-without-boundary.tsx": js`
+          import { useLoaderData, useLocation } from "react-router";
+
+          export function loader({ request }) {
+            let errorType = new URL(request.url).searchParams.get('type');
+            if (errorType === 'response') {
+              throw new Response('Loader Response', { status: 418 });
+            } else if (errorType === 'error') {
+              throw new Error('Loader Error');
+            }
+            return "CHILD LOADER";
+          }
+
+          export default function Component() {;
+            let data = useLoaderData();
+            if (new URLSearchParams(useLocation().search).get('type') === "render") {
+              throw new Error("Render Error");
+            }
+            return <p id="child-data">{data}</p>;
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture, ServerMode.Development);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test.beforeEach(({ page }) => {
+    oldConsoleError = console.error;
+    console.error = () => {};
+  });
+
+  test.afterEach(() => {
+    console.error = oldConsoleError;
+  });
+
+  test.describe("without JavaScript", () => {
+    test.use({ javaScriptEnabled: false });
+    runBoundaryTests();
+  });
+
+  test.describe("with JavaScript", () => {
+    test.use({ javaScriptEnabled: true });
+    runBoundaryTests();
+
+    test("Network errors that never reach the Remix server", async ({
+      page,
+    }) => {
+      // Cause a .data request to trigger an HTTP error that never reaches the
+      // Remix server, and ensure we properly handle it at the ErrorBoundary
+      await page.route(/\/parent\/child-with-boundary\.data$/, (route) => {
+        route.fulfill({ status: 500, body: "CDN Error!" });
+      });
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent");
+      await app.clickLink("/parent/child-with-boundary");
+      await waitForAndAssert(
+        page,
+        app,
+        "#parent-error-response",
+        "500 CDN Error!",
+      );
+    });
+  });
+
+  function runBoundaryTests() {
+    test("No errors", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent");
+      await app.clickLink("/parent/child-with-boundary");
+      await waitForAndAssert(page, app, "#child-data", "CHILD LOADER");
+    });
+
+    test("Throwing a Response to own boundary", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent");
+      await app.clickLink("/parent/child-with-boundary?type=response");
+      await waitForAndAssert(
+        page,
+        app,
+        "#child-error-response",
+        "418 Loader Response",
+      );
+    });
+
+    test("Throwing an Error to own boundary", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent");
+      await app.clickLink("/parent/child-with-boundary?type=error");
+      await waitForAndAssert(page, app, "#child-error", "Loader Error");
+    });
+
+    test("Throwing a render error to own boundary", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent");
+      await app.clickLink("/parent/child-with-boundary?type=render");
+      await waitForAndAssert(page, app, "#child-error", "Render Error");
+    });
+
+    test("Throwing a Response to parent boundary", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent");
+      await app.clickLink("/parent/child-without-boundary?type=response");
+      await waitForAndAssert(
+        page,
+        app,
+        "#parent-error-response",
+        "418 Loader Response",
+      );
+    });
+
+    test("Throwing an Error to parent boundary", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent");
+      await app.clickLink("/parent/child-without-boundary?type=error");
+      await waitForAndAssert(page, app, "#parent-error", "Loader Error");
+    });
+
+    test("Throwing a render error to parent boundary", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent");
+      await app.clickLink("/parent/child-without-boundary?type=render");
+      await waitForAndAssert(page, app, "#parent-error", "Render Error");
+    });
+  }
+});
+
+// Shorthand util to wait for an element to appear before asserting it
+async function waitForAndAssert(
+  page: Page,
+  app: PlaywrightFixture,
+  selector: string,
+  match: string,
+) {
+  await page.waitForSelector(selector);
+  expect(await app.getHtml(selector)).toMatch(match);
+}
diff --git a/tests/react-router-framework/integration/error-data-request-test.ts b/tests/react-router-framework/integration/error-data-request-test.ts
new file mode 100644
index 00000000..7dddf9ad
--- /dev/null
+++ b/tests/react-router-framework/integration/error-data-request-test.ts
@@ -0,0 +1,168 @@
+import { test, expect } from "@playwright/test";
+import { UNSAFE_ErrorResponseImpl as ErrorResponseImpl } from "react-router";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+
+test.describe("ErrorBoundary", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+  let _consoleError: any;
+  let errorLogs: any[];
+
+  test.beforeAll(async () => {
+    _consoleError = console.error;
+    console.error = (v) => errorLogs.push(v);
+
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts } from "react-router";
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          import { Link, Form } from "react-router";
+
+          export default function () {
+            return <h1>Index</h1>
+          }
+        `,
+
+        [`app/routes/loader-throw-error.jsx`]: js`
+          export async function loader() {
+            throw Error("BLARGH");
+          }
+
+          export default function () {
+              return <h1>Hello</h1>
+          }
+        `,
+
+        [`app/routes/loader-return-json.jsx`]: js`
+          export async function loader() {
+            return { ok: true };
+          }
+
+          export default function () {
+              return <h1>Hello</h1>
+          }
+        `,
+
+        [`app/routes/action-throw-error.jsx`]: js`
+          export async function action() {
+            throw Error("YOOOOOOOO WHAT ARE YOU DOING");
+          }
+
+          export default function () {
+            return <h1>Goodbye</h1>;
+          }
+        `,
+
+        [`app/routes/action-return-json.jsx`]: js`
+          export async function action() {
+            return { ok: true };
+          }
+
+          export default function () {
+            return <h1>Hi!</h1>
+          }
+        `,
+      },
+    });
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.beforeEach(async () => {
+    errorLogs = [];
+  });
+
+  test.afterAll(() => {
+    console.error = _consoleError;
+    appFixture.close();
+  });
+
+  function assertLoggedErrorInstance(message: string) {
+    let error = errorLogs[0] as Error;
+    expect(error).toBeInstanceOf(Error);
+    expect(error.message).toEqual(message);
+  }
+
+  test("returns a 200 empty response on a data fetch to a path with no loaders", async () => {
+    let { status, headers, data } =
+      await fixture.requestSingleFetchData("/_.data");
+    expect(status).toBe(200);
+    expect(headers.has("X-Remix-Response")).toBe(true);
+    expect(data).toEqual({});
+  });
+
+  test("returns a 405 on a data fetch POST to a path with no action", async () => {
+    let { status, headers, data } = await fixture.requestSingleFetchData(
+      "/_.data?index",
+      {
+        method: "POST",
+      },
+    );
+    expect(status).toBe(405);
+    expect(headers.has("X-Remix-Response")).toBe(true);
+    expect(data).toEqual({
+      error: new ErrorResponseImpl(
+        405,
+        "Method Not Allowed",
+        'Error: You made a POST request to "/_.data" but did not provide an `action` for route "routes/_index", so there is no way to handle the request.',
+      ),
+    });
+    assertLoggedErrorInstance(
+      'You made a POST request to "/_.data" but did not provide an `action` for route "routes/_index", so there is no way to handle the request.',
+    );
+  });
+
+  test("returns a 405 on a data fetch with a bad method", async () => {
+    try {
+      await fixture.requestSingleFetchData("/loader-return-json.data", {
+        method: "TRACE",
+      });
+      expect(false).toBe(true);
+    } catch (e) {
+      expect((e as Error).message).toMatch(
+        "'TRACE' HTTP method is unsupported.",
+      );
+    }
+  });
+
+  test("returns a 404 on a data fetch to a path with no matches", async () => {
+    let { status, headers, data } = await fixture.requestSingleFetchData(
+      "/i/match/nothing.data",
+    );
+    expect(status).toBe(404);
+    expect(headers.has("X-Remix-Response")).toBe(true);
+    expect(data).toEqual({
+      root: {
+        error: new ErrorResponseImpl(
+          404,
+          "Not Found",
+          'Error: No route matches URL "/i/match/nothing"',
+        ),
+      },
+    });
+    assertLoggedErrorInstance('No route matches URL "/i/match/nothing"');
+  });
+});
diff --git a/tests/react-router-framework/integration/error-sanitization-test.ts b/tests/react-router-framework/integration/error-sanitization-test.ts
new file mode 100644
index 00000000..19737ef2
--- /dev/null
+++ b/tests/react-router-framework/integration/error-sanitization-test.ts
@@ -0,0 +1,715 @@
+import { test, expect } from "@playwright/test";
+import {
+  UNSAFE_ErrorResponseImpl as ErrorResponseImpl,
+  UNSAFE_ServerMode as ServerMode,
+} from "react-router";
+
+import type { Fixture } from "./helpers/create-fixture.js";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+const routeFiles = {
+  "app/root.tsx": js`
+    import { Links, Meta, Outlet, Scripts } from "react-router";
+
+    export default function Root() {
+      return (
+        <html lang="en">
+          <head>
+            <Meta />
+            <Links />
+          </head>
+          <body>
+            <main>
+              <Outlet />
+            </main>
+            <Scripts />
+          </body>
+        </html>
+      );
+    }
+  `,
+
+  "app/routes/_index.tsx": js`
+    import { useLoaderData, useLocation, useRouteError } from "react-router";
+
+    export function loader({ request }) {
+      if (new URL(request.url).searchParams.has('loader')) {
+        throw new Error("Loader Error");
+      }
+      if (new URL(request.url).searchParams.has('subclass')) {
+        // This will throw a ReferenceError
+        console.log(thisisnotathing);
+      }
+      return "LOADER"
+    }
+
+    export default function Component() {
+      let data = useLoaderData();
+      let location = useLocation();
+
+      if (location.search.includes('render')) {
+        throw new Error("Render Error");
+      }
+
+      return (
+        <>
+          <h1>Index Route</h1>
+          <p>{JSON.stringify(data)}</p>
+        </>
+      );
+    }
+
+    export function ErrorBoundary() {
+      let error = useRouteError();
+      return (
+        <>
+          <h1>Index Error</h1>
+          <p>{"MESSAGE:" + error.message}</p>
+          <p>{"NAME:" + error.name}</p>
+          {error.stack ? <p>{"STACK:" + error.stack}</p> : null}
+        </>
+      );
+    }
+  `,
+
+  "app/routes/defer.tsx": js`
+    import * as React from 'react';
+    import { Await, useAsyncError, useLoaderData, useRouteError } from "react-router";
+
+    export function loader({ request }) {
+      if (new URL(request.url).searchParams.has('loader')) {
+        return {
+          lazy: Promise.reject(new Error("REJECTED")),
+        };
+      }
+      return {
+        lazy: Promise.resolve("RESOLVED"),
+      };
+    }
+
+    export default function Component() {
+      let data = useLoaderData();
+
+      return (
+        <>
+          <h1>Defer Route</h1>
+          <React.Suspense fallback={<p>Loading...</p>}>
+            <Await resolve={data.lazy} errorElement={<AwaitError />}>
+              {(val) => <p>{val}</p>}
+            </Await>
+          </React.Suspense>
+        </>
+      );
+    }
+
+    function AwaitError() {
+      let error = useAsyncError();
+      return (
+        <>
+          <h2>Defer Error</h2>
+          <p>{error.message}</p>
+        </>
+      );
+    }
+
+    export function ErrorBoundary() {
+      let error = useRouteError();
+      return (
+        <>
+          <h1>Defer Error</h1>
+          <p>{"MESSAGE:" + error.message}</p>
+          {error.stack ? <p>{"STACK:" + error.stack}</p> : null}
+        </>
+      );
+    }
+  `,
+
+  "app/routes/resource.tsx": js`
+    export function loader({ request }) {
+      if (new URL(request.url).searchParams.has('loader')) {
+        throw new Error("Loader Error");
+      }
+      return "RESOURCE LOADER"
+    }
+  `,
+};
+
+test.describe("Error Sanitization", () => {
+  let fixture: Fixture;
+  let oldConsoleError: () => void;
+  let errorLogs: any[] = [];
+
+  test.beforeEach(() => {
+    oldConsoleError = console.error;
+    errorLogs = [];
+    console.error = (...args) => errorLogs.push(args);
+  });
+
+  test.afterEach(() => {
+    console.error = oldConsoleError;
+  });
+
+  test.describe("serverMode=production", () => {
+    test.beforeAll(async () => {
+      fixture = await createFixture(
+        {
+          files: routeFiles,
+        },
+        ServerMode.Production,
+      );
+    });
+
+    test("renders document without errors", async () => {
+      let response = await fixture.requestDocument("/");
+      let html = await response.text();
+      expect(html).toMatch("Index Route");
+      expect(html).toMatch("LOADER");
+      expect(html).not.toMatch("MESSAGE:");
+      expect(html).not.toMatch(/stack/i);
+    });
+
+    test("sanitizes loader errors in document requests", async () => {
+      let response = await fixture.requestDocument("/?loader");
+      let html = await response.text();
+      expect(html).toMatch("Index Error");
+      expect(html).not.toMatch("LOADER");
+      expect(html).toMatch("MESSAGE:Unexpected Server Error");
+      expect(html).toMatch('\\"SanitizedError\\"');
+      expect(html).toMatch('\\"Error\\",\\"Unexpected Server Error\\"');
+      expect(html).not.toMatch(/ at /i);
+      expect(errorLogs.length).toBe(1);
+      expect(errorLogs[0][0].message).toMatch("Loader Error");
+      expect(errorLogs[0][0].stack).toMatch(" at ");
+    });
+
+    test("sanitizes render errors in document requests", async () => {
+      let response = await fixture.requestDocument("/?render");
+      let html = await response.text();
+      expect(html).toMatch("Index Error");
+      expect(html).toMatch("MESSAGE:Unexpected Server Error");
+      expect(html).toMatch('\\"SanitizedError\\"');
+      expect(html).toMatch('\\"Error\\",\\"Unexpected Server Error\\"');
+      expect(html).not.toMatch(/ at /i);
+      expect(errorLogs.length).toBe(1);
+      expect(errorLogs[0][0].message).toMatch("Render Error");
+      expect(errorLogs[0][0].stack).toMatch(" at ");
+    });
+
+    test("renders deferred document without errors", async () => {
+      let response = await fixture.requestDocument("/defer");
+      let html = await response.text();
+      expect(html).toMatch("Defer Route");
+      expect(html).toMatch("RESOLVED");
+      expect(html).not.toMatch("MESSAGE:");
+      // Defer errors are not part of the JSON blob but rather rejected
+      // against a pending promise and therefore are inlined JS.
+      expect(html).not.toMatch("x.stack=e.stack;");
+    });
+
+    test("sanitizes defer errors in document requests", async () => {
+      let response = await fixture.requestDocument("/defer?loader");
+      let html = await response.text();
+      expect(html).toMatch("Defer Error");
+      expect(html).not.toMatch("RESOLVED");
+      expect(html).toMatch("Unexpected Server Error");
+      expect(html).not.toMatch("stack");
+      // defer errors are not logged to the server console since the request
+      // has "succeeded"
+      expect(errorLogs.length).toBe(0);
+    });
+
+    test("returns data without errors", async () => {
+      let { data } = await fixture.requestSingleFetchData("/_.data");
+      expect(data).toEqual({
+        "routes/_index": {
+          data: "LOADER",
+        },
+      });
+    });
+
+    test("sanitizes loader errors in data requests", async () => {
+      let { data } = await fixture.requestSingleFetchData("/_.data?loader");
+      expect(data).toEqual({
+        "routes/_index": {
+          error: new Error("Unexpected Server Error"),
+        },
+      });
+      expect(errorLogs.length).toBe(1);
+      expect(errorLogs[0][0].message).toMatch("Loader Error");
+      expect(errorLogs[0][0].stack).toMatch(" at ");
+    });
+
+    test("returns deferred data without errors", async () => {
+      let { data } = await fixture.requestSingleFetchData("/defer.data");
+      // @ts-expect-error
+      expect(await data["routes/defer"].data.lazy).toEqual("RESOLVED");
+    });
+
+    test("sanitizes loader errors in deferred data requests", async () => {
+      let { data } = await fixture.requestSingleFetchData("/defer.data?loader");
+      try {
+        // @ts-expect-error
+        await data["routes/defer"].data.lazy;
+        expect(true).toBe(false);
+      } catch (e) {
+        expect((e as Error).message).toBe("Unexpected Server Error");
+        expect((e as Error).stack).toBeUndefined();
+      }
+      // defer errors are not logged to the server console since the request
+      // has "succeeded"
+      expect(errorLogs.length).toBe(0);
+    });
+
+    test("sanitizes loader errors in resource requests", async () => {
+      let response = await fixture.requestResource("/resource?loader");
+      let text = await response.text();
+      expect(text).toBe("Unexpected Server Error");
+      expect(errorLogs.length).toBe(1);
+      expect(errorLogs[0][0].message).toMatch("Loader Error");
+      expect(errorLogs[0][0].stack).toMatch(" at ");
+    });
+
+    test("does not sanitize mismatched route errors in data requests", async () => {
+      let { data } = await fixture.requestSingleFetchData("/not-a-route.data");
+      expect(data).toEqual({
+        root: {
+          error: new ErrorResponseImpl(
+            404,
+            "Not Found",
+            'Error: No route matches URL "/not-a-route"',
+          ),
+        },
+      });
+      expect(errorLogs).toEqual([
+        [new Error('No route matches URL "/not-a-route"')],
+      ]);
+    });
+
+    test("does not support hydration of Error subclasses", async ({ page }) => {
+      let response = await fixture.requestDocument("/?subclass");
+      let html = await response.text();
+      expect(html).toMatch("<p>MESSAGE:Unexpected Server Error");
+      expect(html).toMatch("<p>NAME:Error");
+
+      // Hydration
+      let appFixture = await createAppFixture(fixture);
+      try {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/?subclass", true);
+        html = await app.getHtml();
+        expect(html).toMatch("<p>MESSAGE:Unexpected Server Error");
+        expect(html).toMatch("<p>NAME:Error");
+      } finally {
+        appFixture.close();
+      }
+    });
+  });
+
+  test.describe("serverMode=development", () => {
+    test.beforeAll(async () => {
+      fixture = await createFixture(
+        {
+          files: routeFiles,
+        },
+        ServerMode.Development,
+      );
+    });
+    let ogEnv = process.env.NODE_ENV;
+    test.beforeEach(() => {
+      ogEnv = process.env.NODE_ENV;
+      process.env.NODE_ENV = "development";
+    });
+    test.afterEach(() => {
+      // Assigning `undefined` would coerce to the string "undefined" and
+      // poison NODE_ENV for every later fixture build in this serial worker
+      // (the built web bundle then keeps a literal `process.env.NODE_ENV`
+      // and throws `process is not defined` in the browser).
+      if (ogEnv === undefined) {
+        delete process.env.NODE_ENV;
+      } else {
+        process.env.NODE_ENV = ogEnv;
+      }
+    });
+
+    test("renders document without errors", async () => {
+      let response = await fixture.requestDocument("/");
+      let html = await response.text();
+      expect(html).toMatch("Index Route");
+      expect(html).toMatch("LOADER");
+      expect(html).not.toMatch("MESSAGE:");
+      expect(html).not.toMatch(/stack/i);
+    });
+
+    test("does not sanitize loader errors in document requests", async () => {
+      let response = await fixture.requestDocument("/?loader");
+      let html = await response.text();
+      expect(html).toMatch("Index Error");
+      expect(html).not.toMatch("LOADER");
+      expect(html).toMatch("<p>MESSAGE:Loader Error");
+      expect(html).toMatch("<p>STACK:Error: Loader Error");
+      expect(errorLogs.length).toBe(1);
+      expect(errorLogs[0][0].message).toMatch("Loader Error");
+      expect(errorLogs[0][0].stack).toMatch(" at ");
+    });
+
+    test("does not sanitize render errors in document requests", async () => {
+      let response = await fixture.requestDocument("/?render");
+      let html = await response.text();
+      expect(html).toMatch("Index Error");
+      expect(html).toMatch("<p>MESSAGE:Render Error");
+      expect(html).toMatch("<p>STACK:Error: Render Error");
+      expect(errorLogs.length).toBe(1);
+      expect(errorLogs[0][0].message).toMatch("Render Error");
+      expect(errorLogs[0][0].stack).toMatch(" at ");
+    });
+
+    test("renders deferred document without errors", async () => {
+      let response = await fixture.requestDocument("/defer");
+      let html = await response.text();
+      expect(html).toMatch("Defer Route");
+      expect(html).toMatch("RESOLVED");
+      expect(html).not.toMatch("MESSAGE:");
+      expect(html).not.toMatch(/"stack":/i);
+    });
+
+    test("does not sanitize defer errors in document requests", async () => {
+      let response = await fixture.requestDocument("/defer?loader");
+      let html = await response.text();
+      expect(html).toMatch("Defer Error");
+      expect(html).not.toMatch("RESOLVED");
+      expect(html).toMatch("<p>REJECTED</p>");
+      expect(html).toMatch("Error: REJECTED\\\\n    at ");
+      // defer errors are not logged to the server console since the request
+      // has "succeeded"
+      expect(errorLogs.length).toBe(0);
+    });
+
+    test("returns data without errors", async () => {
+      let { data } = await fixture.requestSingleFetchData("/_.data");
+      expect(data).toEqual({
+        "routes/_index": {
+          data: "LOADER",
+        },
+      });
+    });
+
+    test("does not sanitize loader errors in data requests", async () => {
+      let { data } = await fixture.requestSingleFetchData("/_.data?loader");
+      expect(data).toEqual({
+        "routes/_index": {
+          error: new Error("Loader Error"),
+        },
+      });
+      expect(errorLogs.length).toBe(1);
+      expect(errorLogs[0][0].message).toMatch("Loader Error");
+      expect(errorLogs[0][0].stack).toMatch(" at ");
+    });
+
+    test("returns deferred data without errors", async () => {
+      let { data } = await fixture.requestSingleFetchData("/defer.data");
+      // @ts-expect-error
+      expect(await data["routes/defer"].data.lazy).toEqual("RESOLVED");
+    });
+
+    test("does not sanitize loader errors in deferred data requests", async () => {
+      let { data } = await fixture.requestSingleFetchData("/defer.data?loader");
+      try {
+        // @ts-expect-error
+        await data["routes/defer"].data.lazy;
+        expect(true).toBe(false);
+      } catch (e) {
+        expect((e as Error).message).toBe("REJECTED");
+        expect((e as Error).stack).not.toBeUndefined();
+      }
+
+      // defer errors are not logged to the server console since the request
+      // has "succeeded"
+      expect(errorLogs.length).toBe(0);
+    });
+
+    test("does not sanitize loader errors in resource requests", async () => {
+      let response = await fixture.requestResource("/resource?loader");
+      let text = await response.text();
+      expect(text).toBe("Unexpected Server Error\n\nError: Loader Error");
+      expect(errorLogs.length).toBe(1);
+      expect(errorLogs[0][0].message).toMatch("Loader Error");
+      expect(errorLogs[0][0].stack).toMatch(" at ");
+    });
+
+    test("does not sanitize mismatched route errors in data requests", async () => {
+      let { data } = await fixture.requestSingleFetchData("/not-a-route.data");
+      expect(data).toEqual({
+        root: {
+          error: new ErrorResponseImpl(
+            404,
+            "Not Found",
+            'Error: No route matches URL "/not-a-route"',
+          ),
+        },
+      });
+      expect(errorLogs).toEqual([
+        [new Error('No route matches URL "/not-a-route"')],
+      ]);
+    });
+
+    test("supports hydration of Error subclasses", async ({ page }) => {
+      let response = await fixture.requestDocument("/?subclass");
+      let html = await response.text();
+      expect(html).toMatch("<p>MESSAGE:thisisnotathing is not defined");
+      expect(html).toMatch("<p>NAME:ReferenceError");
+      expect(html).toMatch(
+        "<p>STACK:ReferenceError: thisisnotathing is not defined",
+      );
+
+      // Hydration
+      let appFixture = await createAppFixture(fixture, ServerMode.Development);
+      try {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/?subclass", true);
+        html = await app.getHtml();
+        expect(html).toMatch("<p>MESSAGE:thisisnotathing is not defined");
+        expect(html).toMatch("<p>NAME:ReferenceError");
+        expect(html).toMatch(
+          "STACK:ReferenceError: thisisnotathing is not defined",
+        );
+      } finally {
+        appFixture.close();
+      }
+    });
+  });
+
+  test.describe("serverMode=production (user-provided handleError)", () => {
+    test.beforeAll(async () => {
+      fixture = await createFixture(
+        {
+          files: {
+            "app/entry.server.tsx": js`
+              import { PassThrough } from "node:stream";
+
+              import { createReadableStreamFromReadable } from "@react-router/node";
+              import { ServerRouter, isRouteErrorResponse } from "react-router";
+              import { renderToPipeableStream } from "react-dom/server";
+
+              export default function handleRequest(
+                request,
+                responseStatusCode,
+                responseHeaders,
+                remixContext
+              ) {
+                return new Promise((resolve, reject) => {
+                  let shellRendered = false;
+                  const { pipe, abort } = renderToPipeableStream(
+                    <ServerRouter context={remixContext} url={request.url} />,
+                    {
+                      onShellReady() {
+                        shellRendered = true;
+                        const body = new PassThrough();
+                        const stream = createReadableStreamFromReadable(body);
+
+                        responseHeaders.set("Content-Type", "text/html");
+
+                        resolve(
+                          new Response(stream, {
+                            headers: responseHeaders,
+                            status: responseStatusCode,
+                          })
+                        );
+
+                        pipe(body);
+                      },
+                      onShellError(error) {
+                        reject(error);
+                      },
+                      onError(error) {
+                        responseStatusCode = 500;
+                        // Log streaming rendering errors from inside the shell.  Don't log
+                        // errors encountered during initial shell rendering since they'll
+                        // reject and get logged in handleDocumentRequest.
+                        if (shellRendered) {
+                          console.error(error);
+                        }
+                      },
+                    }
+                  );
+
+                  setTimeout(abort, 5000);
+                });
+              }
+
+              export function handleError(
+                error: unknown,
+                { request }: { request: Request },
+              ) {
+                console.error("App Specific Error Logging:");
+                console.error("  Request: " + request.method + " " + request.url);
+                if (isRouteErrorResponse(error)) {
+                  console.error("  Status: " + error.status + " " + error.statusText);
+                  console.error("  Error: " + error.error.message);
+                  console.error("  Stack: " + error.error.stack);
+                } else if (error instanceof Error) {
+                  console.error("  Error: " + error.message);
+                  console.error("  Stack: " + error.stack);
+                } else {
+                  console.error("Dunno what this is");
+                }
+              }
+            `,
+            ...routeFiles,
+          },
+        },
+        ServerMode.Production,
+      );
+    });
+
+    test("renders document without errors", async () => {
+      let response = await fixture.requestDocument("/");
+      let html = await response.text();
+      expect(html).toMatch("Index Route");
+      expect(html).toMatch("LOADER");
+      expect(html).not.toMatch("MESSAGE:");
+      expect(html).not.toMatch(/stack/i);
+    });
+
+    test("sanitizes loader errors in document requests", async () => {
+      let response = await fixture.requestDocument("/?loader");
+      let html = await response.text();
+      expect(html).toMatch("Index Error");
+      expect(html).not.toMatch("LOADER");
+      expect(html).toMatch("MESSAGE:Unexpected Server Error");
+      expect(html).toMatch('\\"SanitizedError\\"');
+      expect(html).toMatch('\\"Error\\",\\"Unexpected Server Error\\"');
+      expect(html).not.toMatch(/ at /i);
+      expect(errorLogs[0][0]).toEqual("App Specific Error Logging:");
+      expect(errorLogs[1][0]).toEqual("  Request: GET test://test/?loader");
+      expect(errorLogs[2][0]).toEqual("  Error: Loader Error");
+      expect(errorLogs[3][0]).toMatch(" at ");
+      expect(errorLogs.length).toBe(4);
+    });
+
+    test("sanitizes render errors in document requests", async () => {
+      let response = await fixture.requestDocument("/?render");
+      let html = await response.text();
+      expect(html).toMatch("Index Error");
+      expect(html).toMatch("MESSAGE:Unexpected Server Error");
+      expect(html).toMatch('\\"SanitizedError\\"');
+      expect(html).toMatch('\\"Error\\",\\"Unexpected Server Error\\"');
+      expect(html).not.toMatch(/ at /i);
+      expect(errorLogs[0][0]).toEqual("App Specific Error Logging:");
+      expect(errorLogs[1][0]).toEqual("  Request: GET test://test/?render");
+      expect(errorLogs[2][0]).toEqual("  Error: Render Error");
+      expect(errorLogs[3][0]).toMatch(" at ");
+      expect(errorLogs.length).toBe(4);
+    });
+
+    test("renders deferred document without errors", async () => {
+      let response = await fixture.requestDocument("/defer");
+      let html = await response.text();
+      expect(html).toMatch("Defer Route");
+      expect(html).toMatch("RESOLVED");
+      expect(html).not.toMatch("MESSAGE:");
+      // Defer errors are not part of the JSON blob but rather rejected
+      // against a pending promise and therefore are inlined JS.
+      expect(html).not.toMatch("x.stack=e.stack;");
+    });
+
+    test("sanitizes defer errors in document requests", async () => {
+      let response = await fixture.requestDocument("/defer?loader");
+      let html = await response.text();
+      expect(html).toMatch("Defer Error");
+      expect(html).not.toMatch("RESOLVED");
+      expect(html).toMatch("Unexpected Server Error");
+      expect(html).not.toMatch("stack");
+      // defer errors are not logged to the server console since the request
+      // has "succeeded"
+      expect(errorLogs.length).toBe(0);
+    });
+
+    test("returns data without errors", async () => {
+      let { data } = await fixture.requestSingleFetchData("/_.data");
+      expect(data).toEqual({
+        "routes/_index": {
+          data: "LOADER",
+        },
+      });
+    });
+
+    test("sanitizes loader errors in data requests", async () => {
+      let { data } = await fixture.requestSingleFetchData("/_.data?loader");
+      expect(data).toEqual({
+        "routes/_index": {
+          error: new Error("Unexpected Server Error"),
+        },
+      });
+      expect(errorLogs[0][0]).toEqual("App Specific Error Logging:");
+      expect(errorLogs[1][0]).toEqual(
+        "  Request: GET test://test/_.data?loader",
+      );
+      expect(errorLogs[2][0]).toEqual("  Error: Loader Error");
+      expect(errorLogs[3][0]).toMatch(" at ");
+      expect(errorLogs.length).toBe(4);
+    });
+
+    test("returns deferred data without errors", async () => {
+      let { data } = await fixture.requestSingleFetchData("/defer.data");
+      // @ts-expect-error
+      expect(await data["routes/defer"].data.lazy).toBe("RESOLVED");
+    });
+
+    test("sanitizes loader errors in deferred data requests", async () => {
+      let { data } = await fixture.requestSingleFetchData("/defer.data?loader");
+      try {
+        // @ts-expect-error
+        await data["routes/defer"].data.lazy;
+        expect(true).toBe(false);
+      } catch (e) {
+        expect((e as Error).message).toBe("Unexpected Server Error");
+        expect((e as Error).stack).toBeUndefined();
+      }
+      // defer errors are not logged to the server console since the request
+      // has "succeeded"
+      expect(errorLogs.length).toBe(0);
+    });
+
+    test("sanitizes loader errors in resource requests", async () => {
+      let response = await fixture.requestResource("/resource?loader");
+      let text = await response.text();
+      expect(text).toBe("Unexpected Server Error");
+      expect(errorLogs[0][0]).toEqual("App Specific Error Logging:");
+      expect(errorLogs[0][0]).toEqual("App Specific Error Logging:");
+      expect(errorLogs[1][0]).toEqual(
+        "  Request: GET test://test/resource?loader",
+      );
+      expect(errorLogs[2][0]).toEqual("  Error: Loader Error");
+      expect(errorLogs[3][0]).toMatch(" at ");
+      expect(errorLogs.length).toBe(4);
+    });
+
+    test("does not sanitize mismatched route errors in data requests", async () => {
+      let { data } = await fixture.requestSingleFetchData("/not-a-route.data");
+      expect(data).toEqual({
+        root: {
+          error: new ErrorResponseImpl(
+            404,
+            "Not Found",
+            'Error: No route matches URL "/not-a-route"',
+          ),
+        },
+      });
+      expect(errorLogs[0][0]).toEqual("App Specific Error Logging:");
+      expect(errorLogs[1][0]).toEqual(
+        "  Request: GET test://test/not-a-route.data",
+      );
+      expect(errorLogs[2][0]).toEqual("  Status: 404 Not Found");
+      expect(errorLogs[3][0]).toEqual(
+        '  Error: No route matches URL "/not-a-route"',
+      );
+      expect(errorLogs[4][0]).toMatch(" at ");
+      expect(errorLogs.length).toBe(5);
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/extra-server-environment-test.ts b/tests/react-router-framework/integration/extra-server-environment-test.ts
new file mode 100644
index 00000000..3bdc0b7f
--- /dev/null
+++ b/tests/react-router-framework/integration/extra-server-environment-test.ts
@@ -0,0 +1,96 @@
+import { test, expect } from "@playwright/test";
+import * as fs from "node:fs";
+import path from "node:path";
+
+import { build, createProject, reactRouterConfig } from "./helpers/rsbuild.js";
+
+const js = String.raw;
+
+test("ignores external server environments without skipping React Router build hooks", async () => {
+  let cwd = await createProject(
+    {
+      "react-router.config.ts": reactRouterConfig(),
+      "rsbuild.config.ts": js`
+        import { defineConfig } from "@rsbuild/core";
+        import { pluginReact } from "@rsbuild/plugin-react";
+        import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+        export default defineConfig({
+          // External build orchestrators can introduce additional server
+          // environments that React Router should ignore.
+          environments: {
+            externalServerEnv: {
+              output: { target: "node" },
+              source: { entry: { index: "./external-server-env.ts" } },
+            },
+          },
+          output: {
+            dataUriLimit: 0, // Rsbuild: output.dataUriLimit
+          },
+          plugins: [pluginReact(), pluginReactRouter()],
+        });
+      `,
+      "app/root.tsx": js`
+        import { Links, Meta, Outlet, Scripts } from "react-router";
+
+        export default function Root() {
+          return (
+            <html lang="en">
+              <head>
+                <Meta />
+                <Links />
+              </head>
+              <body>
+                <Outlet />
+                <Scripts />
+              </body>
+            </html>
+          );
+        }
+      `,
+      "app/routes/_index.tsx": js`
+        export default function Index() {
+          return <h1>Hello</h1>;
+        }
+      `,
+      "app/assets/test.txt": "test",
+      "app/ssr-only-asset.server.ts": js`
+        import txtUrl from "./assets/test.txt?url";
+
+        export { txtUrl };
+      `,
+      "app/routes/ssr-only-assets.tsx": js`
+        import { useLoaderData } from "react-router";
+
+        export const loader = async () => {
+          let { txtUrl } = await import("../ssr-only-asset.server");
+          return { txtUrl };
+        };
+
+        export default function SsrOnlyAssetsRoute() {
+          const loaderData = useLoaderData<typeof loader>();
+          return <a href={loaderData.txtUrl}>txtUrl</a>;
+        }
+      `,
+      "external-server-env.ts": js`
+        export default {
+          async fetch() {
+            return new Response("ok");
+          },
+        };
+      `,
+    },
+    "rsbuild-template",
+  );
+
+  let { status, stderr } = build({ cwd });
+
+  expect(stderr.toString().trim()).toBeFalsy();
+  expect(status).toBe(0);
+  // rsbuild emits static assets as static/assets/[name].[hash][ext]
+  expect(
+    fs
+      .readdirSync(path.join(cwd, "build/client/static/assets"))
+      .filter((file) => /^test\..*\.txt$/.test(file)).length,
+  ).toBe(1);
+});
diff --git a/tests/react-router-framework/integration/fetch-globals-test.ts b/tests/react-router-framework/integration/fetch-globals-test.ts
new file mode 100644
index 00000000..2d07e9ad
--- /dev/null
+++ b/tests/react-router-framework/integration/fetch-globals-test.ts
@@ -0,0 +1,42 @@
+import { test, expect } from "@playwright/test";
+
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+
+let fixture: Fixture;
+let appFixture: AppFixture;
+
+test.beforeAll(async () => {
+  fixture = await createFixture({
+    files: {
+      "app/routes/_index.tsx": js`
+        import { useLoaderData } from "react-router";
+        export async function loader() {
+          const resp = await fetch('https://reqres.in/api/users?page=2');
+          return (resp instanceof Response) ? 'is an instance of global Response' : 'is not an instance of global Response';
+        }
+        export default function Index() {
+          let data = useLoaderData();
+          return (
+            <div>
+              {data}
+            </div>
+          )
+        }
+      `,
+    },
+  });
+
+  appFixture = await createAppFixture(fixture);
+});
+
+test.afterAll(async () => appFixture.close());
+
+test("returned variable from fetch() should be instance of global Response", async () => {
+  let response = await fixture.requestDocument("/");
+  expect(await response.text()).toMatch("is an instance of global Response");
+});
diff --git a/tests/react-router-framework/integration/fetcher-layout-test.ts b/tests/react-router-framework/integration/fetcher-layout-test.ts
new file mode 100644
index 00000000..24ba05d6
--- /dev/null
+++ b/tests/react-router-framework/integration/fetcher-layout-test.ts
@@ -0,0 +1,268 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+let fixture: Fixture;
+let appFixture: AppFixture;
+
+test.beforeAll(async () => {
+  fixture = await createFixture({
+    files: {
+      "app/routes/layout-action.tsx": js`
+        import { Outlet, useFetcher, useFormAction } from "react-router";
+
+        export let action = ({ params }) => "layout action data";
+
+        export default function ActionLayout() {
+          let fetcher = useFetcher();
+          let action = useFormAction();
+
+          let invokeFetcher = () => {
+            fetcher.submit({}, { method: "post", action });
+          };
+
+          return (
+            <div>
+              <h1>Layout</h1>
+              <button id="layout-fetcher" onClick={invokeFetcher}>Invoke Fetcher</button>
+              {!!fetcher.data && <p id="layout-fetcher-data">{fetcher.data}</p>}
+              <Outlet />
+            </div>
+          );
+        }
+      `,
+
+      "app/routes/layout-action._index.tsx": js`
+        import {
+          useFetcher,
+          useFormAction,
+          useLoaderData,
+        } from "react-router";
+
+        export let loader = ({ params }) => "index data";
+
+        export let action = ({ params }) => "index action data";
+
+        export default function ActionLayoutIndex() {
+          let data = useLoaderData();
+          let fetcher = useFetcher();
+          let action = useFormAction();
+
+          let invokeFetcher = () => {
+            fetcher.submit({}, { method: "post", action })
+          };
+
+          return (
+            <>
+              <p id="child-data">{data}</p>
+              <button id="index-fetcher" onClick={invokeFetcher}>Invoke Index Fetcher</button>
+              {!!fetcher.data && <p id="index-fetcher-data">{fetcher.data}</p>}
+            </>
+          );
+        }
+      `,
+
+      "app/routes/layout-action.$param.tsx": js`
+        import {
+          useFetcher,
+          useFormAction,
+          useLoaderData,
+        } from "react-router";
+
+        export let loader = ({ params }) => params.param;
+
+        export let action = ({ params }) => "param action data";
+
+        export default function ActionLayoutChild() {
+          let data = useLoaderData();
+          let fetcher = useFetcher();
+          let action = useFormAction();
+
+          let invokeFetcher = () => {
+            fetcher.submit({}, { method: "post", action })
+          };
+
+          return (
+            <>
+              <p id="child-data">{data}</p>
+              <button id="param-fetcher" onClick={invokeFetcher}>Invoke Param Fetcher</button>
+              {!!fetcher.data && <p id="param-fetcher-data">{fetcher.data}</p>}
+            </>
+          );
+        }
+      `,
+
+      "app/routes/layout-loader.tsx": js`
+        import { Outlet, useFetcher, useFormAction } from "react-router";
+
+        export let loader = () => "layout loader data";
+
+        export default function LoaderLayout() {
+          let fetcher = useFetcher();
+          let action = useFormAction();
+
+          let invokeFetcher = () => {
+            fetcher.load(action);
+          };
+
+          return (
+            <div>
+              <h1>Layout</h1>
+              <button id="layout-fetcher" onClick={invokeFetcher}>Invoke Fetcher</button>
+              {!!fetcher.data && <p id="layout-fetcher-data">{fetcher.data}</p>}
+              <Outlet />
+            </div>
+          );
+        }
+      `,
+
+      "app/routes/layout-loader._index.tsx": js`
+        import {
+          useFetcher,
+          useFormAction,
+          useLoaderData,
+        } from "react-router";
+
+        export let loader = ({ params }) => "index data";
+
+        export default function ActionLayoutIndex() {
+          let fetcher = useFetcher();
+          let action = useFormAction();
+
+          let invokeFetcher = () => {
+            fetcher.load(action);
+          };
+
+          return (
+            <>
+              <button id="index-fetcher" onClick={invokeFetcher}>Invoke Index Fetcher</button>
+              {!!fetcher.data && <p id="index-fetcher-data">{fetcher.data}</p>}
+            </>
+          );
+        }
+      `,
+
+      "app/routes/layout-loader.$param.tsx": js`
+        import {
+          useFetcher,
+          useFormAction,
+          useLoaderData,
+        } from "react-router";
+
+        export let loader = ({ params }) => params.param;
+
+        export default function ActionLayoutChild() {
+          let fetcher = useFetcher();
+          let action = useFormAction();
+
+          let invokeFetcher = () => {
+            fetcher.load(action);
+          };
+
+          return (
+            <>
+              <button id="param-fetcher" onClick={invokeFetcher}>Invoke Param Fetcher</button>
+              {!!fetcher.data && <p id="param-fetcher-data">{fetcher.data}</p>}
+            </>
+          );
+        }
+      `,
+    },
+  });
+
+  appFixture = await createAppFixture(fixture);
+});
+
+test.afterAll(() => {
+  appFixture.close();
+});
+
+test("fetcher calls layout route action when at index route", async ({
+  page,
+}) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/layout-action");
+  await app.clickElement("#layout-fetcher");
+  await expect(page.locator("#layout-fetcher-data")).toHaveText(
+    "layout action data",
+  );
+  await expect(page.locator("#child-data")).toHaveText("index data");
+});
+
+test("fetcher calls layout route loader when at index route", async ({
+  page,
+}) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/layout-loader");
+  await app.clickElement("#layout-fetcher");
+  await expect(page.locator("#layout-fetcher-data")).toHaveText(
+    "layout loader data",
+  );
+});
+
+test("fetcher calls index route action when at index route", async ({
+  page,
+}) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/layout-action");
+  await app.clickElement("#index-fetcher");
+  await expect(page.locator("#index-fetcher-data")).toHaveText(
+    "index action data",
+  );
+  await expect(page.locator("#child-data")).toHaveText("index data");
+});
+
+test("fetcher calls index route loader when at index route", async ({
+  page,
+}) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/layout-loader");
+  await app.clickElement("#index-fetcher");
+  await expect(page.locator("#index-fetcher-data")).toHaveText("index data");
+});
+
+test("fetcher calls layout route action when at parameterized route", async ({
+  page,
+}) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/layout-action/foo");
+  await app.clickElement("#layout-fetcher");
+  await expect(page.locator("#layout-fetcher-data")).toHaveText(
+    "layout action data",
+  );
+  await expect(page.locator("#child-data")).toHaveText("foo");
+});
+
+test("fetcher calls layout route loader when at parameterized route", async ({
+  page,
+}) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/layout-loader/foo");
+  await app.clickElement("#layout-fetcher");
+  await expect(page.locator("#layout-fetcher-data")).toHaveText(
+    "layout loader data",
+  );
+});
+
+test("fetcher calls parameterized route action", async ({ page }) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/layout-action/foo");
+  await app.clickElement("#param-fetcher");
+  await expect(page.locator("#param-fetcher-data")).toHaveText(
+    "param action data",
+  );
+  await expect(page.locator("#child-data")).toHaveText("foo");
+});
+
+test("fetcher calls parameterized route loader", async ({ page }) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/layout-loader/foo");
+  await app.clickElement("#param-fetcher");
+  await expect(page.locator("#param-fetcher-data")).toHaveText("foo");
+});
diff --git a/tests/react-router-framework/integration/fetcher-test.ts b/tests/react-router-framework/integration/fetcher-test.ts
new file mode 100644
index 00000000..aa2368b1
--- /dev/null
+++ b/tests/react-router-framework/integration/fetcher-test.ts
@@ -0,0 +1,593 @@
+import { expect, test } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("useFetcher", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  let CHEESESTEAK = "CHEESESTEAK";
+  let LUNCH = "LUNCH";
+  let PARENT_LAYOUT_LOADER = "parent layout loader";
+  let PARENT_LAYOUT_ACTION = "parent layout action";
+  let PARENT_INDEX_LOADER = "parent index loader";
+  let PARENT_INDEX_ACTION = "parent index action";
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/routes/resource-route-action-only.ts": js`
+          export function action() {
+            return new Response("${CHEESESTEAK}");
+          }
+        `,
+
+        "app/routes/fetcher-action-only-call.tsx": js`
+          import { useFetcher } from "react-router";
+
+          export default function FetcherActionOnlyCall() {
+            let fetcher = useFetcher();
+
+            let executeFetcher = () => {
+              fetcher.submit(new URLSearchParams(), {
+                method: 'post',
+                action: '/resource-route-action-only',
+              });
+            };
+
+            return (
+              <>
+                <button id="fetcher-submit" onClick={executeFetcher}>Click Me</button>
+                {fetcher.data && <pre>{fetcher.data}</pre>}
+              </>
+            );
+          }
+        `,
+
+        "app/routes/resource-route.tsx": js`
+          export function loader() {
+            return new Response("${LUNCH}");
+          }
+          export function action() {
+            return new Response("${CHEESESTEAK}");
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          import { useFetcher } from "react-router";
+          export default function Index() {
+            let fetcher = useFetcher();
+            return (
+              <>
+                <fetcher.Form action="/resource-route">
+                  <button type="submit" formMethod="get">get</button>
+                  <button type="submit" formMethod="post">post</button>
+                </fetcher.Form>
+                <button id="fetcher-load" type="button" onClick={() => {
+                  fetcher.load('/resource-route');
+                }}>
+                  load
+                </button>
+                <button id="fetcher-submit" type="button" onClick={() => {
+                  fetcher.submit(new URLSearchParams(), {
+                    method: 'post',
+                    action: '/resource-route'
+                  });
+                }}>
+                  submit
+                </button>
+                <pre>{fetcher.data}</pre>
+              </>
+            );
+          }
+        `,
+
+        "app/routes/parent.tsx": js`
+          import { Outlet } from "react-router";
+
+          export function action() {
+            return new Response("${PARENT_LAYOUT_ACTION}");
+          };
+
+          export function loader() {
+            return new Response("${PARENT_LAYOUT_LOADER}");
+          };
+
+          export default function Parent() {
+            return <Outlet />;
+          }
+        `,
+
+        "app/routes/parent._index.tsx": js`
+          import { useFetcher } from "react-router";
+
+          export function action() {
+            return new Response("${PARENT_INDEX_ACTION}");
+          };
+
+          export function loader() {
+            return new Response("${PARENT_INDEX_LOADER}");
+          };
+
+          export default function ParentIndex() {
+            let fetcher = useFetcher();
+
+            return (
+              <>
+                <pre>{fetcher.data}</pre>
+                <button id="load-parent" onClick={() => fetcher.load('/parent')}>
+                  Load parent
+                </button>
+                <button id="load-index" onClick={() => fetcher.load('/parent?index')}>
+                  Load index
+                </button>
+                <button id="submit-empty" onClick={() => fetcher.submit({})}>
+                  Submit empty
+                </button>
+                <button id="submit-parent-get" onClick={() => fetcher.submit({}, { method: 'get', action: '/parent' })}>
+                  Submit parent
+                </button>
+                <button id="submit-index-get" onClick={() => fetcher.submit({}, { method: 'get', action: '/parent?index' })}>
+                  Submit index
+                </button>
+                <button id="submit-parent-post" onClick={() => fetcher.submit({}, { method: 'post', action: '/parent' })}>
+                  Submit parent
+                </button>
+                <button id="submit-index-post" onClick={() => fetcher.submit({}, { method: 'post', action: '/parent?index' })}>
+                  Submit index
+                </button>
+              </>
+            );
+          }
+        `,
+
+        "app/routes/fetcher-echo.tsx": js`
+          import { useFetcher } from "react-router";
+
+          export async function action({ request }) {
+            await new Promise(r => setTimeout(r, 1000));
+            let contentType = request.headers.get('Content-Type');
+            let value;
+            if (contentType.includes('application/json')) {
+              let json = await request.json();
+              value = json === null ? json : json.value;
+            } else if (contentType.includes('text/plain')) {
+              value = await request.text();
+            } else {
+              value = (await request.formData()).get('value');
+            }
+            return { data: "ACTION (" + contentType + ") " + value }
+          }
+
+          export async function loader({ request }) {
+            await new Promise(r => setTimeout(r, 1000));
+            let value = new URL(request.url).searchParams.get('value');
+            return { data: "LOADER " + value }
+          }
+
+          export default function Index() {
+            let fetcherValues = [];
+            if (typeof window !== 'undefined') {
+              if (!window.fetcherValues) {
+                window.fetcherValues = [];
+              }
+              fetcherValues = window.fetcherValues
+            }
+
+            let fetcher = useFetcher();
+
+            let currentValue = fetcher.state + '/' + fetcher.data?.data;
+            if (fetcherValues[fetcherValues.length - 1] !== currentValue) {
+              fetcherValues.push(currentValue)
+            }
+
+            return (
+              <>
+                <input id="fetcher-input" name="value" />
+                <button id="fetcher-load" onClick={() => {
+                  let value = document.getElementById('fetcher-input').value;
+                  fetcher.load('/fetcher-echo?value=' + value)
+                }}>Load</button>
+                <button id="fetcher-submit" onClick={() => {
+                  let value = document.getElementById('fetcher-input').value;
+                  fetcher.submit({ value }, { method: 'post', action: '/fetcher-echo' })
+                }}>Submit</button>
+                <button id="fetcher-submit-json" onClick={() => {
+                  let value = document.getElementById('fetcher-input').value;
+                  fetcher.submit({ value }, { method: 'post', action: '/fetcher-echo', encType: 'application/json' })
+                }}>Submit JSON</button>
+                <button id="fetcher-submit-json-null" onClick={() => {
+                  fetcher.submit(null, { method: 'post', action: '/fetcher-echo', encType: 'application/json' })
+                }}>Submit Null JSON</button>
+                <button id="fetcher-submit-text" onClick={() => {
+                  let value = document.getElementById('fetcher-input').value;
+                  fetcher.submit(value, { method: 'post', action: '/fetcher-echo', encType: 'text/plain' })
+                }}>Submit Text</button>
+                <button id="fetcher-submit-text-empty" onClick={() => {
+                  fetcher.submit("", { method: 'post', action: '/fetcher-echo', encType: 'text/plain' })
+                }}>Submit Empty Text</button>
+
+                {fetcher.state === 'idle' ? <p id="fetcher-idle">IDLE</p> : null}
+                <pre>{JSON.stringify(fetcherValues)}</pre>
+              </>
+            );
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test.describe("No JavaScript", () => {
+    test.use({ javaScriptEnabled: false });
+
+    test("Form can hit a loader", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+
+      await Promise.all([
+        page.waitForNavigation(),
+        app.clickSubmitButton("/resource-route", {
+          wait: false,
+          method: "get",
+        }),
+      ]);
+      // Check full HTML here - Chromium/Firefox/Webkit seem to render this in
+      // a <pre> but Edge puts it in some weird code editor markup:
+      // <body data-code-mirror="Readonly code editor.">
+      //   <div hidden="true">"LUNCH"</div>
+      await page.getByText(LUNCH);
+    });
+
+    test("Form can hit an action", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      await Promise.all([
+        page.waitForNavigation({ waitUntil: "load" }),
+        app.clickSubmitButton("/resource-route", {
+          wait: false,
+          method: "post",
+        }),
+      ]);
+      // Check full HTML here - Chromium/Firefox/Webkit seem to render this in
+      // a <pre> but Edge puts it in some weird code editor markup:
+      // <body data-code-mirror="Readonly code editor.">
+      //   <div hidden="true">"LUNCH"</div>
+      await page.getByText(CHEESESTEAK);
+    });
+  });
+
+  test("load can hit a loader", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickElement("#fetcher-load");
+    await page.waitForSelector(`pre:has-text("${LUNCH}")`);
+  });
+
+  test("submit can hit an action", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickElement("#fetcher-submit");
+    await page.waitForSelector(`pre:has-text("${CHEESESTEAK}")`);
+  });
+
+  test("submit can hit an action with json", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/fetcher-echo", true);
+    await page.fill("#fetcher-input", "input value");
+    await app.clickElement("#fetcher-submit-json");
+    await page.waitForSelector(`#fetcher-idle`);
+    await page.getByText('ACTION (application/json) input value"');
+  });
+
+  test("submit can hit an action with null json", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/fetcher-echo", true);
+    await app.clickElement("#fetcher-submit-json-null");
+    await new Promise((r) => setTimeout(r, 1000));
+    await page.waitForSelector(`#fetcher-idle`);
+    await page.getByText('ACTION (application/json) null"');
+  });
+
+  test("submit can hit an action with text", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/fetcher-echo", true);
+    await page.fill("#fetcher-input", "input value");
+    await app.clickElement("#fetcher-submit-text");
+    await page.waitForSelector(`#fetcher-idle`);
+    await page.getByText('ACTION (text/plain;charset=UTF-8) input value"');
+  });
+
+  test("submit can hit an action with empty text", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/fetcher-echo", true);
+    await app.clickElement("#fetcher-submit-text-empty");
+    await new Promise((r) => setTimeout(r, 1000));
+    await page.waitForSelector(`#fetcher-idle`);
+    await page.getByText('ACTION (text/plain;charset=UTF-8) "');
+  });
+
+  test("submit can hit an action only route", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/fetcher-action-only-call");
+    await app.clickElement("#fetcher-submit");
+    await page.waitForSelector(`pre:has-text("${CHEESESTEAK}")`);
+  });
+
+  test("fetchers handle ?index param correctly", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/parent");
+
+    await app.clickElement("#load-parent");
+    await page.waitForSelector(`pre:has-text("${PARENT_LAYOUT_LOADER}")`);
+
+    await app.clickElement("#load-index");
+    await page.waitForSelector(`pre:has-text("${PARENT_INDEX_LOADER}")`);
+
+    // fetcher.submit({}) defaults to GET for the current Route
+    await app.clickElement("#submit-empty");
+    await page.waitForSelector(`pre:has-text("${PARENT_INDEX_LOADER}")`);
+
+    await app.clickElement("#submit-parent-get");
+    await page.waitForSelector(`pre:has-text("${PARENT_LAYOUT_LOADER}")`);
+
+    await app.clickElement("#submit-index-get");
+    await page.waitForSelector(`pre:has-text("${PARENT_INDEX_LOADER}")`);
+
+    await app.clickElement("#submit-parent-post");
+    await page.waitForSelector(`pre:has-text("${PARENT_LAYOUT_ACTION}")`);
+
+    await app.clickElement("#submit-index-post");
+    await page.waitForSelector(`pre:has-text("${PARENT_INDEX_ACTION}")`);
+  });
+
+  test("fetcher.load persists data through reloads", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/fetcher-echo", true);
+    await page.getByText(JSON.stringify(["idle/undefined"]));
+
+    await page.fill("#fetcher-input", "1");
+    await app.clickElement("#fetcher-load");
+    await page.waitForSelector("#fetcher-idle");
+    await page.getByText(
+      JSON.stringify(["idle/undefined", "loading/undefined", "idle/LOADER 1"]),
+    );
+
+    await page.fill("#fetcher-input", "2");
+    await app.clickElement("#fetcher-load");
+    await page.waitForSelector("#fetcher-idle");
+    await page.getByText(
+      JSON.stringify([
+        "idle/undefined",
+        "loading/undefined",
+        "idle/LOADER 1",
+        "loading/LOADER 1", // Preserves old data during reload
+        "idle/LOADER 2",
+      ]),
+    );
+  });
+
+  test("fetcher.submit persists data through resubmissions", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/fetcher-echo", true);
+    await page.getByText(JSON.stringify(["idle/undefined"]));
+
+    await page.fill("#fetcher-input", "1");
+    await app.clickElement("#fetcher-submit");
+    await page.waitForSelector("#fetcher-idle");
+    await page.getByText(
+      JSON.stringify([
+        "idle/undefined",
+        "submitting/undefined",
+        "loading/ACTION (application/x-www-form-urlencoded;charset=UTF-8) 1",
+        "idle/ACTION (application/x-www-form-urlencoded;charset=UTF-8) 1",
+      ]),
+    );
+
+    await page.fill("#fetcher-input", "2");
+    await app.clickElement("#fetcher-submit");
+    await page.waitForSelector("#fetcher-idle");
+    await page.getByText(
+      JSON.stringify([
+        "idle/undefined",
+        "submitting/undefined",
+        "loading/ACTION (application/x-www-form-urlencoded;charset=UTF-8) 1",
+        "idle/ACTION (application/x-www-form-urlencoded;charset=UTF-8) 1",
+        // Preserves old data during resubmissions
+        "submitting/ACTION (application/x-www-form-urlencoded;charset=UTF-8) 1",
+        "loading/ACTION (application/x-www-form-urlencoded;charset=UTF-8) 2",
+        "idle/ACTION (application/x-www-form-urlencoded;charset=UTF-8) 2",
+      ]),
+    );
+  });
+});
+
+test.describe("fetcher aborts and adjacent forms", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/routes/_index.tsx": js`
+          import * as React from "react";
+          import {
+            Form,
+            useFetcher,
+            useLoaderData,
+            useNavigation
+          } from "react-router";
+
+          export async function loader({ request }) {
+            // 1 second timeout on data
+            await new Promise((r) => setTimeout(r, 1000));
+            return { foo: 'bar' };
+          }
+
+          export default function Index() {
+            const [open, setOpen] = React.useState(true);
+            const { data } = useLoaderData();
+            const navigation = useNavigation();
+
+            return (
+              <div>
+                  {navigation.state === 'idle' && <div id="idle">Idle</div>}
+                  <Form id="main-form">
+                    <input id="submit-form" type="submit" />
+                  </Form>
+
+                  <button id="open" onClick={() => setOpen(true)}>Show async form</button>
+                  {open && <Child onClose={() => setOpen(false)} />}
+              </div>
+            );
+          }
+
+          function Child({ onClose }) {
+            const fetcher = useFetcher();
+
+            return (
+              <fetcher.Form method="get" action="/api">
+                <button id="submit-fetcher" type="submit">Trigger fetcher (shows a message)</button>
+                <button
+                  type="submit"
+                  form="main-form"
+                  id="submit-and-close"
+                  onClick={() => setTimeout(onClose, 250)}
+                >
+                  Submit main form and close async form
+                </button>
+              </fetcher.Form>
+            );
+          }
+        `,
+
+        "app/routes/api.tsx": js`
+          export async function loader() {
+            await new Promise((resolve) => setTimeout(resolve, 500));
+            return { message: 'Hello world!' }
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("Unmounting a fetcher does not cancel the request of an adjacent form", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await page.waitForSelector("#submit-and-close");
+
+    // Works as expected before the fetcher is loaded
+
+    // submit the main form and unmount the fetcher form
+    await app.clickElement("#submit-and-close");
+    // Wait for our navigation state to be "Idle"
+    await page.waitForSelector("#idle", { timeout: 2000 });
+
+    // Breaks after the fetcher is loaded
+
+    // re-mount the fetcher form
+    await app.clickElement("#open");
+    await page.waitForSelector("#submit-and-close");
+    // submit the fetcher form
+    await app.clickElement("#submit-fetcher");
+    // submit the main form and unmount the fetcher form
+    await app.clickElement("#submit-and-close");
+    // Wait for navigation state to be "Idle"
+    await page.waitForSelector("#idle", { timeout: 2000 });
+  });
+});
+
+test.describe("fetcher lazy route discovery", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("skips revalidation of initial load fetchers performing lazy route discovery", async ({
+    page,
+  }) => {
+    fixture = await createFixture({
+      files: {
+        "app/routes/parent.tsx": js`
+          import * as React from "react";
+          import { useFetcher, useNavigate, Outlet } from "react-router";
+
+          export default function Index() {
+            const fetcher = useFetcher();
+            const navigate = useNavigate();
+
+            React.useEffect(() => {
+              fetcher.load('/api');
+            }, []);
+
+            React.useEffect(() => {
+              navigate('/parent/child');
+            }, []);
+
+            return (
+              <>
+                <h1>Parent</h1>
+                {fetcher.data ?
+                  <pre data-fetcher>{fetcher.data}</pre> :
+                  null}
+                <Outlet/>
+              </>
+            );
+          }
+        `,
+        "app/routes/parent.child.tsx": js`
+          export default function Index() {
+            return <h2>Child</h2>;
+          }
+        `,
+        "app/routes/api.tsx": js`
+          export async function loader() {
+            return "FETCHED!"
+          }
+        `,
+      },
+    });
+
+    // Slow down the fetcher discovery a tiny bit so it doesn't resolve prior
+    // to the navigation
+    page.route(/\/__manifest/, async (route) => {
+      if (route.request().url().includes(encodeURIComponent("/api"))) {
+        await new Promise((r) => setTimeout(r, 100));
+      }
+      route.continue();
+    });
+
+    appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/parent");
+    await page.waitForSelector("h2", { timeout: 3000 });
+    await expect(page.locator("h2")).toHaveText("Child");
+    await page.waitForSelector("[data-fetcher]", { timeout: 3000 });
+    await expect(page.locator("[data-fetcher]")).toHaveText("FETCHED!");
+  });
+});
diff --git a/tests/react-router-framework/integration/fog-of-war-test.ts b/tests/react-router-framework/integration/fog-of-war-test.ts
new file mode 100644
index 00000000..9c2515d7
--- /dev/null
+++ b/tests/react-router-framework/integration/fog-of-war-test.ts
@@ -0,0 +1,1800 @@
+import { test, expect } from "@playwright/test";
+import { PassThrough } from "node:stream";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import { reactRouterConfig } from "./helpers/rsbuild.js";
+
+function getFiles() {
+  return {
+    "app/root.tsx": js`
+      import * as React from "react";
+      import { Link, Links, Meta, Outlet, Scripts } from "react-router";
+      export default function Root() {
+        let [showLink, setShowLink] = React.useState(false);
+        return (
+          <html lang="en">
+            <head>
+              <Meta />
+              <Links />
+            </head>
+            <body>
+              <Link to="/">Home</Link><br/>
+              <Link to="/a">/a</Link><br/>
+              <button onClick={() => setShowLink(true)}>Show Link</button>
+              {showLink ? <Link to="/a/b">/a/b</Link> : null}
+              <Outlet />
+              <Scripts />
+            </body>
+          </html>
+        );
+      }
+    `,
+
+    "app/routes/_index.tsx": js`
+      export default function Index() {
+        return <h1 id="index">Index</h1>
+      }
+    `,
+
+    "app/routes/a.tsx": js`
+      import { Link, Outlet, useLoaderData } from "react-router";
+      export function loader({ request }) {
+        return { message: "A LOADER" };
+      }
+      export default function Index() {
+        let data = useLoaderData();
+        return (
+          <>
+            <h1 id="a">A: {data.message}</h1>
+            <Link to="/a/b">/a/b</Link>
+            <Outlet/>
+          </>
+        )
+      }
+    `,
+    "app/routes/a.b.tsx": js`
+      import { Outlet, useLoaderData } from "react-router";
+      export function loader({ request }) {
+        return { message: "B LOADER" };
+      }
+      export default function Index() {
+        let data = useLoaderData();
+        return (
+          <>
+            <h2 id="b">B: {data.message}</h2>
+            <Outlet/>
+          </>
+        )
+      }
+    `,
+    "app/routes/a.b.c.tsx": js`
+      import { Outlet, useLoaderData } from "react-router";
+      export function loader({ request }) {
+        return { message: "C LOADER" };
+      }
+      export default function Index() {
+        let data = useLoaderData();
+        return <h3 id="c">C: {data.message}</h3>
+      }
+    `,
+  };
+}
+
+test.describe("Fog of War", () => {
+  let oldConsoleError: typeof console.error;
+
+  test.beforeEach(() => {
+    oldConsoleError = console.error;
+  });
+
+  test.afterEach(() => {
+    console.error = oldConsoleError;
+  });
+
+  test("loads minimal manifest on initial load", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...getFiles(),
+        "app/entry.client.tsx": js`
+          import { HydratedRouter } from "react-router/dom";
+          import { startTransition, StrictMode } from "react";
+          import { hydrateRoot } from "react-dom/client";
+          startTransition(() => {
+            hydrateRoot(
+              document,
+              <StrictMode>
+                <HydratedRouter discover={"none"} />
+              </StrictMode>
+            );
+          });
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await fixture.requestDocument("/");
+    let html = await res.text();
+
+    expect(html).toContain("window.__reactRouterManifest = {");
+    expect(html).not.toContain(
+      '<link rel="modulepreload" href="/assets/manifest-',
+    );
+    expect(html).toContain('"root": {');
+    expect(html).toContain('"routes/_index": {');
+    expect(html).not.toContain('"routes/a"');
+
+    // Linking to A loads A and succeeds
+    await app.goto("/", true);
+    await app.clickLink("/a");
+    await page.waitForSelector("#a");
+    expect(await app.getHtml("#a")).toBe(`<h1 id="a">A: A LOADER</h1>`);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toContain("routes/a");
+  });
+
+  test("prefetches initially rendered links", async ({ page }) => {
+    let fixture = await createFixture({
+      files: getFiles(),
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/", true);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a"]);
+
+    await app.clickLink("/a");
+    await page.waitForSelector("#a");
+    expect(await app.getHtml("#a")).toBe(`<h1 id="a">A: A LOADER</h1>`);
+  });
+
+  test("prefetches links rendered via navigations", async ({ page }) => {
+    let fixture = await createFixture({
+      files: getFiles(),
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/", true);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a"]);
+
+    await app.clickLink("/a");
+    await page.waitForSelector("#a");
+
+    await page.waitForFunction(
+      () => (window as any).__reactRouterManifest.routes["routes/a.b"],
+    );
+
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a", "routes/a.b"]);
+  });
+
+  test("prefetches links rendered via in-page stateful updates", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: getFiles(),
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/", true);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a"]);
+
+    await app.clickElement("button");
+    await page.waitForFunction(
+      () => (window as any).__reactRouterManifest.routes["routes/a.b"],
+    );
+
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a", "routes/a.b"]);
+  });
+
+  test("prefetches links who opt-into [data-discover] via an in-page stateful update", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Outlet, Scripts } from "react-router";
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head> </head>
+                <body>
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+        "app/routes/_index.tsx": js`
+          import * as React from 'react';
+          import { Link, Outlet, useLoaderData } from "react-router";
+          export default function Index() {
+            let [discover, setDiscover] = React.useState(false)
+            return (
+              <>
+                <Link to="/a" discover={discover ? "render" : "none"}>/a</Link>
+                <button onClick={() => setDiscover(true)}>Toggle</button>
+              </>
+            )
+          }
+        `,
+        "app/routes/a.tsx": js`
+          export default function Index() {
+            return <h1 id="a">A</h1>
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/", true);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index"]);
+
+    await app.clickElement("button");
+    await page.waitForFunction(
+      () => (window as any).__reactRouterManifest.routes["routes/a"],
+    );
+
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a"]);
+  });
+
+  test('does not prefetch links with discover="none"', async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...getFiles(),
+        "app/routes/a.tsx": js`
+          import { Link, Outlet, useLoaderData } from "react-router";
+          export function loader({ request }) {
+            return { message: "A LOADER" };
+          }
+          export default function Index() {
+            let data = useLoaderData();
+            return (
+              <>
+                <h1 id="a">A: {data.message}</h1>
+                <Link to="/a/b" discover="none">/a/b</Link>
+                <Outlet/>
+              </>
+            )
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/", true);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a"]);
+
+    await app.clickLink("/a");
+    await page.waitForSelector("#a");
+    await new Promise((resolve) => setTimeout(resolve, 250));
+
+    // /a/b is not discovered yet even thought it's rendered
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a"]);
+
+    // /a/b gets discovered on click
+    await app.clickLink("/a/b");
+    await page.waitForSelector("#b");
+
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a", "routes/a.b"]);
+  });
+
+  test("prefetches initially rendered forms", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...getFiles(),
+        "app/root.tsx": js`
+          import * as React from "react";
+          import { Form, Links, Meta, Outlet, Scripts } from "react-router";
+          export default function Root() {
+            let [showLink, setShowLink] = React.useState(false);
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <Form method="post" action="/a">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+        "app/routes/a.tsx": js`
+          import { useActionData } from "react-router";
+          export function action() {
+            return { message: "A ACTION" };
+          }
+          export default function Index() {
+            let actionData = useActionData();
+            return <h1 id="a">A: {actionData.message}</h1>
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/", true);
+    await page.waitForFunction(
+      () => (window as any).__reactRouterManifest.routes["routes/a"],
+    );
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a"]);
+
+    await app.clickSubmitButton("/a");
+    await page.waitForSelector("#a");
+    expect(await app.getHtml("#a")).toBe(`<h1 id="a">A: A ACTION</h1>`);
+  });
+
+  test("prefetches forms rendered via navigations", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...getFiles(),
+        "app/routes/a.tsx": js`
+          import { Form } from "react-router";
+          export default function Component() {
+            return (
+              <Form method="post" action="/a/b">
+                <button type="submit">Submit</button>
+              </Form>
+            );
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/", true);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a"]);
+
+    await app.clickLink("/a");
+    await page.waitForSelector("form");
+
+    await page.waitForFunction(
+      () => (window as any).__reactRouterManifest.routes["routes/a.b"],
+    );
+
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a", "routes/a.b"]);
+  });
+
+  test("prefetches root index child when SSR-ing a deep route", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Outlet, Scripts } from "react-router";
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head></head>
+                <body>
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export default function Index() {
+            return <h1 id="index">Index</h1>
+          }
+        `,
+        "app/routes/deep.tsx": js`
+          import { Link } from "react-router";
+          export default function Component() {
+            return (
+              <>
+                <h1>Deep</h1>
+                <Link to="/" discover="none">Home</Link>
+              </>
+            )
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/deep", true);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/deep", "routes/_index"]);
+
+    // Without pre-loading the index, we'd "match" `/` to just the root route
+    // client side and never fetch the `routes/_index` route
+    await app.clickLink("/");
+    await page.waitForSelector("#index");
+    expect(await app.getHtml("#index")).toMatch(`Index`);
+
+    expect(manifestRequests.length).toBe(0);
+  });
+
+  test("prefetches ancestor index children when SSR-ing a deep route", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Link, Outlet, Scripts } from "react-router";
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head></head>
+                <body >
+                  <nav>
+                    <Link to="/parent" discover="none">Parent Index</Link>
+                    <Link to="/parent/child" discover="none">Child Index</Link>
+                  </nav>
+                  <Outlet />
+                  <Scripts />
+                  </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export default function Index() {
+            return <h1 id="index">Index</h1>
+          }
+        `,
+        "app/routes/parent.tsx": js`
+          import { Outlet } from "react-router";
+          export default function Component() {
+            return (
+              <>
+                <h1 id="parent">Parent</h1>
+                <Outlet />
+              </>
+            )
+          }
+        `,
+        "app/routes/parent._index.tsx": js`
+          export default function Component() {
+            return <h2 id="parent-index">Parent Index</h2>;
+          }
+        `,
+        "app/routes/parent.child.tsx": js`
+          import { Outlet } from "react-router";
+          export default function Component() {
+            return (
+              <>
+                <h2 id="child">Child</h2>
+                <Outlet />
+              </>
+            )
+          }
+        `,
+        "app/routes/parent.child._index.tsx": js`
+          export default function Component() {
+            return <h3 id="child-index">Child Index</h3>;
+          }
+        `,
+        "app/routes/parent.child.grandchild.tsx": js`
+          export default function Component() {
+            return <h3 id="grandchild">Grandchild</h3>;
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/parent/child/grandchild", true);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual([
+      "root",
+      "routes/parent",
+      "routes/parent.child",
+      "routes/parent.child.grandchild",
+      "routes/_index",
+      "routes/parent.child._index",
+      "routes/parent._index",
+    ]);
+
+    // Without pre-loading the index, we'd "match" `/parent/child` to just the
+    // parent and child routes client side and never fetch the
+    // `routes/parent.child._index` route
+    await app.clickLink("/parent/child");
+    await page.waitForSelector("#child-index");
+    expect(await app.getHtml("#parent")).toMatch("Parent");
+    expect(await app.getHtml("#child")).toMatch("Child");
+    expect(await app.getHtml("#child-index")).toMatch(`Child Index`);
+
+    await app.clickLink("/parent");
+    await page.waitForSelector("#parent-index");
+    expect(await app.getHtml("#parent")).toMatch(`Parent`);
+    expect(await app.getHtml("#parent-index")).toMatch(`Parent Index`);
+
+    expect(manifestRequests.length).toBe(0);
+  });
+
+  test("prefetches ancestor pathless children when SSR-ing a deep route", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Link, Outlet, Scripts } from "react-router";
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head></head>
+                <body >
+                  <nav>
+                    <Link to="/parent" discover="none">Parent Index</Link>
+                    <Link to="/parent/child2" discover="none">Child2</Link>
+                  </nav>
+                  <Outlet />
+                  <Scripts />
+                  </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export default function Index() {
+            return <h1 id="index">Index</h1>
+          }
+        `,
+        "app/routes/parent.tsx": js`
+          import { Outlet } from "react-router";
+          export default function Component() {
+            return (
+              <>
+                <h1 id="parent">Parent</h1>
+                <Outlet />
+              </>
+            )
+          }
+        `,
+        "app/routes/parent.child.tsx": js`
+          export default function Component() {
+            return <h2 id="child">Child</h2>;
+          }
+        `,
+        "app/routes/parent._a.tsx": js`
+          import { Outlet } from 'react-router';
+          export default function Component() {
+            return <div id="a"><Outlet/></div>;
+          }
+        `,
+        "app/routes/parent._a._b._index.tsx": js`
+          export default function Component() {
+            return <h2 id="parent-index">Parent Pathless Index</h2>;
+          }
+        `,
+        "app/routes/parent._a._b.tsx": js`
+          import { Outlet } from 'react-router';
+          export default function Component() {
+            return <div id="b"><Outlet/></div>;
+          }
+        `,
+        "app/routes/parent._a._b.child2.tsx": js`
+          export default function Component() {
+            return <h2 id="child2">Child 2</h2>;
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/parent/child", true);
+    expect(await app.getHtml("#child")).toMatch("Child");
+    expect(await page.$("#a")).toBeNull();
+    expect(await page.$("#b")).toBeNull();
+
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual([
+      "root",
+      "routes/parent",
+      "routes/parent.child",
+      "routes/_index",
+      "routes/parent._a",
+      "routes/parent._a._b",
+      "routes/parent._a._b._index",
+    ]);
+    expect(manifestRequests).toEqual([]);
+
+    // Without pre-loading the index, we'd "match" `/parent` to just the
+    // parent route client side and never fetch the children pathless/index routes
+    await app.clickLink("/parent");
+    await page.waitForSelector("#parent-index");
+    expect(await page.$("#a")).not.toBeNull();
+    expect(await page.$("#b")).not.toBeNull();
+    expect(await app.getHtml("#parent")).toMatch("Parent");
+    expect(await app.getHtml("#parent-index")).toMatch("Parent Pathless Index");
+    expect(manifestRequests.length).toBe(0);
+
+    // This will require a new fetch for the child2 portion
+    await app.clickLink("/parent/child2");
+    await page.waitForSelector("#child2");
+    expect(await app.getHtml("#parent")).toMatch(`Parent`);
+    expect(await app.getHtml("#child2")).toMatch(`Child 2`);
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(
+        /\/__manifest\?paths=%2Fparent%2C%2Fparent%2Fchild2&version=/,
+      ),
+    ]);
+  });
+
+  test("detects higher-ranking static routes on the server when a slug match is already known by the client", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Link, Outlet, Scripts } from "react-router";
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head></head>
+                <body >
+                  <nav>
+                    <Link to="/something">/something</Link>
+                  </nav>
+                  <Outlet />
+                  <Scripts />
+                  </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export default function Index() {
+            return <h1 id="index">Index</h1>
+          }
+        `,
+        "app/routes/$slug.tsx": js`
+          import { Link } from "react-router";
+          export default function Component() {
+            return (
+              <>
+                <h2 id="slug">Slug</h2>;
+                <Link to="/static" discover="none">Go to /static</Link>
+              </>
+            );
+          }
+        `,
+        "app/routes/static.tsx": js`
+          export default function Component() {
+            return <h2 id="static">Static</h2>;
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/", true);
+    expect(await app.getHtml("#index")).toMatch("Index");
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/$slug"]);
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(/\/__manifest\?paths=%2Fsomething&version=/),
+    ]);
+    manifestRequests = [];
+
+    await app.clickLink("/something");
+    await page.waitForSelector("#slug");
+    expect(await app.getHtml("#slug")).toMatch("Slug");
+    expect(manifestRequests).toEqual([]);
+
+    // This will require a new fetch for the /static route
+    await app.clickLink("/static");
+    await page.waitForSelector("#static");
+    expect(await app.getHtml("#static")).toMatch("Static");
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(/\/__manifest\?paths=%2Fstatic&version=/),
+    ]);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/$slug", "routes/static"]);
+  });
+
+  test("detects higher-ranking static routes on the server when a splat match is already known by the client", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Link, Outlet, Scripts } from "react-router";
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head></head>
+                <body >
+                  <nav>
+                    <Link to="/something">/something</Link>
+                  </nav>
+                  <Outlet />
+                  <Scripts />
+                  </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export default function Index() {
+            return <h1 id="index">Index</h1>
+          }
+        `,
+        "app/routes/$.tsx": js`
+          import { Link } from "react-router";
+          export default function Component() {
+            return (
+              <>
+                <h2 id="splat">Splat</h2>;
+                <Link to="/static" discover="none">Go to /static</Link>
+              </>
+            );
+          }
+        `,
+        "app/routes/static.tsx": js`
+          export default function Component() {
+            return <h2 id="static">Static</h2>;
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/", true);
+    expect(await app.getHtml("#index")).toMatch("Index");
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/$"]);
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(/\/__manifest\?paths=%2Fsomething&version=/),
+    ]);
+    manifestRequests = [];
+
+    await app.clickLink("/something");
+    await page.waitForSelector("#splat");
+    expect(await app.getHtml("#splat")).toMatch("Splat");
+    expect(manifestRequests).toEqual([]);
+
+    // This will require a new fetch for the /static route
+    await app.clickLink("/static");
+    await page.waitForSelector("#static");
+    expect(await app.getHtml("#static")).toMatch("Static");
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(/\/__manifest\?paths=%2Fstatic&version=/),
+    ]);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/$", "routes/static"]);
+  });
+
+  test("does not re-request for previously discovered slug routes", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Link, Outlet, Scripts } from "react-router";
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head></head>
+                <body >
+                  <nav>
+                    <Link to="/" discover="none">Go to /</Link>
+                    <Link to="/a" discover="none">Go to /a</Link>
+                    <Link to="/b" discover="none">Go to /b</Link>
+                  </nav>
+                  <Outlet />
+                  <Scripts />
+                  </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export default function Index() {
+            return <h1 id="index">Index</h1>;
+          }
+        `,
+        "app/routes/$slug.tsx": js`
+          import { Link, useParams } from "react-router";
+          export default function Component() {
+            let params = useParams();
+            return <h2 id="slug">Slug: {params.slug}</h2>;
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/", true);
+    expect(await app.getHtml("#index")).toMatch("Index");
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index"]);
+    expect(manifestRequests.length).toBe(0);
+
+    // Click /a which will discover via a manifest request
+    await app.clickLink("/a");
+    await page.waitForSelector("#slug");
+    expect(await app.getHtml("#slug")).toMatch("Slug: a");
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(/\/__manifest\?paths=%2Fa&version=/),
+    ]);
+    manifestRequests = [];
+
+    // Go back home
+    await app.clickLink("/");
+    await page.waitForSelector("#index");
+    expect(manifestRequests).toEqual([]);
+
+    // Click /a again which will not re-discover
+    await app.clickLink("/a");
+    await page.waitForSelector("#slug");
+    expect(await app.getHtml("#slug")).toMatch("Slug: a");
+    expect(manifestRequests).toEqual([]);
+    manifestRequests = [];
+
+    // Click /b which will need to discover
+    await app.clickLink("/b");
+    await page.waitForSelector("#slug");
+    expect(await app.getHtml("#slug")).toMatch("Slug: b");
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(/\/__manifest\?paths=%2Fb&version=/),
+    ]);
+  });
+
+  test("does not re-request for previously discovered splat routes", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Link, Outlet, Scripts } from "react-router";
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head></head>
+                <body >
+                  <nav>
+                    <Link to="/" discover="none">Go to /</Link>
+                    <Link to="/a" discover="none">Go to /a</Link>
+                    <Link to="/b/c" discover="none">Go to /b/c</Link>
+                  </nav>
+                  <Outlet />
+                  <Scripts />
+                  </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export default function Index() {
+            return <h1 id="index">Index</h1>;
+          }
+        `,
+        "app/routes/$.tsx": js`
+          import { Link, useParams } from "react-router";
+          export default function Component() {
+            let params = useParams();
+            return <h2 id="splat">Splat: {params["*"]}</h2>;
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/", true);
+    expect(await app.getHtml("#index")).toMatch("Index");
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index"]);
+    expect(manifestRequests.length).toBe(0);
+
+    // Click /a which will discover via a manifest request
+    await app.clickLink("/a");
+    await page.waitForSelector("#splat");
+    expect(await app.getHtml("#splat")).toMatch("Splat: a");
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(/\/__manifest\?paths=%2Fa&version=/),
+    ]);
+    manifestRequests = [];
+
+    // Go back home
+    await app.clickLink("/");
+    await page.waitForSelector("#index");
+    expect(manifestRequests).toEqual([]);
+
+    // Click /a again which will not re-discover
+    await app.clickLink("/a");
+    await page.waitForSelector("#splat");
+    expect(await app.getHtml("#splat")).toMatch("Splat: a");
+    expect(manifestRequests).toEqual([]);
+    manifestRequests = [];
+
+    // Click /b which will need to discover
+    await app.clickLink("/b/c");
+    await page.waitForSelector("#splat");
+    expect(await app.getHtml("#splat")).toMatch("Splat: b/c");
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(/\/__manifest\?paths=%2Fb%2C%2Fb%2Fc&version=/),
+    ]);
+  });
+
+  test("does not re-request for previously navigated 404 routes", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Link, Outlet, Scripts } from "react-router";
+          export function Layout({ children }) {
+            return (
+              <html lang="en">
+                <head></head>
+                <body >
+                  <nav>
+                    <Link to="/" discover="none">Go to /</Link>
+                    <Link to="/something" discover="none">Go to /something</Link>
+                    <Link to="/not/a/path" discover="none">Go to /not/a/path</Link>
+                  </nav>
+                  {children}
+                  <Scripts />
+                  </body>
+              </html>
+            );
+          }
+          export default function Root() {
+            return <Outlet />;
+          }
+          export function ErrorBoundary() {
+            return <h1 id="error">Error</h1>;
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export default function Index() {
+            return <h1 id="index">Index</h1>;
+          }
+        `,
+        "app/routes/$slug.tsx": js`
+          import { Link, useParams } from "react-router";
+          export default function Component() {
+            let params = useParams();
+            return <h2 id="slug">Slug: {params.slug}</h2>;
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/", true);
+    expect(await app.getHtml("#index")).toMatch("Index");
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index"]);
+    expect(manifestRequests.length).toBe(0);
+
+    // Click a 404 link which will try to discover via a manifest request
+    await app.clickLink("/not/a/path");
+    await page.waitForSelector("#error");
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(
+        /\/__manifest\?paths=%2Fnot%2C%2Fnot%2Fa%2C%2Fnot%2Fa%2Fpath&version=/,
+      ),
+    ]);
+    manifestRequests = [];
+
+    // Go to a valid slug route
+    await app.clickLink("/something");
+    await page.waitForSelector("#slug");
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(/\/__manifest\?paths=%2Fsomething&version=/),
+    ]);
+    manifestRequests = [];
+
+    // Click the same 404 link again which will not re-discover
+    await app.clickLink("/not/a/path");
+    await page.waitForSelector("#error");
+    expect(manifestRequests).toEqual([]);
+  });
+
+  test("skips prefetching if the URL gets too large", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...getFiles(),
+        "app/routes/_index.tsx": js`
+          import { Link } from "react-router";
+          export default function Index() {
+            return (
+              <>
+                <h1 id="index">Index</h1>
+                {/* 400 links * ~19 chars per link > our 7198 char URL limit */}
+                {...new Array(400).fill(null).map((el, i) => (
+                  <Link to={"/dummy-link-" + i}>{i}</Link>
+                ))}
+              </>
+            );
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/", true);
+    await new Promise((resolve) => setTimeout(resolve, 250));
+    expect(manifestRequests.length).toBe(0);
+
+    await app.clickLink("/a");
+    await page.waitForSelector("#a");
+    expect(await app.getHtml("#a")).toMatch("A LOADER");
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a"]);
+  });
+
+  test("includes a version query parameter as a cachebuster", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...getFiles(),
+        "app/routes/_index.tsx": js`
+          import { Link } from "react-router";
+          export default function Index() {
+            return (
+              <>
+                <h1 id="index">Index</h1>
+                <Link to="/a">/a</Link>
+                <Link to="/b">/b</Link>
+              </>
+            );
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/", true);
+    await new Promise((resolve) => setTimeout(resolve, 250));
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(
+        /\/__manifest\?paths=%2F%2C%2Fa%2C%2Fb&version=[a-z0-9]{8}/,
+      ),
+    ]);
+  });
+
+  test("sorts url parameters", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...getFiles(),
+        "app/routes/_index.tsx": js`
+          import { Link } from "react-router";
+          export default function Index() {
+            return (
+              <>
+                <h1 id="index">Index</h1>
+                <Link to="/a">/a</Link>
+                <Link to="/c">/c</Link>
+                <Link to="/e">/e</Link>
+                <Link to="/g">/g</Link>
+                <Link to="/f">/f</Link>
+                <Link to="/d">/d</Link>
+                <Link to="/b">/b</Link>
+              </>
+            );
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/", true);
+    await new Promise((resolve) => setTimeout(resolve, 250));
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(
+        /\/__manifest\?paths=%2F%2C%2Fa%2C%2Fb%2C%2Fc%2C%2Fd%2C%2Fe%2C%2Ff%2C%2Fg/,
+      ),
+    ]);
+  });
+
+  test("handles interruptions from back to back navigations", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...getFiles(),
+        "app/routes/a.tsx": js`
+          import { Link, Outlet, useLoaderData, useNavigate } from "react-router";
+          export function loader({ request }) {
+            return { message: "A LOADER" };
+          }
+          export default function Index() {
+            let data = useLoaderData();
+            let navigate = useNavigate();
+            return (
+              <>
+                <h1 id="a">A: {data.message}</h1>
+                <button data-link onClick={async () => {
+                  navigate('/a/b');
+                  setTimeout(() => navigate('/a/b'), 0)
+                }}>
+                  /a/b
+                </button>
+                <Outlet/>
+              </>
+            )
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/a", true);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/a", "routes/_index"]);
+
+    // /a/b gets discovered on click
+    await app.clickElement("[data-link]");
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    expect(await (await page.$("body"))?.textContent()).not.toContain(
+      "Not Found",
+    );
+    await page.waitForSelector("#b");
+
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/a", "routes/_index", "routes/a.b"]);
+  });
+
+  test("loads ancestor index routes on navigations", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...getFiles(),
+        "app/root.tsx": js`
+          import * as React from "react";
+          import { Link, Links, Meta, Outlet, Scripts } from "react-router";
+          export default function Root() {
+            let [showLink, setShowLink] = React.useState(false);
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <Link to="/" discover="none">Home</Link><br/>
+                  <Link to="/a" discover="none">/a</Link><br/>
+                  <Link to="/a/b" discover="none">/a/b</Link><br/>
+                  <Link to="/a/b/c" discover="none">/a/b/c</Link><br/>
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+        "app/routes/a._index.tsx": js`
+          export default function Index() {
+            return <h3 id="a-index">A INDEX</h3>;
+          }
+        `,
+        "app/routes/a.b._index.tsx": js`
+          export default function Index() {
+            return <h3 id="b-index">B INDEX</h3>;
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/", true);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index"]);
+
+    await app.clickLink("/a/b/c");
+    await page.waitForSelector("#c");
+
+    // /a/b is not discovered yet even thought it's rendered
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual([
+      "root",
+      "routes/_index",
+      "routes/a",
+      "routes/a._index",
+      "routes/a.b",
+      "routes/a.b._index",
+      "routes/a.b.c",
+    ]);
+
+    await app.clickLink("/a/b");
+    await page.waitForSelector("#b-index");
+
+    await app.clickLink("/a");
+    await page.waitForSelector("#a-index");
+  });
+
+  test("allows configuration of the manifest path", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...getFiles(),
+        "react-router.config.ts": reactRouterConfig({
+          routeDiscovery: { mode: "lazy", manifestPath: "/custom-manifest" },
+        }),
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let wrongManifestRequests: string[] = [];
+    let manifestRequests: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes("/__manifest")) {
+        wrongManifestRequests.push(req.url());
+      }
+      if (req.url().includes("/custom-manifest")) {
+        manifestRequests.push(req.url());
+      }
+    });
+
+    await app.goto("/", true);
+    expect(
+      await page.evaluate(() =>
+        Object.keys((window as any).__reactRouterManifest.routes),
+      ),
+    ).toEqual(["root", "routes/_index", "routes/a"]);
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(/\/custom-manifest\?paths=%2F%2C%2Fa&version=/),
+    ]);
+    manifestRequests = [];
+
+    await app.clickLink("/a");
+    await page.waitForSelector("#a");
+    expect(await app.getHtml("#a")).toBe(`<h1 id="a">A: A LOADER</h1>`);
+    // Wait for eager discovery to kick off
+    await new Promise((r) => setTimeout(r, 500));
+    expect(manifestRequests).toEqual([
+      expect.stringMatching(
+        /\/custom-manifest\?paths=%2Fa%2C%2Fa%2Fb&version=/,
+      ),
+    ]);
+
+    expect(wrongManifestRequests).toEqual([]);
+  });
+
+  test("manifest version mismatch reload should preserve query parameters and hash", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/routes/_index.tsx": js`
+          import { Link, useLocation } from "react-router";
+
+          export default function Index() {
+            const location = useLocation();
+            return (
+              <div>
+                <h1>Home</h1>
+                <p data-location>Location: {location.pathname + location.search + location.hash}</p>
+                <Link to="/other?token=abc123&ref=campaign#section1">Go to Other</Link>
+              </div>
+            );
+          }
+        `,
+        "app/routes/other.tsx": js`
+          import { useLocation } from "react-router";
+
+          export default function Other() {
+            const location = useLocation();
+            return (
+              <div>
+                <h1>Other Page</h1>
+                <p data-location2>Location: {location.pathname + location.search + location.hash}</p>
+              </div>
+            );
+          }
+        `,
+      },
+    });
+
+    // Trigger mismatch + hard reload when trying to patch the /other route
+    await page.route(/\/__manifest/, async (route) => {
+      if (route.request().url().includes(encodeURIComponent("/other"))) {
+        await route.fulfill({
+          status: 204,
+          headers: {
+            "X-Remix-Reload-Document": "true",
+          },
+        });
+      } else {
+        await route.continue();
+      }
+    });
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    // Start on home page
+    await app.goto("/");
+    await page.waitForSelector("h1");
+    await expect(page.locator("[data-location]")).toHaveText("Location: /");
+
+    // Click link to /other with query params and hash
+    // This should trigger manifest fetch -> version mismatch -> hard reload
+    await app.clickLink("/other?token=abc123&ref=campaign#section1");
+
+    // Wait for the page to reload and render
+    await page.waitForSelector("[data-location2]", { timeout: 5000 });
+
+    // Query parameters and hash should be preserved after reload
+    await expect(page.locator("[data-location2]")).toHaveText(
+      "Location: /other?token=abc123&ref=campaign#section1",
+    );
+
+    // Also verify the URL in the browser
+    const currentUrl = page.url();
+    expect(currentUrl).toContain("token=abc123");
+    expect(currentUrl).toContain("ref=campaign");
+    expect(currentUrl).toContain("#section1");
+  });
+
+  test("Preserves meta tags on hash links in splat routes", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/routes.ts": js`
+          import { type RouteConfig, index, route } from "@react-router/dev/routes";
+          export default [
+            index("routes/_index.tsx"),
+            route("*", "routes/catchall.tsx"),
+          ] satisfies RouteConfig;
+        `,
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts } from "react-router";
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+        "app/routes/_index.tsx": js`
+          import { Link } from "react-router";
+          export function meta() {
+            return [{ title: "Home" }];
+          }
+          export default function Index() {
+            return (
+              <div>
+                <h1>Home</h1>
+                <Link to="/catchall" data-testid="go-catchall">
+                  Go to catchall
+                </Link>
+              </div>
+            );
+          }
+        `,
+        "app/routes/catchall.tsx": js`
+          import { Link } from "react-router";
+          export function meta() {
+            return [{ title: "Catchall" }];
+          }
+          export default function Catchall() {
+            return (
+              <div>
+                <h1 data-testid="catchall-heading">Catchall route</h1>
+                <Link to="#hash" data-testid="hash-link">Hash link</Link>
+              </div>
+            );
+          }
+        `,
+      },
+    });
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    // / => /catch-all => /catch-all#hash
+    await app.goto("/");
+    expect(await page.title()).toBe("Home");
+    await page.waitForSelector("[data-testid='go-catchall']");
+    await page.click("[data-testid='go-catchall']");
+    await page.waitForSelector("[data-testid='catchall-heading']");
+    expect(await page.title()).toBe("Catchall");
+
+    await page.click("[data-testid='hash-link']");
+    // Hash navigation doesn't trigger a load event; waitForFunction polls the DOM directly
+    await page.waitForFunction(() => window.location.hash === "#hash");
+    expect(await page.title()).toBe("Catchall");
+
+    // /catch-all => /catch-all#hash
+    await app.goto("/catchall");
+    await page.waitForSelector("[data-testid='catchall-heading']");
+    expect(await page.title()).toBe("Catchall");
+
+    await page.click("[data-testid='hash-link']");
+    // Hash navigation doesn't trigger a load event; waitForFunction polls the DOM directly
+    await page.waitForFunction(() => window.location.hash === "#hash");
+    expect(await page.title()).toBe("Catchall");
+
+    appFixture.close();
+  });
+
+  test.describe("routeDiscovery=initial", () => {
+    test("loads full manifest on initial load", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...getFiles(),
+          "react-router.config.ts": reactRouterConfig({
+            routeDiscovery: { mode: "initial" },
+          }),
+          "app/entry.client.tsx": js`
+            import { HydratedRouter } from "react-router/dom";
+            import { startTransition, StrictMode } from "react";
+            import { hydrateRoot } from "react-dom/client";
+            startTransition(() => {
+              hydrateRoot(
+                document,
+                <StrictMode>
+                  <HydratedRouter discover={"none"} />
+                </StrictMode>
+              );
+            });
+          `,
+        },
+      });
+      let appFixture = await createAppFixture(fixture);
+
+      let manifestRequests: string[] = [];
+      page.on("request", (req) => {
+        if (req.url().includes("/__manifest")) {
+          manifestRequests.push(req.url());
+        }
+      });
+
+      let app = new PlaywrightFixture(appFixture, page);
+      let res = await fixture.requestDocument("/");
+      let html = await res.text();
+
+      expect(html).not.toContain("window.__reactRouterManifest = {");
+      // rsbuild emits the manifest chunk under `/static/js/`.
+      expect(html).toMatch(
+        /<link rel="modulepreload" href="\/static\/js\/manifest-[a-z0-9]+\.js"/i,
+      );
+
+      // Linking to A succeeds
+      await app.goto("/", true);
+      expect(
+        await page.evaluate(() =>
+          Object.keys((window as any).__reactRouterManifest.routes),
+        ),
+      ).toEqual([
+        "root",
+        "routes/_index",
+        "routes/a",
+        "routes/a.b",
+        "routes/a.b.c",
+      ]);
+
+      await app.clickLink("/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#a")).toBe(`<h1 id="a">A: A LOADER</h1>`);
+      expect(manifestRequests).toEqual([]);
+    });
+
+    test("defaults to `routeDiscovery=initial` when `ssr:false` is set", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        spaMode: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false,
+          }),
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Link, Links, Meta, Outlet, Scripts } from "react-router";
+            export default function Root() {
+              let [showLink, setShowLink] = React.useState(false);
+              return (
+                <html lang="en">
+                  <head>
+                    <Meta />
+                    <Links />
+                  </head>
+                  <body>
+                    <Link to="/">Home</Link><br/>
+                    <Link to="/a">/a</Link><br/>
+                    <Outlet />
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+          `,
+          "app/routes/_index.tsx": js`
+            export default function Index() {
+              return <h1 id="index">Index</h1>
+            }
+          `,
+
+          "app/routes/a.tsx": js`
+            export function clientLoader({ request }) {
+              return { message: "A LOADER" };
+            }
+            export default function Index({ loaderData }) {
+              return <h1 id="a">A: {loaderData.message}</h1>
+            }
+          `,
+        },
+      });
+      let appFixture = await createAppFixture(fixture);
+
+      let manifestRequests: string[] = [];
+      page.on("request", (req) => {
+        if (req.url().includes("/__manifest")) {
+          manifestRequests.push(req.url());
+        }
+      });
+
+      let app = new PlaywrightFixture(appFixture, page);
+      let res = await fixture.requestDocument("/");
+      let html = await res.text();
+
+      expect(html).toContain('"routeDiscovery":{"mode":"initial"}');
+
+      await app.goto("/", true);
+      await page.waitForSelector("#index");
+      await app.clickLink("/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#a")).toBe(`<h1 id="a">A: A LOADER</h1>`);
+      expect(manifestRequests).toEqual([]);
+    });
+
+    test("Errors if you try to set routeDiscovery=lazy and ssr:false", async () => {
+      let ogConsole = console.error;
+      console.error = () => {};
+      let buildStdio = new PassThrough();
+      let err;
+      try {
+        await createFixture({
+          buildStdio,
+          spaMode: true,
+          files: {
+            ...getFiles(),
+            "react-router.config.ts": reactRouterConfig({
+              ssr: false,
+              routeDiscovery: { mode: "lazy" },
+            }),
+          },
+        });
+      } catch (e) {
+        err = e;
+      }
+
+      let chunks: Buffer[] = [];
+      let buildOutput = await new Promise<string>((resolve, reject) => {
+        buildStdio.on("data", (chunk) => chunks.push(Buffer.from(chunk)));
+        buildStdio.on("error", (err) => reject(err));
+        buildStdio.on("end", () =>
+          resolve(Buffer.concat(chunks).toString("utf8")),
+        );
+      });
+
+      expect(err).toEqual(new Error("Build failed, check the output above"));
+      // Rsbuild omits Vite's leading `Error: ` prefix.
+      expect(buildOutput).toContain(
+        'The `routeDiscovery.mode` config cannot be set to "lazy" when setting `ssr:false`',
+      );
+      console.error = ogConsole;
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/form-data-test.ts b/tests/react-router-framework/integration/form-data-test.ts
new file mode 100644
index 00000000..3653f928
--- /dev/null
+++ b/tests/react-router-framework/integration/form-data-test.ts
@@ -0,0 +1,58 @@
+import { test, expect } from "@playwright/test";
+
+import { createFixture, js } from "./helpers/create-fixture.js";
+import type { Fixture } from "./helpers/create-fixture.js";
+
+let fixture: Fixture;
+
+test.beforeAll(async () => {
+  fixture = await createFixture({
+    files: {
+      "app/routes/_index.tsx": js`
+          export async function action({ request }) {
+            try {
+              await request.formData()
+            } catch {
+              return new Response("no pizza");
+            }
+            return new Response("pizza");
+          }
+        `,
+    },
+  });
+});
+
+test("invalid content-type does not crash server", async () => {
+  let response = await fixture.requestDocument("/", {
+    method: "post",
+    headers: { "content-type": "application/json" },
+  });
+  expect(await response.text()).toMatch("no pizza");
+});
+
+test("invalid urlencoded body does not crash server", async () => {
+  let response = await fixture.requestDocument("/", {
+    method: "post",
+    headers: { "content-type": "application/x-www-form-urlencoded" },
+    body: "$rofl this is totally invalid$",
+  });
+  expect(await response.text()).toMatch("pizza");
+});
+
+test("invalid multipart content-type does not crash server", async () => {
+  let response = await fixture.requestDocument("/", {
+    method: "post",
+    headers: { "content-type": "multipart/form-data" },
+    body: "$rofl this is totally invalid$",
+  });
+  expect(await response.text()).toMatch("pizza");
+});
+
+test("invalid multipart body does not crash server", async () => {
+  let response = await fixture.requestDocument("/", {
+    method: "post",
+    headers: { "content-type": "multipart/form-data; boundary=abc" },
+    body: "$rofl this is totally invalid$",
+  });
+  expect(await response.text()).toMatch("pizza");
+});
diff --git a/tests/react-router-framework/integration/form-test.ts b/tests/react-router-framework/integration/form-test.ts
new file mode 100644
index 00000000..62766272
--- /dev/null
+++ b/tests/react-router-framework/integration/form-test.ts
@@ -0,0 +1,1142 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { getElement, PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("Forms", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  let KEYBOARD_INPUT = "KEYBOARD_INPUT";
+  let CHECKBOX_BUTTON = "CHECKBOX_BUTTON";
+  let ORPHAN_BUTTON = "ORPHAN_BUTTON";
+  let FORM_WITH_ACTION_INPUT = "FORM_WITH_ACTION_INPUT";
+  let FORM_WITH_ORPHAN = "FORM_WITH_ORPHAN";
+  let LUNCH = "LUNCH";
+  let CHEESESTEAK = "CHEESESTEAK";
+  let LAKSA = "LAKSA";
+  let SQUID_INK_HOTDOG = "SQUID_INK_HOTDOG";
+  let ACTION = "action";
+  let EAT = "EAT";
+
+  let STATIC_ROUTE_NO_ACTION = "static-route-none";
+  let STATIC_ROUTE_ABSOLUTE_ACTION = "static-route-abs";
+  let STATIC_ROUTE_CURRENT_ACTION = "static-route-cur";
+  let STATIC_ROUTE_PARENT_ACTION = "static-route-parent";
+  let STATIC_ROUTE_TOO_MANY_DOTS_ACTION = "static-route-too-many-dots";
+  let INDEX_ROUTE_NO_ACTION = "index-route-none";
+  let INDEX_ROUTE_NO_ACTION_POST = "index-route-none-post";
+  let INDEX_ROUTE_ABSOLUTE_ACTION = "index-route-abs";
+  let INDEX_ROUTE_CURRENT_ACTION = "index-route-cur";
+  let INDEX_ROUTE_PARENT_ACTION = "index-route-parent";
+  let INDEX_ROUTE_TOO_MANY_DOTS_ACTION = "index-route-too-many-dots";
+  let DYNAMIC_ROUTE_NO_ACTION = "dynamic-route-none";
+  let DYNAMIC_ROUTE_ABSOLUTE_ACTION = "dynamic-route-abs";
+  let DYNAMIC_ROUTE_CURRENT_ACTION = "dynamic-route-cur";
+  let DYNAMIC_ROUTE_PARENT_ACTION = "dynamic-route-parent";
+  let DYNAMIC_ROUTE_TOO_MANY_DOTS_ACTION = "dynamic-route-too-many-dots";
+  let LAYOUT_ROUTE_NO_ACTION = "layout-route-none";
+  let LAYOUT_ROUTE_ABSOLUTE_ACTION = "layout-route-abs";
+  let LAYOUT_ROUTE_CURRENT_ACTION = "layout-route-cur";
+  let LAYOUT_ROUTE_PARENT_ACTION = "layout-route-parent";
+  let LAYOUT_ROUTE_TOO_MANY_DOTS_ACTION = "layout-route-too-many-dots";
+  let SPLAT_ROUTE_NO_ACTION = "splat-route-none";
+  let SPLAT_ROUTE_ABSOLUTE_ACTION = "splat-route-abs";
+  let SPLAT_ROUTE_CURRENT_ACTION = "splat-route-cur";
+  let SPLAT_ROUTE_PARENT_ACTION = "splat-route-parent";
+  let SPLAT_ROUTE_TOO_MANY_DOTS_ACTION = "splat-route-too-many-dots";
+
+  test.beforeEach(async ({ context }) => {
+    await context.route(/\.data$/, async (route) => {
+      await new Promise((resolve) => setTimeout(resolve, 50));
+      route.continue();
+    });
+  });
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/routes/get-submission.tsx": js`
+          import { useLoaderData, Form } from "react-router";
+
+          export function loader({ request }) {
+            let url = new URL(request.url);
+            return url.searchParams.toString()
+          }
+
+          export default function() {
+            let data = useLoaderData();
+            return (
+              <>
+                <Form>
+                  <input type="text" name="${LUNCH}" defaultValue="${CHEESESTEAK}" />
+                  <input type="text" name="${ACTION}" defaultValue="${EAT}" />
+                  <button type="submit">
+                  </button>
+                </Form>
+
+                <Form id="${FORM_WITH_ACTION_INPUT}">
+                  <input type="text" name="${ACTION}" defaultValue="${EAT}" />
+                  <button type="submit">
+                  </button>
+                </Form>
+
+                <Form id="${FORM_WITH_ORPHAN}">
+                  <input id="${KEYBOARD_INPUT}" type="text" />
+                  <button
+                    id="buttonWithValue"
+                    type="submit"
+                    name="${LUNCH}"
+                    value="${LAKSA}"
+                  >
+                    <svg height="100" width="100">
+                      <circle id="svg-button-enhanced" cx="50" cy="50" r="40" stroke="black" strokeWidth="3" fill="red" />
+                    </svg>
+                  </button>
+                </Form>
+
+                <button
+                  type="submit"
+                  id="${ORPHAN_BUTTON}"
+                  form="${FORM_WITH_ORPHAN}"
+                  name="${LUNCH}"
+                  value="${SQUID_INK_HOTDOG}"
+                >Orphan</button>
+
+                <Form>
+                  <input
+                    defaultChecked={true}
+                    type="checkbox"
+                    name="${LUNCH}"
+                    defaultValue="${CHEESESTEAK}"
+                  />
+                  <input
+                    defaultChecked={true}
+                    type="checkbox"
+                    name="${LUNCH}"
+                    defaultValue="${LAKSA}"
+                  />
+
+                  <button
+                    id="${CHECKBOX_BUTTON}"
+                    type="submit"
+                  >Go</button>
+                </Form>
+
+                <pre>{data}</pre>
+              </>
+            )
+          }
+        `,
+
+        "app/routes/about.tsx": js`
+          export async function action({ request }) {
+            return { submitted: true };
+          }
+          export default function () {
+            return <h1>About</h1>;
+          }
+        `,
+
+        "app/routes/inbox.tsx": js`
+          import { Form } from "react-router";
+          export default function() {
+            return (
+              <>
+                <Form id="${STATIC_ROUTE_NO_ACTION}">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${STATIC_ROUTE_ABSOLUTE_ACTION}" action="/about">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${STATIC_ROUTE_CURRENT_ACTION}" action=".">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${STATIC_ROUTE_PARENT_ACTION}" action="..">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${STATIC_ROUTE_TOO_MANY_DOTS_ACTION}" action="../../../about">
+                  <button>Submit</button>
+                </Form>
+              </>
+            )
+          }
+        `,
+
+        "app/routes/blog.tsx": js`
+          import { Form, Outlet } from "react-router";
+          export default function() {
+            return (
+              <>
+                <h1>Blog</h1>
+                <Form id="${LAYOUT_ROUTE_NO_ACTION}">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${LAYOUT_ROUTE_ABSOLUTE_ACTION}" action="/about">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${LAYOUT_ROUTE_CURRENT_ACTION}" action=".">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${LAYOUT_ROUTE_PARENT_ACTION}" action="..">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${LAYOUT_ROUTE_TOO_MANY_DOTS_ACTION}" action="../../../../about">
+                  <button>Submit</button>
+                </Form>
+                <Outlet />
+              </>
+            )
+          }
+        `,
+
+        "app/routes/blog._index.tsx": js`
+          import { Form } from "react-router";
+
+          export function loader() {
+            return { timestamp: Date.now() }
+          }
+
+          export function action() {
+            return { ok: true };
+          }
+
+          export default function Component({ loaderData }) {
+            return (
+              <>
+                <div id="timestamp">{loaderData.timestamp}</div>
+                <Form id="${INDEX_ROUTE_NO_ACTION}">
+                  <input type="hidden" name="foo" defaultValue="1" />
+                  <button>Submit</button>
+                </Form>
+                <Form id="${INDEX_ROUTE_ABSOLUTE_ACTION}" action="/about">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${INDEX_ROUTE_CURRENT_ACTION}" action=".">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${INDEX_ROUTE_PARENT_ACTION}" action="..">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${INDEX_ROUTE_TOO_MANY_DOTS_ACTION}" action="../../../../about">
+                  <button>Submit</button>
+                </Form>
+
+                <Form method="post" id="${INDEX_ROUTE_NO_ACTION_POST}">
+                  <input type="hidden" name="bar" defaultValue="2" />
+                  <button>Submit</button>
+                </Form>
+              </>
+            )
+          }
+        `,
+
+        "app/routes/blog.$postId.tsx": js`
+          import { Form } from "react-router";
+          export default function() {
+            return (
+              <>
+                <Form id="${DYNAMIC_ROUTE_NO_ACTION}">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${DYNAMIC_ROUTE_ABSOLUTE_ACTION}" action="/about">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${DYNAMIC_ROUTE_CURRENT_ACTION}" action=".">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${DYNAMIC_ROUTE_PARENT_ACTION}" action="..">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${DYNAMIC_ROUTE_TOO_MANY_DOTS_ACTION}" action="../../../../about">
+                  <button>Submit</button>
+                </Form>
+              </>
+            )
+          }
+        `,
+
+        "app/routes/projects.tsx": js`
+          import { Form, Outlet } from "react-router";
+          export default function() {
+            return (
+              <>
+                <h1>Projects</h1>
+                <Outlet />
+              </>
+            )
+          }
+        `,
+
+        "app/routes/projects._index.tsx": js`
+          export default function() {
+            return <h2>All projects</h2>
+          }
+        `,
+
+        "app/routes/projects.$.tsx": js`
+          import { Form } from "react-router";
+          export default function() {
+            return (
+              <>
+                <Form id="${SPLAT_ROUTE_NO_ACTION}">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${SPLAT_ROUTE_ABSOLUTE_ACTION}" action="/about">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${SPLAT_ROUTE_CURRENT_ACTION}" action=".">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${SPLAT_ROUTE_PARENT_ACTION}" action="..">
+                  <button>Submit</button>
+                </Form>
+                <Form id="${SPLAT_ROUTE_TOO_MANY_DOTS_ACTION}" action="../../../../about">
+                  <button>Submit</button>
+                </Form>
+              </>
+            )
+          }
+        `,
+
+        "app/routes/stop-propagation.tsx": js`
+          import { Form, useActionData } from "react-router";
+
+          export async function action({ request }) {
+            let formData = await request.formData();
+            return Object.fromEntries(formData);
+          }
+
+          export default function Index() {
+            let actionData = useActionData();
+            return (
+              <div onClick={(event) => event.stopPropagation()}>
+                {actionData ? <pre id="action-data">{JSON.stringify(actionData)}</pre> : null}
+                <Form method="post">
+                  <button type="submit" name="intent" value="add">Add</button>
+                </Form>
+              </div>
+            )
+          }
+        `,
+
+        "app/routes/form-method.tsx": js`
+          import { Form, useActionData, useLoaderData, useSearchParams } from "react-router";
+
+          export function action({ request }) {
+            return request.method
+          }
+
+          export function loader({ request }) {
+            return request.method
+          }
+
+          export default function() {
+            let actionData = useActionData();
+            let loaderData = useLoaderData();
+            let [searchParams] = useSearchParams();
+            let formMethod = searchParams.get('method') || 'GET';
+            let submitterFormMethod = searchParams.get('submitterFormMethod') || 'GET';
+            return (
+              <>
+                <Form method={formMethod}>
+                  <button>Submit</button>
+                  <button formMethod={submitterFormMethod}>Submit with {submitterFormMethod}</button>
+                </Form>
+                {actionData ? <pre id="action-method">{actionData}</pre> : null}
+                <pre id="loader-method">{loaderData}</pre>
+              </>
+            )
+          }
+        `,
+
+        "app/routes/submitter.tsx": js`
+          import { Form } from "react-router";
+
+          export default function() {
+            return (
+              <>
+                <button name="tasks" value="outside" form="myform">Outside</button>
+                <Form action="/outputFormData" id="myform">
+                  <input type="text" name="tasks" defaultValue="first" />
+                  <input type="text" name="tasks" defaultValue="second" />
+
+                  <button name="tasks" value="">Add Task</button>
+                  <button value="">No Name</button>
+                  <input type="image" name="tasks" alt="Add Task" />
+                  <input type="image" alt="No Name" />
+
+                  <input type="text" name="tasks" defaultValue="last" />
+                </Form>
+              </>
+            )
+          }
+        `,
+
+        "app/routes/file-upload.tsx": js`
+          import { Form, useSearchParams } from "react-router";
+
+          export default function() {
+            const [params] = useSearchParams();
+            return (
+              <Form
+                action="/outputFormData"
+                method={params.get("method") ?? undefined}
+                encType={params.get("encType") ?? undefined}
+              >
+                <input type="file" name="filey" />
+                <input type="file" name="filey2" multiple />
+                <input type="file" name="filey3" />
+                <button />
+              </Form>
+            )
+          }
+        `,
+
+        "app/routes/empty-file-upload.tsx": js`
+          import { Form, useActionData } from "react-router";
+
+          export async function action({ request }) {
+            let formData = await request.formData();
+            return {
+              text: formData.get('text'),
+              file: {
+                name: formData.get('file').name,
+                size: formData.get('file').size,
+              },
+              fileMultiple: formData.getAll('fileMultiple').map(f => ({
+                name: f.name,
+                size: f.size,
+              })),
+            }
+          }
+
+          export default function() {
+            const actionData = useActionData();
+            return (
+              <Form method="post" encType="multipart/form-data">
+                <input name="text" />
+                <input type="file" name="file" />
+                <input type="file" name="fileMultiple" multiple />
+                <button type="submit">Submit</button>
+                {actionData ? <p id="action-data">{JSON.stringify(actionData)}</p> : null}
+              </Form>
+            )
+          }
+        `,
+
+        // Generic route for outputting url-encoded form data (either from the request body or search params)
+        //
+        // TODO: refactor other tests to use this
+        "app/routes/outputFormData.tsx": js`
+          import { useActionData, useSearchParams } from "react-router";
+
+          export async function action({ request }) {
+            const formData = await request.formData();
+            const body = new URLSearchParams();
+            for (let [key, value] of formData) {
+              body.append(
+                key,
+                value instanceof File ? await streamToString(value.stream()) : value
+              );
+            }
+            return body.toString();
+          }
+
+          export default function OutputFormData() {
+            const requestBody = useActionData();
+            const searchParams = useSearchParams()[0];
+            return <input id="formData" defaultValue={requestBody ?? searchParams} />;
+          }
+        `,
+
+        "myfile.txt": "stuff",
+
+        "app/routes/pathless-layout-parent.tsx": js`
+          import { Form, Outlet, useActionData } from "react-router"
+
+          export async function action({ request }) {
+            return { submitted: true };
+          }
+          export default function () {
+            let data = useActionData();
+            return (
+              <>
+                <Form method="post">
+                  <h1>Pathless Layout Parent</h1>
+                  <button type="submit">Submit</button>
+                </Form>
+                <Outlet />
+                <p>{data?.submitted === true ? 'Submitted - Yes' : 'Submitted - No'}</p>
+              </>
+            );
+          }
+        `,
+
+        "app/routes/pathless-layout-parent._pathless.nested.tsx": js`
+          import { Outlet } from "react-router";
+
+          export default function () {
+            return (
+              <>
+                <h2>Pathless Layout</h2>
+                <Outlet />
+              </>
+            );
+          }
+        `,
+
+        "app/routes/pathless-layout-parent._pathless.nested._index.tsx": js`
+          export default function () {
+            return <h3>Pathless Layout Index</h3>
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test.describe("without JavaScript", () => {
+    test.use({ javaScriptEnabled: false });
+
+    runFormTests();
+  });
+
+  test.describe("with JavaScript", () => {
+    test.use({ javaScriptEnabled: true }); // explicitly set so we don't have to check against undefined
+
+    runFormTests();
+  });
+
+  function runFormTests() {
+    test("posts to a loader", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      // this indirectly tests that clicking SVG children in buttons works
+      await app.goto("/get-submission");
+      await app.clickSubmitButton("/get-submission", { wait: true });
+      await page.waitForSelector(`pre:has-text("${CHEESESTEAK}")`);
+    });
+
+    test("posts to a loader with an <input name='action' />", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/get-submission");
+      await page.locator(`#${FORM_WITH_ACTION_INPUT} button`).click();
+      await page.locator(`pre:has-text("${EAT}")`).waitFor();
+    });
+
+    test("posts to a loader with button data with click", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/get-submission");
+      await page.locator("#buttonWithValue").click();
+      await page.locator(`pre:has-text("${LAKSA}")`).waitFor();
+    });
+
+    test("posts to a loader with button data with keyboard", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/get-submission");
+      await page.focus(`#${KEYBOARD_INPUT}`);
+      await app.waitForNetworkAfter(async () => {
+        await page.keyboard.press("Enter");
+        // there can be a delay before the request gets kicked off (worse with JS disabled)
+        await new Promise((resolve) => setTimeout(resolve, 50));
+      });
+      await page.waitForSelector(`pre:has-text("${LAKSA}")`);
+    });
+
+    test("posts with the correct checkbox data", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/get-submission");
+      await page.locator(`#${CHECKBOX_BUTTON}`).click();
+      await page.locator(`pre:has-text("${LAKSA}")`).waitFor();
+      await page.locator(`pre:has-text("${CHEESESTEAK}")`).waitFor();
+    });
+
+    test("posts button data from outside the form", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/get-submission");
+      await page.locator(`#${ORPHAN_BUTTON}`).click();
+      await page.locator(`pre:has-text("${SQUID_INK_HOTDOG}")`).waitFor();
+    });
+
+    test(
+      "when clicking on a submit button as a descendant of an element that " +
+        "stops propagation on click, still passes the clicked submit button's " +
+        "`name` and `value` props to the request payload",
+      async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/stop-propagation");
+        await app.clickSubmitButton("/stop-propagation", { wait: true });
+        await page.waitForSelector("#action-data");
+        expect(await app.getHtml()).toMatch('{"intent":"add"}');
+      },
+    );
+
+    test.describe("<Form> action", () => {
+      test.describe("in a static route", () => {
+        test("no action resolves relative to the closest route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/inbox");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${STATIC_ROUTE_NO_ACTION}`);
+          expect(el.attr("action")).toBe("/inbox");
+        });
+
+        test("no action resolves to URL including search params", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/inbox?foo=bar");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${STATIC_ROUTE_NO_ACTION}`);
+          expect(el.attr("action")).toBe("/inbox?foo=bar");
+        });
+
+        test("absolute action resolves relative to the root route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/inbox");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${STATIC_ROUTE_ABSOLUTE_ACTION}`);
+          expect(el.attr("action")).toBe("/about");
+        });
+
+        test("'.' action resolves relative to the closest route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/inbox");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${STATIC_ROUTE_CURRENT_ACTION}`);
+          expect(el.attr("action")).toBe("/inbox");
+        });
+
+        test("'.' excludes search params", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/inbox?foo=bar");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${STATIC_ROUTE_CURRENT_ACTION}`);
+          expect(el.attr("action")).toBe("/inbox");
+        });
+
+        test("'..' action resolves relative to the parent route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/inbox");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${STATIC_ROUTE_PARENT_ACTION}`);
+          expect(el.attr("action")).toBe("/");
+        });
+
+        test("'..' action with more .. segments than parent routes resolves relative to the root route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/inbox");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${STATIC_ROUTE_TOO_MANY_DOTS_ACTION}`);
+          expect(el.attr("action")).toBe("/about");
+        });
+      });
+
+      test.describe("in a dynamic route", () => {
+        test("no action resolves relative to the closest route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog/abc");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${DYNAMIC_ROUTE_NO_ACTION}`);
+          expect(el.attr("action")).toBe("/blog/abc");
+        });
+
+        test("no action resolves to URL including search params", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog/abc?foo=bar");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${DYNAMIC_ROUTE_NO_ACTION}`);
+          expect(el.attr("action")).toBe("/blog/abc?foo=bar");
+        });
+
+        test("absolute action resolves relative to the root route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog/abc");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${DYNAMIC_ROUTE_ABSOLUTE_ACTION}`);
+          expect(el.attr("action")).toBe("/about");
+        });
+
+        test("'.' action resolves relative to the closest route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog/abc");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${DYNAMIC_ROUTE_CURRENT_ACTION}`);
+          expect(el.attr("action")).toBe("/blog/abc");
+        });
+
+        test("'.' excludes search params", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog/abc?foo=bar");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${DYNAMIC_ROUTE_CURRENT_ACTION}`);
+          expect(el.attr("action")).toBe("/blog/abc");
+        });
+
+        test("'..' action resolves relative to the parent route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog/abc");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${DYNAMIC_ROUTE_PARENT_ACTION}`);
+          expect(el.attr("action")).toBe("/blog");
+        });
+
+        test("'..' action with more .. segments than parent routes resolves relative to the root route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog/abc");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${DYNAMIC_ROUTE_TOO_MANY_DOTS_ACTION}`);
+          expect(el.attr("action")).toBe("/about");
+        });
+      });
+
+      test.describe("in an index route", () => {
+        test("no action resolves relative to the closest route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${INDEX_ROUTE_NO_ACTION}`);
+          expect(el.attr("action")).toBe("/blog?index");
+        });
+
+        test("no action resolves to URL including search params", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog?foo=bar");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${INDEX_ROUTE_NO_ACTION}`);
+          expect(el.attr("action")).toBe("/blog?index&foo=bar");
+        });
+
+        test("absolute action resolves relative to the root route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${INDEX_ROUTE_ABSOLUTE_ACTION}`);
+          expect(el.attr("action")).toBe("/about");
+        });
+
+        test("'.' action resolves relative to the closest route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${INDEX_ROUTE_CURRENT_ACTION}`);
+          expect(el.attr("action")).toBe("/blog?index");
+        });
+
+        test("'.' excludes search params", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog?foo=bar");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${INDEX_ROUTE_CURRENT_ACTION}`);
+          expect(el.attr("action")).toBe("/blog?index");
+        });
+
+        test("'..' action resolves relative to the parent route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${INDEX_ROUTE_PARENT_ACTION}`);
+          expect(el.attr("action")).toBe("/");
+        });
+
+        test("'..' action with more .. segments than parent routes resolves relative to the root route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${INDEX_ROUTE_TOO_MANY_DOTS_ACTION}`);
+          expect(el.attr("action")).toBe("/about");
+        });
+
+        test("handles search params correctly on GET submissions", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+
+          const timestamp = page.locator(`#timestamp`);
+          const form = page.locator(`#${INDEX_ROUTE_NO_ACTION}`);
+          const submit = page.locator(`#${INDEX_ROUTE_NO_ACTION} button`);
+
+          // Start with a query param
+          await app.goto("/blog?junk=1");
+          const t0 = await timestamp.innerText();
+          await expect(form).toHaveAttribute("action", "/blog?index&junk=1");
+          expect(page.url()).toMatch(/\/blog\?junk=1$/);
+
+          // On submission, we replace existing parameters (reflected in the
+          // form action) with the values from the form data.  We also do not
+          // need to preserve the index param in the URL on GET submissions
+          await submit.click();
+          const t1 = await timestamp.filter({ hasNotText: t0 }).innerText();
+          await expect(form).toHaveAttribute("action", "/blog?index&foo=1");
+          expect(page.url()).toMatch(/\/blog\?foo=1$/);
+
+          // Does not append duplicate params on re-submissions
+          await submit.click();
+          await timestamp.filter({ hasNotText: t1 }).innerText();
+          await expect(form).toHaveAttribute("action", "/blog?index&foo=1");
+          expect(page.url()).toMatch(/\/blog\?foo=1$/);
+        });
+
+        test("handles search params correctly on POST submissions", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+
+          const timestamp = page.locator(`#timestamp`);
+          const form = page.locator(`#${INDEX_ROUTE_NO_ACTION_POST}`);
+          const submit = page.locator(`#${INDEX_ROUTE_NO_ACTION_POST} button`);
+
+          // Start with a query param
+          await app.goto("/blog?junk=1");
+          const t0 = await timestamp.innerText();
+          await expect(form).toHaveAttribute("action", "/blog?index&junk=1");
+          expect(page.url()).toMatch(/\/blog\?junk=1$/);
+
+          // Form action reflects the current params and change them on submission
+          await submit.click();
+          await timestamp.filter({ hasNotText: t0 }).innerText();
+          await expect(form).toHaveAttribute("action", "/blog?index&junk=1");
+
+          await page.waitForURL(/\/blog\?index&junk=1$/);
+          expect(page.url()).toMatch(/\/blog\?index&junk=1$/);
+        });
+      });
+
+      test.describe("in a layout route", () => {
+        test("no action resolves relative to the closest route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${LAYOUT_ROUTE_NO_ACTION}`);
+          expect(el.attr("action")).toBe("/blog");
+        });
+
+        test("no action resolves to URL including search params", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog?foo=bar");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${LAYOUT_ROUTE_NO_ACTION}`);
+          expect(el.attr("action")).toBe("/blog?foo=bar");
+        });
+
+        test("absolute action resolves relative to the root route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${LAYOUT_ROUTE_ABSOLUTE_ACTION}`);
+          expect(el.attr("action")).toBe("/about");
+        });
+
+        test("'.' action resolves relative to the closest route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${LAYOUT_ROUTE_CURRENT_ACTION}`);
+          expect(el.attr("action")).toBe("/blog");
+        });
+
+        test("'.' excludes search params", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog?foo=bar");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${LAYOUT_ROUTE_CURRENT_ACTION}`);
+          expect(el.attr("action")).toBe("/blog");
+        });
+
+        test("'..' action resolves relative to the parent route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${LAYOUT_ROUTE_PARENT_ACTION}`);
+          expect(el.attr("action")).toBe("/");
+        });
+
+        test("'..' action with more .. segments than parent routes resolves relative to the root route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/blog");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${LAYOUT_ROUTE_TOO_MANY_DOTS_ACTION}`);
+          expect(el.attr("action")).toBe("/about");
+        });
+      });
+
+      test.describe("in a splat route", () => {
+        test("no action resolves relative to the closest route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/projects/blarg");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${SPLAT_ROUTE_NO_ACTION}`);
+          expect(el.attr("action")).toBe("/projects/blarg");
+        });
+
+        test("no action resolves to URL including search params", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/projects/blarg?foo=bar");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${SPLAT_ROUTE_NO_ACTION}`);
+          expect(el.attr("action")).toBe("/projects/blarg?foo=bar");
+        });
+
+        test("absolute action resolves relative to the root route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/projects/blarg");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${SPLAT_ROUTE_ABSOLUTE_ACTION}`);
+          expect(el.attr("action")).toBe("/about");
+        });
+
+        test("'.' action resolves relative to the closest route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/projects/blarg");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${SPLAT_ROUTE_CURRENT_ACTION}`);
+          expect(el.attr("action")).toBe("/projects/blarg");
+        });
+
+        test("'.' excludes search params", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/projects/blarg?foo=bar");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${SPLAT_ROUTE_CURRENT_ACTION}`);
+          expect(el.attr("action")).toBe("/projects/blarg");
+        });
+
+        test("'..' action resolves relative to the parent route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/projects/blarg");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${SPLAT_ROUTE_PARENT_ACTION}`);
+          expect(el.attr("action")).toBe("/projects");
+        });
+
+        test("'..' action with more .. segments than parent routes resolves relative to the root route", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/projects/blarg");
+          let html = await app.getHtml();
+          let el = getElement(html, `#${SPLAT_ROUTE_TOO_MANY_DOTS_ACTION}`);
+          expect(el.attr("action")).toBe("/about");
+        });
+      });
+    });
+
+    let FORM_METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE"];
+    let NATIVE_FORM_METHODS = ["GET", "POST"];
+
+    test.describe("uses the Form `method` attribute", () => {
+      FORM_METHODS.forEach((method) => {
+        test(`submits with ${method}`, async ({ page, javaScriptEnabled }) => {
+          test.fail(
+            !javaScriptEnabled && !NATIVE_FORM_METHODS.includes(method),
+            `Native <form> doesn't support method ${method} #4420`,
+          );
+
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto(`/form-method?method=${method}`, true);
+          await page.getByText("Submit", { exact: true }).click();
+          if (method !== "GET") {
+            await expect(page.locator("#action-method")).toHaveText(method);
+          }
+          await expect(page.locator("#loader-method")).toHaveText("GET");
+        });
+      });
+    });
+
+    test.describe("overrides the Form `method` attribute with the submitter's `formMethod` attribute", () => {
+      // NOTE: HTMLButtonElement only supports get/post as formMethod, which is why we don't test put/patch/delete
+      NATIVE_FORM_METHODS.forEach((overrideMethod) => {
+        // ensure the form's method is different from the submitter's
+        let method = overrideMethod === "GET" ? "POST" : "GET";
+        test(`submits with ${overrideMethod} instead of ${method}`, async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto(
+            `/form-method?method=${method}&submitterFormMethod=${overrideMethod}`,
+            true,
+          );
+          await page.locator(`text=Submit with ${overrideMethod}`).click();
+          if (overrideMethod !== "GET") {
+            await expect(page.locator("pre#action-method")).toHaveText(
+              overrideMethod,
+            );
+          }
+          await expect(page.locator("pre#loader-method")).toHaveText("GET");
+        });
+      });
+    });
+
+    test("submits the submitter's value(s) in tree order in the form data", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+
+      const formData = page.locator("#formData");
+
+      await app.goto("/submitter");
+      await page.locator("text=Add Task").click();
+      await expect(formData).toHaveValue(
+        "tasks=first&tasks=second&tasks=&tasks=last",
+      );
+
+      await app.goto("/submitter");
+      await page.locator("text=No Name").click();
+      await expect(formData).toHaveValue("tasks=first&tasks=second&tasks=last");
+
+      await app.goto("/submitter");
+      await page.locator("[alt='Add Task']").click();
+      await expect(formData).toHaveValue(
+        /^tasks=first&tasks=second&tasks.x=\d+&tasks.y=\d+&tasks=last$/,
+      );
+
+      await app.goto("/submitter");
+      await page.locator("[alt='No Name']").click();
+      await expect(formData).toHaveValue(
+        /^tasks=first&tasks=second&x=\d+&y=\d+&tasks=last$/,
+      );
+
+      await app.goto("/submitter");
+      await page.locator("text=Outside").click();
+      await expect(formData).toHaveValue(
+        "tasks=outside&tasks=first&tasks=second&tasks=last",
+      );
+    });
+
+    test("sends file names when submitting via url encoding", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      let myFile = fixture.projectDir + "/myfile.txt";
+
+      const formData = page.locator("#formData");
+      const submit = page.locator("button");
+
+      await app.goto("/file-upload");
+      await app.uploadFile(`[name=filey]`, myFile);
+      await app.uploadFile(`[name=filey2]`, myFile, myFile);
+      await submit.click();
+      await expect(formData).toHaveValue(
+        "filey=myfile.txt&filey2=myfile.txt&filey2=myfile.txt&filey3=",
+      );
+
+      await app.goto("/file-upload?method=post");
+      await app.uploadFile(`[name=filey]`, myFile);
+      await app.uploadFile(`[name=filey2]`, myFile, myFile);
+      await submit.click();
+
+      await expect(formData).toHaveValue(
+        "filey=myfile.txt&filey2=myfile.txt&filey2=myfile.txt&filey3=",
+      );
+    });
+
+    test("empty file inputs resolve to File objects on the server", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+
+      await app.goto("/empty-file-upload");
+      await app.clickSubmitButton("/empty-file-upload");
+      await page.waitForSelector("#action-data");
+      expect((await app.getElement("#action-data")).text()).toContain(
+        '{"text":"","file":{"name":"","size":0},"fileMultiple":[{"name":"","size":0}]}',
+      );
+    });
+
+    test("pathless layout routes are ignored in form actions", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/pathless-layout-parent/nested");
+
+      await expect(
+        page.getByText("Pathless Layout Parent", { exact: true }),
+      ).toBeVisible();
+      await expect(
+        page.getByText("Pathless Layout", { exact: true }),
+      ).toBeVisible();
+      await expect(
+        page.getByText("Pathless Layout Index", { exact: true }),
+      ).toBeVisible();
+
+      const form = page.locator("form");
+      await expect(form).toHaveAttribute("action", "/pathless-layout-parent");
+
+      await expect(page.getByText("Submitted - No")).toBeVisible();
+      // This submission should ignore the index route and the pathless layout
+      // route above it and hit the action in routes/pathless-layout-parent.jsx
+      await page.getByRole("button").click();
+      await expect(page.getByText("Submitted - Yes")).toBeVisible();
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/fs-routes-test.ts b/tests/react-router-framework/integration/fs-routes-test.ts
new file mode 100644
index 00000000..52fd07a8
--- /dev/null
+++ b/tests/react-router-framework/integration/fs-routes-test.ts
@@ -0,0 +1,454 @@
+import { PassThrough } from "node:stream";
+import { test, expect } from "@playwright/test";
+
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { createFixtureProject } from "./helpers/create-fixture.js";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+
+let fixture: Fixture;
+let appFixture: AppFixture;
+let originalConsoleError: typeof console.error;
+let originalConsoleWarn: typeof console.warn;
+
+test.describe("fs-routes", () => {
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/routes.ts": js`
+          import { type RouteConfig } from "@react-router/dev/routes";
+          import { flatRoutes } from "@react-router/fs-routes";
+          import { remixRoutesOptionAdapter } from "@react-router/remix-routes-option-adapter";
+
+          export default [
+            ...await flatRoutes({
+              ignoredRouteFiles: ["**/ignored-route.*"],
+            }),
+
+            // Ensure Remix back compat layer works
+            ...await remixRoutesOptionAdapter(async (defineRoutes) => {
+              // Ensure async routes work
+              return defineRoutes((route) => {
+                route("/remix/config/route", "remix-config-route.tsx")
+              });
+            })
+          ] satisfies RouteConfig;
+        `,
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts } from "react-router";
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <div id="content">
+                    <h1>Root</h1>
+                    <Outlet />
+                  </div>
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export default function () {
+            return <h2>Index</h2>;
+          }
+        `,
+
+        "app/routes/folder/route.tsx": js`
+          export default function () {
+            return <h2>Folder (Route.jsx)</h2>;
+          }
+        `,
+
+        "app/routes/folder2/index.tsx": js`
+          export default function () {
+            return <h2>Folder (Index.jsx)</h2>;
+          }
+        `,
+
+        "app/routes/flat.file.tsx": js`
+          export default function () {
+            return <h2>Flat File</h2>;
+          }
+        `,
+
+        "app/remix-config-route.tsx": js`
+          export default function () {
+            return <h2>Remix Config Route</h2>;
+          }
+        `,
+
+        "app/routes/.dotfile": `
+          DOTFILE SHOULD BE IGNORED
+        `,
+
+        "app/routes/.route-with-unescaped-leading-dot.tsx": js`
+          throw new Error("This file should be ignored as a route");
+        `,
+
+        "app/routes/[.]route-with-escaped-leading-dot.tsx": js`
+          export default function () {
+            return <h2>Route With Escaped Leading Dot</h2>;
+          }
+        `,
+
+        "app/routes/dashboard/route.tsx": js`
+          import { Outlet } from "react-router";
+
+          export default function () {
+            return (
+              <>
+                <h2>Dashboard Layout</h2>
+                <Outlet />
+              </>
+            )
+          }
+        `,
+
+        "app/routes/dashboard._index/route.tsx": js`
+          export default function () {
+            return <h3>Dashboard Index</h3>;
+          }
+        `,
+
+        [`app/routes/ignored-route.jsx`]: js`
+          export default function () {
+            return <h2>i should 404</h2>;
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+    originalConsoleError = console.error;
+    console.error = () => {};
+    originalConsoleWarn = console.warn;
+    console.warn = () => {};
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+    console.error = originalConsoleError;
+    console.warn = originalConsoleWarn;
+  });
+
+  test.describe("without JavaScript", () => {
+    test.use({ javaScriptEnabled: false });
+    runTests();
+  });
+
+  test.describe("with JavaScript", () => {
+    test.use({ javaScriptEnabled: true });
+    runTests();
+  });
+
+  function runTests() {
+    test("renders matching routes (index)", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      expect(await app.getHtml("#content")).toBe(`<div id="content">
+  <h1>Root</h1>
+  <h2>Index</h2>
+</div>`);
+    });
+
+    test("renders matching routes (folder route.jsx)", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/folder");
+      expect(await app.getHtml("#content")).toBe(`<div id="content">
+  <h1>Root</h1>
+  <h2>Folder (Route.jsx)</h2>
+</div>`);
+    });
+
+    test("renders matching routes (folder index.jsx)", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/folder2");
+      expect(await app.getHtml("#content")).toBe(`<div id="content">
+  <h1>Root</h1>
+  <h2>Folder (Index.jsx)</h2>
+</div>`);
+    });
+
+    test("renders matching routes (flat file)", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/flat/file");
+      expect(await app.getHtml("#content")).toBe(`<div id="content">
+  <h1>Root</h1>
+  <h2>Flat File</h2>
+</div>`);
+    });
+
+    test("renders matching routes (Remix config route)", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/remix/config/route");
+      expect(await app.getHtml("#content")).toBe(`<div id="content">
+  <h1>Root</h1>
+  <h2>Remix Config Route</h2>
+</div>`);
+    });
+
+    test("renders matching routes (route with escaped leading dot)", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/.route-with-escaped-leading-dot");
+      expect(await app.getHtml("#content")).toBe(`<div id="content">
+  <h1>Root</h1>
+  <h2>Route With Escaped Leading Dot</h2>
+</div>`);
+    });
+
+    test("renders matching routes (nested)", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/dashboard");
+      expect(await app.getHtml("#content")).toBe(`<div id="content">
+  <h1>Root</h1>
+  <h2>Dashboard Layout</h2>
+  <h3>Dashboard Index</h3>
+</div>`);
+    });
+  }
+
+  test("allows ignoredRouteFiles to be configured", async () => {
+    let response = await fixture.requestDocument("/ignored-route");
+
+    expect(response.status).toBe(404);
+  });
+});
+
+test.describe("emits warnings for route conflicts", async () => {
+  let buildStdio = new PassThrough();
+  let buildOutput: string;
+
+  let originalConsoleLog = console.log;
+  let originalConsoleWarn = console.warn;
+  let originalConsoleError = console.error;
+
+  test.beforeAll(async () => {
+    console.log = () => {};
+    console.warn = () => {};
+    console.error = () => {};
+    await createFixtureProject({
+      buildStdio,
+      files: {
+        "routes/_dashboard._index.tsx": js`
+          export default function () {
+            return <p>routes/_dashboard._index</p>;
+          }
+        `,
+        "app/routes/_index.tsx": js`
+          export default function () {
+            return <p>routes._index</p>;
+          }
+        `,
+        "app/routes/_landing._index.tsx": js`
+          export default function () {
+            return <p>routes/_landing._index</p>;
+          }
+        `,
+      },
+    });
+
+    let chunks: Buffer[] = [];
+    buildOutput = await new Promise<string>((resolve, reject) => {
+      buildStdio.on("data", (chunk) => chunks.push(Buffer.from(chunk)));
+      buildStdio.on("error", (err) => reject(err));
+      buildStdio.on("end", () =>
+        resolve(Buffer.concat(chunks).toString("utf8")),
+      );
+    });
+  });
+
+  test.afterAll(() => {
+    console.log = originalConsoleLog;
+    console.warn = originalConsoleWarn;
+    console.error = originalConsoleError;
+  });
+
+  test("warns about conflicting routes", () => {
+    console.log(buildOutput);
+    expect(buildOutput).toContain(`⚠️ Route Path Collision: "/"`);
+  });
+});
+
+test.describe("", () => {
+  let buildStdio = new PassThrough();
+  let buildOutput: string;
+
+  let originalConsoleLog = console.log;
+  let originalConsoleWarn = console.warn;
+  let originalConsoleError = console.error;
+
+  test.beforeAll(async () => {
+    console.log = () => {};
+    console.warn = () => {};
+    console.error = () => {};
+    await createFixtureProject({
+      buildStdio,
+      files: {
+        "app/routes/_index/route.tsx": js``,
+        "app/routes/_index/utils.ts": js``,
+      },
+    });
+
+    let chunks: Buffer[] = [];
+    buildOutput = await new Promise<string>((resolve, reject) => {
+      buildStdio.on("data", (chunk) => chunks.push(Buffer.from(chunk)));
+      buildStdio.on("error", (err) => reject(err));
+      buildStdio.on("end", () =>
+        resolve(Buffer.concat(chunks).toString("utf8")),
+      );
+    });
+  });
+
+  test.afterAll(() => {
+    console.log = originalConsoleLog;
+    console.warn = originalConsoleWarn;
+    console.error = originalConsoleError;
+  });
+
+  test("doesn't emit a warning for nested index files with co-located files", () => {
+    expect(buildOutput).not.toContain(`Route Path Collision`);
+  });
+});
+
+test.describe("pathless routes and route collisions", () => {
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Link, Outlet, Scripts, useMatches } from "react-router";
+
+          export default function App() {
+            let matches = 'Number of matches: ' + useMatches().length;
+            return (
+              <html lang="en">
+                <body>
+                  <nav>
+                    <Link to="/nested">/nested</Link>
+                    <br />
+                    <Link to="/nested/foo">/nested/foo</Link>
+                    <br />
+                  </nav>
+                  <p>{matches}</p>
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+        "app/routes/nested._index.tsx": js`
+          export default function Index() {
+            return <h1>Index</h1>;
+          }
+        `,
+        "app/routes/nested._pathless.tsx": js`
+          import { Outlet } from "react-router";
+
+          export default function Layout() {
+            return (
+              <>
+                <div>Pathless Layout</div>
+                <Outlet />
+              </>
+            );
+          }
+        `,
+        "app/routes/nested._pathless.foo.tsx": js`
+          export default function Foo() {
+            return <h1>Foo</h1>;
+          }
+        `,
+        "app/routes/nested._pathless2.tsx": js`
+          import { Outlet } from "react-router";
+
+          export default function Layout() {
+            return (
+              <>
+                <div>Pathless 2 Layout</div>
+                <Outlet />
+              </>
+            );
+          }
+        `,
+        "app/routes/nested._pathless2.bar.tsx": js`
+          export default function Bar() {
+            return <h1>Bar</h1>;
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(async () => appFixture.close());
+
+  test.describe("with JavaScript", () => {
+    runTests();
+  });
+
+  test.describe("without JavaScript", () => {
+    test.use({ javaScriptEnabled: false });
+    runTests();
+  });
+
+  /**
+   * Routes for this test look like this, for reference for the matches assertions:
+   *
+   * <Routes>
+   *   <Route file="root.jsx">
+   *     <Route path="nested" file="routes/nested._pathless.jsx">
+   *       <Route path="foo" file="routes/nested._pathless/foo.jsx" />
+   *     </Route>
+   *     <Route path="nested" index file="routes/nested._index.jsx" />
+   *     <Route index file="routes/_index.jsx" />
+   *   </Route>
+   * </Routes>
+   */
+
+  function runTests() {
+    test("displays index page and not pathless layout page", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/nested");
+      expect(await app.getHtml()).toMatch("Index");
+      expect(await app.getHtml()).not.toMatch("Pathless Layout");
+      expect(await app.getHtml()).toMatch("Number of matches: 2");
+    });
+
+    test("displays page inside of pathless layout", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/nested/foo");
+      expect(await app.getHtml()).not.toMatch("Index");
+      expect(await app.getHtml()).toMatch("Pathless Layout");
+      expect(await app.getHtml()).toMatch("Foo");
+      expect(await app.getHtml()).toMatch("Number of matches: 3");
+    });
+
+    // This also asserts that we support multiple sibling pathless route layouts
+    test("displays page inside of second pathless layout", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/nested/bar");
+      expect(await app.getHtml()).not.toMatch("Index");
+      expect(await app.getHtml()).toMatch("Pathless 2 Layout");
+      expect(await app.getHtml()).toMatch("Bar");
+      expect(await app.getHtml()).toMatch("Number of matches: 3");
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/headers-test.ts b/tests/react-router-framework/integration/headers-test.ts
new file mode 100644
index 00000000..c2f1b205
--- /dev/null
+++ b/tests/react-router-framework/integration/headers-test.ts
@@ -0,0 +1,472 @@
+import { test, expect } from "@playwright/test";
+
+import { UNSAFE_ServerMode as ServerMode } from "react-router";
+import { createFixture, js } from "./helpers/create-fixture.js";
+import type { Fixture } from "./helpers/create-fixture.js";
+
+test.describe("headers export", () => {
+  let ROOT_HEADER_KEY = "X-Test";
+  let ROOT_HEADER_VALUE = "SUCCESS";
+  let ACTION_HKEY = "X-Test-Action";
+  let ACTION_HVALUE = "SUCCESS";
+
+  let appFixture: Fixture;
+
+  test.beforeAll(async () => {
+    appFixture = await createFixture(
+      {
+        files: {
+          "app/root.tsx": js`
+            import { Links, Meta, Outlet, Scripts } from "react-router";
+
+            export const loader = () => ({});
+
+            export default function Root() {
+              return (
+                <html lang="en">
+                  <head>
+                    <Meta />
+                    <Links />
+                  </head>
+                  <body>
+                    <Outlet />
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+          `,
+
+          "app/routes/_index.tsx": js`
+            import { data } from "react-router";
+
+            export function loader() {
+              return data(null, {
+                headers: {
+                  "${ROOT_HEADER_KEY}": "${ROOT_HEADER_VALUE}"
+                }
+              })
+            }
+
+            export function headers({ loaderHeaders }) {
+              return {
+                "${ROOT_HEADER_KEY}": loaderHeaders.get("${ROOT_HEADER_KEY}")
+              }
+            }
+
+            export default function Index() {
+              return <div>Heyo!</div>
+            }
+          `,
+
+          "app/routes/action.tsx": js`
+            import { data } from "react-router";
+
+            export function action() {
+              return data(null, {
+                headers: {
+                  "${ACTION_HKEY}": "${ACTION_HVALUE}"
+                }
+              })
+            }
+
+            export function headers({ actionHeaders }) {
+              return {
+                "${ACTION_HKEY}": actionHeaders.get("${ACTION_HKEY}")
+              }
+            }
+
+            export default function Action() { return <div/> }
+          `,
+
+          "app/routes/parent.tsx": js`
+            export function headers({ actionHeaders, errorHeaders, loaderHeaders, parentHeaders }) {
+              return new Headers([
+                ...(parentHeaders ? Array.from(parentHeaders.entries()) : []),
+                ...(actionHeaders ? Array.from(actionHeaders.entries()) : []),
+                ...(loaderHeaders ? Array.from(loaderHeaders.entries()) : []),
+                ...(errorHeaders ? Array.from(errorHeaders.entries()) : []),
+              ]);
+            }
+
+            export function loader({ request }) {
+              if (new URL(request.url).searchParams.get('throw') === "parent") {
+                throw new Response(null, {
+                  status: 400,
+                  headers: { 'X-Parent-Loader': 'error' },
+                })
+              }
+              return new Response(null, {
+                headers: { 'X-Parent-Loader': 'success' },
+              })
+            }
+
+            export async function action({ request }) {
+              let fd = await request.formData();
+              if (fd.get('throw') === "parent") {
+                throw new Response(null, {
+                  status: 400,
+                  headers: { 'X-Parent-Action': 'error' },
+                })
+              }
+              return new Response(null, {
+                headers: { 'X-Parent-Action': 'success' },
+              })
+            }
+
+            export default function Component() { return <div/> }
+
+            export function ErrorBoundary() {
+              return <h1>Error!</h1>
+            }
+          `,
+
+          "app/routes/parent.child.tsx": js`
+            export function loader({ request }) {
+              if (new URL(request.url).searchParams.get('throw') === "child") {
+                throw new Response(null, {
+                  status: 400,
+                  headers: { 'X-Child-Loader': 'error' },
+                })
+              }
+              return null
+            }
+
+            export async function action({ request }) {
+              let fd = await request.formData();
+              if (fd.get('throw') === "child") {
+                throw new Response(null, {
+                  status: 400,
+                  headers: { 'X-Child-Action': 'error' },
+                })
+              }
+              return null
+            }
+
+            export default function Component() { return <div/> }
+          `,
+
+          "app/routes/parent.child.grandchild.tsx": js`
+            export function loader({ request }) {
+              throw new Response(null, {
+                status: 400,
+                headers: { 'X-Child-Grandchild': 'error' },
+              })
+            }
+
+            export default function Component() { return <div/> }
+          `,
+
+          "app/routes/cookie.tsx": js`
+            import { data, Outlet } from "react-router";
+
+            export function loader({ request }) {
+              if (new URL(request.url).searchParams.has("parent-throw")) {
+                throw data(null, { headers: { "Set-Cookie": "parent-thrown-cookie=true" } });
+              }
+              return null
+            };
+
+            export default function Parent() {
+              return <Outlet />;
+            }
+
+            export function ErrorBoundary() {
+              return <h1>Caught!</h1>;
+            }
+          `,
+
+          "app/routes/cookie.child.tsx": js`
+            import { data } from "react-router";
+
+            export function loader({ request }) {
+              if (new URL(request.url).searchParams.has("throw")) {
+                throw data(null, { headers: { "Set-Cookie": "thrown-cookie=true" } });
+              }
+              return data(null, {
+                headers: { "Set-Cookie": "normal-cookie=true" },
+              });
+            };
+
+            export default function Child() {
+              return <p>Child</p>;
+            }
+          `,
+        },
+      },
+      ServerMode.Test,
+    );
+  });
+
+  test("can use `action` headers", async () => {
+    let response = await appFixture.postDocument(
+      "/action",
+      new URLSearchParams(),
+    );
+    expect(response.headers.get(ACTION_HKEY)).toBe(ACTION_HVALUE);
+  });
+
+  test("can use the loader headers when all routes have loaders", async () => {
+    let response = await appFixture.requestDocument("/");
+    expect(response.headers.get(ROOT_HEADER_KEY)).toBe(ROOT_HEADER_VALUE);
+  });
+
+  test("can use the loader headers when parents don't have loaders", async () => {
+    let HEADER_KEY = "X-Test";
+    let HEADER_VALUE = "SUCCESS";
+
+    let fixture = await createFixture(
+      {
+        files: {
+          "app/root.tsx": js`
+            import { Links, Meta, Outlet, Scripts } from "react-router";
+
+            export default function Root() {
+              return (
+                <html lang="en">
+                  <head>
+                    <Meta />
+                    <Links />
+                  </head>
+                  <body>
+                    <Outlet />
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+          `,
+
+          "app/routes/_index.tsx": js`
+            import { data } from "react-router";
+
+            export function loader() {
+              return data(null, {
+                headers: {
+                  "${HEADER_KEY}": "${HEADER_VALUE}"
+                }
+              })
+            }
+
+            export function headers({ loaderHeaders }) {
+              return {
+                "${HEADER_KEY}": loaderHeaders.get("${HEADER_KEY}")
+              }
+            }
+
+            export default function Index() {
+              return <div>Heyo!</div>
+            }
+          `,
+        },
+      },
+      ServerMode.Test,
+    );
+    let response = await fixture.requestDocument("/");
+    expect(response.headers.get(HEADER_KEY)).toBe(HEADER_VALUE);
+  });
+
+  test("returns headers from successful /parent GET requests", async () => {
+    let response = await appFixture.requestDocument("/parent");
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["x-parent-loader", "success"],
+      ]),
+    );
+  });
+
+  test("returns headers from successful /parent/child GET requests", async () => {
+    let response = await appFixture.requestDocument("/parent/child");
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["x-parent-loader", "success"],
+      ]),
+    );
+  });
+
+  test("returns headers from successful /parent POST requests", async () => {
+    let response = await appFixture.postDocument(
+      "/parent",
+      new URLSearchParams(),
+    );
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["x-parent-action", "success"],
+        ["x-parent-loader", "success"],
+      ]),
+    );
+  });
+
+  test("returns headers from successful /parent/child POST requests", async () => {
+    let response = await appFixture.postDocument(
+      "/parent/child",
+      new URLSearchParams(),
+    );
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["x-parent-loader", "success"],
+      ]),
+    );
+  });
+
+  test("returns headers from failed /parent GET requests", async () => {
+    let response = await appFixture.requestDocument("/parent?throw=parent");
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["x-parent-loader", "error, error"], // Shows up in loaderHeaders and errorHeaders
+      ]),
+    );
+  });
+
+  test("returns bubbled headers from failed /parent/child GET requests", async () => {
+    let response = await appFixture.requestDocument(
+      "/parent/child?throw=child",
+    );
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["x-child-loader", "error"],
+        ["x-parent-loader", "success"],
+      ]),
+    );
+  });
+
+  test("ignores headers from successful non-rendered loaders", async () => {
+    let response = await appFixture.requestDocument(
+      "/parent/child?throw=parent",
+    );
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["x-parent-loader", "error, error"], // Shows up in loaderHeaders and errorHeaders
+      ]),
+    );
+  });
+
+  test("chooses higher thrown errors when multiple loaders throw", async () => {
+    let response = await appFixture.requestDocument(
+      "/parent/child/grandchild?throw=child",
+    );
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["x-child-loader", "error"],
+        ["x-parent-loader", "success"],
+      ]),
+    );
+  });
+
+  test("returns headers from failed /parent POST requests", async () => {
+    let response = await appFixture.postDocument(
+      "/parent?throw=parent",
+      new URLSearchParams("throw=parent"),
+    );
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["x-parent-action", "error, error"], // Shows up in actionHeaders and errorHeaders
+      ]),
+    );
+  });
+
+  test("returns bubbled headers from failed /parent/child POST requests", async () => {
+    let response = await appFixture.postDocument(
+      "/parent/child",
+      new URLSearchParams("throw=child"),
+    );
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["x-child-action", "error"],
+      ]),
+    );
+  });
+
+  test("automatically includes cookie headers from normal responses", async () => {
+    let response = await appFixture.requestDocument("/cookie/child");
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["set-cookie", "normal-cookie=true"],
+      ]),
+    );
+  });
+
+  test("automatically includes cookie headers from thrown responses", async () => {
+    let response = await appFixture.requestDocument("/cookie/child?throw");
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["set-cookie", "thrown-cookie=true"],
+      ]),
+    );
+  });
+
+  test("does not duplicate thrown cookie headers from boundary route", async () => {
+    let response = await appFixture.requestDocument("/cookie?parent-throw");
+    expect(JSON.stringify(Array.from(response.headers.entries()))).toBe(
+      JSON.stringify([
+        ["content-type", "text/html"],
+        ["set-cookie", "parent-thrown-cookie=true"],
+      ]),
+    );
+  });
+
+  test("does not duplicate set-cookie headers also returned via headers() function", async () => {
+    let fixture = await createFixture(
+      {
+        files: {
+          "app/root.tsx": js`
+            import { Links, Meta, Outlet, Scripts } from "react-router";
+
+            export default function Root() {
+              return (
+                <html lang="en">
+                  <head>
+                    <Meta />
+                    <Links />
+                  </head>
+                  <body>
+                    <Outlet />
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+          `,
+
+          "app/routes/_index.tsx": js`
+            export function headers({ loaderHeaders }) {
+              return loaderHeaders;
+            }
+
+            export function loader() {
+              return new Response(null, {
+                headers: {
+                  "X-Test": "value",
+                  "Set-Cookie": "cookie=yum"
+                }
+              })
+            }
+
+            export default function Index() {
+              return <div>Heyo!</div>
+            }
+          `,
+        },
+      },
+      ServerMode.Test,
+    );
+    let response = await fixture.requestDocument("/");
+    expect([...response.headers.entries()]).toEqual([
+      ["content-type", "text/html"],
+      ["set-cookie", "cookie=yum"],
+      ["x-test", "value"],
+    ]);
+  });
+});
diff --git a/tests/react-router-framework/integration/helpers/cleanup.mjs b/tests/react-router-framework/integration/helpers/cleanup.mjs
new file mode 100644
index 00000000..f1b4f020
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/cleanup.mjs
@@ -0,0 +1,27 @@
+import * as path from "node:path";
+import spawn from "cross-spawn";
+
+if (process.env.CI) {
+  console.log("Skipping cleanup in CI");
+  process.exit();
+}
+
+const pathsToRemove = [path.resolve(process.cwd(), ".tmp/integration")];
+
+for (let pathToRemove of pathsToRemove) {
+  console.log(`Removing ${path.relative(process.cwd(), pathToRemove)}`);
+  let childProcess;
+  if (process.platform === "win32") {
+    childProcess = spawn("rmdir", ["/s", "/q", pathToRemove], {
+      stdio: "inherit",
+    });
+  } else {
+    childProcess = spawn("rm", ["-rf", pathToRemove], {
+      stdio: "inherit",
+    });
+  }
+  childProcess.on("error", (err) => {
+    console.error(err);
+    process.exit(1);
+  });
+}
diff --git a/tests/react-router-framework/integration/helpers/create-fixture.ts b/tests/react-router-framework/integration/helpers/create-fixture.ts
new file mode 100644
index 00000000..f63b2b9e
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/create-fixture.ts
@@ -0,0 +1,639 @@
+import { existsSync, readFileSync } from "node:fs";
+import { cp, mkdir, readFile, writeFile } from "node:fs/promises";
+import path from "node:path";
+import type { Writable } from "node:stream";
+import { Readable } from "node:stream";
+import url from "node:url";
+import { createRequire } from "node:module";
+import express from "express";
+import getPort from "get-port";
+import stripIndent from "strip-indent";
+import { sync as spawnSync, spawn } from "cross-spawn";
+import type { JsonObject } from "type-fest";
+
+import type {
+  ServerBuild,
+  createRequestHandler,
+  UNSAFE_decodeViaTurboStream,
+} from "react-router";
+import { UNSAFE_SingleFetchRedirectSymbol as HarnessSingleFetchRedirectSymbol } from "react-router";
+import type { createRequestHandler as createExpressRequestHandler } from "@react-router/express";
+import { createReadableStreamFromReadable } from "@react-router/node";
+
+import { type TemplateName, rsbuildConfig, reactRouterConfig } from "./rsbuild.js";
+import {
+  assertNoViteConfigFiles,
+  finalizeFixtureProject,
+  prepareFixtureProjectDependencies,
+  reactRouterServeBin,
+  rsbuildBin,
+} from "./rsbuild-adapter.js";
+import {
+  assertResourceGuardrail,
+  killProcessGroup,
+  withFrameworkTestRunEnv,
+} from "./test-resource-guard.js";
+import { resolvePathWithinRoot } from "./safe-path.js";
+
+const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
+const root = path.join(__dirname, "../..");
+const TMP_DIR = path.join(root, ".tmp", "integration");
+const ServerMode = {
+  Development: "development",
+  Production: "production",
+  Test: "test",
+} as const;
+type ServerMode = (typeof ServerMode)[keyof typeof ServerMode];
+type ReactRouterRuntime = {
+  createRequestHandler: typeof createRequestHandler;
+  UNSAFE_decodeViaTurboStream: typeof UNSAFE_decodeViaTurboStream;
+};
+type ReactRouterExpressRuntime = {
+  createRequestHandler: typeof createExpressRequestHandler;
+};
+
+async function importFixtureModule<T>(projectDir: string, specifier: string) {
+  const require = createRequire(path.join(projectDir, "package.json"));
+  return import(url.pathToFileURL(require.resolve(specifier)).href) as Promise<T>;
+}
+
+// Re-key fixture redirect symbols onto the harness SingleFetchRedirect symbol.
+function normalizeSingleFetchRedirectSymbol(value: unknown): unknown {
+  if (value === null || typeof value !== "object") {
+    return value;
+  }
+  const record = value as Record<PropertyKey, unknown>;
+  for (const symbol of Object.getOwnPropertySymbols(record)) {
+    if (
+      symbol !== HarnessSingleFetchRedirectSymbol &&
+      symbol.description === HarnessSingleFetchRedirectSymbol.description
+    ) {
+      record[HarnessSingleFetchRedirectSymbol] = record[symbol];
+      delete record[symbol];
+    }
+  }
+  return record;
+}
+
+export async function spawnTestServer({
+  command,
+  regex,
+  validate,
+  env = {},
+  cwd,
+  timeout = 20000,
+}: {
+  command: string[];
+  regex: RegExp;
+  validate?: (matches: RegExpMatchArray) => void | Promise<void>;
+  env?: Record<string, string>;
+  cwd?: string;
+  timeout?: number;
+}): Promise<{ stop: VoidFunction }> {
+  return new Promise((accept, reject) => {
+    assertResourceGuardrail();
+    let serverProcess = spawn(command[0], command.slice(1), {
+      env: withFrameworkTestRunEnv({ ...process.env, ...env }),
+      cwd,
+      detached: process.platform !== "win32",
+      stdio: "pipe",
+    });
+
+    let started = false;
+    let settled = false;
+    let stdout = "";
+    const fail = (error: unknown) => {
+      if (settled) {
+        return;
+      }
+      settled = true;
+      clearTimeout(rejectTimeout);
+      killProcessGroup(serverProcess);
+      reject(error);
+    };
+    let rejectTimeout = setTimeout(() => {
+      fail(new Error(`Timed out waiting for server to start (${timeout}ms)`));
+    }, timeout);
+
+    serverProcess.stderr.pipe(process.stderr);
+    serverProcess.stdout.on("data", (chunk: Buffer) => {
+      if (started) return;
+      let newChunk = chunk.toString();
+      stdout += newChunk;
+      let match = stdout.match(regex);
+      if (match) {
+        clearTimeout(rejectTimeout);
+        started = true;
+
+        Promise.resolve(validate?.(match))
+          .then(() => {
+            settled = true;
+            accept({
+              stop: () => {
+                killProcessGroup(serverProcess);
+              },
+            });
+          })
+          .catch((error: unknown) => {
+            fail(error);
+          });
+      }
+    });
+
+    serverProcess.on("error", (error: unknown) => {
+      fail(error);
+    });
+    serverProcess.on("exit", (code, signal) => {
+      if (!started) {
+        fail(
+          new Error(
+            `Server exited before startup with code=${code} signal=${signal}`,
+          ),
+        );
+      }
+    });
+  });
+}
+
+export interface FixtureInit {
+  buildStdio?: Writable;
+  files?: { [filename: string]: string };
+  useReactRouterServe?: boolean;
+  spaMode?: boolean;
+  prerender?: boolean;
+  port?: number;
+  templateName?: TemplateName;
+}
+
+export type Fixture = Awaited<ReturnType<typeof createFixture>>;
+export type AppFixture = Awaited<ReturnType<typeof createAppFixture>>;
+
+export const js = String.raw;
+export const mdx = String.raw;
+export const css = String.raw;
+export function json(value: JsonObject) {
+  return JSON.stringify(value, null, 2);
+}
+
+const defaultTemplateName = "rsbuild-template" satisfies TemplateName;
+
+export async function createFixture(init: FixtureInit, mode?: ServerMode) {
+  let templateName = init.templateName ?? defaultTemplateName;
+  let projectDir = await createFixtureProject(init, mode);
+  let buildPath = url.pathToFileURL(
+    path.join(
+      projectDir,
+      templateName === "rsc-framework"
+        ? "build/server/index.js"
+        : "build/server/static/js/app.js",
+    ),
+  ).href;
+  let reactRouterRuntime = await importFixtureModule<ReactRouterRuntime>(
+    projectDir,
+    "react-router",
+  );
+
+  let getBrowserAsset = async (asset: string) => {
+    return readFile(
+      path.join(projectDir, "public", asset.replace(/^\//, "")),
+      "utf8",
+    );
+  };
+
+  if (init.spaMode) {
+    return {
+      projectDir,
+      build: null,
+      isSpaMode: init.spaMode,
+      prerender: init.prerender,
+      requestDocument() {
+        let html = readFileSync(
+          path.join(projectDir, "build/client/index.html"),
+        );
+        return new Response(html, {
+          headers: {
+            "Content-Type": "text/html",
+          },
+        });
+      },
+      requestResource() {
+        throw new Error("Cannot requestResource in SPA Mode tests");
+      },
+      requestSingleFetchData: () => {
+        throw new Error("Cannot requestSingleFetchData in SPA Mode tests");
+      },
+      postDocument: () => {
+        throw new Error("Cannot postDocument in SPA Mode tests");
+      },
+      getBrowserAsset,
+      useReactRouterServe: init.useReactRouterServe,
+    };
+  }
+
+  if (init.prerender) {
+    return {
+      projectDir,
+      build: null,
+      isSpaMode: init.spaMode,
+      prerender: init.prerender,
+      requestDocument(href: string) {
+        let pathname = new URL(href, "test://test").pathname;
+        let file =
+          (pathname.endsWith("/") ? pathname : pathname + "/") + "index.html";
+        let clientDir = path.join(projectDir, "build", "client");
+        let mainPath = path.join(clientDir, file);
+        let fallbackPath = path.join(clientDir, "__spa-fallback.html");
+        let fallbackPath2 = path.join(clientDir, "index.html");
+        let html = existsSync(mainPath)
+          ? readFileSync(mainPath)
+          : existsSync(fallbackPath)
+            ? readFileSync(fallbackPath)
+            : readFileSync(fallbackPath2);
+        return new Response(html, {
+          headers: {
+            "Content-Type": "text/html",
+          },
+        });
+      },
+      requestResource(href: string) {
+        let data = readFileSync(path.join(projectDir, "build/client", href));
+        return new Response(data);
+      },
+      async requestSingleFetchData(href: string) {
+        let data = readFileSync(path.join(projectDir, "build/client", href));
+        let stream = createReadableStreamFromReadable(Readable.from(data));
+        return {
+          status: 200,
+          statusText: "OK",
+          headers: new Headers(),
+          data: normalizeSingleFetchRedirectSymbol(
+            (await reactRouterRuntime.UNSAFE_decodeViaTurboStream(stream, global))
+              .value,
+          ),
+        };
+      },
+      postDocument: () => {
+        throw new Error("Cannot postDocument in Prerender tests");
+      },
+      getBrowserAsset,
+      useReactRouterServe: init.useReactRouterServe,
+    };
+  }
+
+  let build: ServerBuild | null = null;
+  type RequestHandler = (request: Request) => Promise<Response>;
+  let handler: RequestHandler;
+  if (templateName === "rsc-framework") {
+    handler = (await import(buildPath))?.default?.fetch;
+    if (typeof handler !== "function") {
+      throw new Error(
+          "Expected a default request handler function export in Rsbuild RSC Framework Mode server build",
+      );
+    }
+  } else {
+    build = (await import(buildPath)) as ServerBuild;
+    handler = reactRouterRuntime.createRequestHandler(
+      build,
+      mode || ServerMode.Production,
+    );
+  }
+
+  let requestDocument = async (href: string, init?: RequestInit) => {
+    let url = new URL(href, "test://test");
+    let request = new Request(url.toString(), {
+      ...init,
+      signal: init?.signal || new AbortController().signal,
+    });
+    return handler(request);
+  };
+
+  let requestResource = async (href: string, init?: RequestInit) => {
+    init = init || {};
+    init.signal = init.signal || new AbortController().signal;
+    let url = new URL(href, "test://test");
+    let request = new Request(url.toString(), init);
+    return handler(request);
+  };
+
+  let requestSingleFetchData = async (href: string, init?: RequestInit) => {
+    init = init || {};
+    init.signal = init.signal || new AbortController().signal;
+    let url = new URL(href, "test://test");
+    let request = new Request(url.toString(), init);
+    let response = await handler(request);
+    return {
+      status: response.status,
+      statusText: response.statusText,
+      headers: response.headers,
+      data: response.body
+        ? normalizeSingleFetchRedirectSymbol(
+            (
+              await reactRouterRuntime.UNSAFE_decodeViaTurboStream(
+                response.body!,
+                global,
+              )
+            ).value,
+          )
+        : null,
+    };
+  };
+
+  let postDocument = async (href: string, data: URLSearchParams | FormData) => {
+    return requestDocument(href, {
+      method: "POST",
+      body: data,
+      headers: {
+        "Content-Type":
+          data instanceof URLSearchParams
+            ? "application/x-www-form-urlencoded"
+            : "multipart/form-data",
+      },
+    });
+  };
+
+  return {
+    templateName,
+    projectDir,
+    build,
+    handler,
+    isSpaMode: init.spaMode,
+    prerender: init.prerender,
+    requestDocument,
+    requestResource,
+    requestSingleFetchData,
+    postDocument,
+    getBrowserAsset,
+    useReactRouterServe: init.useReactRouterServe,
+  };
+}
+
+/**
+ * @deprecated Use `integration/helpers/rsbuild.ts`'s `test` instead
+ *
+ * This implementation sometimes runs a request handler in memory, forcing tests to manually manage stdout/stderr
+ * which has caused many integration tests to leak noisy logs for expected errors.
+ * It also means that sometimes the CLI is skipped over in those tests, missing out on code paths that should be tested.
+ */
+export async function createAppFixture(fixture: Fixture, mode?: ServerMode) {
+  let startAppServer = async (): Promise<{
+    port: number;
+    stop: VoidFunction;
+  }> => {
+    if (fixture.useReactRouterServe) {
+      let port = await getPort();
+      const templateName = fixture.templateName ?? "rsbuild-template";
+      const serverBuildPath = templateName.includes("rsc")
+        ? "build/server/index.js"
+        : "build/server/static/js/app.js";
+      let { stop } = await spawnTestServer({
+        cwd: fixture.projectDir,
+        command: [
+          process.argv[0],
+          reactRouterServeBin,
+          serverBuildPath,
+        ],
+        env: {
+          NODE_ENV: mode || "production",
+          PORT: port.toFixed(0),
+        },
+        regex: /\[react-router-serve\] http:\/\/localhost:(\d+)\s/,
+        validate: (matches) => {
+          let parsedPort = parseInt(matches[1], 10);
+          if (port !== parsedPort) {
+            throw new Error(
+              `Expected react-router-serve to start on port ${port}, but it started on port ${parsedPort}`,
+            );
+          }
+        },
+      });
+      return { stop, port };
+    }
+
+    if (fixture.isSpaMode) {
+      return new Promise(async (accept) => {
+        let port = await getPort();
+        let app = express();
+        app.use(express.static(path.join(fixture.projectDir, "build/client")));
+        app.get("*", (_, res) =>
+          res.sendFile(
+            path.join(fixture.projectDir, "build/client/index.html"),
+          ),
+        );
+        let server = app.listen(port);
+        accept({ stop: server.close.bind(server), port });
+      });
+    }
+
+    if (fixture.prerender) {
+      return new Promise(async (accept) => {
+        let port = await getPort();
+        let app = express();
+        app.use(
+          express.static(path.join(fixture.projectDir, "build", "client")),
+        );
+        app.get("*", (req, res, next) => {
+          let dir = path.resolve(fixture.projectDir, "build", "client");
+          let filePath;
+          if (req.path.endsWith(".data")) {
+            filePath = resolvePathWithinRoot(dir, req.path);
+          } else {
+            let mainPath = resolvePathWithinRoot(dir, req.path, "index.html");
+            let fallbackPath = path.join(dir, "__spa-fallback.html");
+            let fallbackPath2 = path.join(dir, "index.html");
+            filePath = mainPath && existsSync(mainPath)
+              ? mainPath
+              : existsSync(fallbackPath)
+                ? fallbackPath
+                : fallbackPath2;
+          }
+          if (filePath && existsSync(filePath)) {
+            res.sendFile(filePath, next);
+          } else {
+            // Avoid a built-in console error from `sendFile` on 404's
+            res.status(404).send("Not found");
+          }
+        });
+        let server = app.listen(port);
+        accept({ stop: server.close.bind(server), port });
+      });
+    }
+
+    if (fixture.templateName.includes("rsc")) {
+      let port = await getPort();
+      let { stop } = await spawnTestServer({
+        cwd: fixture.projectDir,
+        command: [process.argv[0], "start.js"],
+        env: {
+          NODE_ENV: mode || "production",
+          PORT: port.toFixed(0),
+        },
+        regex: /Server listening on port (\d+)\s/,
+        validate: (matches) => {
+          let parsedPort = parseInt(matches[1], 10);
+          if (port !== parsedPort) {
+            throw new Error(
+              `Expected RSC Framework Mode build server to start on port ${port}, but it started on port ${parsedPort}`,
+            );
+          }
+        },
+      });
+      return { stop, port };
+    }
+
+    const build = fixture.build;
+    if (!build) {
+      return Promise.reject(
+        new Error("Cannot start app server without a build"),
+      );
+    }
+
+    return new Promise(async (accept) => {
+      let port = await getPort();
+      let app = express();
+      let { createRequestHandler: createExpressHandler } =
+        await importFixtureModule<ReactRouterExpressRuntime>(
+          fixture.projectDir,
+          "@react-router/express",
+        );
+      app.use(express.static(path.join(fixture.projectDir, "build/client")));
+
+      app.all(
+        "*",
+        createExpressHandler({
+          build,
+          mode: mode || ServerMode.Production,
+        }),
+      );
+
+      let server = app.listen(port);
+
+      accept({ stop: server.close.bind(server), port });
+    });
+  };
+
+  let start = async () => {
+    let { stop, port } = await startAppServer();
+
+    let serverUrl = `http://localhost:${port}`;
+
+    return {
+      serverUrl,
+      /**
+       * Shuts down the fixture app, **you need to call this
+       * at the end of a test** or `afterAll` if the fixture is initialized in a
+       * `beforeAll` block. Also make sure to `app.close()` or else you'll
+       * have memory leaks.
+       */
+      close: () => {
+        return stop();
+      },
+    };
+  };
+
+  return start();
+}
+
+////////////////////////////////////////////////////////////////////////////////
+
+export async function createFixtureProject(
+  init: FixtureInit = {},
+  mode?: ServerMode,
+): Promise<string> {
+  let templateName = init.templateName ?? defaultTemplateName;
+  let integrationTemplateDir = path.resolve(__dirname, templateName);
+  let projectName = `rr-${templateName}-${Math.random().toString(32).slice(2)}`;
+  let projectDir = path.join(TMP_DIR, projectName);
+  let port = init.port ?? (await getPort());
+
+  await mkdir(projectDir, { recursive: true });
+  await cp(integrationTemplateDir, projectDir, { recursive: true });
+
+  let hasBundlerConfig = Object.keys(init.files ?? {}).some(
+    (filename) => filename.startsWith("rsbuild.config."),
+  );
+
+  let hasReactRouterConfig = Object.keys(init.files ?? {}).some((filename) =>
+    filename.startsWith("react-router.config."),
+  );
+
+  let { spaMode } = init;
+
+  await writeTestFiles(
+    assertNoViteConfigFiles({
+      ...(hasBundlerConfig
+        ? {}
+        : {
+            "rsbuild.config.ts": await rsbuildConfig.basic({
+              port,
+              templateName,
+            }),
+          }),
+      ...(hasReactRouterConfig
+        ? {}
+        : {
+            "react-router.config.ts": reactRouterConfig({
+              ssr: !spaMode,
+            }),
+      }),
+      ...init.files,
+    }),
+    projectDir,
+  );
+
+  await finalizeFixtureProject({ projectDir, port, templateName });
+  prepareFixtureProjectDependencies(projectDir, templateName);
+
+  reactRouterBuild(
+    projectDir,
+    init.buildStdio,
+    mode,
+  );
+
+  return projectDir;
+}
+
+function reactRouterBuild(
+  projectDir: string,
+  buildStdio?: Writable,
+  mode?: ServerMode,
+) {
+  // ESM configs must be imported in production mode when runtime mode is tested.
+  mode = mode === ServerMode.Test ? ServerMode.Production : mode;
+
+  let buildArgs: string[] = [rsbuildBin, "build"];
+
+  let buildSpawn = spawnSync("node", buildArgs, {
+    cwd: projectDir,
+    env: withFrameworkTestRunEnv({
+      ...process.env,
+      NODE_ENV: mode || ServerMode.Production,
+    }),
+  });
+
+  if (buildStdio) {
+    buildStdio.write(buildSpawn.stdout.toString("utf-8"));
+    buildStdio.write(buildSpawn.stderr.toString("utf-8"));
+    buildStdio.end();
+  }
+
+  if (buildSpawn.error || buildSpawn.status) {
+    console.error(buildSpawn.stderr.toString("utf-8"));
+    throw buildSpawn.error || new Error(`Build failed, check the output above`);
+  }
+}
+
+async function writeTestFiles(
+  files: Record<string, string> | undefined,
+  dir: string,
+) {
+  const normalizedFiles = assertNoViteConfigFiles(files ?? {});
+  await Promise.all(
+    Object.keys(normalizedFiles).map(async (filename) => {
+      let filePath = path.join(dir, filename);
+      await mkdir(path.dirname(filePath), { recursive: true });
+      let file = normalizedFiles[filename];
+
+      await writeFile(filePath, stripIndent(file));
+    }),
+  );
+}
diff --git a/tests/react-router-framework/integration/helpers/express.ts b/tests/react-router-framework/integration/helpers/express.ts
new file mode 100644
index 00000000..a20135fc
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/express.ts
@@ -0,0 +1,74 @@
+import tsx from "dedent";
+
+export function server() {
+  return tsx`
+    import { createRequestHandler } from "@react-router/express";
+    import express from "express";
+
+    const port = process.env.PORT ?? 3000
+    const hmrPort = process.env.HMR_PORT ?? 3001
+
+    const app = express();
+    let devServer;
+
+    if (process.env.NODE_ENV === "production") {
+      app.use(
+        "/assets",
+        express.static("build/client/assets", { immutable: true, maxAge: "1y" })
+      );
+      app.use(express.static("build/client", { maxAge: "1h" }));
+      app.all("*", createRequestHandler({
+        build: await import("./build/index.js"),
+      }));
+    } else {
+      const { createRsbuild, loadConfig } = await import("@rsbuild/core");
+      const { content } = await loadConfig();
+      const rsbuild = await createRsbuild({ rsbuildConfig: content });
+      devServer = await rsbuild.createDevServer();
+      app.use(devServer.middlewares);
+    }
+
+    const server = app.listen(port, () => {
+      console.log('http://localhost:' + port);
+      devServer?.afterListen();
+    });
+    devServer?.connectWebSocket({ server });
+  `;
+}
+
+export function rsc() {
+  return tsx`
+    import { createRequestListener } from "@remix-run/node-fetch-server";
+    import express from "express";
+
+    const port = process.env.PORT ?? 3000
+    const hmrPort = process.env.HMR_PORT ?? 3001
+
+    const app = express();
+    let devServer;
+
+    if (process.env.NODE_ENV === "production") {
+      app.use(
+        "/assets",
+        express.static("build/client/assets", { immutable: true, maxAge: "1y" })
+      );
+      app.all("*", createRequestListener((await import("./build/server/index.js")).default.fetch));
+    } else {
+      // Rsbuild dev-server adapter (RSC): the plugin attaches its RSC dev
+      // request handler to the dev server's middleware chain (see
+      // createReactRouterRscDevServerSetup), so delegating to
+      // \`devServer.middlewares\` serves RSC documents, assets, and HMR.
+      const { createRsbuild, loadConfig } = await import("@rsbuild/core");
+      const { content } = await loadConfig();
+      const rsbuild = await createRsbuild({ rsbuildConfig: content });
+      devServer = await rsbuild.createDevServer();
+      app.use(devServer.middlewares);
+    }
+
+    const server = app.listen(port, () => {
+      console.log('http://localhost:' + port);
+      devServer?.afterListen();
+    });
+    devServer?.connectWebSocket({ server });
+  `;
+}
diff --git a/tests/react-router-framework/integration/helpers/fixture-workspace-dependencies.ts b/tests/react-router-framework/integration/helpers/fixture-workspace-dependencies.ts
new file mode 100644
index 00000000..9e469c83
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/fixture-workspace-dependencies.ts
@@ -0,0 +1,68 @@
+import {
+  existsSync,
+  readFileSync,
+  rmSync,
+  symlinkSync,
+} from "node:fs";
+import path from "pathe";
+
+import type { TemplateName } from "./templates.js";
+
+const repoRoot = process.cwd();
+const helpersRoot = path.join(
+  repoRoot,
+  "tests/react-router-framework/integration/helpers",
+);
+const rsbuildReadyPath = "node_modules/@rsbuild/core/bin/rsbuild.js";
+
+const packageNameToTemplate: Record<string, TemplateName> = {
+  "integration-rsbuild-template": "rsbuild-template",
+  "integration-rsc-framework": "rsc-framework",
+  "integration-rsc-preview": "rsc-preview",
+};
+
+export const getFixtureWorkspaceNodeModulesPath = (
+  templateName: TemplateName,
+): string => path.join(helpersRoot, templateName, "node_modules");
+
+export function prepareFixtureProjectDependencies(
+  projectDir: string,
+  templateName = readTemplateName(projectDir),
+) {
+  if (existsSync(path.join(projectDir, rsbuildReadyPath))) {
+    return;
+  }
+
+  const sourceNodeModules = getFixtureWorkspaceNodeModulesPath(templateName);
+  if (!existsSync(path.join(sourceNodeModules, "@rsbuild/core/bin/rsbuild.js"))) {
+    throw new Error(
+      `Missing workspace dependencies for ${templateName}. Run pnpm install from the repo root.`,
+    );
+  }
+
+  linkWorkspaceNodeModules(sourceNodeModules, path.join(projectDir, "node_modules"));
+}
+
+function readTemplateName(projectDir: string): TemplateName {
+  const packageJson = JSON.parse(
+    readFileSync(path.join(projectDir, "package.json"), "utf8"),
+  ) as { name?: string };
+  const templateName = packageJson.name
+    ? packageNameToTemplate[packageJson.name]
+    : undefined;
+  if (!templateName) {
+    throw new Error(
+      `Cannot infer React Router framework fixture template from package ${JSON.stringify(packageJson.name)}.`,
+    );
+  }
+  return templateName;
+}
+
+function linkWorkspaceNodeModules(sourceNodeModules: string, targetNodeModules: string) {
+  rmSync(targetNodeModules, { force: true, recursive: true });
+  symlinkSync(
+    sourceNodeModules,
+    targetNodeModules,
+    process.platform === "win32" ? "junction" : "dir",
+  );
+}
diff --git a/tests/react-router-framework/integration/helpers/fixtures.ts b/tests/react-router-framework/integration/helpers/fixtures.ts
new file mode 100644
index 00000000..ae73843d
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/fixtures.ts
@@ -0,0 +1,166 @@
+import { ChildProcess } from "node:child_process";
+import * as fs from "node:fs/promises";
+import { fileURLToPath } from "node:url";
+
+import { test as base } from "@playwright/test";
+import {
+  execa,
+  ExecaError,
+  type Options,
+  parseCommandString,
+  type ResultPromise,
+} from "execa";
+import * as Path from "pathe";
+
+import type { TemplateName } from "./templates.js";
+import {
+  assertNoViteConfigFiles,
+  finalizeFixtureProject,
+  prepareFixtureProjectDependencies,
+} from "./rsbuild-adapter.js";
+import {
+  assertResourceGuardrail,
+  getActiveResourceCounts,
+  killProcessGroup,
+  withFrameworkTestRunEnv,
+} from "./test-resource-guard.js";
+
+declare module "@playwright/test" {
+  interface Page {
+    errors: Error[];
+  }
+}
+
+const __filename = fileURLToPath(import.meta.url);
+const ROOT = Path.join(__filename, "../../..");
+const TMP = Path.join(ROOT, ".tmp/integration");
+const templatePath = (templateName: string) =>
+  Path.resolve(ROOT, "integration/helpers", templateName);
+
+type Edits = Record<string, string | ((contents: string) => string)>;
+
+async function applyEdits(cwd: string, edits: Edits) {
+  const normalizedEdits = assertNoViteConfigFiles(edits);
+  const promises = Object.entries(normalizedEdits).map(async ([file, transform]) => {
+    const filepath = Path.join(cwd, file);
+    await fs.writeFile(
+      filepath,
+      typeof transform === "function"
+        ? transform(await fs.readFile(filepath, "utf8"))
+        : transform,
+      "utf8",
+    );
+    return;
+  });
+  await Promise.all(promises);
+}
+
+export const test = base.extend<{
+  template: TemplateName;
+  files: Edits;
+  cwd: string;
+  edit: (edits: Edits) => Promise<void>;
+  $: (
+    command: string,
+    options?: Pick<Options, "env" | "timeout">,
+  ) => ResultPromise<{ reject: false }> & {
+    buffer: { stdout: string; stderr: string };
+  };
+}>({
+  template: ["rsbuild-template", { option: true }],
+  files: [{}, { option: true }],
+  page: async ({ page }, use) => {
+    page.errors = [];
+    page.on("pageerror", (error: Error) => page.errors.push(error));
+    await use(page);
+  },
+
+  cwd: async ({ template, files }, use, testInfo) => {
+    await fs.mkdir(TMP, { recursive: true });
+    const cwd = await fs.mkdtemp(Path.join(TMP, template + "-"));
+    testInfo.attach("cwd", { body: cwd });
+
+    await fs.cp(templatePath(template), cwd, {
+      errorOnExist: true,
+      recursive: true,
+    });
+
+    await applyEdits(cwd, files);
+    await finalizeFixtureProject({ projectDir: cwd, templateName: template });
+    prepareFixtureProjectDependencies(cwd, template);
+
+    await use(cwd);
+  },
+
+  edit: async ({ cwd }, use) => {
+    await use(async (edits) => applyEdits(cwd, edits));
+  },
+
+  $: async ({ cwd }, use) => {
+    const spawn = execa({
+      cwd,
+      cleanup: true,
+      detached: process.platform !== "win32",
+      env: withFrameworkTestRunEnv({
+        NO_COLOR: "1",
+        FORCE_COLOR: "0",
+        NODE_OPTIONS: [
+          process.env.NODE_OPTIONS,
+          "--experimental-vm-modules --experimental-global-webcrypto",
+        ]
+          .filter(Boolean)
+          .join(" "),
+      }),
+      reject: false,
+    });
+
+    let testHasEnded = false;
+    const processes: Array<ResultPromise> = [];
+    const unexpectedErrors: Array<Error> = [];
+
+    await use((command, options = {}) => {
+      assertResourceGuardrail();
+      const [file, ...args] = parseCommandString(command);
+
+      const p = spawn(file, args, options);
+      if (p instanceof ChildProcess) {
+        processes.push(p);
+      }
+      assertResourceGuardrail({
+        counts: getActiveResourceCounts({
+          ownedPids: processes
+            .map(process => process.pid)
+            .filter((pid): pid is number => pid !== undefined),
+        }),
+      });
+
+      p.then((result) => {
+        if (!(result instanceof Error)) return result;
+
+        // Ignore ExecaErrors from teardown kills after the test ends.
+        const expectedError = testHasEnded && result instanceof ExecaError;
+        if (expectedError) return result;
+        unexpectedErrors.push(result);
+      });
+
+      const buffer = { stdout: "", stderr: "" };
+      p.stdout?.on("data", (data) => (buffer.stdout += data.toString()));
+      p.stderr?.on("data", (data) => (buffer.stderr += data.toString()));
+      return Object.assign(p, { buffer });
+    });
+
+    testHasEnded = true;
+    processes.forEach(p => killProcessGroup(p));
+
+    if (unexpectedErrors.length > 0) {
+      const errorMessage =
+        unexpectedErrors.length === 1
+          ? `Unexpected process error: ${unexpectedErrors[0].message}`
+          : `${unexpectedErrors.length} unexpected process errors:\n${unexpectedErrors.map((e, i) => `${i + 1}. ${e.message}`).join("\n")}`;
+
+      const error = new Error(errorMessage);
+      error.stack = unexpectedErrors[0].stack;
+      throw error;
+    }
+  },
+});
diff --git a/tests/react-router-framework/integration/helpers/global-setup.ts b/tests/react-router-framework/integration/helpers/global-setup.ts
new file mode 100644
index 00000000..bdfdc80e
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/global-setup.ts
@@ -0,0 +1,9 @@
+import {
+  cleanupOrphanedTestProcesses,
+  ensureFrameworkTestRunId,
+} from "./test-resource-guard.js";
+
+export default function globalSetup() {
+  ensureFrameworkTestRunId();
+  cleanupOrphanedTestProcesses();
+}
diff --git a/tests/react-router-framework/integration/helpers/global-teardown.ts b/tests/react-router-framework/integration/helpers/global-teardown.ts
new file mode 100644
index 00000000..aa3c7e4d
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/global-teardown.ts
@@ -0,0 +1,5 @@
+import { cleanupOrphanedTestProcesses } from "./test-resource-guard.js";
+
+export default function globalTeardown() {
+  cleanupOrphanedTestProcesses();
+}
diff --git a/tests/react-router-framework/integration/helpers/playwright-fixture.ts b/tests/react-router-framework/integration/helpers/playwright-fixture.ts
new file mode 100644
index 00000000..93ee4aa4
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/playwright-fixture.ts
@@ -0,0 +1,364 @@
+import cp from "node:child_process";
+import type { Page, Response, Request } from "@playwright/test";
+import { test } from "@playwright/test";
+import { load } from "cheerio";
+import prettier from "prettier";
+
+let cheerio = load("");
+
+import type { AppFixture } from "./create-fixture.js";
+
+export class PlaywrightFixture {
+  readonly page: Page;
+  readonly app: AppFixture;
+
+  constructor(app: AppFixture, page: Page) {
+    this.page = page;
+    this.app = app;
+  }
+
+  /**
+   * Visits the href with a document request.
+   *
+   * @param href The href you want to visit
+   * @param waitForHydration Wait for the page to full load/hydrate?
+   *  - `undefined` to wait for the document `load` event
+   *  - `true` wait for the network to be idle, so everything should be loaded
+   *    and ready to go
+   *  - `false` to wait only until the initial doc to be returned and the document
+   *    to start loading (mostly useful for testing deferred responses)
+   */
+  async goto(href: string, waitForHydration?: boolean): Promise<Response> {
+    let response = await this.page.goto(this.app.serverUrl + href, {
+      waitUntil:
+        waitForHydration === true
+          ? "networkidle"
+          : waitForHydration === false
+            ? "commit"
+            : "load",
+    });
+    if (response == null)
+      throw new Error(
+        "Unexpected null response, possible about:blank request or same-URL redirect",
+      );
+
+    if (waitForHydration === false) {
+      await this.page.waitForFunction(
+        () => !!document.body && document.body.children.length > 0,
+      );
+    }
+
+    return response;
+  }
+
+  /**
+   * Finds a link on the page with a matching href, clicks it, and waits for
+   * the network to be idle before continuing.
+   *
+   * @param href The href of the link you want to click
+   * @param options `{ wait }` waits for the network to be idle before moving on
+   */
+  async clickLink(href: string, options: { wait: boolean } = { wait: true }) {
+    let selector = `a[href="${href}"]`;
+    let el = await this.page.$(selector);
+    if (!el) {
+      throw new Error(`Could not find link for ${selector}`);
+    }
+    if (options.wait) {
+      await doAndWait(this.page, () => el!.click());
+    } else {
+      await el.click();
+    }
+  }
+
+  /**
+   * Find the input element and fill for file uploads.
+   *
+   * @param inputSelector The selector of the input you want to fill
+   * @param filePaths The paths to the files you want to upload
+   */
+  async uploadFile(inputSelector: string, ...filePaths: string[]) {
+    let el = await this.page.$(inputSelector);
+    if (!el) {
+      throw new Error(`Could not find input for: ${inputSelector}`);
+    }
+    await el.setInputFiles(filePaths);
+  }
+
+  /**
+   * Finds the first submit button with `formAction` that matches the
+   * `action` supplied, clicks it, and optionally waits for the network to
+   * be idle before continuing.
+   *
+   * @param action The formAction of the button you want to click
+   * @param options `{ wait }` waits for the network to be idle before moving on
+   */
+  async clickSubmitButton(
+    action: string,
+    options: { wait?: boolean; method?: string } = { wait: true },
+  ) {
+    let selector: string;
+    if (options.method) {
+      selector = `button[formAction="${action}"][formMethod="${options.method}"]`;
+    } else {
+      selector = `button[formAction="${action}"]`;
+    }
+
+    let el = await this.page.$(selector);
+    if (!el) {
+      if (options.method) {
+        selector = `form[action="${action}"] button[type="submit"][formMethod="${options.method}"]`;
+      } else {
+        selector = `form[action="${action}"] button[type="submit"]`;
+      }
+      el = await this.page.$(selector);
+      if (!el) {
+        throw new Error(`Can't find button for: ${action}`);
+      }
+    }
+    if (options.wait) {
+      await doAndWait(this.page, () => el!.click());
+    } else {
+      await el.click();
+    }
+  }
+
+  /**
+   * Clicks any element and waits for the network to be idle.
+   */
+  async clickElement(selector: string) {
+    let el = await this.page.$(selector);
+    if (!el) {
+      throw new Error(`Can't find element for: ${selector}`);
+    }
+    await doAndWait(this.page, () => el!.click());
+  }
+
+  /**
+   * Perform any interaction and wait for the network to be idle:
+   *
+   * ```ts
+   * await app.waitForNetworkAfter(page, () => app.page.focus("#el"))
+   * ```
+   */
+  async waitForNetworkAfter(fn: () => Promise<unknown>) {
+    await doAndWait(this.page, fn);
+  }
+
+  /**
+   * "Clicks" the back button and optionally waits for the network to be
+   * idle (defaults to waiting).
+   */
+  async goBack(options: { wait: boolean } = { wait: true }) {
+    if (options.wait) {
+      await doAndWait(this.page, () => this.page.goBack());
+    } else {
+      await this.page.goBack();
+    }
+  }
+
+  /**
+   * "Clicks" the refresh button.
+   */
+  async reload(options: { wait: boolean } = { wait: true }) {
+    if (options.wait) {
+      await doAndWait(this.page, () => this.page.reload());
+    } else {
+      await this.page.reload();
+    }
+  }
+
+  /**
+   * Collects single fetch data responses from the network, usually after a
+   * link click or form submission. This is useful for asserting that specific
+   * loaders were called (or not).
+   */
+  collectSingleFetchResponses() {
+    return this.collectResponses(
+      (url) => url.pathname.endsWith(".data") || url.pathname.endsWith(".rsc"),
+    );
+  }
+
+  /**
+   * Collects all responses from the network, usually after a link click or
+   * form submission. A filter can be provided to only collect responses
+   * that meet a certain criteria.
+   */
+  collectResponses(filter?: (url: URL) => boolean) {
+    let responses: Response[] = [];
+
+    this.page.on("response", (res) => {
+      if (!filter || filter(new URL(res.url()))) {
+        responses.push(res);
+      }
+    });
+
+    return responses;
+  }
+
+  /**
+   * Get HTML from the page. Useful for asserting something rendered that
+   * you expected.
+   *
+   * @param selector CSS Selector for the element's HTML you want
+   */
+  getHtml(selector?: string) {
+    return getHtml(this.page, selector);
+  }
+
+  /**
+   * Get a cheerio instance of an element from the page.
+   *
+   * @param selector CSS Selector for the element's HTML you want
+   */
+  async getElement(selector: string) {
+    return getElement(await getHtml(this.page), selector);
+  }
+
+  /**
+   * Keeps the fixture running for as many seconds as you want so you can go
+   * poke around in the browser to see what's up.
+   *
+   * @param seconds How long you want the app to stay open
+   */
+  async poke(seconds: number = 10, href: string = "/") {
+    let ms = seconds * 1000;
+    test.setTimeout(ms);
+    console.log(
+      `🙈 Poke around for ${seconds} seconds 👉 ${this.app.serverUrl}`,
+    );
+    cp.exec(`open ${this.app.serverUrl}${href}`);
+    return new Promise((res) => setTimeout(res, ms));
+  }
+}
+
+export async function getHtml(page: Page, selector?: string) {
+  let html = await getPageContent(page);
+  let selectedHtml = selector
+    ? await selectHtml(html, selector)
+    : await prettyHtml(html);
+  return selectedHtml;
+}
+
+export function getElement(source: string, selector: string) {
+  let el = cheerio(selector, source);
+  if (!el.length) {
+    throw new Error(`No element matches selector "${selector}"`);
+  }
+  return el;
+}
+
+export async function selectHtml(source: string, selector: string) {
+  let el = getElement(source, selector);
+  let html = await prettyHtml(cheerio.html(el));
+  return html.trim();
+}
+
+export async function prettyHtml(source: string) {
+  return prettier.format(source, { parser: "html" });
+}
+
+async function getPageContent(page: Page) {
+  // Some tests intentionally use `goto(..., false)` so they can inspect the
+  // server-rendered document before hydration settles. In that brief window,
+  // Playwright can throw while the new document is still swapping in.
+  for (let i = 0; ; i++) {
+    try {
+      return await page.content();
+    } catch (error) {
+      if (
+        !(error instanceof Error) ||
+        !error.message.includes(
+          "Unable to retrieve content because the page is navigating and changing the content.",
+        ) ||
+        i >= 9
+      ) {
+        throw error;
+      }
+
+      await new Promise((resolve) => setTimeout(resolve, 10));
+    }
+  }
+}
+
+async function doAndWait(
+  page: Page,
+  action: () => Promise<unknown>,
+  longPolls = 0,
+) {
+  let DEBUG = !!process.env.DEBUG;
+  let networkSettledCallback: any;
+  let networkSettledPromise = new Promise((resolve) => {
+    networkSettledCallback = resolve;
+  });
+
+  let requestCounter = 0;
+  let actionDone = false;
+  let pending = new Set<Request>();
+
+  let maybeSettle = () => {
+    if (actionDone && requestCounter <= longPolls) networkSettledCallback();
+  };
+
+  let onRequest = (request: Request) => {
+    ++requestCounter;
+    if (DEBUG) {
+      pending.add(request);
+      console.log(`+[${requestCounter}]: ${request.url()}`);
+    }
+  };
+  let onRequestDone = (request: Request) => {
+    // Let the page handle responses asynchronously (via setTimeout(0)).
+    //
+    // Note: this might be changed to use delay, e.g. setTimeout(f, 100),
+    // when the page uses delay itself.
+    let evaluate = page.evaluate(() => {
+      return new Promise((resolve) => setTimeout(resolve, 0));
+    });
+    evaluate
+      .catch(() => null)
+      .then(() => {
+        --requestCounter;
+        maybeSettle();
+        if (DEBUG) {
+          pending.delete(request);
+          console.log(`-[${requestCounter}]: ${request.url()}`);
+        }
+      });
+  };
+
+  page.on("request", onRequest);
+  page.on("requestfinished", onRequestDone);
+  page.on("requestfailed", onRequestDone);
+  page.on("load", networkSettledCallback); // e.g. navigation with javascript disabled
+
+  let timeoutId = DEBUG
+    ? setInterval(() => {
+        console.log(`${requestCounter} requests pending:`);
+        for (let request of pending) console.log(`  ${request.url()}`);
+      }, 5000)
+    : undefined;
+
+  let result = await action();
+  actionDone = true;
+  maybeSettle();
+  if (DEBUG) {
+    console.log(`action done, ${requestCounter} requests pending`);
+  }
+  await networkSettledPromise;
+
+  if (DEBUG) {
+    console.log(`action done, network settled`);
+  }
+
+  page.removeListener("request", onRequest);
+  page.removeListener("requestfinished", onRequestDone);
+  page.removeListener("requestfailed", onRequestDone);
+  page.removeListener("load", networkSettledCallback);
+
+  if (DEBUG && timeoutId) {
+    clearTimeout(timeoutId);
+  }
+
+  return result;
+}
diff --git a/tests/react-router-framework/integration/helpers/rsbuild-adapter.ts b/tests/react-router-framework/integration/helpers/rsbuild-adapter.ts
new file mode 100644
index 00000000..f9034720
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsbuild-adapter.ts
@@ -0,0 +1,224 @@
+import { existsSync } from "node:fs";
+import { mkdir, readFile, writeFile } from "node:fs/promises";
+import url from "node:url";
+import path from "pathe";
+
+import { rsbuildConfig } from "./rsbuild-config.js";
+import type { TemplateName } from "./templates.js";
+export { prepareFixtureProjectDependencies } from "./fixture-workspace-dependencies.js";
+
+// Templates that author their OWN rsbuild.config.ts in the template directory
+// (see integration/helpers/<name>/rsbuild.config.ts). The synthesizer below
+// must never generate a config for these: a synthesized config would be the
+// wrong bundler mode. `rsc-preview` is the data-mode RSC bundler template — it
+// ships an rsbuild.config.ts wired for `rsbuild-plugin-rsc` directly, NOT the
+// framework-mode `pluginReactRouterRSC`. Keep this in sync with the
+// TemplateName union in ./templates.ts.
+const TEMPLATES_SHIPPING_OWN_CONFIG: ReadonlySet<TemplateName> = new Set<TemplateName>([
+  "rsc-preview",
+]);
+
+const __dirname = path.dirname(url.fileURLToPath(import.meta.url));
+const repoRoot = path.resolve(__dirname, "../../../..");
+const reactRouterVersion = "^8.0.1";
+
+export const rsbuildBin = "node_modules/@rsbuild/core/bin/rsbuild.js";
+export const reactRouterServeBin =
+  "node_modules/@react-router/serve/dist/cli.js";
+
+export const assertNoViteConfigFiles = <T>(
+  files: Record<string, T> = {}
+): Record<string, T> => {
+  const viteConfig = Object.keys(files).find(filename =>
+    /^vite\.config\.[cm]?[jt]s$/.test(filename)
+  );
+  if (viteConfig) {
+    throw new Error(
+      `[rsbuild-adapter] Unsupported fixture config "${viteConfig}". ` +
+        "Author rsbuild.config.ts explicitly so test-specific options are preserved."
+    );
+  }
+  return files;
+};
+
+export async function finalizeFixtureProject({
+  projectDir,
+  port,
+  templateName,
+}: {
+  projectDir: string;
+  port?: number;
+  templateName?: TemplateName;
+}) {
+  await writePackageJson(projectDir, templateName);
+  await ensureTsconfig(projectDir);
+
+  const rsbuildConfigPath = path.join(projectDir, "rsbuild.config.ts");
+  const configExists = existsSync(rsbuildConfigPath);
+
+  if (templateName != null && TEMPLATES_SHIPPING_OWN_CONFIG.has(templateName)) {
+    // This template is expected to carry its own rsbuild.config.ts. Never
+    // synthesize one — a generic synthesized config would be the wrong bundler
+    // mode (e.g. framework-mode `pluginReactRouterRSC` instead of the
+    // data-mode `rsbuild-plugin-rsc` setup rsc-preview needs). If the shipped
+    // config is missing, that is a corpus/template regression, so fail loudly
+    // and name the offending template rather than silently writing a
+    // wrong-mode config.
+    if (!configExists) {
+      throw new Error(
+        `[rsbuild-adapter] Template "${templateName}" is expected to ship its ` +
+          `own rsbuild.config.ts, but none was found at ${rsbuildConfigPath}. ` +
+          `Restore the template's rsbuild.config.ts instead of relying on the ` +
+          `synthesizer — a synthesized config would be the wrong bundler mode.`,
+      );
+    }
+    return;
+  }
+
+  if (!configExists) {
+    // Framework-mode templates don't ship a config; synthesize the right one.
+    // Only the framework RSC template (`rsc-framework`) gets
+    // `pluginReactRouterRSC`; every other framework template gets the standard
+    // `pluginReactRouter`. Matching the exact template name (rather than a
+    // loose `includes("rsc")`) avoids conflating rsc-framework with the
+    // data-mode rsc-preview template handled above.
+    await writeFile(
+      rsbuildConfigPath,
+      await rsbuildConfig.basic({ port, templateName, mdx: true }),
+      "utf8",
+    );
+  }
+}
+
+async function writePackageJson(projectDir: string, templateName?: TemplateName) {
+  const isRscTemplate = templateName?.includes("rsc") ?? false;
+  const source = await readPackageJson(projectDir);
+  // The production server entry differs per template, so the "start" script has
+  // to match the actual entry file. Nothing in the harness actually runs this
+  // script — framework fixtures are served via react-router-serve (see
+  // reactRouterServe in rsbuild.ts) and rsc-preview is served by invoking
+  // server.js directly (see integration/rsc/utils.ts) — but we keep it pointed
+  // at the correct file so the generated package.json isn't a trap:
+  //   - rsc-framework ships start.js
+  //   - rsc-preview   ships server.js (NOT start.js)
+  // A loose `isRscTemplate ? node start.js` conflated the two and wrote a
+  // dangling `node start.js` for rsc-preview.
+  const startScript =
+    templateName === "rsc-framework"
+      ? "HOST=127.0.0.1 node start.js"
+      : templateName === "rsc-preview"
+        ? "HOST=127.0.0.1 node server.js"
+        : "HOST=127.0.0.1 react-router-serve ./build/server/static/js/app.js";
+  const packageJson = {
+    ...source,
+    name: source.name ?? `rr-rsbuild-${Math.random().toString(32).slice(2)}`,
+    private: true,
+    sideEffects: source.sideEffects ?? false,
+    type: "module",
+    scripts: {
+      dev:
+        'NODE_OPTIONS="--experimental-vm-modules --experimental-global-webcrypto" rsbuild dev --host localhost',
+      build: "rsbuild build",
+      start: startScript,
+      typecheck: "react-router typegen && tsc",
+    },
+    dependencies: {
+      "@remix-run/node-fetch-server": "^0.13.3",
+      "@react-router/express": reactRouterVersion,
+      "@react-router/node": reactRouterVersion,
+      "@react-router/serve": reactRouterVersion,
+      "@vanilla-extract/css": "^1.20.1",
+      express: "^4.22.2",
+      isbot: "^5.1.40",
+      react: "^19.2.4",
+      "react-dom": "^19.2.4",
+      "react-router": reactRouterVersion,
+      ...(isRscTemplate ? { "react-server-dom-rspack": "0.0.2" } : {}),
+      "serialize-javascript": "^6.0.1",
+    },
+    devDependencies: {
+      "@react-router/dev": reactRouterVersion,
+      "@react-router/fs-routes": reactRouterVersion,
+      "@react-router/remix-routes-option-adapter": reactRouterVersion,
+      "@rsbuild/core": "2.1.0",
+      "@rsbuild/plugin-less": "1.6.4",
+      "@rsbuild/plugin-mdx": "^1.1.3",
+      "@rsbuild/plugin-react": "2.1.0",
+      "@rsbuild/plugin-sass": "1.5.3",
+      "@rsbuild/plugin-svgr": "2.0.4",
+      "@rsbuild/plugin-tailwindcss": "2.0.3",
+      "@types/node": "^25.0.10",
+      "@types/react": "^19.2.10",
+      "@types/react-dom": "^19.2.3",
+      "@vanilla-extract/webpack-plugin": "^2.3.27",
+      rsbuild: "npm:@rsbuild/core@2.1.0",
+      "rsbuild-plugin-react-router": `file:${repoRoot}`,
+      tailwindcss: "4.3.2",
+      // rsbuild-plugin-rsc version pin. It is pre-1.0, so EVERY 0.x minor is a
+      // breaking change — bump all of these locations together:
+      //   1. package.json          -> dependencies["rsbuild-plugin-rsc"]
+      //   2. package.json          -> peerDependencies["rsbuild-plugin-rsc"]
+      //   3. this file (rsbuild-adapter.ts) -> synthesized devDependency below
+      //   4. tests/react-router-framework/integration/helpers/rsc-framework/package.json
+      //   5. tests/react-router-framework/integration/helpers/rsc-preview/package.json
+      ...(isRscTemplate ? { "rsbuild-plugin-rsc": "^0.1.1" } : {}),
+      typescript: "^5.9.3",
+    },
+    engines: {
+      node: ">=22.22.0",
+    },
+  };
+
+  await writeFile(
+    path.join(projectDir, "package.json"),
+    JSON.stringify(packageJson, null, 2) + "\n",
+    "utf8"
+  );
+}
+
+async function readPackageJson(projectDir: string): Promise<Record<string, any>> {
+  try {
+    return JSON.parse(
+      await readFile(path.join(projectDir, "package.json"), "utf8")
+    );
+  } catch {
+    return {};
+  }
+}
+
+async function ensureTsconfig(projectDir: string) {
+  const tsconfigPath = path.join(projectDir, "tsconfig.json");
+  if (existsSync(tsconfigPath)) return;
+
+  await mkdir(projectDir, { recursive: true });
+  await writeFile(
+    tsconfigPath,
+    JSON.stringify(
+      {
+        include: ["env.d.ts", "**/*.ts", "**/*.tsx", ".react-router/types/**/*"],
+        compilerOptions: {
+          lib: ["DOM", "DOM.Iterable", "ES2022"],
+          types: ["node"],
+          target: "ES2022",
+          module: "ES2022",
+          moduleResolution: "bundler",
+          jsx: "react-jsx",
+          rootDirs: [".", ".react-router/types/"],
+          baseUrl: ".",
+          paths: {
+            "~/*": ["./app/*"],
+          },
+          esModuleInterop: true,
+          resolveJsonModule: true,
+          allowJs: true,
+          noEmit: true,
+          skipLibCheck: true,
+          strict: true,
+        },
+      },
+      null,
+      2
+    ) + "\n",
+    "utf8"
+  );
+}
diff --git a/tests/react-router-framework/integration/helpers/rsbuild-config.ts b/tests/react-router-framework/integration/helpers/rsbuild-config.ts
new file mode 100644
index 00000000..88c55ec8
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsbuild-config.ts
@@ -0,0 +1,197 @@
+import dedent from "dedent";
+
+import type { TemplateName } from "./templates.js";
+
+type RsbuildConfigServerArgs = {
+  port: number;
+};
+
+type RsbuildConfigBuildArgs = {
+  assetsInlineLimit?: number;
+  assetsDir?: string;
+  cssCodeSplit?: boolean;
+};
+
+type RsbuildConfigBaseArgs = {
+  templateName?: TemplateName;
+  base?: string;
+  defineNodeEnv?: boolean;
+  envPrefixes?: string[];
+  mdx?: boolean;
+  svgr?: boolean;
+  tailwind?: boolean;
+  sass?: boolean;
+  less?: boolean;
+  vanillaExtract?: boolean;
+};
+
+type RsbuildConfigArgs = (
+  | RsbuildConfigServerArgs
+  | { [K in keyof RsbuildConfigServerArgs]?: never }
+) &
+  RsbuildConfigBuildArgs &
+  RsbuildConfigBaseArgs;
+
+const configSection = (name: string, entries: string[]) =>
+  entries.length > 0
+    ? [`${name}: {`, ...entries.map((entry) => `  ${entry}`), `},`]
+    : [];
+
+const CSS_CODE_SPLIT_NOTE =
+  '// Vite "build.cssCodeSplit: false" is not mapped: rsbuild always extracts CSS and these fixtures only assert that styles are applied.';
+
+/**
+ * Emits rsbuild.config.ts contents for test fixtures.
+ *
+ * Vite -> rsbuild option mappings used by the corpus:
+ * - `base` -> `output.assetPrefix` + `dev.assetPrefix`. We intentionally do
+ *   not use rsbuild `server.base` (React Router's `basename` handles route
+ *   prefixing and the plugin's dev SSR middleware serves all paths).
+ * - `server.port` + `strictPort` -> `server.port` + `server.strictPort`
+ * - `build.assetsInlineLimit` -> `output.dataUriLimit`
+ * - `build.assetsDir` -> `output.distPath.assets`
+ * - vanilla-extract Vite plugin -> `@vanilla-extract/webpack-plugin` via
+ *   `tools.rspack`
+ * - MDX rollup plugin -> `@rsbuild/plugin-mdx`
+ * - vite-plugin-svgr -> `@rsbuild/plugin-svgr` (`.svg?react` / `.svg?url`)
+ * - Tailwind PostCSS plugin -> `@rsbuild/plugin-tailwindcss` (Tailwind v4)
+ * - Sass Vite plugin -> `@rsbuild/plugin-sass`
+ * - Less Vite plugin -> `@rsbuild/plugin-less`
+ *
+ * Intentionally unmapped Vite options:
+ * - `server.hmr.port`: rsbuild serves the HMR websocket on the dev server port
+ * - `server.fs.allow`: Vite-only static file serving restriction
+ * - `build.cssCodeSplit`: see CSS_CODE_SPLIT_NOTE
+ * - `vite-tsconfig-paths`: rsbuild resolves tsconfig `paths` natively
+ */
+export const rsbuildConfig = {
+  // Emits the `server` section of an rsbuild config object literal so tests
+  // can compose their own rsbuild.config.ts strings.
+  server: async ({ port }: RsbuildConfigServerArgs) => {
+    return dedent`
+      server: {
+        port: ${port},
+        strictPort: true,
+      },
+    `;
+  },
+  // Emits the `output` section of an rsbuild config object literal.
+  build: ({
+    assetsInlineLimit,
+    assetsDir,
+    cssCodeSplit,
+  }: RsbuildConfigBuildArgs = {}) => {
+    return [
+      ...configSection("output", [
+        ...(assetsInlineLimit !== undefined
+          ? [`dataUriLimit: ${assetsInlineLimit}, // Vite: build.assetsInlineLimit`]
+          : []),
+        ...(assetsDir !== undefined
+          ? [
+              `distPath: { assets: ${JSON.stringify(assetsDir)} }, // Vite: build.assetsDir`,
+            ]
+          : []),
+      ]),
+      ...(cssCodeSplit === false ? [CSS_CODE_SPLIT_NOTE] : []),
+    ].join("\n");
+  },
+  // Emits a complete rsbuild.config.ts.
+  basic: async (args: RsbuildConfigArgs = {}) => {
+    const isRsc = args.templateName?.includes("rsc") ?? false;
+    const routerPlugin = isRsc ? "pluginReactRouterRSC" : "pluginReactRouter";
+
+    const imports = [
+      `import { defineConfig${args.envPrefixes ? ", loadEnv" : ""} } from "@rsbuild/core";`,
+      ...(args.mdx ? [`import { pluginMdx } from "@rsbuild/plugin-mdx";`] : []),
+      ...(args.svgr
+        ? [`import { pluginSvgr } from "@rsbuild/plugin-svgr";`]
+        : []),
+      ...(args.tailwind
+        ? [`import { pluginTailwindcss } from "@rsbuild/plugin-tailwindcss";`]
+        : []),
+      ...(args.sass
+        ? [`import { pluginSass } from "@rsbuild/plugin-sass";`]
+        : []),
+      ...(args.less
+        ? [`import { pluginLess } from "@rsbuild/plugin-less";`]
+        : []),
+      `import { pluginReact } from "@rsbuild/plugin-react";`,
+      `import { ${routerPlugin} } from "rsbuild-plugin-react-router";`,
+      ...(args.vanillaExtract
+        ? [
+            `import { VanillaExtractPlugin } from "@vanilla-extract/webpack-plugin";`,
+          ]
+        : []),
+    ];
+
+    const prelude = args.envPrefixes
+      ? [
+          `const { publicVars } = loadEnv({ prefixes: ${JSON.stringify(args.envPrefixes)} });`,
+          "",
+        ]
+      : [];
+
+    const config = [
+      ...configSection("server", [
+        ...(args.port !== undefined
+          ? [`port: ${args.port},`, `strictPort: true,`]
+          : []),
+      ]),
+      ...configSection("dev", [
+        ...(args.base !== undefined
+          ? [`assetPrefix: ${JSON.stringify(args.base)}, // Vite: base (dev)`]
+          : []),
+      ]),
+      ...configSection("output", [
+        ...(args.base !== undefined
+          ? [`assetPrefix: ${JSON.stringify(args.base)}, // Vite: base`]
+          : []),
+        ...(args.assetsInlineLimit !== undefined
+          ? [`dataUriLimit: ${args.assetsInlineLimit}, // Vite: build.assetsInlineLimit`]
+          : []),
+        ...(args.assetsDir !== undefined
+          ? [
+              `distPath: { assets: ${JSON.stringify(args.assetsDir)} }, // Vite: build.assetsDir`,
+            ]
+          : []),
+      ]),
+      ...configSection("source", [
+        ...(args.defineNodeEnv || args.envPrefixes
+          ? [
+              `define: {`,
+              ...(args.defineNodeEnv
+                ? [
+                    `  "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV ?? "development"),`,
+                  ]
+                : []),
+              ...(args.envPrefixes ? [`  ...publicVars,`] : []),
+              `},`,
+            ]
+          : []),
+      ]),
+      ...(args.vanillaExtract
+        ? [
+            `// vanilla-extract: debug identifiers + sideEffects disabled for .css.ts imports.`,
+            `tools: {`,
+            `  rspack: {`,
+            `    plugins: [new VanillaExtractPlugin({ identifiers: "debug" })],`,
+            `    optimization: { sideEffects: false },`,
+            `  },`,
+            `},`,
+          ]
+        : []),
+      ...(args.cssCodeSplit === false ? [CSS_CODE_SPLIT_NOTE] : []),
+      `plugins: [pluginReact(), ${args.mdx ? "pluginMdx(), " : ""}${args.svgr ? "pluginSvgr(), " : ""}${args.tailwind ? "pluginTailwindcss(), " : ""}${args.sass ? "pluginSass(), " : ""}${args.less ? "pluginLess(), " : ""}${routerPlugin}()],`,
+    ];
+
+    return [
+      ...imports,
+      "",
+      ...prelude,
+      "export default defineConfig({",
+      ...config.map((line) => `  ${line}`),
+      "});",
+      "",
+    ].join("\n");
+  },
+};
diff --git a/tests/react-router-framework/integration/helpers/rsbuild-template/.gitignore b/tests/react-router-framework/integration/helpers/rsbuild-template/.gitignore
new file mode 100644
index 00000000..c08251ce
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsbuild-template/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+
+/.cache
+/build
+.env
+.react-router
diff --git a/tests/react-router-framework/integration/helpers/rsbuild-template/app/root.tsx b/tests/react-router-framework/integration/helpers/rsbuild-template/app/root.tsx
new file mode 100644
index 00000000..b36392b4
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsbuild-template/app/root.tsx
@@ -0,0 +1,19 @@
+import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
+
+export default function App() {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <Outlet />
+        <ScrollRestoration />
+        <Scripts />
+      </body>
+    </html>
+  );
+}
diff --git a/tests/react-router-framework/integration/helpers/rsbuild-template/app/routes.ts b/tests/react-router-framework/integration/helpers/rsbuild-template/app/routes.ts
new file mode 100644
index 00000000..4c05936c
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsbuild-template/app/routes.ts
@@ -0,0 +1,4 @@
+import { type RouteConfig } from "@react-router/dev/routes";
+import { flatRoutes } from "@react-router/fs-routes";
+
+export default flatRoutes() satisfies RouteConfig;
diff --git a/tests/react-router-framework/integration/helpers/rsbuild-template/app/routes/_index.tsx b/tests/react-router-framework/integration/helpers/rsbuild-template/app/routes/_index.tsx
new file mode 100644
index 00000000..ecfc25c6
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsbuild-template/app/routes/_index.tsx
@@ -0,0 +1,16 @@
+import type { MetaFunction } from "react-router";
+
+export const meta: MetaFunction = () => {
+  return [
+    { title: "New React Router App" },
+    { name: "description", content: "Welcome to React Router!" },
+  ];
+};
+
+export default function Index() {
+  return (
+    <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
+      <h1>Welcome to React Router</h1>
+    </div>
+  );
+}
diff --git a/tests/react-router-framework/integration/helpers/rsbuild-template/env.d.ts b/tests/react-router-framework/integration/helpers/rsbuild-template/env.d.ts
new file mode 100644
index 00000000..690c997d
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsbuild-template/env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="@react-router/node" />
+/// <reference types="@rsbuild/core/types" />
diff --git a/tests/react-router-framework/integration/helpers/rsbuild-template/package.json b/tests/react-router-framework/integration/helpers/rsbuild-template/package.json
new file mode 100644
index 00000000..27a1ac6b
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsbuild-template/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "integration-rsbuild-template",
+  "version": "0.0.0",
+  "private": true,
+  "sideEffects": false,
+  "type": "module",
+  "scripts": {
+    "dev": "NODE_OPTIONS=\"--experimental-vm-modules --experimental-global-webcrypto\" rsbuild dev --host localhost",
+    "build": "rsbuild build",
+    "start": "HOST=127.0.0.1 react-router-serve ./build/server/static/js/app.js",
+    "typecheck": "react-router typegen && tsc"
+  },
+  "dependencies": {
+    "@react-router/express": "^8.0.1",
+    "@react-router/node": "^8.0.1",
+    "@react-router/serve": "^8.0.1",
+    "@remix-run/node-fetch-server": "^0.13.3",
+    "@vanilla-extract/css": "^1.20.1",
+    "express": "^4.22.2",
+    "isbot": "^5.1.40",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router": "^8.0.1",
+    "serialize-javascript": "^6.0.1"
+  },
+  "devDependencies": {
+    "@mdx-js/rollup": "^3.1.1",
+    "@react-router/dev": "^8.0.1",
+    "@react-router/fs-routes": "^8.0.1",
+    "@react-router/remix-routes-option-adapter": "^8.0.1",
+    "@rsbuild/core": "2.1.0",
+    "@rsbuild/plugin-less": "1.6.4",
+    "@rsbuild/plugin-mdx": "^1.1.3",
+    "@rsbuild/plugin-react": "2.1.0",
+    "@rsbuild/plugin-sass": "1.5.3",
+    "@rsbuild/plugin-svgr": "2.0.4",
+    "@rsbuild/plugin-tailwindcss": "2.0.3",
+    "@types/node": "^22.19.19",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "@vanilla-extract/webpack-plugin": "^2.3.27",
+    "rsbuild": "npm:@rsbuild/core@2.1.0",
+    "rsbuild-plugin-react-router": "workspace:*",
+    "tailwindcss": "4.3.2",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": ">=22.22.0"
+  }
+}
diff --git a/tests/react-router-framework/integration/helpers/rsbuild-template/public/favicon.ico b/tests/react-router-framework/integration/helpers/rsbuild-template/public/favicon.ico
new file mode 100644
index 00000000..5dbdfcdd
Binary files /dev/null and b/tests/react-router-framework/integration/helpers/rsbuild-template/public/favicon.ico differ
diff --git a/tests/react-router-framework/integration/helpers/rsbuild-template/tsconfig.json b/tests/react-router-framework/integration/helpers/rsbuild-template/tsconfig.json
new file mode 100644
index 00000000..98b4f84f
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsbuild-template/tsconfig.json
@@ -0,0 +1,16 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "include": ["env.d.ts", "**/*.ts", "**/*.tsx", ".react-router/types/**/*"],
+  "compilerOptions": {
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "paths": {
+      "~/*": ["./app/*"]
+    },
+    "noEmit": true,
+    "rootDirs": [".", ".react-router/types/"]
+  }
+}
diff --git a/tests/react-router-framework/integration/helpers/rsbuild.ts b/tests/react-router-framework/integration/helpers/rsbuild.ts
new file mode 100644
index 00000000..11e9f9c9
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsbuild.ts
@@ -0,0 +1,662 @@
+import type { ChildProcess } from "node:child_process";
+import { sync as spawnSync, spawn } from "cross-spawn";
+import { existsSync, globSync } from "node:fs";
+import { cp, mkdir, readFile, writeFile } from "node:fs/promises";
+import { platform } from "node:os";
+import type { Readable } from "node:stream";
+import url from "node:url";
+import path from "pathe";
+import stripIndent from "strip-indent";
+import waitOn from "wait-on";
+import getPort from "get-port";
+import shell from "shelljs";
+import dedent from "dedent";
+import type { Page } from "@playwright/test";
+import { test as base, expect } from "@playwright/test";
+import type { Config } from "@react-router/dev/config";
+import {
+  assertNoViteConfigFiles,
+  finalizeFixtureProject,
+  prepareFixtureProjectDependencies,
+  reactRouterServeBin,
+  rsbuildBin,
+} from "./rsbuild-adapter.js";
+import {
+  assertResourceGuardrail,
+  getActiveResourceCounts,
+  withFrameworkTestRunEnv,
+} from "./test-resource-guard.js";
+import type { TemplateName } from "./templates.js";
+
+export { rsbuildConfig } from "./rsbuild-config.js";
+export type { TemplateName } from "./templates.js";
+
+const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
+const root = path.resolve(__dirname, "../..");
+const TMP_DIR = path.join(root, ".tmp/integration");
+
+export const reactRouterConfig = (
+  // Don't support function configs due to JSON.stringify()
+  config: Omit<Partial<Config>, "buildEnd" | "presets" | "serverBundles"> = {},
+) => {
+  if (
+    typeof config.prerender === "function" ||
+    (typeof config.prerender === "object" &&
+      !Array.isArray(config.prerender) &&
+      typeof config.prerender.paths === "function")
+  ) {
+    throw new Error("reactRouterConfig() does not support prerender functions");
+  }
+
+  return dedent`
+    import type { Config } from "@react-router/dev/config";
+
+    export default ${JSON.stringify(config, null, 2)} satisfies Config;
+  `;
+};
+
+export const EXPRESS_SERVER = (args: {
+  port: number;
+  base?: string;
+  customLogic?: string;
+  templateName?: TemplateName;
+}) => {
+  if (args.templateName?.includes("rsc")) {
+    return String.raw`
+      import { createRequestListener } from "@remix-run/node-fetch-server";
+      import express from "express";
+
+      const app = express();
+      let devServer;
+
+      ${args?.customLogic || ""}
+
+      if (process.env.NODE_ENV === "production") {
+        app.use(${JSON.stringify(args.base || "/")}, express.static("build/client", { index: false }));
+        let build = (await import("./build/server/index.js")).default;
+        app.all("*", createRequestListener(build.fetch));
+      } else {
+        // Delegate to devServer.middlewares for RSC documents, assets, and HMR.
+        const { createRsbuild, loadConfig } = await import("@rsbuild/core");
+        const { content } = await loadConfig();
+        const rsbuild = await createRsbuild({ rsbuildConfig: content });
+        devServer = await rsbuild.createDevServer();
+        app.use(devServer.middlewares);
+      }
+
+      const port = ${args.port};
+      const server = app.listen(port, () => {
+        console.log('http://localhost:' + port);
+        devServer?.afterListen();
+      });
+      devServer?.connectWebSocket({ server });
+    `;
+  }
+
+  return String.raw`
+    import { createRequestHandler } from "@react-router/express";
+    import express from "express";
+
+    const app = express();
+    let devServer;
+
+    if (process.env.NODE_ENV === "production") {
+      app.use(
+        "/assets",
+        express.static("build/client/assets", { immutable: true, maxAge: "1y" })
+      );
+      app.use(express.static("build/client", { maxAge: "1h" }));
+
+      ${args?.customLogic || ""}
+
+      app.all(
+        "*",
+        createRequestHandler({
+          build: await import("./build/server/static/js/app.js"),
+        })
+      );
+    } else {
+      // Boot the plugin dev server and delegate to its middleware.
+      const { createRsbuild, loadConfig } = await import("@rsbuild/core");
+      const { content } = await loadConfig();
+      const rsbuild = await createRsbuild({ rsbuildConfig: content });
+      devServer = await rsbuild.createDevServer();
+
+      ${args?.customLogic || ""}
+
+      app.use(devServer.middlewares);
+    }
+
+    const port = ${args.port};
+    const server = app.listen(port, () => {
+      console.log('http://localhost:' + port);
+      devServer?.afterListen();
+    });
+    devServer?.connectWebSocket({ server });
+  `;
+};
+
+type FrameworkModeBundlerTemplateName = "rsbuild-template";
+
+export type RscBundlerTemplateName = "rsc-preview";
+
+// Collapsed from the upstream Vite 7/Vite 8 template pair: the Vite major
+// version split is meaningless for rsbuild, so suites parameterized over
+// these templates run once.
+export const bundlerTemplates = [
+  { templateName: "rsbuild-template", templateDisplayName: "rsbuild" },
+] as const satisfies Array<{
+  templateName: FrameworkModeBundlerTemplateName;
+  templateDisplayName: string;
+}>;
+
+export const rscBundlerTemplates = [
+  { templateName: "rsc-preview", templateDisplayName: "RSC (rsbuild)" },
+] as const satisfies Array<{
+  templateName: RscBundlerTemplateName;
+  templateDisplayName: string;
+}>;
+
+export async function createProject(
+  files: Record<string, string> = {},
+  templateName: TemplateName = "rsbuild-template",
+) {
+  let projectName = `rr-${Math.random().toString(32).slice(2)}`;
+  let projectDir = path.join(TMP_DIR, projectName);
+  await mkdir(projectDir, { recursive: true });
+
+  // base template
+  let templateDir = path.resolve(__dirname, templateName);
+  await cp(templateDir, projectDir, {
+    errorOnExist: true,
+    filter: (source) => path.basename(source) !== "node_modules",
+    recursive: true,
+  });
+
+  // user-defined files
+  await Promise.all(
+    Object.entries(assertNoViteConfigFiles(files)).map(
+      async ([filename, contents]) => {
+        let filepath = path.join(projectDir, filename);
+        await mkdir(path.dirname(filepath), { recursive: true });
+        await writeFile(filepath, stripIndent(contents));
+      },
+    ),
+  );
+
+  await finalizeFixtureProject({ projectDir, templateName });
+  prepareFixtureProjectDependencies(projectDir, templateName);
+
+  return projectDir;
+}
+
+// Keep empty stderr assertions stable when FORCE_COLOR is set by CI.
+const colorEnv = {
+  FORCE_COLOR: undefined,
+  NO_COLOR: "1",
+} as const;
+
+export const build = ({
+  cwd,
+  env = {},
+}: {
+  cwd: string;
+  env?: Record<string, string>;
+}) => {
+  let nodeBin = process.argv[0];
+  prepareFixtureProjectDependencies(cwd);
+
+  return spawnSync(nodeBin, [rsbuildBin, "build"], {
+    cwd,
+    env: withFrameworkTestRunEnv({
+      ...process.env,
+      ...colorEnv,
+      ...env,
+    }),
+  });
+};
+
+const formatBuildFailure = (result: ReturnType<typeof build>) => {
+  const stdout = result.stdout?.toString("utf8").trim();
+  const stderr = result.stderr?.toString("utf8").trim();
+  return [
+    `Expected Rsbuild build to exit successfully, got status=${result.status} signal=${result.signal}`,
+    stdout ? `stdout:\n${stdout}` : "stdout: <empty>",
+    stderr ? `stderr:\n${stderr}` : "stderr: <empty>",
+  ].join("\n\n");
+};
+
+export const reactRouterServe = async ({
+  cwd,
+  port,
+  serverBundle,
+  basename,
+  base,
+}: {
+  cwd: string;
+  port: number;
+  serverBundle?: string;
+  basename?: string;
+  base?: string;
+}) => {
+  let nodeBin = process.argv[0];
+  const isRscFixture =
+    !serverBundle &&
+    existsSync(path.join(cwd, "start.js")) &&
+    existsSync(path.join(cwd, "build/server/index.js"));
+  const args = isRscFixture
+    ? ["start.js"]
+    : [
+        reactRouterServeBin,
+        serverBundle
+          ? `build/server/${serverBundle}/index.js`
+          : "build/server/static/js/app.js",
+      ];
+  assertResourceGuardrail();
+  let serveProc = spawn(nodeBin, args, {
+    cwd,
+    stdio: "pipe",
+    detached: platform() !== "win32",
+    env: withFrameworkTestRunEnv({
+      ...process.env,
+      ...colorEnv,
+      NODE_ENV: "production",
+      PORT: port.toFixed(0),
+      ...(base === undefined ? {} : { RSBUILD_BASE: base }),
+    }),
+  });
+  await waitForServer(serveProc, { port, basename });
+  return () => stopProcess(serveProc);
+};
+
+type ServerArgs = {
+  cwd: string;
+  port: number;
+  env?: Record<string, string>;
+  basename?: string;
+};
+
+export const createDev =
+  (nodeArgs: string[]) =>
+  async ({
+    cwd,
+    port,
+    env,
+    basename,
+  }: ServerArgs): Promise<() => Promise<void>> => {
+    prepareFixtureProjectDependencies(cwd);
+    const args =
+      nodeArgs[0] === rsbuildBin && nodeArgs[1] === "dev"
+        ? [...nodeArgs, "--port", String(port)]
+        : nodeArgs;
+    let proc = node(args, {
+      cwd,
+      env: {
+        NODE_ENV: "development",
+        ...env,
+      },
+    });
+    await waitForServer(proc, { port, basename });
+    return () => stopProcess(proc);
+  };
+
+export const dev = createDev([rsbuildBin, "dev", "--host", "localhost"]);
+export const customDev = createDev(["./server.mjs"]);
+
+export const rsbuildPreview = async ({
+  cwd,
+  port,
+}: {
+  cwd: string;
+  port: number;
+}) => {
+  // SPA-mode (`ssr: false`) builds have no server bundle
+  // (`build/server/static/js/app.js`); there is only a static
+  // `build/client` directory. `react-router-serve` cannot serve those, so
+  // fall back to a static file server with an SPA fallback to `index.html`,
+  // mirroring upstream's `ssr: false` preview handling.
+  let serverBundlePath = path.join(cwd, "build/server/static/js/app.js");
+  let rscServerBundlePath = path.join(cwd, "build/server/index.js");
+  let clientIndexPath = path.join(cwd, "build/client/index.html");
+  if (
+    !existsSync(serverBundlePath) &&
+    !existsSync(rscServerBundlePath) &&
+    existsSync(clientIndexPath)
+  ) {
+    return spaStaticPreview({ cwd, port });
+  }
+  return reactRouterServe({ cwd, port });
+};
+
+// Serves a SPA-mode (`ssr: false`) build's `build/client` directory over HTTP,
+// falling back to `index.html` for unmatched routes so client-side routing
+// resolves on hard navigations/reloads.
+const spaStaticPreview = async ({
+  cwd,
+  port,
+}: {
+  cwd: string;
+  port: number;
+}) => {
+  let { createServer } = await import("node:http");
+  let { readFile: read } = await import("node:fs/promises");
+  let clientDir = path.join(cwd, "build/client");
+
+  const contentTypes: Record<string, string> = {
+    ".html": "text/html; charset=utf-8",
+    ".js": "text/javascript; charset=utf-8",
+    ".mjs": "text/javascript; charset=utf-8",
+    ".css": "text/css; charset=utf-8",
+    ".json": "application/json; charset=utf-8",
+    ".svg": "image/svg+xml",
+    ".ico": "image/x-icon",
+    ".png": "image/png",
+    ".jpg": "image/jpeg",
+    ".jpeg": "image/jpeg",
+    ".gif": "image/gif",
+    ".woff": "font/woff",
+    ".woff2": "font/woff2",
+    ".map": "application/json; charset=utf-8",
+    ".txt": "text/plain; charset=utf-8",
+  };
+
+  const server = createServer(async (req, res) => {
+    try {
+      let pathname = decodeURIComponent(
+        new URL(req.url ?? "/", "http://localhost").pathname,
+      );
+      let relativePath = pathname.replace(/^\/+/, "");
+      let candidate = path.join(clientDir, relativePath);
+      // Prevent path traversal outside the client directory.
+      if (!candidate.startsWith(clientDir)) {
+        res.statusCode = 403;
+        res.end("Forbidden");
+        return;
+      }
+
+      let filePath: string | null = null;
+      if (relativePath && existsSync(candidate) && !candidate.endsWith("/")) {
+        filePath = candidate;
+      } else if (existsSync(path.join(candidate, "index.html"))) {
+        filePath = path.join(candidate, "index.html");
+      } else if (path.extname(relativePath)) {
+        // A missing asset (has a file extension) must 404 rather than fall
+        // back to index.html — otherwise the browser receives HTML for a
+        // script/style request and never settles the network.
+        res.statusCode = 404;
+        res.end("Not found");
+        return;
+      } else {
+        // SPA fallback: serve the root document for client-routed paths.
+        filePath = path.join(clientDir, "index.html");
+      }
+
+      let body = await read(filePath);
+      res.statusCode = 200;
+      res.setHeader(
+        "Content-Type",
+        contentTypes[path.extname(filePath)] ?? "application/octet-stream",
+      );
+      res.end(body);
+    } catch (error) {
+      res.statusCode = 500;
+      res.end(String(error));
+    }
+  });
+
+  await new Promise<void>((resolve, reject) => {
+    server.on("error", reject);
+    server.listen(port, "localhost", () => resolve());
+  });
+
+  await waitOn({
+    resources: [`http://localhost:${port}/`],
+    timeout: platform() === "win32" ? 20000 : 10000,
+  });
+
+  return () =>
+    new Promise<void>((resolve) => {
+      server.close(() => resolve());
+    });
+};
+
+// Used for testing errors thrown on build when we don't want to start and
+// wait for the server
+export const rsbuildDevCmd = ({ cwd }: { cwd: string }) => {
+  let nodeBin = process.argv[0];
+  prepareFixtureProjectDependencies(cwd);
+  // `rsbuild dev` is a persistent server and never exits on its own
+  // on successful startup. The timeout guard keeps an assumed-to-exit spawn
+  // from blocking a whole suite run indefinitely.
+  return spawnSync(nodeBin, [rsbuildBin, "dev"], {
+    cwd,
+    env: withFrameworkTestRunEnv({ ...process.env }),
+    timeout: 30_000,
+    killSignal: "SIGTERM",
+  });
+};
+
+declare module "@playwright/test" {
+  interface Page {
+    errors: Error[];
+  }
+}
+
+export type Files = (args: { port: number }) => Promise<Record<string, string>>;
+type Fixtures = {
+  page: Page;
+  dev: (
+    files: Files,
+    templateName?: TemplateName,
+  ) => Promise<{
+    port: number;
+    cwd: string;
+  }>;
+  customDev: (
+    files: Files,
+    templateName?: TemplateName,
+  ) => Promise<{
+    port: number;
+    cwd: string;
+  }>;
+  reactRouterServe: (files: Files) => Promise<{
+    port: number;
+    cwd: string;
+  }>;
+  rsbuildPreview: (
+    files: Files,
+    templateName?: TemplateName,
+  ) => Promise<{
+    port: number;
+    cwd: string;
+  }>;
+};
+
+export const test = base.extend<Fixtures>({
+  page: async ({ page }, use) => {
+    page.errors = [];
+    page.on("pageerror", (error: Error) => page.errors.push(error));
+    await use(page);
+  },
+  // eslint-disable-next-line no-empty-pattern
+  dev: async ({}, use) => {
+    let stops: Array<() => unknown> = [];
+    await use(async (files, template) => {
+      let port = await getPort();
+      let cwd = await createProject(await files({ port }), template);
+      stops.push(await dev({ cwd, port }));
+      return { port, cwd };
+    });
+    for (let stop of stops.reverse()) {
+      await stop();
+    }
+  },
+  // eslint-disable-next-line no-empty-pattern
+  customDev: async ({}, use) => {
+    let stop: (() => unknown) | undefined;
+    await use(async (files, template) => {
+      let port = await getPort();
+      let cwd = await createProject(await files({ port }), template);
+      stop = await customDev({ cwd, port });
+      return { port, cwd };
+    });
+    await stop?.();
+  },
+  // eslint-disable-next-line no-empty-pattern
+  reactRouterServe: async ({}, use) => {
+    let stop: (() => unknown) | undefined;
+    await use(async (files) => {
+      let port = await getPort();
+      let cwd = await createProject(await files({ port }));
+      let result = build({ cwd });
+      expect(result.status, formatBuildFailure(result)).toBe(0);
+      stop = await reactRouterServe({ cwd, port });
+      return { port, cwd };
+    });
+    await stop?.();
+  },
+  // eslint-disable-next-line no-empty-pattern
+  rsbuildPreview: async ({}, use) => {
+    let stop: (() => unknown) | undefined;
+    await use(async (files, template) => {
+      let port = await getPort();
+      let cwd = await createProject(await files({ port }), template);
+      let result = build({ cwd });
+      expect(result.status, formatBuildFailure(result)).toBe(0);
+      stop = await rsbuildPreview({ cwd, port });
+      return { port, cwd };
+    });
+    await stop?.();
+  },
+});
+
+function node(
+  args: string[],
+  options: { cwd: string; env?: Record<string, string> },
+) {
+  let nodeBin = process.argv[0];
+  let nodeOptions = [
+    process.env.NODE_OPTIONS,
+    "--experimental-vm-modules",
+    "--experimental-global-webcrypto",
+  ]
+    .filter(Boolean)
+    .join(" ");
+
+  assertResourceGuardrail();
+  let proc = spawn(nodeBin, args, {
+    cwd: options.cwd,
+    env: withFrameworkTestRunEnv({
+      ...process.env,
+      ...colorEnv,
+      NODE_OPTIONS: nodeOptions,
+      ...options.env,
+    }),
+    stdio: "pipe",
+    detached: platform() !== "win32",
+  });
+  assertResourceGuardrail({
+    counts: getActiveResourceCounts({
+      ownedPids: proc.pid === undefined ? undefined : [proc.pid],
+    }),
+  });
+  return proc;
+}
+
+async function stopProcess(proc: ChildProcess) {
+  if (proc.exitCode !== null || proc.signalCode !== null) {
+    return;
+  }
+
+  let forceKill: NodeJS.Timeout | undefined;
+  let settle: NodeJS.Timeout | undefined;
+  const exited = new Promise<void>((resolve) => {
+    const done = () => {
+      if (forceKill) clearTimeout(forceKill);
+      if (settle) clearTimeout(settle);
+      resolve();
+    };
+    proc.once("exit", done);
+    proc.once("close", done);
+    settle = setTimeout(done, 6000);
+  });
+  const kill = (signal: NodeJS.Signals) => {
+    if (proc.pid && platform() !== "win32") {
+      try {
+        process.kill(-proc.pid, signal);
+        return;
+      } catch {
+        // The group may already be gone; fall back to the direct child.
+      }
+    }
+    proc.kill(signal);
+  };
+
+  kill("SIGTERM");
+  forceKill = setTimeout(() => kill("SIGKILL"), 5000);
+  await exited;
+}
+
+async function waitForServer(
+  proc: ChildProcess & { stdout: Readable; stderr: Readable },
+  args: { port: number; host?: string; basename?: string },
+) {
+  let devStdout = bufferize(proc.stdout);
+  let devStderr = bufferize(proc.stderr);
+
+  await waitOn({
+    resources: [
+      `http://${args.host ?? "localhost"}:${args.port}${
+        args.basename ?? "/"
+      }`,
+    ],
+    timeout: 20000,
+  }).catch(async (err) => {
+    let stdout = devStdout();
+    let stderr = devStderr();
+    await stopProcess(proc);
+    throw new Error(
+      [
+        err.message,
+        "",
+        "exit code: " + proc.exitCode,
+        "stdout: " + stdout ? `\n${stdout}\n` : "<empty>",
+        "stderr: " + stderr ? `\n${stderr}\n` : "<empty>",
+      ].join("\n"),
+    );
+  });
+}
+
+function bufferize(stream: Readable): () => string {
+  let buffer = "";
+  stream.on("data", (data) => (buffer += data.toString()));
+  return () => buffer;
+}
+
+export function createEditor(projectDir: string) {
+  return async function edit(
+    file: string,
+    transform: (contents: string) => string,
+  ) {
+    let filepath = path.join(projectDir, file);
+    let contents = await readFile(filepath, "utf8");
+    await writeFile(filepath, transform(contents), "utf8");
+
+    return async function revert() {
+      await writeFile(filepath, contents, "utf8");
+    };
+  };
+}
+
+export function grep(cwd: string, pattern: RegExp): string[] {
+  let assetFiles = globSync("**/*.@(js|jsx|ts|tsx)", { cwd }).map((file) =>
+    path.resolve(cwd, file),
+  );
+
+  let lines = shell
+    .grep("-l", pattern, assetFiles)
+    .stdout.trim()
+    .split("\n")
+    .filter((line) => line.length > 0);
+  return lines;
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-framework/.gitignore b/tests/react-router-framework/integration/helpers/rsc-framework/.gitignore
new file mode 100644
index 00000000..e3fbd983
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-framework/.gitignore
@@ -0,0 +1,2 @@
+build
+node_modules
diff --git a/tests/react-router-framework/integration/helpers/rsc-framework/app/root.tsx b/tests/react-router-framework/integration/helpers/rsc-framework/app/root.tsx
new file mode 100644
index 00000000..9f824e6c
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-framework/app/root.tsx
@@ -0,0 +1,18 @@
+import { Links, Meta, Outlet, ScrollRestoration } from "react-router";
+
+export default function App() {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <Outlet />
+        <ScrollRestoration />
+      </body>
+    </html>
+  );
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-framework/app/routes.ts b/tests/react-router-framework/integration/helpers/rsc-framework/app/routes.ts
new file mode 100644
index 00000000..4c05936c
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-framework/app/routes.ts
@@ -0,0 +1,4 @@
+import { type RouteConfig } from "@react-router/dev/routes";
+import { flatRoutes } from "@react-router/fs-routes";
+
+export default flatRoutes() satisfies RouteConfig;
diff --git a/tests/react-router-framework/integration/helpers/rsc-framework/app/routes/_index.tsx b/tests/react-router-framework/integration/helpers/rsc-framework/app/routes/_index.tsx
new file mode 100644
index 00000000..ecfc25c6
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-framework/app/routes/_index.tsx
@@ -0,0 +1,16 @@
+import type { MetaFunction } from "react-router";
+
+export const meta: MetaFunction = () => {
+  return [
+    { title: "New React Router App" },
+    { name: "description", content: "Welcome to React Router!" },
+  ];
+};
+
+export default function Index() {
+  return (
+    <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
+      <h1>Welcome to React Router</h1>
+    </div>
+  );
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-framework/package.json b/tests/react-router-framework/integration/helpers/rsc-framework/package.json
new file mode 100644
index 00000000..550e2233
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-framework/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "integration-rsc-framework",
+  "version": "0.0.0",
+  "private": true,
+  "sideEffects": false,
+  "type": "module",
+  "scripts": {
+    "dev": "NODE_OPTIONS=\"--experimental-vm-modules --experimental-global-webcrypto\" rsbuild dev --host localhost",
+    "build": "rsbuild build",
+    "start": "HOST=127.0.0.1 node start.js",
+    "typecheck": "react-router typegen && tsc"
+  },
+  "devDependencies": {
+    "@mdx-js/rollup": "^3.1.1",
+    "@react-router/dev": "^8.0.1",
+    "@react-router/fs-routes": "^8.0.1",
+    "@react-router/remix-routes-option-adapter": "^8.0.1",
+    "@rsbuild/core": "2.1.0",
+    "@rsbuild/plugin-less": "1.6.4",
+    "@rsbuild/plugin-mdx": "^1.1.3",
+    "@rsbuild/plugin-react": "2.1.0",
+    "@rsbuild/plugin-sass": "1.5.3",
+    "@rsbuild/plugin-svgr": "2.0.4",
+    "@rsbuild/plugin-tailwindcss": "2.0.3",
+    "@types/express": "^5.0.6",
+    "@types/node": "^22.19.19",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "@vanilla-extract/css": "^1.20.1",
+    "@vanilla-extract/webpack-plugin": "^2.3.27",
+    "cross-env": "^10.1.0",
+    "rsbuild": "npm:@rsbuild/core@2.1.0",
+    "rsbuild-plugin-react-router": "workspace:*",
+    "rsbuild-plugin-rsc": "^0.1.1",
+    "tailwindcss": "4.3.2",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "@react-router/express": "^8.0.1",
+    "@react-router/node": "^8.0.1",
+    "@react-router/serve": "^8.0.1",
+    "@remix-run/node-fetch-server": "^0.13.3",
+    "@vanilla-extract/css": "^1.20.1",
+    "compression": "^1.8.1",
+    "express": "^4.22.2",
+    "isbot": "^5.1.40",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router": "^8.0.1",
+    "react-server-dom-rspack": "0.0.2"
+  }
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-framework/public/favicon.ico b/tests/react-router-framework/integration/helpers/rsc-framework/public/favicon.ico
new file mode 100644
index 00000000..5dbdfcdd
Binary files /dev/null and b/tests/react-router-framework/integration/helpers/rsc-framework/public/favicon.ico differ
diff --git a/tests/react-router-framework/integration/helpers/rsc-framework/start.js b/tests/react-router-framework/integration/helpers/rsc-framework/start.js
new file mode 100644
index 00000000..fca3e271
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-framework/start.js
@@ -0,0 +1,78 @@
+import { existsSync } from "node:fs";
+import { readFile } from "node:fs/promises";
+import path from "node:path";
+import { createRequestListener } from "@remix-run/node-fetch-server";
+import express from "express";
+import build from "./build/server/index.js";
+
+const app = express();
+const clientBuildDirectory = path.resolve("build/client");
+const base = process.env.RSBUILD_BASE || "/";
+
+const resolveClientBuildPath = (requestPath, ...segments) => {
+  const candidatePath = path.resolve(
+    clientBuildDirectory,
+    `.${requestPath}`,
+    ...segments,
+  );
+  if (
+    candidatePath !== clientBuildDirectory &&
+    !candidatePath.startsWith(`${clientBuildDirectory}${path.sep}`)
+  ) {
+    return undefined;
+  }
+  return candidatePath;
+};
+
+app.use(base, express.static(clientBuildDirectory, { index: false }));
+
+// Serve prerendered documents, mirroring the Rsbuild RSC integration's
+// preview server middleware (`<path>/index.html` written at build time).
+app.use(base, async (req, res, next) => {
+  try {
+    const htmlFilePath = resolveClientBuildPath(req.path, "index.html");
+    if (htmlFilePath && existsSync(htmlFilePath)) {
+      res.setHeader("Content-Type", "text/html");
+      res.end(await readFile(htmlFilePath, "utf-8"));
+      return;
+    }
+    next();
+  } catch (error) {
+    next(error);
+  }
+});
+
+app.get("/.well-known/appspecific/com.chrome.devtools.json", (_, res) => {
+  res.status(404);
+  res.send("Not Found");
+});
+
+// SPA fallback for `ssr: false` builds: serve the prerendered fallback shell
+// (or its RSC payload) instead of hitting the server, mirroring the upstream
+// preview server behavior.
+app.use(base, async (req, res, next) => {
+  try {
+    const fallbackFilePath = path.join(
+      clientBuildDirectory,
+      req.path.endsWith(".rsc") ? "__spa-fallback.rsc" : "__spa-fallback.html",
+    );
+    if (existsSync(fallbackFilePath)) {
+      res.statusCode = 404;
+      res.setHeader(
+        "Content-Type",
+        req.path.endsWith(".rsc") ? "text/x-component" : "text/html",
+      );
+      res.end(await readFile(fallbackFilePath, "utf-8"));
+      return;
+    }
+    next();
+  } catch (error) {
+    next(error);
+  }
+});
+
+app.use(createRequestListener(build.fetch));
+
+const port = process.env.PORT || 3000;
+app.listen(port);
+console.log(`Server listening on port ${port} (http://localhost:${port})`);
diff --git a/tests/react-router-framework/integration/helpers/rsc-framework/tsconfig.json b/tests/react-router-framework/integration/helpers/rsc-framework/tsconfig.json
new file mode 100644
index 00000000..2e1c3eb0
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-framework/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "include": ["**/*.ts", "**/*.tsx", "./.react-router/types/**/*"],
+  "compilerOptions": {
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "paths": {
+      "~/*": ["./app/*"]
+    },
+    "rootDirs": [".", "./.react-router/types"]
+  }
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/.gitignore b/tests/react-router-framework/integration/helpers/rsc-preview/.gitignore
new file mode 100644
index 00000000..de4d1f00
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/.gitignore
@@ -0,0 +1,2 @@
+dist
+node_modules
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/package.json b/tests/react-router-framework/integration/helpers/rsc-preview/package.json
new file mode 100644
index 00000000..cab95fac
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "integration-rsc-preview",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "rsbuild dev",
+    "build": "rsbuild build",
+    "start": "cross-env NODE_ENV=production node server.js",
+    "typecheck": "tsc"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "2.1.0",
+    "@rsbuild/plugin-react": "2.1.0",
+    "@types/express": "^5.0.6",
+    "@types/node": "^22.19.19",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "rsbuild": "npm:@rsbuild/core@2.1.0",
+    "rsbuild-plugin-react-router": "workspace:*",
+    "rsbuild-plugin-rsc": "^0.1.1",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "@remix-run/node-fetch-server": "^0.13.3",
+    "compression": "^1.8.1",
+    "cross-env": "^10.1.0",
+    "express": "^4.22.2",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router": "^8.0.1",
+    "react-server-dom-rspack": "0.0.2"
+  }
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/public/favicon.ico b/tests/react-router-framework/integration/helpers/rsc-preview/public/favicon.ico
new file mode 100644
index 00000000..5dbdfcdd
Binary files /dev/null and b/tests/react-router-framework/integration/helpers/rsc-preview/public/favicon.ico differ
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/rsbuild.config.ts b/tests/react-router-framework/integration/helpers/rsc-preview/rsbuild.config.ts
new file mode 100644
index 00000000..de5814ab
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/rsbuild.config.ts
@@ -0,0 +1,107 @@
+import { defineConfig } from "@rsbuild/core";
+import { pluginReact } from "@rsbuild/plugin-react";
+import { Layers, pluginRSC } from "rsbuild-plugin-rsc";
+import { createRequestListener } from "@remix-run/node-fetch-server";
+
+export default defineConfig({
+  plugins: [
+    pluginReact(),
+    pluginRSC({
+      // entry.ssr.tsx is pulled in by entry.rsc.tsx (entry.rsc.tsx:14). Mark it
+      // into the SSR layer so it uses the default (non-`react-server`) export
+      // condition while entry.rsc stays in the `react-server` layer below.
+      layers: {
+        ssr: [/[\\/]entry\.ssr\.tsx$/],
+      },
+    }),
+  ],
+  environments: {
+    // "server" is pluginRSC's default RSC/server env (target `node`, set by the
+    // plugin). server.js imports `./dist/rsc/index.js`, so root -> dist/rsc.
+    server: {
+      source: {
+        entry: {
+          index: {
+            import: "./src/entry.rsc.tsx",
+            layer: Layers.rsc,
+          },
+        },
+      },
+      output: {
+        distPath: { root: "dist/rsc" },
+      },
+    },
+    // "client" is pluginRSC's default browser env (target `web`). server.js
+    // serves `express.static("dist/client")`, so root -> dist/client.
+    client: {
+      source: {
+        entry: {
+          // html:false: the RSC server renders the document (root.tsx Layout).
+          // Without this, a stray dist/client/index.html would be served by
+          // express.static at "/" and shadow the RSC handler.
+          index: { import: "./src/entry.browser.tsx", html: false },
+        },
+      },
+      output: {
+        distPath: { root: "dist/client" },
+      },
+      tools: {
+        rspack: {
+          // Client component modules ("use client") expose exports like
+          // `clientLoader`, `clientAction`, `HydrateFallback`, `ErrorBoundary`
+          // that are only referenced dynamically by the RSC runtime via client
+          // references (by export name) — never statically from the browser
+          // entry graph. Production tree-shaking (`usedExports`) would drop
+          // them and `mangleExports` would rename them, so the client would
+          // resolve them to `undefined` and render the wrong tree (a hydration
+          // mismatch, React #418). Disable both so every client export
+          // survives. Mirrors the framework plugin's `webOptimization`
+          // (src/mode-plan.ts).
+          optimization: {
+            usedExports: false,
+            mangleExports: false,
+          },
+        },
+      },
+    },
+  },
+  // Production is handled by server.js. In dev the test runs `rsbuild dev`
+  // directly (utils.ts:37-42) and rsbuild-plugin-rsc does NOT render documents
+  // itself (its dev middleware only serves source maps — plugin dist/index.js).
+  // Wire the compiled RSC fetch handler as the catch-all, mirroring the
+  // framework plugin's own dev setup (src/rsc-dev-server.ts).
+  server: {
+    setup: ({ server }) => {
+      const devServer = server as typeof server & {
+        environments: {
+          server: {
+            loadBundle<T>(entryName: string): Promise<T>;
+          };
+        };
+      };
+      // Return-callback form runs AFTER rsbuild's built-in asset middlewares,
+      // so compiled client assets / HMR endpoints are served first and only
+      // unmatched requests (documents, resource routes, actions) reach RSC.
+      return () => {
+        server.middlewares.use(async (req, res, next) => {
+          if (
+            req.url &&
+            new URL(req.url, "http://localhost").pathname.startsWith(
+              "/__rsbuild",
+            )
+          ) {
+            return next();
+          }
+          try {
+            const mod = await devServer.environments.server.loadBundle<{
+              default: (request: Request) => Promise<Response>;
+            }>("index");
+            await createRequestListener(mod.default)(req, res);
+          } catch (error) {
+            next(error);
+          }
+        });
+      };
+    },
+  },
+});
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/server.js b/tests/react-router-framework/integration/helpers/rsc-preview/server.js
new file mode 100644
index 00000000..78cc5b08
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/server.js
@@ -0,0 +1,26 @@
+import { parseArgs } from "node:util";
+import { createRequestListener } from "@remix-run/node-fetch-server";
+import express from "express";
+
+import rscRequestHandler from "./dist/rsc/index.js";
+
+const app = express();
+
+app.use(express.static("dist/client"));
+
+app.get("/.well-known/appspecific/com.chrome.devtools.json", (req, res) => {
+  res.status(404);
+  res.end();
+});
+
+app.use(createRequestListener(rscRequestHandler));
+
+const { values } = parseArgs({
+  options: { p: { type: "string", default: "3000" } },
+  allowPositionals: true,
+});
+
+const port = parseInt(values.p, 10);
+app.listen(port, () => {
+  console.log(`Server started on http://localhost:${port}`);
+});
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/src/config/basename.ts b/tests/react-router-framework/integration/helpers/rsc-preview/src/config/basename.ts
new file mode 100644
index 00000000..17b384ae
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/src/config/basename.ts
@@ -0,0 +1,2 @@
+// THIS FILE IS DESIGNED TO BE OVERRIDDEN IN TESTS IF NEEDED
+export const basename = undefined;
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/src/config/get-context.ts b/tests/react-router-framework/integration/helpers/rsc-preview/src/config/get-context.ts
new file mode 100644
index 00000000..43ad6d9d
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/src/config/get-context.ts
@@ -0,0 +1,2 @@
+// THIS FILE IS DESIGNED TO BE OVERRIDDEN IN TESTS IF NEEDED
+export const getContext = undefined;
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/src/config/request-context.ts b/tests/react-router-framework/integration/helpers/rsc-preview/src/config/request-context.ts
new file mode 100644
index 00000000..517ea0e6
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/src/config/request-context.ts
@@ -0,0 +1,2 @@
+// THIS FILE IS DESIGNED TO BE OVERRIDDEN IN TESTS IF NEEDED
+export const requestContext = undefined;
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.browser.tsx b/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.browser.tsx
new file mode 100644
index 00000000..d5baf01f
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.browser.tsx
@@ -0,0 +1,45 @@
+import { startTransition, StrictMode } from "react";
+import { hydrateRoot } from "react-dom/client";
+import {
+  createFromReadableStream,
+  createTemporaryReferenceSet,
+  encodeReply,
+  setServerCallback,
+} from "react-server-dom-rspack/client.browser";
+import {
+  unstable_createCallServer as createCallServer,
+  unstable_getRSCStream as getRSCStream,
+  unstable_RSCHydratedRouter as RSCHydratedRouter,
+  type unstable_RSCPayload as RSCPayload,
+} from "react-router/dom";
+import { getContext } from "./config/get-context";
+
+setServerCallback(
+  createCallServer({
+    createFromReadableStream,
+    createTemporaryReferenceSet,
+    encodeReply,
+  }),
+);
+
+createFromReadableStream<RSCPayload>(getRSCStream()).then((payload) => {
+  startTransition(async () => {
+    const formState =
+      payload.type === "render" ? await payload.formState : undefined;
+
+    hydrateRoot(
+      document,
+      <StrictMode>
+        <RSCHydratedRouter
+          payload={payload}
+          createFromReadableStream={createFromReadableStream}
+          getContext={getContext}
+        />
+      </StrictMode>,
+      {
+        // @ts-expect-error React Router RSC formState is not typed yet.
+        formState,
+      },
+    );
+  });
+});
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.rsc.bootstrap.ts b/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.rsc.bootstrap.ts
new file mode 100644
index 00000000..1238dfef
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.rsc.bootstrap.ts
@@ -0,0 +1,17 @@
+// The `use server-entry` directive makes the rspack RSC runtime wrap this
+// module's server-component export with `createServerEntry`. That attaches the
+// global client bootstrap scripts (`__rspack_rsc_manifest__.entryJsFiles`, i.e.
+// the compiled browser entry) as `entryJsFiles` on the export.
+//
+// This lives in its own template-owned module (rather than on a route module
+// like `root.tsx`) because the integration tests inject their own
+// `src/routes/root.tsx` per fixture, which would drop the directive. entry.rsc
+// reads `ClientBootstrap.entryJsFiles` and forwards it to the SSR renderer as
+// `bootstrapScripts` so the server-rendered document boots the browser bundle
+// and hydrates. `entryJsFiles` is manifest-global, so any server-entry export
+// yields the same client bootstrap list.
+"use server-entry";
+
+export function ClientBootstrap(): null {
+  return null;
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.rsc.tsx b/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.rsc.tsx
new file mode 100644
index 00000000..9621ce88
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.rsc.tsx
@@ -0,0 +1,62 @@
+import {
+  createTemporaryReferenceSet,
+  decodeAction,
+  decodeFormState,
+  decodeReply,
+  loadServerAction as loadServerActionSync,
+  renderToReadableStream,
+} from "react-server-dom-rspack/server.node";
+import { unstable_matchRSCServerRequest as matchRSCServerRequest } from "react-router";
+import { basename } from "./config/basename";
+
+import { routes } from "./routes";
+import { requestContext } from "./config/request-context";
+import ssrHandler from "./entry.ssr";
+import { ClientBootstrap } from "./entry.rsc.bootstrap";
+
+declare const __webpack_require__:
+  | {
+      rscM?: {
+        serverManifest?: unknown;
+      };
+    }
+  | undefined;
+
+const getServerManifest = (): unknown =>
+  typeof __webpack_require__ === "undefined"
+    ? undefined
+    : __webpack_require__.rscM?.serverManifest;
+
+export async function fetchServer(request: Request) {
+  return await matchRSCServerRequest({
+    createTemporaryReferenceSet,
+    decodeReply,
+    decodeAction: (body) => decodeAction(body, getServerManifest()),
+    decodeFormState: (actionResult, body) =>
+      decodeFormState(actionResult, body, getServerManifest()),
+    loadServerAction: (id: string) => Promise.resolve(loadServerActionSync(id)),
+    request,
+    requestContext,
+    routes,
+    basename,
+    generateResponse(match, options) {
+      return new Response(renderToReadableStream(match.payload, options), {
+        status: match.statusCode,
+        headers: match.headers,
+      });
+    },
+  });
+}
+
+export default async function handler(request: Request) {
+  // `ClientBootstrap` carries the compiled browser entry scripts on
+  // `entryJsFiles` (attached by the rspack RSC runtime via its `use server-entry`
+  // directive). Forward them to the SSR renderer so the server-rendered document
+  // boots `entry.browser.tsx` and hydrates. Without this the page renders server
+  // HTML but never loads client JS, so every client-interactive path hangs.
+  // Mirrors the rsbuild-plugin-rsc react-router example and this repo's own
+  // framework `entry.rsc.tsx` (which passes `bootstrapScripts` to generateHTML).
+  const bootstrapScripts = (ClientBootstrap as { entryJsFiles?: string[] })
+    .entryJsFiles;
+  return ssrHandler(request, await fetchServer(request), { bootstrapScripts });
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.ssr.tsx b/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.ssr.tsx
new file mode 100644
index 00000000..f06246dc
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/src/entry.ssr.tsx
@@ -0,0 +1,44 @@
+import { createFromReadableStream } from "react-server-dom-rspack/client.node";
+import * as ReactDomServer from "react-dom/server";
+import {
+  unstable_RSCStaticRouter as RSCStaticRouter,
+  unstable_routeRSCServerRequest as routeRSCServerRequest,
+} from "react-router";
+import type { unstable_RSCPayload as RSCPayload } from "react-router/dom";
+
+type PayloadPromise = Promise<RSCPayload> & {
+  formState?: Promise<unknown>;
+};
+
+export default async function handler(
+  request: Request,
+  serverResponse: Response,
+  options: {
+    bootstrapScripts?: string[];
+  } = {},
+) {
+  return routeRSCServerRequest({
+    request,
+    serverResponse,
+    createFromReadableStream,
+    async renderHTML(getPayload, renderOptions) {
+      const payload = getPayload() as PayloadPromise;
+      payload.formState ??= payload.then((value) =>
+        value.type === "render" ? value.formState : undefined,
+      );
+
+      return ReactDomServer.renderToReadableStream(
+        <RSCStaticRouter getPayload={getPayload} />,
+        {
+          ...renderOptions,
+          // Inject the client bootstrap scripts (browser entry) so the
+          // server-rendered document hydrates. Threaded from entry.rsc.tsx via
+          // the RSC server entry's `entryJsFiles`.
+          bootstrapScripts: options.bootstrapScripts,
+          signal: request.signal,
+          formState: (await payload.formState) as never,
+        },
+      );
+    },
+  });
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/src/routes.ts b/tests/react-router-framework/integration/helpers/rsc-preview/src/routes.ts
new file mode 100644
index 00000000..6ea30ad6
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/src/routes.ts
@@ -0,0 +1,16 @@
+import type { unstable_RSCRouteConfig as RSCRouteConfig } from "react-router";
+
+export const routes = [
+  {
+    id: "root",
+    path: "",
+    lazy: () => import("./routes/root"),
+    children: [
+      {
+        id: "home",
+        index: true,
+        lazy: () => import("./routes/home"),
+      },
+    ],
+  },
+] satisfies RSCRouteConfig;
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/src/routes/home.tsx b/tests/react-router-framework/integration/helpers/rsc-preview/src/routes/home.tsx
new file mode 100644
index 00000000..b5e52280
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/src/routes/home.tsx
@@ -0,0 +1,3 @@
+export default function HomeRoute() {
+  return <h2>Home</h2>;
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/src/routes/root.tsx b/tests/react-router-framework/integration/helpers/rsc-preview/src/routes/root.tsx
new file mode 100644
index 00000000..b28d3ecd
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/src/routes/root.tsx
@@ -0,0 +1,22 @@
+import { Links, Outlet, ScrollRestoration } from "react-router";
+
+export function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title>Rsbuild (RSC)</title>
+        <Links />
+      </head>
+      <body>
+        {children}
+        <ScrollRestoration />
+      </body>
+    </html>
+  );
+}
+
+export default function RootRoute() {
+  return <Outlet />;
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/src/rsc-runtime.d.ts b/tests/react-router-framework/integration/helpers/rsc-preview/src/rsc-runtime.d.ts
new file mode 100644
index 00000000..fba32a3d
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/src/rsc-runtime.d.ts
@@ -0,0 +1,53 @@
+declare module "react-server-dom-rspack/client.browser" {
+  export function createFromReadableStream<T>(
+    stream: ReadableStream<Uint8Array>,
+    options?: { temporaryReferences?: unknown },
+  ): Promise<T>;
+
+  export function createTemporaryReferenceSet(): unknown;
+
+  export function encodeReply(
+    value: unknown,
+    options?: { temporaryReferences?: unknown },
+  ): Promise<BodyInit>;
+
+  export function setServerCallback(
+    fn: (id: string, args: unknown[]) => Promise<unknown>,
+  ): void;
+}
+
+declare module "react-server-dom-rspack/client.node" {
+  export * from "react-server-dom-rspack/client.browser";
+}
+
+declare module "react-server-dom-rspack/server.node" {
+  export function createTemporaryReferenceSet(): unknown;
+
+  export function decodeAction(
+    body: FormData,
+    serverManifest?: unknown,
+  ): Promise<() => Promise<unknown>>;
+
+  export function decodeFormState(
+    actionResult: unknown,
+    body: FormData,
+    serverManifest?: unknown,
+  ): unknown;
+
+  export function decodeReply(
+    body: FormData | string,
+    options?: { temporaryReferences?: unknown },
+  ): Promise<unknown[]>;
+
+  export function loadServerAction(
+    actionId: string,
+  ): (...args: unknown[]) => unknown;
+
+  export function renderToReadableStream(
+    model: unknown,
+    options?: {
+      onError?: (error: unknown) => string | undefined;
+      temporaryReferences?: unknown;
+    },
+  ): ReadableStream<Uint8Array>;
+}
diff --git a/tests/react-router-framework/integration/helpers/rsc-preview/tsconfig.json b/tests/react-router-framework/integration/helpers/rsc-preview/tsconfig.json
new file mode 100644
index 00000000..63f78c0f
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/rsc-preview/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx"
+  }
+}
diff --git a/tests/react-router-framework/integration/helpers/safe-path.ts b/tests/react-router-framework/integration/helpers/safe-path.ts
new file mode 100644
index 00000000..9a44a066
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/safe-path.ts
@@ -0,0 +1,17 @@
+import path from "node:path";
+
+export function resolvePathWithinRoot(
+  rootDirectory: string,
+  requestPath: string,
+  ...segments: string[]
+): string | undefined {
+  const rootPath = path.resolve(rootDirectory);
+  const candidatePath = path.resolve(rootPath, `.${requestPath}`, ...segments);
+  if (
+    candidatePath !== rootPath &&
+    !candidatePath.startsWith(`${rootPath}${path.sep}`)
+  ) {
+    return undefined;
+  }
+  return candidatePath;
+}
diff --git a/tests/react-router-framework/integration/helpers/stream.ts b/tests/react-router-framework/integration/helpers/stream.ts
new file mode 100644
index 00000000..35217fe2
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/stream.ts
@@ -0,0 +1,40 @@
+import type { Readable } from "node:stream";
+import waitOn from "wait-on";
+
+export async function match(
+  stream: Readable,
+  pattern: string | RegExp,
+  options: {
+    /** Measured in ms */
+    timeout?: number;
+  } = {},
+): Promise<RegExpMatchArray> {
+  // Prepare error outside of promise so that stacktrace points to caller of `matchLine`
+  const timeoutError = new Error(
+    `Timed out - Could not find pattern: ${pattern}`,
+  );
+  return new Promise(async (resolve, reject) => {
+    const timeout = setTimeout(
+      () => reject(timeoutError),
+      options.timeout ?? 10_000,
+    );
+    stream.on("data", (data) => {
+      const line: string = data.toString();
+      const matches = line.match(pattern);
+      if (matches) {
+        clearTimeout(timeout);
+        const matchedUrl = typeof pattern === "string" ? pattern : matches[0];
+        const waitForUrl =
+          matchedUrl.startsWith("http://") || matchedUrl.startsWith("https://");
+
+        Promise.resolve(
+          waitForUrl
+            ? waitOn({ resources: [matchedUrl], timeout: options.timeout ?? 10_000 })
+            : undefined,
+        )
+          .then(() => resolve(matches))
+          .catch(reject);
+      }
+    });
+  });
+}
diff --git a/tests/react-router-framework/integration/helpers/templates.ts b/tests/react-router-framework/integration/helpers/templates.ts
new file mode 100644
index 00000000..2d9af5a5
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/templates.ts
@@ -0,0 +1,19 @@
+const templates = [
+  // Framework mode template. Collapsed from the upstream Vite 7/Vite 8 pair:
+  // the Vite major version split does not apply to Rsbuild.
+  { name: "rsbuild-template", displayName: "rsbuild" },
+
+  // RSC templates
+  { name: "rsc-preview", displayName: "RSC (rsbuild)" },
+  { name: "rsc-framework", displayName: "RSC Framework" },
+] as const;
+
+export type Template = (typeof templates)[number];
+export type TemplateName = Template["name"];
+
+export function getTemplates(names?: Array<Template["name"]>) {
+  if (names === undefined) return templates;
+  return templates.filter(({ name }) => names.includes(name));
+}
+
+export const bundlerTemplates = getTemplates(["rsbuild-template"]);
diff --git a/tests/react-router-framework/integration/helpers/test-resource-guard.ts b/tests/react-router-framework/integration/helpers/test-resource-guard.ts
new file mode 100644
index 00000000..795833ed
--- /dev/null
+++ b/tests/react-router-framework/integration/helpers/test-resource-guard.ts
@@ -0,0 +1,306 @@
+import { cpus } from "node:os";
+import { spawnSync } from "node:child_process";
+import { readFileSync, readlinkSync } from "node:fs";
+import path from "node:path";
+
+type WorkerLimitOptions = {
+  argv?: string[];
+  cpuCount?: number;
+  env?: Record<string, string | undefined>;
+};
+
+type WorkerLimit = {
+  cap: number;
+  requested?: number;
+  workers: number;
+};
+
+type ResourceCounts = {
+  browsers: number;
+  installs: number;
+  workers: number;
+};
+
+type ProcessInfo = {
+  args: string;
+  pid: number;
+};
+
+type ProcessFilterOptions = {
+  includeStale?: boolean;
+  isOwnedPid?: (pid: number) => boolean;
+  isProcessCwdUnder?: (pid: number, parentPath: string) => boolean;
+  ownedPids?: Iterable<number>;
+  runId?: string;
+};
+
+type ProcessRef = {
+  killed?: boolean;
+  pid?: number;
+};
+
+const DEFAULT_MAX_WORKERS = 6;
+const DEFAULT_MAX_INSTALLS = 0;
+const DEFAULT_MAX_BROWSERS_PER_WORKER = 2;
+const PROCESS_GROUP_KILL_DELAY_MS = 2_000;
+const TEST_RUN_ID_ENV = "RR_FRAMEWORK_TEST_RUN_ID";
+const frameworkTmpPath = path.join(
+  process.cwd(),
+  "tests/react-router-framework/.tmp/integration",
+);
+const CRASH_REPORT_ENV = {
+  APPORT_DISABLE: "1",
+};
+
+const parsePositiveInt = (value: string | undefined): number | undefined => {
+  if (!value || !/^\d+$/.test(value)) {
+    return undefined;
+  }
+  const parsed = Number(value);
+  return parsed > 0 ? parsed : undefined;
+};
+
+const parseNonNegativeInt = (value: string | undefined): number | undefined => {
+  if (!value || !/^\d+$/.test(value)) {
+    return undefined;
+  }
+  return Number(value);
+};
+
+const readRequestedWorkers = (argv: string[]): number | undefined => {
+  for (let index = 0; index < argv.length; index++) {
+    const arg = argv[index];
+    if (arg === "--workers" || arg === "-j") {
+      return parsePositiveInt(argv[index + 1]);
+    }
+    const match = arg.match(/^(?:--workers|-j)=(\d+)$/);
+    if (match) {
+      return parsePositiveInt(match[1]);
+    }
+  }
+  return undefined;
+};
+
+export const resolveFrameworkWorkerLimit = ({
+  argv = process.argv,
+  cpuCount = cpus().length,
+  env = process.env,
+}: WorkerLimitOptions = {}): WorkerLimit => {
+  const configuredCap = parsePositiveInt(env.RR_FRAMEWORK_MAX_WORKERS);
+  const cap = configuredCap ?? Math.min(DEFAULT_MAX_WORKERS, Math.max(1, cpuCount));
+  const requested = readRequestedWorkers(argv);
+  return {
+    cap,
+    requested,
+    workers: Math.min(requested ?? cap, cap),
+  };
+};
+
+export const assertFrameworkWorkerLimit = (limit: WorkerLimit): void => {
+  if (limit.requested !== undefined && limit.requested > limit.cap) {
+    throw new Error(
+      `Refusing to run ${limit.requested} React Router framework workers; cap is ${limit.cap}. ` +
+        `Set RR_FRAMEWORK_MAX_WORKERS to override intentionally.`
+    );
+  }
+};
+
+const listProcesses = (): ProcessInfo[] => {
+  const result = spawnSync("ps", ["-eo", "pid=,args="], {
+    encoding: "utf8",
+  });
+  if (result.error || result.status !== 0) {
+    return [];
+  }
+  return result.stdout
+    .split("\n")
+    .map(line => line.trim())
+    .filter(Boolean)
+    .flatMap(line => {
+      const match = line.match(/^(\d+)\s+(.+)$/);
+      return match ? [{ pid: Number(match[1]), args: match[2] }] : [];
+    });
+};
+
+export const ensureFrameworkTestRunId = (): string => {
+  process.env[TEST_RUN_ID_ENV] ??= `${process.pid}-${Date.now().toString(36)}`;
+  return process.env[TEST_RUN_ID_ENV];
+};
+
+export const getFrameworkCacheEnv = (
+  repoRoot = process.cwd(),
+): Record<string, string> => {
+  const cacheRoot = path.join(repoRoot, "node_modules", ".cache");
+  return {
+    ...CRASH_REPORT_ENV,
+    PLAYWRIGHT_BROWSERS_PATH: path.join(cacheRoot, "ms-playwright"),
+    PNPM_HOME: path.join(cacheRoot, "pnpm-home"),
+    PNPM_STORE_DIR: path.join(repoRoot, "node_modules", ".pnpm-store"),
+    npm_config_store_dir: path.join(repoRoot, "node_modules", ".pnpm-store"),
+  };
+};
+
+export const withFrameworkTestRunEnv = <
+  T extends Record<string, string | undefined>,
+>(
+  env: T,
+): T => ({
+  ...getFrameworkCacheEnv(),
+  ...env,
+  [TEST_RUN_ID_ENV]: ensureFrameworkTestRunId(),
+});
+
+const processEnvIncludes = (pid: number, name: string, value: string): boolean => {
+  if (process.platform === "win32") {
+    return false;
+  }
+  try {
+    return readFileSync(`/proc/${pid}/environ`)
+      .toString("utf8")
+      .includes(`${name}=${value}`);
+  } catch {
+    return false;
+  }
+};
+
+const defaultProcessCwdIsUnder = (pid: number, parentPath: string): boolean => {
+  if (process.platform === "win32") {
+    return false;
+  }
+  try {
+    const cwd = path.resolve(readlinkSync(`/proc/${pid}/cwd`));
+    return cwd === parentPath || cwd.startsWith(`${parentPath}${path.sep}`);
+  } catch {
+    return false;
+  }
+};
+
+const isFrameworkTestProcess = (args: string): boolean =>
+  args.includes("chrome-headless-shell") ||
+  args.includes("chromium") ||
+  args.includes("playwright/lib/worker/workerProcessEntry.js") ||
+  (/\bpnpm(?:\.cjs)?\b/.test(args) && /\binstall\b/.test(args)) ||
+  args.includes("tests/react-router-framework/.tmp/integration/");
+
+export const filterFrameworkTestProcesses = (
+  processes: ProcessInfo[],
+  {
+    includeStale = false,
+    isOwnedPid = defaultIsOwnedPid,
+    isProcessCwdUnder = defaultProcessCwdIsUnder,
+    ownedPids,
+    runId = process.env[TEST_RUN_ID_ENV],
+  }: ProcessFilterOptions = {},
+): ProcessInfo[] => {
+  const ownedPidSet = ownedPids ? new Set(ownedPids) : undefined;
+  return processes.filter(
+    ({ args, pid }) =>
+      ownedPidSet?.has(pid) ||
+      isOwnedPid(pid) ||
+      (runId !== undefined && args.includes(runId)) ||
+      (includeStale &&
+        isFrameworkTestProcess(args) &&
+        isProcessCwdUnder(pid, frameworkTmpPath)),
+  );
+};
+
+export const countFrameworkTestResources = (
+  processes: ProcessInfo[],
+  options: ProcessFilterOptions = {},
+): ResourceCounts => {
+  const counts: ResourceCounts = { browsers: 0, installs: 0, workers: 0 };
+  for (const processInfo of filterFrameworkTestProcesses(processes, options)) {
+    if (
+      processInfo.args.includes("chrome-headless-shell") ||
+      processInfo.args.includes("chromium")
+    ) {
+      counts.browsers++;
+    }
+    if (
+      /\bpnpm(?:\.cjs)?\b/.test(processInfo.args) &&
+      /\binstall\b/.test(processInfo.args)
+    ) {
+      counts.installs++;
+    }
+    if (processInfo.args.includes("playwright/lib/worker/workerProcessEntry.js")) {
+      counts.workers++;
+    }
+  }
+  return counts;
+};
+
+const defaultIsOwnedPid = (pid: number): boolean => {
+  const runId = process.env[TEST_RUN_ID_ENV];
+  return runId !== undefined && processEnvIncludes(pid, TEST_RUN_ID_ENV, runId);
+};
+
+export const getActiveResourceCounts = (
+  options: ProcessFilterOptions = {},
+): ResourceCounts => {
+  return countFrameworkTestResources(listProcesses(), options);
+};
+
+export const assertResourceGuardrail = ({
+  counts = getActiveResourceCounts(),
+  env = process.env,
+}: {
+  counts?: ResourceCounts;
+  env?: Record<string, string | undefined>;
+} = {}): void => {
+  const { cap } = resolveFrameworkWorkerLimit({ env });
+  const maxInstalls = resolveFrameworkInstallLimit(env);
+  const maxBrowsers =
+    parsePositiveInt(env.RR_FRAMEWORK_MAX_BROWSERS) ??
+    cap * DEFAULT_MAX_BROWSERS_PER_WORKER;
+  if (
+    counts.installs > maxInstalls ||
+    counts.browsers > maxBrowsers ||
+    counts.workers > cap
+  ) {
+    throw new Error(
+      `Refusing to continue runaway React Router framework test load: ` +
+        `workers=${counts.workers}/${cap}, browsers=${counts.browsers}/${maxBrowsers}, ` +
+        `installs=${counts.installs}/${maxInstalls}.`
+    );
+  }
+};
+
+export const resolveFrameworkInstallLimit = (
+  env: Record<string, string | undefined> = process.env,
+): number => parseNonNegativeInt(env.RR_FRAMEWORK_MAX_INSTALLS) ?? DEFAULT_MAX_INSTALLS;
+
+const killTargets = (pid: number): number[] =>
+  process.platform === "win32" ? [pid] : [-pid, pid];
+
+export const killProcessGroup = (child: ProcessRef | undefined): void => {
+  if (!child?.pid || child.killed) {
+    return;
+  }
+  for (const target of killTargets(child.pid)) {
+    try {
+      process.kill(target, "SIGTERM");
+    } catch {}
+  }
+  setTimeout(() => {
+    for (const target of killTargets(child.pid!)) {
+      try {
+        process.kill(target, "SIGKILL");
+      } catch {}
+    }
+  }, PROCESS_GROUP_KILL_DELAY_MS).unref();
+};
+
+export const cleanupOrphanedTestProcesses = (): void => {
+  const candidates = filterFrameworkTestProcesses(listProcesses(), {
+    includeStale: true,
+  });
+  for (const signal of ["SIGTERM", "SIGKILL"] as const) {
+    for (const { pid } of candidates) {
+      for (const target of killTargets(pid)) {
+        try {
+          process.kill(target, signal);
+        } catch {}
+      }
+    }
+  }
+};
diff --git a/tests/react-router-framework/integration/hmr-hdr-rsc-test.ts b/tests/react-router-framework/integration/hmr-hdr-rsc-test.ts
new file mode 100644
index 00000000..fc223ad1
--- /dev/null
+++ b/tests/react-router-framework/integration/hmr-hdr-rsc-test.ts
@@ -0,0 +1,443 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import { expect } from "@playwright/test";
+
+import type { Files, TemplateName } from "./helpers/rsbuild.js";
+import { test, createEditor, rsbuildConfig } from "./helpers/rsbuild.js";
+
+const templateName = "rsc-framework" as const satisfies TemplateName;
+const hydrationTimeout = 45_000;
+// HMR steps that introduce a NEW module (e.g. adding an imported client
+// component) pay a cold compile before the update applies; CI runners take
+// several times longer than the ~6s local run, so widen the budget there.
+const hmrTimeout = process.env.CI ? 45_000 : 15_000;
+
+test.use({ javaScriptEnabled: true });
+
+test.describe("HMR & HDR (RSC)", () => {
+  test("rsbuild dev", async ({ page, dev }) => {
+    test.setTimeout(180_000);
+
+    let files: Files = async ({ port }) => ({
+      "rsbuild.config.ts": await rsbuildConfig.basic({ port, templateName }),
+      "app/routes/hmr/route.tsx": `
+        // imports
+        import { Mounted } from "./route.client";
+
+        // loader
+
+        export function ServerComponent() {
+          return (
+            <div id="index">
+              <h2 data-title>Index</h2>
+              <input />
+              <Mounted />
+              <p data-hmr>HMR updated: 0</p>
+              {/* elements */}
+            </div>
+          );
+        }
+      `,
+      "app/routes/hmr/route.client.tsx": `
+        "use client";
+
+        import { useState, useEffect } from "react";
+
+        export function Mounted() {
+          const [mounted, setMounted] = useState(false);
+          useEffect(() => {
+            setMounted(true);
+          }, []);
+
+          return <p data-mounted>Mounted: {mounted ? "yes" : "no"}</p>;
+        }
+      `,
+    });
+    let { cwd, port } = await dev(files, templateName);
+    let edit = createEditor(cwd);
+
+    let loadPage = async () => {
+      // setup: initial render
+      await page.goto(`http://localhost:${port}/hmr`, {
+        waitUntil: "networkidle",
+      });
+      await expect(page.locator("#index [data-title]")).toHaveText("Index");
+
+      // setup: hydration
+      await expect(page.locator("#index [data-mounted]")).toHaveText(
+        "Mounted: yes",
+        { timeout: hydrationTimeout },
+      );
+    };
+
+    try {
+      await loadPage();
+    } catch {
+      page.errors = [];
+      ({ cwd, port } = await dev(files, templateName));
+      edit = createEditor(cwd);
+      await loadPage();
+    }
+
+    // setup: browser state
+    let hmrStatus = page.locator("#index [data-hmr]");
+
+    await expect(hmrStatus).toHaveText("HMR updated: 0");
+    let input = page.locator("#index input");
+    await expect(input).toBeVisible();
+    await input.type("stateful");
+    expect(page.errors).toEqual([]);
+
+    // route: HMR
+    await edit("app/routes/hmr/route.tsx", (contents) =>
+      contents.replace("HMR updated: 0", "HMR updated: 1"),
+    );
+    await page.waitForLoadState("networkidle");
+
+    await expect(hmrStatus).toHaveText("HMR updated: 1", {
+      timeout: hmrTimeout,
+    });
+    await expect(input).toHaveValue("stateful");
+    expect(page.errors).toEqual([]);
+
+    // route: add loader
+    await edit("app/routes/hmr/route.tsx", (contents) =>
+      contents
+        .replace(
+          "// loader",
+          `// loader\nexport const loader = () => ({ message: "HDR updated: 0" });`,
+        )
+        .replace(
+          "export function ServerComponent() {",
+          `export function ServerComponent({ loaderData }: { loaderData: { message: string } }) {`,
+        )
+        .replace(
+          "{/* elements */}",
+          `{/* elements */}\n<p data-hdr>{loaderData.message}</p>`,
+        ),
+    );
+    await page.waitForLoadState("networkidle");
+    let hdrStatus = page.locator("#index [data-hdr]");
+    await expect(hdrStatus).toHaveText("HDR updated: 0", {
+      timeout: hmrTimeout,
+    });
+    await expect(input).toHaveValue("stateful");
+    expect(page.errors).toEqual([]);
+
+    // route: HDR
+    await edit("app/routes/hmr/route.tsx", (contents) =>
+      contents.replace("HDR updated: 0", "HDR updated: 1"),
+    );
+    await page.waitForLoadState("networkidle");
+    await expect(hdrStatus).toHaveText("HDR updated: 1", {
+      timeout: hmrTimeout,
+    });
+    await expect(input).toHaveValue("stateful");
+    expect(page.errors).toEqual([]);
+
+    // route: HMR + HDR
+    await edit("app/routes/hmr/route.tsx", (contents) =>
+      contents
+        .replace("HMR updated: 1", "HMR updated: 2")
+        .replace("HDR updated: 1", "HDR updated: 2"),
+    );
+    await page.waitForLoadState("networkidle");
+    await expect(hmrStatus).toHaveText("HMR updated: 2", {
+      timeout: hmrTimeout,
+    });
+    await expect(hdrStatus).toHaveText("HDR updated: 2", {
+      timeout: hmrTimeout,
+    });
+    await expect(input).toBeVisible();
+    await input.fill("stateful");
+    expect(page.errors).toEqual([]);
+
+    // create new non-route imported server component
+    await fs.writeFile(
+      path.join(cwd, "app/imported-server-component.tsx"),
+      `
+        import { ImportedServerComponentClientMounted } from "./imported-server-component-client";
+
+        export function ImportedServerComponent() {
+          return (
+            <div>
+              <p data-imported-server-component>Imported Server Component HMR: 0</p>
+              <ImportedServerComponentClientMounted />
+            </div>
+          );
+        }
+     `,
+      "utf8",
+    );
+    await fs.writeFile(
+      path.join(cwd, "app/imported-server-component-client.tsx"),
+      `
+        "use client";
+
+        import { useState, useEffect } from "react";
+
+        export function ImportedServerComponentClientMounted() {
+          const [mounted, setMounted] = useState(false);
+          useEffect(() => {
+            setMounted(true);
+          }, []);
+
+          return (
+            <p data-imported-server-component-client-mounted>
+              Imported Server Component Client Mounted: {mounted ? "yes" : "no"}
+            </p>
+          );
+        }
+      `,
+      "utf8",
+    );
+    await edit("app/routes/hmr/route.tsx", (contents) =>
+      contents
+        .replace(
+          "// imports",
+          `// imports\nimport { ImportedServerComponent } from "../../imported-server-component";`,
+        )
+        .replace(
+          "{/* elements */}",
+          "{/* elements */}\n<ImportedServerComponent />",
+        ),
+    );
+    await page.waitForLoadState("networkidle");
+    let serverComponent = page.locator(
+      "#index [data-imported-server-component]",
+    );
+    let importedServerComponentClientMounted = page.locator(
+      "#index [data-imported-server-component-client-mounted]",
+    );
+    await expect(serverComponent).toBeVisible();
+    await expect(serverComponent).toHaveText(
+      "Imported Server Component HMR: 0",
+    );
+    await expect(importedServerComponentClientMounted).toBeVisible();
+    await expect(importedServerComponentClientMounted).toHaveText(
+      "Imported Server Component Client Mounted: yes",
+      { timeout: hydrationTimeout },
+    );
+    await expect(input).toBeVisible();
+    await input.fill("stateful");
+    expect(page.errors).toEqual([]);
+
+    // non-route imported server component: HMR
+    await edit("app/imported-server-component.tsx", (contents) =>
+      contents.replace(
+        "Imported Server Component HMR: 0",
+        "Imported Server Component HMR: 1",
+      ),
+    );
+    await page.waitForLoadState("networkidle");
+    await expect(serverComponent).toHaveText(
+      "Imported Server Component HMR: 1",
+      { timeout: hmrTimeout },
+    );
+    await expect(input).toBeVisible();
+    await input.fill("stateful");
+    expect(page.errors).toEqual([]);
+
+    // create new non-route imported client component
+    await fs.writeFile(
+      path.join(cwd, "app/imported-client-component.tsx"),
+      `
+        "use client";
+
+        import { useState } from "react";
+
+        export function ImportedClientComponent() {
+          const [count, setCount] = useState(0);
+          return (
+            <div>
+              <p data-imported-client-component>Imported Client Component HMR: 0</p>
+              <button data-imported-client-component-button onClick={() => setCount(count + 1)}>
+                Count: {count}
+              </button>
+            </div>
+          );
+        }
+      `,
+      "utf8",
+    );
+    await edit("app/routes/hmr/route.tsx", (contents) =>
+      contents
+        .replace(
+          "// imports",
+          `// imports\nimport { ImportedClientComponent } from "../../imported-client-component";`,
+        )
+        .replace(
+          "{/* elements */}",
+          "{/* elements */}\n<ImportedClientComponent />",
+        ),
+    );
+    await page.waitForLoadState("networkidle");
+    let clientComponent = page.locator(
+      "#index [data-imported-client-component]",
+    );
+    let clientButton = page.locator(
+      "#index [data-imported-client-component-button]",
+    );
+    await expect(clientComponent).toBeVisible({ timeout: hmrTimeout });
+    await expect(clientComponent).toHaveText(
+      "Imported Client Component HMR: 0",
+    );
+    await expect(clientButton).toHaveText("Count: 0");
+    await expect(input).toHaveValue("stateful");
+    expect(page.errors).toEqual([]);
+
+    // non-route imported client component: HMR
+    await edit("app/imported-client-component.tsx", (contents) =>
+      contents.replace(
+        "Imported Client Component HMR: 0",
+        "Imported Client Component HMR: 1",
+      ),
+    );
+    await page.waitForLoadState("networkidle");
+    await expect(clientComponent).toHaveText(
+      "Imported Client Component HMR: 1",
+      { timeout: hmrTimeout },
+    );
+    await expect(clientButton).toHaveText("Count: 0");
+    await expect(input).toHaveValue("stateful");
+    expect(page.errors).toEqual([]);
+
+    // non-route imported client component: state preservation
+    await clientButton.click();
+    await expect(clientButton).toHaveText("Count: 1");
+    await edit("app/imported-client-component.tsx", (contents) =>
+      contents.replace(
+        "Imported Client Component HMR: 1",
+        "Imported Client Component HMR: 2",
+      ),
+    );
+    await page.waitForLoadState("networkidle");
+    await expect(clientComponent).toHaveText(
+      "Imported Client Component HMR: 2",
+      { timeout: hmrTimeout },
+    );
+    await expect(clientButton).toHaveText("Count: 1");
+    await expect(input).toHaveValue("stateful");
+    expect(page.errors).toEqual([]);
+
+    // create new non-route server module
+    await fs.writeFile(
+      path.join(cwd, "app/indirect-hdr-dep.ts"),
+      `export const indirect = "indirect 0"`,
+      "utf8",
+    );
+    await fs.writeFile(
+      path.join(cwd, "app/direct-hdr-dep.ts"),
+      `
+        import { indirect } from "./indirect-hdr-dep"
+        export const direct = "direct 0 & " + indirect
+      `,
+      "utf8",
+    );
+    await edit("app/routes/hmr/route.tsx", (contents) =>
+      contents
+        .replace(
+          "// imports",
+          `// imports\nimport { direct } from "../../direct-hdr-dep"`,
+        )
+        .replace(
+          `{ message: "HDR updated: 2" }`,
+          `{ message: "HDR updated: " + direct }`,
+        )
+        .replace(`HDR updated: 2`, `HDR updated: direct 0 & indirect 0`),
+    );
+    await page.waitForLoadState("networkidle");
+    await expect(hdrStatus).toHaveText("HDR updated: direct 0 & indirect 0", {
+      timeout: hmrTimeout,
+    });
+    await expect(input).toBeVisible();
+    await input.fill("stateful");
+    expect(page.errors).toEqual([]);
+
+    // non-route: HDR for direct dependency
+    await edit("app/direct-hdr-dep.ts", (contents) =>
+      contents.replace("direct 0 &", "direct 1 &"),
+    );
+    await page.waitForLoadState("networkidle");
+    await expect(hdrStatus).toHaveText("HDR updated: direct 1 & indirect 0", {
+      timeout: hmrTimeout,
+    });
+    await expect(input).toHaveValue("stateful");
+    expect(page.errors).toEqual([]);
+
+    // non-route: HDR for indirect dependency
+    await edit("app/indirect-hdr-dep.ts", (contents) =>
+      contents.replace("indirect 0", "indirect 1"),
+    );
+    await page.waitForLoadState("networkidle");
+    await expect(hdrStatus).toHaveText("HDR updated: direct 1 & indirect 1", {
+      timeout: hmrTimeout,
+    });
+    await expect(input).toHaveValue("stateful");
+    expect(page.errors).toEqual([]);
+
+    // everything everywhere all at once
+    await Promise.all([
+      edit("app/routes/hmr/route.tsx", (contents) =>
+        contents
+          .replace("HMR updated: 2", "HMR updated: 3")
+          .replace("HDR updated: ", "HDR updated: route & "),
+      ),
+      edit("app/imported-server-component.tsx", (contents) =>
+        contents.replace(
+          "Imported Server Component HMR: 1",
+          "Imported Server Component HMR: 2",
+        ),
+      ),
+      edit("app/imported-client-component.tsx", (contents) =>
+        contents.replace(
+          "Imported Client Component HMR: 2",
+          "Imported Client Component HMR: 3",
+        ),
+      ),
+      edit("app/direct-hdr-dep.ts", (contents) =>
+        contents.replace("direct 1 &", "direct 2 &"),
+      ),
+      edit("app/indirect-hdr-dep.ts", (contents) =>
+        contents.replace("indirect 1", "indirect 2"),
+      ),
+    ]);
+    await page.waitForLoadState("networkidle");
+    await expect(hmrStatus).toHaveText("HMR updated: 3", {
+      timeout: hmrTimeout,
+    });
+    await expect(serverComponent).toHaveText(
+      "Imported Server Component HMR: 2",
+      { timeout: hmrTimeout },
+    );
+    await expect(clientComponent).toHaveText(
+      "Imported Client Component HMR: 3",
+      { timeout: hmrTimeout },
+    );
+    await expect(clientButton).toBeVisible();
+    await expect(hdrStatus).toHaveText(
+      "HDR updated: route & direct 2 & indirect 2",
+      { timeout: hmrTimeout },
+    );
+    await expect(input).toHaveValue("stateful");
+    expect(page.errors).toEqual([]);
+
+    // switch from server-first to client route
+    const waitPromise = page.waitForLoadState("load");
+    await edit("app/routes/hmr/route.tsx", (contents) =>
+      contents
+        .replace(
+          "export function ServerComponent",
+          "export default function ClientComponent",
+        )
+        .replace("HMR updated: 3", "Client Route HMR: 0"),
+    );
+    await waitPromise;
+    // await page.waitForLoadState("networkidle");
+    await expect(page.locator("#index [data-mounted]")).toHaveText(
+      "Mounted: yes",
+      { timeout: hydrationTimeout },
+    );
+    await expect(hmrStatus).toHaveText("Client Route HMR: 0");
+  });
+});
diff --git a/tests/react-router-framework/integration/hmr-hdr-test.ts b/tests/react-router-framework/integration/hmr-hdr-test.ts
new file mode 100644
index 00000000..cff76647
--- /dev/null
+++ b/tests/react-router-framework/integration/hmr-hdr-test.ts
@@ -0,0 +1,396 @@
+import type { Page } from "@playwright/test";
+import { expect } from "@playwright/test";
+import getPort from "get-port";
+import dedent from "dedent";
+
+import * as Express from "./helpers/express";
+import { test } from "./helpers/fixtures";
+import * as Stream from "./helpers/stream";
+import { bundlerTemplates } from "./helpers/templates";
+
+const tsx = dedent;
+const mdx = dedent;
+
+const templates = [...bundlerTemplates];
+const hydrationTimeout = 45_000;
+const hmrTimeout = 15_000;
+
+// RSC Framework HMR/HDR behavior is covered in integration/hmr-hdr-rsc-test.ts.
+
+templates.forEach((template) => {
+  const isRsc = template.name.startsWith("rsc-");
+
+  test.describe(`${template.displayName} - HMR & HDR`, () => {
+    test.use({
+      javaScriptEnabled: true,
+      template: template.name,
+      files: {
+        "app/routes/hmr.tsx": tsx`
+          // imports
+          import { useState, useEffect } from "react";
+
+          export const meta = () => [{ title: "HMR updated title: 0" }]
+
+          // loader
+
+          export default function IndexRoute() {
+            // hooks
+            const [mounted, setMounted] = useState(false);
+            useEffect(() => {
+              setMounted(true);
+            }, []);
+
+            return (
+              <div id="index">
+                <h2 data-title>Index</h2>
+                <input />
+                <p data-mounted>Mounted: {mounted ? "yes" : "no"}</p>
+                <p data-hmr>HMR updated: 0</p>
+                {/* elements */}
+              </div>
+            );
+          }
+        `,
+      },
+    });
+
+    test("rsbuild dev", async ({ page, edit, $ }) => {
+      const port = await getPort();
+      const url = `http://localhost:${port}`;
+
+      const dev = $(`pnpm dev --port ${port}`);
+      await Stream.match(dev.stdout, url);
+
+      await workflow({ isRsc, page, edit, url });
+    });
+
+    test("express", async ({ page, edit, $ }) => {
+      await edit({
+        "server.mjs": isRsc ? Express.rsc() : Express.server(),
+      });
+
+      await $("pnpm build");
+
+      const port = await getPort();
+      const url = `http://localhost:${port}`;
+
+      const server = $("node server.mjs", {
+        env: {
+          PORT: String(port),
+          HMR_PORT: String(await getPort()),
+        },
+      });
+      await Stream.match(server.stdout, url);
+
+      await workflow({ isRsc, page, edit, url });
+    });
+
+    test("mdx", async ({ page, edit, $ }) => {
+      test.skip(template.name.includes("rsc"), "RSC is not supported");
+
+      await edit({
+        "rsbuild.config.ts": tsx`
+          import { defineConfig } from "@rsbuild/core";
+          import { pluginMdx } from "@rsbuild/plugin-mdx";
+          import { pluginReact } from "@rsbuild/plugin-react";
+          import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+          export default defineConfig({
+            plugins: [
+              pluginReact(),
+              pluginMdx(),
+              pluginReactRouter(),
+            ],
+          });
+        `,
+        "app/component.tsx": tsx`
+          import {useState} from "react";
+
+          export const Counter = () => {
+            const [count, setCount] = useState(0);
+            return <button onClick={() => setCount(count => count + 1)}>Count: {count}</button>
+          }
+        `,
+        "app/routes/mdx.mdx": mdx`
+          import { Counter } from "../component";
+
+          # MDX Title (HMR: 0)
+
+          <Counter />
+        `,
+      });
+
+      const port = await getPort();
+      const url = `http://localhost:${port}`;
+
+      const dev = $(`pnpm dev --port ${port}`);
+      await Stream.match(dev.stdout, url);
+
+      await page.goto(url + "/mdx", { waitUntil: "networkidle" });
+
+      await expect(page.locator("h1")).toHaveText("MDX Title (HMR: 0)");
+      let button = page.locator("button");
+      await expect(button).toHaveText("Count: 0");
+      await button.click();
+      await expect(button).toHaveText("Count: 1");
+
+      await edit({
+        "app/routes/mdx.mdx": (contents) =>
+          contents.replace("(HMR: 0)", "(HMR: 1)"),
+      });
+      await page.waitForLoadState("networkidle");
+
+      await expect(page.locator("h1")).toHaveText("MDX Title (HMR: 1)");
+      await expect(page.locator("button")).toHaveText("Count: 1");
+
+      expect(page.errors).toEqual([]);
+    });
+  });
+});
+
+async function workflow({
+  isRsc,
+  page,
+  edit,
+  url,
+}: {
+  isRsc: boolean;
+  page: Page;
+  edit: (
+    edits: Record<string, string | ((contents: string) => string)>,
+  ) => Promise<void>;
+  url: string;
+}) {
+  // setup: initial render
+  await page.goto(url + "/hmr", { waitUntil: "networkidle" });
+  await expect(page.locator("#index [data-title]")).toHaveText("Index");
+
+  // setup: hydration
+  await expect(page.locator("#index [data-mounted]")).toHaveText(
+    "Mounted: yes",
+    { timeout: hydrationTimeout },
+  );
+
+  // setup: browser state
+  let hmrStatus = page.locator("#index [data-hmr]");
+
+  await expect(page).toHaveTitle("HMR updated title: 0");
+  await expect(hmrStatus).toHaveText("HMR updated: 0");
+  let input = page.locator("#index input");
+  await expect(input).toBeVisible();
+  await input.fill("stateful");
+  expect(page.errors).toEqual([]);
+
+  // route: HMR
+  await edit({
+    "app/routes/hmr.tsx": (contents) =>
+      contents
+        .replace("HMR updated title: 0", "HMR updated title: 1")
+        .replace("HMR updated: 0", "HMR updated: 1"),
+  });
+  await page.waitForLoadState("networkidle");
+
+  await expect(page).toHaveTitle("HMR updated title: 1", {
+    timeout: hmrTimeout,
+  });
+  await expect(hmrStatus).toHaveText("HMR updated: 1", {
+    timeout: hmrTimeout,
+  });
+  await expect(input).toHaveValue("stateful", { timeout: hmrTimeout });
+  expect(page.errors).toEqual([]);
+
+  // route: add loader
+  await edit({
+    "app/routes/hmr.tsx": (contents) =>
+      contents
+        .replace(
+          "// imports",
+          `// imports\nimport { useLoaderData } from "react-router"`,
+        )
+        .replace(
+          "// loader",
+          `// loader\nexport const loader = () => ({ message: "HDR updated: 0" });`,
+        )
+        .replace(
+          "// hooks",
+          "// hooks\nconst { message } = useLoaderData<typeof loader>();",
+        )
+        .replace(
+          "{/* elements */}",
+          `{/* elements */}\n<p data-hdr>{message}</p>`,
+        ),
+  });
+  await page.waitForLoadState("networkidle");
+  let hdrStatus = page.locator("#index [data-hdr]");
+  await expect(hdrStatus).toHaveText("HDR updated: 0", {
+    timeout: hmrTimeout,
+  });
+
+  // React Fast Refresh cannot preserve state for a component when hooks are added or removed
+  await expect(input).toHaveValue("", { timeout: hmrTimeout });
+  await input.fill("stateful");
+  expect(
+    // When adding a loader, a harmless error is logged to the browser console.
+    // HMR works as intended, so this seems like a React Fast Refresh bug caused by off-screen rendering with old server data or something like that 🤷
+    page.errors.filter(
+      (error) =>
+        !error.message.includes(
+          "There was an error during concurrent rendering but React was able to recover by instead synchronously rendering the entire root.",
+        ),
+    ),
+  ).toEqual([]);
+  page.errors = [];
+
+  // route: HDR
+  await edit({
+    "app/routes/hmr.tsx": (contents) =>
+      contents.replace("HDR updated: 0", "HDR updated: 1"),
+  });
+  await page.waitForLoadState("networkidle");
+  await expect(hdrStatus).toHaveText("HDR updated: 1", {
+    timeout: hmrTimeout,
+  });
+  await expect(input).toBeVisible({ timeout: hmrTimeout });
+  await input.fill("stateful");
+
+  // route: HMR + HDR
+  await edit({
+    "app/routes/hmr.tsx": (contents) =>
+      contents
+        .replace("HMR updated: 1", "HMR updated: 2")
+        .replace("HDR updated: 1", "HDR updated: 2"),
+  });
+  await page.waitForLoadState("networkidle");
+  await expect(hmrStatus).toHaveText("HMR updated: 2", {
+    timeout: hmrTimeout,
+  });
+  await expect(hdrStatus).toHaveText("HDR updated: 2", {
+    timeout: hmrTimeout,
+  });
+  await expect(input).toHaveValue("stateful", { timeout: hmrTimeout });
+  expect(page.errors).toEqual([]);
+
+  // create new non-route component module
+  await edit({
+    "app/component.tsx": tsx`
+      export function MyComponent() {
+        return <p data-component>Component HMR: 0</p>;
+      }
+    `,
+    "app/routes/hmr.tsx": (contents) =>
+      contents
+        .replace(
+          "// imports",
+          `// imports\nimport { MyComponent } from "../component";`,
+        )
+        .replace("{/* elements */}", "{/* elements */}\n<MyComponent />"),
+  });
+  await page.waitForLoadState("networkidle");
+  let component = page.locator("#index [data-component]");
+  await expect(component).toBeVisible({ timeout: hmrTimeout });
+  await expect(component).toHaveText("Component HMR: 0", {
+    timeout: hmrTimeout,
+  });
+  await expect(input).toHaveValue("stateful", { timeout: hmrTimeout });
+  expect(page.errors).toEqual([]);
+
+  // non-route: HMR
+  await edit({
+    "app/component.tsx": (contents) =>
+      contents.replace("Component HMR: 0", "Component HMR: 1"),
+  });
+  await page.waitForLoadState("networkidle");
+  await expect(component).toHaveText("Component HMR: 1", {
+    timeout: hmrTimeout,
+  });
+  await expect(input).toHaveValue("stateful", { timeout: hmrTimeout });
+  expect(page.errors).toEqual([]);
+
+  // create new non-route server module
+  await edit({
+    "app/indirect-hdr-dep.ts": tsx`export const indirect = "indirect 0"`,
+    "app/direct-hdr-dep.ts": tsx`
+      import { indirect } from "./indirect-hdr-dep"
+      export const direct = "direct 0 & " + indirect
+    `,
+    "app/routes/hmr.tsx": (contents) =>
+      contents
+        .replace(
+          "// imports",
+          `// imports\nimport { direct } from "../direct-hdr-dep"`,
+        )
+        .replace(
+          `{ message: "HDR updated: 2" }`,
+          `{ message: "HDR updated: " + direct }`,
+        ),
+  });
+  await page.waitForLoadState("networkidle");
+  await expect(hdrStatus).toHaveText("HDR updated: direct 0 & indirect 0", {
+    timeout: hmrTimeout,
+  });
+  await expect(input).toHaveValue("stateful", { timeout: hmrTimeout });
+  expect(page.errors).toEqual([]);
+
+  // non-route: HDR for direct dependency
+  await edit({
+    "app/direct-hdr-dep.ts": (contents) =>
+      contents.replace("direct 0 &", "direct 1 &"),
+  });
+  await page.waitForLoadState("networkidle");
+  await expect(hdrStatus).toHaveText("HDR updated: direct 1 & indirect 0", {
+    timeout: hmrTimeout,
+  });
+  await expect(input).toHaveValue("stateful", { timeout: hmrTimeout });
+  expect(page.errors).toEqual([]);
+
+  // non-route: HDR for indirect dependency
+  await edit({
+    "app/indirect-hdr-dep.ts": (contents) =>
+      contents.replace("indirect 0", "indirect 1"),
+  });
+  await page.waitForLoadState("networkidle");
+  await expect(hdrStatus).toHaveText("HDR updated: direct 1 & indirect 1", {
+    timeout: hmrTimeout,
+  });
+  await expect(input).toHaveValue("stateful", { timeout: hmrTimeout });
+  expect(page.errors).toEqual([]);
+
+  // everything everywhere all at once
+  await Promise.all([
+    edit({
+      "app/routes/hmr.tsx": (contents) =>
+        contents
+          .replace("HMR updated: 2", "HMR updated: 3")
+          .replace("HDR updated: ", "HDR updated: route & "),
+    }),
+    edit({
+      "app/component.tsx": (contents) =>
+        contents.replace("Component HMR: 1", "Component HMR: 2"),
+    }),
+    edit({
+      "app/direct-hdr-dep.ts": (contents) =>
+        contents.replace("direct 1 &", "direct 2 &"),
+    }),
+    edit({
+      "app/indirect-hdr-dep.ts": (contents) =>
+        contents.replace("indirect 1", "indirect 2"),
+    }),
+  ]);
+  await page.waitForLoadState("networkidle");
+  await expect(hmrStatus).toHaveText("HMR updated: 3", {
+    timeout: hmrTimeout,
+  });
+  await expect(component).toHaveText("Component HMR: 2", {
+    timeout: hmrTimeout,
+  });
+  await expect(hdrStatus).toHaveText(
+    "HDR updated: route & direct 2 & indirect 2",
+    { timeout: hmrTimeout },
+  );
+  // TODO: Investigate why this is flaky in CI for RSC Framework Mode
+  if (isRsc) {
+    await expect(input).toHaveValue("stateful", { timeout: hmrTimeout });
+  }
+
+  expect(page.errors).toEqual([]);
+}
diff --git a/tests/react-router-framework/integration/hook-useSubmit-test.ts b/tests/react-router-framework/integration/hook-useSubmit-test.ts
new file mode 100644
index 00000000..e6fb65cb
--- /dev/null
+++ b/tests/react-router-framework/integration/hook-useSubmit-test.ts
@@ -0,0 +1,135 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("`useSubmit()` returned function", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/routes/_index.tsx": js`
+          import { useLoaderData, useSubmit } from "react-router";
+
+          export function loader({ request }) {
+            let url = new URL(request.url);
+            return url.searchParams.toString()
+          }
+
+          export default function Index() {
+            let submit = useSubmit();
+            let handleClick = event => {
+              event.preventDefault()
+              submit(event.nativeEvent.submitter || event.currentTarget)
+            }
+            let data = useLoaderData();
+            return (
+              <form>
+                <input type="text" name="tasks" defaultValue="first" />
+                <input type="text" name="tasks" defaultValue="second" />
+
+                <button onClick={handleClick} name="tasks" value="third">
+                  Prepare Third Task
+                </button>
+
+                <pre>{data}</pre>
+              </form>
+            )
+          }
+        `,
+        "app/routes/action.tsx": js`
+          import { useActionData, useSubmit } from "react-router";
+
+          export async function action({ request }) {
+            let contentType = request.headers.get('Content-Type');
+            if (contentType.includes('application/json')) {
+              return { value: await request.json() };
+            }
+            if (contentType.includes('text/plain')) {
+              return { value: await request.text() };
+            }
+            let fd = await request.formData();
+            return { value: new URLSearchParams(fd.entries()).toString() }
+          }
+
+          export default function Component() {
+            let submit = useSubmit();
+            let data = useActionData();
+            return (
+              <>
+                <button id="submit-json" onClick={() => submit(
+                  { key: 'value' },
+                  { method: 'post', encType: 'application/json' },
+                )}>
+                  Submit JSON
+                </button>
+                <button id="submit-text" onClick={() => submit(
+                  "raw text",
+                  { method: 'post', encType: 'text/plain' },
+                )}>
+                  Submit Text
+                </button>
+                <button id="submit-formData" onClick={() => submit(
+                  { key: 'value' },
+                  { method: 'post' },
+                )}>
+                  Submit FrmData
+                </button>
+                {data ? <p id="action-data">data: {JSON.stringify(data)}</p> : null}
+              </>
+            );
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("submits the submitter's value appended to the form data", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickElement("text=Prepare Third Task");
+    await page.waitForLoadState("load");
+    expect(await app.getHtml("pre")).toBe(
+      `<pre>tasks=first&amp;tasks=second&amp;tasks=third</pre>`,
+    );
+  });
+
+  test("submits json data", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/action", true);
+    await app.clickElement("#submit-json");
+    await page.waitForSelector("#action-data");
+    expect(await app.getHtml()).toMatch('data: {"value":{"key":"value"}}');
+  });
+
+  test("submits text data", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/action", true);
+    await app.clickElement("#submit-text");
+    await page.waitForSelector("#action-data");
+    expect(await app.getHtml()).toMatch('data: {"value":"raw text"}');
+  });
+
+  test("submits form data", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/action", true);
+    await app.clickElement("#submit-formData");
+    await page.waitForSelector("#action-data");
+    expect(await app.getHtml()).toMatch('data: {"value":"key=value"}');
+  });
+});
diff --git a/tests/react-router-framework/integration/http-test.ts b/tests/react-router-framework/integration/http-test.ts
new file mode 100644
index 00000000..ad4ae97b
--- /dev/null
+++ b/tests/react-router-framework/integration/http-test.ts
@@ -0,0 +1,87 @@
+import { test, expect } from "@playwright/test";
+
+import { createFixture, js } from "./helpers/create-fixture.js";
+import type { Fixture } from "./helpers/create-fixture.js";
+
+test.describe("HTTP behavior", () => {
+  let appFixture: Fixture;
+
+  test.beforeAll(async () => {
+    appFixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+            import { Links, Meta, Outlet, Scripts } from "react-router";
+
+            export default function Root() {
+              return (
+                <html lang="en">
+                  <head>
+                    <Meta />
+                    <Links />
+                  </head>
+                  <body>
+                    <Outlet />
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+          `,
+
+        "app/routes/_index.tsx": js`
+            import { data } from "react-router";
+
+            export function loader() {
+              return data("INDEX", { status: 202 })
+            }
+
+            export default function Index() {
+              return <div>Heyo!</div>
+            }
+          `,
+
+        "app/routes/resource.tsx": js`
+            export function loader() {
+              return new Response("RESOURCE", { status: 202 })
+            }
+          `,
+      },
+    });
+  });
+
+  test("includes body on GET request", async () => {
+    let response = await appFixture.requestDocument("/");
+    expect(response.status).toBe(202);
+    expect(await response.text()).toContain("<div>Heyo!</div>");
+
+    response = await appFixture.requestResource("/resource");
+    expect(response.status).toBe(202);
+    expect(await response.text()).toBe("RESOURCE");
+
+    let singleFetchResponse =
+      await appFixture.requestSingleFetchData("/_.data");
+    expect(response.status).toBe(202);
+    expect(singleFetchResponse.data).toEqual({
+      "routes/_index": { data: "INDEX" },
+    });
+  });
+
+  test("does not include body on HEAD request", async () => {
+    let response = await appFixture.requestDocument("/", { method: "HEAD" });
+    expect(response.status).toBe(202);
+    expect(response.body).toBe(null);
+
+    response = await appFixture.requestResource("/resource", {
+      method: "HEAD",
+    });
+    expect(response.status).toBe(202);
+    expect(response.body).toBe(null);
+
+    let singleFetchResponse = await appFixture.requestSingleFetchData(
+      "/_.data",
+      { method: "HEAD" },
+    );
+    expect(response.status).toBe(202);
+    expect(singleFetchResponse.data).toBe(null);
+  });
+});
diff --git a/tests/react-router-framework/integration/layout-route-test.ts b/tests/react-router-framework/integration/layout-route-test.ts
new file mode 100644
index 00000000..5a6e5d85
--- /dev/null
+++ b/tests/react-router-framework/integration/layout-route-test.ts
@@ -0,0 +1,66 @@
+import { test } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("pathless layout routes", () => {
+  let appFixture: AppFixture;
+
+  test.beforeAll(async () => {
+    appFixture = await createAppFixture(
+      await createFixture({
+        files: {
+          "app/routes/_layout.tsx": js`
+            import { Outlet } from "react-router";
+
+            export default () => <div data-testid="layout-route"><Outlet /></div>;
+          `,
+          "app/routes/_layout._index.tsx": js`
+            export default () => <div data-testid="layout-index">Layout index</div>;
+          `,
+          "app/routes/_layout.subroute.tsx": js`
+            export default () => <div data-testid="layout-subroute">Layout subroute</div>;
+          `,
+          "app/routes/sandwiches._pathless.tsx": js`
+            import { Outlet } from "react-router";
+
+            export default () => <div data-testid="sandwiches-pathless-route"><Outlet /></div>;
+          `,
+          "app/routes/sandwiches._pathless._index.tsx": js`
+            export default () => <div data-testid="sandwiches-pathless-index">Sandwiches pathless index</div>;
+          `,
+        },
+      }),
+    );
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("should render pathless index route", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await page.waitForSelector("[data-testid='layout-route']");
+    await page.waitForSelector("[data-testid='layout-index']");
+  });
+
+  test("should render pathless sub route", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/subroute");
+    await page.waitForSelector("[data-testid='layout-route']");
+    await page.waitForSelector("[data-testid='layout-subroute']");
+  });
+
+  test("should render pathless index as a sub route", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/sandwiches");
+    await page.waitForSelector("[data-testid='sandwiches-pathless-route']");
+    await page.waitForSelector("[data-testid='sandwiches-pathless-index']");
+  });
+});
diff --git a/tests/react-router-framework/integration/link-test.ts b/tests/react-router-framework/integration/link-test.ts
new file mode 100644
index 00000000..25dcfa8d
--- /dev/null
+++ b/tests/react-router-framework/integration/link-test.ts
@@ -0,0 +1,676 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  css,
+  js,
+  createFixture,
+  createAppFixture,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { type TemplateName } from "./helpers/rsbuild.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+const templateNames = [
+  "rsbuild-template",
+  "rsc-framework",
+] as const satisfies TemplateName[];
+
+const fakeGists = [
+  {
+    url: "https://api.github.com/gists/610613b54e5b34f8122d1ba4a3da21a9",
+    id: "610613b54e5b34f8122d1ba4a3da21a9",
+    files: {
+      "remix-server.jsx": {
+        filename: "remix-server.jsx",
+      },
+    },
+    owner: {
+      login: "ryanflorence",
+      id: 100200,
+      avatar_url: "https://avatars0.githubusercontent.com/u/100200?v=4",
+    },
+  },
+];
+
+test.describe("route module link export", () => {
+  for (const templateName of templateNames) {
+    let fixture: Fixture;
+    let appFixture: AppFixture;
+
+    test.describe(templateName, () => {
+      test.beforeAll(async () => {
+        fixture = await createFixture({
+          templateName,
+          files: {
+            "app/favicon.ico": js``,
+
+            "app/guitar.jpg": js``,
+
+            "app/guitar-600.jpg": js``,
+
+            "app/guitar-900.jpg": js``,
+
+            "app/reset.css": css`
+              * {
+                box-sizing: border-box;
+                margin: 0;
+                padding: 0;
+              }
+
+              html {
+                font-size: 16px;
+                box-sizing: border-box;
+              }
+            `,
+
+            "app/app.css": css`
+              body {
+                background-color: #eee;
+                color: #000;
+              }
+            `,
+
+            "app/gists.css": css`
+              * {
+                color: dodgerblue;
+              }
+            `,
+
+            "app/redText.css": css`
+              * {
+                color: red;
+              }
+            `,
+
+            "app/blueText.css": css`
+              * {
+                color: blue;
+              }
+            `,
+
+            "app/root.tsx": js`
+              import {
+                Link,
+                Links,
+                Meta,
+                Outlet,
+                Scripts,
+                useRouteError,
+                isRouteErrorResponse
+              } from "react-router";
+              import resetHref from "./reset.css?url";
+              import stylesHref from "./app.css?url";
+              import favicon from "./favicon.ico";
+
+              export function links() {
+                return [
+                  { rel: "stylesheet", href: resetHref, presidence: "medium" },
+                  { rel: "stylesheet", href: stylesHref, presidence: "medium" },
+                  { rel: "stylesheet", href: "/resources/theme-css", presidence: "medium" },
+                  { rel: "shortcut icon", href: favicon },
+                ];
+              }
+
+              export let handle = {
+                breadcrumb: () => <Link to="/">Home</Link>,
+              };
+
+              export default function Root() {
+                return (
+                  <html lang="en">
+                    <head>
+                      <meta charSet="utf-8" />
+                      <Meta />
+                      <Links />
+                    </head>
+                    <body>
+                      <Outlet />
+                      <Scripts />
+                    </body>
+                  </html>
+                );
+              }
+
+              export function ErrorBoundary() {
+                let error = useRouteError();
+
+                if (isRouteErrorResponse()) {
+                  switch (error.status) {
+                    case 404:
+                      return (
+                        <html lang="en">
+                          <head>
+                            <meta charSet="utf-8" />
+                            <title>404 Not Found</title>
+                            <Links />
+                          </head>
+                          <body>
+                            <div>
+                              <h1>404 Not Found</h1>
+                            </div>
+                            <Scripts />
+                          </body>
+                        </html>
+                      );
+                    default:
+                      console.warn("Unexpected catch", error);
+
+                      return (
+                        <html lang="en">
+                          <head>
+                            <meta charSet="utf-8" />
+                            <title>{error.status} Uh-oh!</title>
+                            <Links />
+                          </head>
+                          <body>
+                            <div>
+                              <h1>
+                                {error.status} {error.statusText}
+                              </h1>
+                              {error.data ? (
+                                <pre>
+                                  <code>{JSON.stringify(error.data, null, 2)}</code>
+                                </pre>
+                              ) : null}
+                            </div>
+                            <Scripts />
+                          </body>
+                        </html>
+                      );
+                    }
+                  } else {
+                    console.error(error);
+                    return (
+                      <html lang="en">
+                        <head>
+                          <meta charSet="utf-8" />
+                          <title>Oops!</title>
+                          <Links />
+                        </head>
+                        <body>
+                          <div>
+                            <h1>App Error Boundary</h1>
+                            <pre>{error.message}</pre>
+                          </div>
+                          <Scripts />
+                        </body>
+                      </html>
+                    );
+                  }
+              }
+            `,
+
+            "app/routes/_index.tsx": js`
+              import { useEffect } from "react";
+              import { Link } from "react-router";
+
+              export default function Index() {
+                return (
+                  <div data-test-id="/">
+                    <header>
+                      <h1>Cool App</h1>
+                    </header>
+                    <nav>
+                      <ul>
+                        <li>
+                          <Link to="/gists">View Some gists</Link>
+                        </li>
+                        <li>
+                          <Link to="/gists/mjackson">View Michael's gists</Link>
+                        </li>
+                        <li>
+                          <Link to="/gists/mjijackson">Loader Redirect</Link>
+                        </li>
+                        <li>
+                          <Link to="/resources">Resource routes</Link>
+                        </li>
+                        <li>
+                          <Link to="/parent/child">Errored child route</Link>
+                        </li>
+                      </ul>
+                    </nav>
+                  </div>
+                );
+              }
+            `,
+
+            "app/routes/links.tsx": js`
+              import { useLoaderData, Link } from "react-router";
+              import redTextHref from "~/redText.css?url";
+              import blueTextHref from "~/blueText.css?url";
+              import guitar from "~/guitar.jpg";
+              export async function loader() {
+                return [
+                  { name: "Michael Jackson", id: "mjackson" },
+                  { name: "Ryan Florence", id: "ryanflorence" },
+                ];
+              }
+              export function links()  {
+                return [
+                  { rel: "stylesheet", href: redTextHref, presidence: "medium" },
+                  {
+                    rel: "stylesheet",
+                    href: blueTextHref,
+                    media: "(prefers-color-scheme: beef)",
+                    presidence: "medium"
+                  },
+                  { page: "/gists/mjackson" },
+                  {
+                    rel: "preload",
+                    as: "image",
+                    href: guitar,
+                  },
+                ];
+              }
+              export default function LinksPage() {
+                let users = useLoaderData();
+                return (
+                  <div data-test-id="/links">
+                    <h2>Links Page</h2>
+                    {users.map((user) => (
+                      <li key={user.id}>
+                        <Link to={"/gists/" + user.id} prefetch="none">
+                          {user.name}
+                        </Link>
+                      </li>
+                    ))}
+                    <hr />
+                    <p>
+                      <img alt="a guitar" src={guitar} data-test-id="blocked" /> Prefetched
+                      because it's a preload.
+                    </p>
+                  </div>
+                );
+              }
+            `,
+
+            "app/routes/responsive-image-preload.tsx": js`
+              import { Link } from "react-router";
+              import guitar600 from "~/guitar-600.jpg";
+              import guitar900 from "~/guitar-900.jpg";
+
+              export function links()  {
+                return [
+                  {
+                    rel: "preload",
+                    as: "image",
+                    imageSrcSet: guitar600 + " 600w, " + guitar900 + " 900w",
+                    imageSizes: "100vw",
+                  },
+                ];
+              }
+              export default function LinksPage() {
+                return (
+                  <div data-test-id="/responsive-image-preload">
+                    <h2>Responsive Guitar</h2>
+                    <p>
+                      <img
+                        alt="a guitar"
+                        srcSet={guitar600 + " 600w, " + guitar900 + " 900w"}
+                        sizes="100vw"
+                        data-test-id="blocked"
+                      />{" "}
+                      Prefetched because it's a preload.
+                    </p>
+                  </div>
+                );
+              }
+            `,
+
+            "app/routes/gists.tsx": js`
+              import { data, Link, Outlet, useLoaderData, useNavigation } from "react-router";
+              import stylesHref from "~/gists.css?url";
+              export function links() {
+                return [{ rel: "stylesheet", href: stylesHref, presidence: "medium" }];
+              }
+              export async function loader() {
+                return data({
+                  users: [
+                    { id: "ryanflorence", name: "Ryan Florence" },
+                    { id: "mjackson", name: "Michael Jackson" },
+                  ],
+                }, {
+                  headers: {
+                    "Cache-Control": "public, max-age=60",
+                  },
+                });
+              }
+              export function headers({ loaderHeaders }) {
+                return {
+                  "Cache-Control": loaderHeaders.get("Cache-Control"),
+                };
+              }
+              export let handle = {
+                breadcrumb: () => <Link to="/gists">Gists</Link>,
+              };
+              export default function Gists() {
+                let locationPending = useNavigation().location;
+                let { users } = useLoaderData();
+                return (
+                  <div data-test-id="/gists">
+                    <header>
+                      <h1>Gists</h1>
+                      <ul>
+                        {users.map((user) => (
+                          <li key={user.id}>
+                            <Link to={user.id}>
+                              {user.name} {locationPending ? "..." : null}
+                            </Link>
+                          </li>
+                        ))}
+                      </ul>
+                    </header>
+                    <Outlet />
+                  </div>
+                );
+              }
+            `,
+
+            "app/routes/gists.$username.tsx": js`
+              import { data, redirect, Link, useLoaderData, useParams } from "react-router";
+              export async function loader({ params }) {
+                let { username } = params;
+                if (username === "mjijackson") {
+                  return redirect("/gists/mjackson", 302);
+                }
+                if (username === "_why") {
+                  return data(null, { status: 404 });
+                }
+                return ${JSON.stringify(fakeGists)};
+              }
+              export function headers() {
+                return {
+                  "Cache-Control": "public, max-age=300",
+                };
+              }
+              export function meta({ data, params }) {
+                let { username } = params;
+                return [
+                  {
+                    title: data
+                      ? data.length + " gists from " + username
+                      : "User " + username + " not found",
+                  },
+                  { name: "description", content: "View all of the gists from " + username },
+                ];
+              }
+              export let handle = {
+                breadcrumb: ({ params }) => (
+                  <Link to={"gists/" + params.username}>{params.username}</Link>
+                ),
+              };
+              export default function UserGists() {
+                let { username } = useParams();
+                let data = useLoaderData();
+                return (
+                  <div data-test-id="/gists/$username">
+                    {data ? (
+                      <>
+                        <h2>All gists from {username}</h2>
+                        <ul>
+                          {data.map((gist) => (
+                            <li key={gist.id}>
+                              <a href={gist.html_url}>{Object.keys(gist.files)[0]}</a>
+                            </li>
+                          ))}
+                        </ul>
+                      </>
+                    ) : (
+                      <h2>No gists for {username}</h2>
+                    )}
+                  </div>
+                );
+              }
+            `,
+
+            "app/routes/gists._index.tsx": js`
+              import { useLoaderData } from "react-router";
+              export async function loader() {
+                return ${JSON.stringify(fakeGists)};
+              }
+              export function headers() {
+                return {
+                  "Cache-Control": "public, max-age=60",
+                };
+              }
+              export function meta() {
+                return [
+                  { title: "Public Gists" },
+                  { name: "description", content: "View the latest gists from the public" },
+                ];
+              }
+              export let handle = {
+                breadcrumb: () => <span>Public</span>,
+              };
+              export default function GistsIndex() {
+                let data = useLoaderData();
+                return (
+                  <div data-test-id="/gists/index">
+                    <h2>Public Gists</h2>
+                    <ul>
+                      {data.map((gist) => (
+                        <li key={gist.id} style={{ display: "flex", alignItems: "center" }}>
+                          <img
+                            src={gist.owner.avatar_url}
+                            style={{ height: 36, margin: "0.25rem 0.5rem 0.25rem 0" }}
+                            alt="avatar"
+                          />
+                          <a href={gist.html_url}>{Object.keys(gist.files)[0]}</a>
+                        </li>
+                      ))}
+                    </ul>
+                  </div>
+                );
+              }
+            `,
+
+            "app/routes/resources.theme-css.tsx": js`
+              import { redirect } from "react-router";
+              export async function loader({ request }) {
+                return new Response(":root { --nc-tx-1: #ffffff; --nc-tx-2: #eeeeee; }",
+                  {
+                    headers: {
+                      "Content-Type": "text/css; charset=UTF-8",
+                      "x-has-custom": "yes",
+                    },
+                  }
+                );
+              }
+
+            `,
+
+            "app/routes/parent.tsx": js`
+              import { Outlet } from "react-router";
+
+              export function links() {
+                return [
+                  { "data-test-id": "red" },
+                ];
+              }
+
+              export default function Component() {
+                return <div data-test-id="/parent"><Outlet /></div>;
+              }
+
+              export function ErrorBoundary() {
+                return <h1 data-test-id="/parent:error-boundary">Error Boundary</h1>;
+              }
+            `,
+
+            "app/routes/parent.child.tsx": js`
+              import { Outlet } from "react-router";
+
+              export function loader() {
+                throw new Response(null, { status: 404 });
+              }
+
+              export function links() {
+                return [
+                  { "data-test-id": "blue" },
+                ];
+              }
+
+              export default function Component() {
+                return <div data-test-id="/parent"><Outlet /></div>;
+              }
+            `,
+          },
+        });
+        appFixture = await createAppFixture(fixture);
+      });
+
+      test.afterAll(() => {
+        appFixture.close();
+      });
+
+      test("adds responsive image preload links to the document", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/responsive-image-preload");
+        await page.waitForSelector(
+          '[data-test-id="/responsive-image-preload"]',
+        );
+        let locator = page.locator("link[rel=preload][as=image]");
+        expect(await locator.getAttribute("imagesizes")).toBe("100vw");
+      });
+
+      test("waits for new styles to load before transitioning", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+
+        let cssResponses = app.collectResponses((url) =>
+          url.pathname.endsWith(".css"),
+        );
+
+        await page.click('a[href="/gists"]');
+        await page.waitForSelector('[data-test-id="/gists/index"]');
+
+        let stylesheetResponses = cssResponses.filter((res) => {
+          // ignore prefetches
+          return res.request().resourceType() === "stylesheet";
+        });
+
+        // rsbuild may split route CSS across chunk stylesheets; assert the
+        // route CSS was delivered instead of Rsbuild's exact response count.
+        expect(stylesheetResponses.length).toBeGreaterThanOrEqual(1);
+        for (let res of stylesheetResponses) {
+          expect(res.status()).toBe(200);
+        }
+        let combinedCss = (
+          await Promise.all(stylesheetResponses.map((res) => res.text()))
+        ).join("\n");
+        expect(combinedCss).toMatch(/dodgerblue|#1e90ff/i);
+      });
+
+      test("does not render errored child route links", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/", true);
+        await page.click('a[href="/parent/child"]');
+        await page.waitForSelector('[data-test-id="/parent:error-boundary"]');
+        await page.waitForSelector('[data-test-id="red"]', {
+          state: "attached",
+        });
+        await page.waitForSelector('[data-test-id="blue"]', {
+          state: "detached",
+        });
+      });
+
+      test.describe("no js", () => {
+        test.use({ javaScriptEnabled: false });
+
+        test("adds links to the document", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          let responses = app.collectResponses((url) =>
+            url.pathname.endsWith(".css"),
+          );
+
+          await app.goto("/links");
+          await page.waitForSelector('[data-test-id="/links"]');
+          expect(responses.length).toEqual(4);
+        });
+
+        test("adds responsive image preload links to the document", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/responsive-image-preload");
+          await page.waitForSelector(
+            '[data-test-id="/responsive-image-preload"]',
+          );
+          let locator = page.locator("link[rel=preload][as=image]");
+          expect(await locator.getAttribute("imagesizes")).toBe("100vw");
+        });
+
+        test("does not render errored child route links", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/parent/child");
+          await page.waitForSelector('[data-test-id="/parent:error-boundary"]');
+          await page.waitForSelector('[data-test-id="red"]', {
+            state: "attached",
+          });
+          await page.waitForSelector('[data-test-id="blue"]', {
+            state: "detached",
+          });
+        });
+      });
+
+      test.describe("script imports", () => {
+        test.skip(templateName.includes("rsc"), "Not relevant for RSC");
+
+        // Disable JS for this test since we don't want it to hydrate and remove
+        // the initial <script> tags
+        test.use({ javaScriptEnabled: false });
+
+        test("are added to the document", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          let scripts = await page.$$("script");
+
+          // Scripts:
+          // RR:    window.__reactRouterContext
+          // RR:    window.__reactRouterManifest/window.__reactRouterRouteModules
+          // React: requestAnimationFrame(function(){$RT=performance.now()});
+          // RR:    window.__reactRouterContext.streamController.enqueue()
+          // React: $RC=function(b,c,e){...
+          // RR:    window.__reactRouterContext.streamController.close();
+          // React: $RC("B:1","S:1")
+          expect(scripts.length).toEqual(7);
+
+          expect(await scripts[0].innerText()).toContain(
+            "__reactRouterContext",
+          );
+          let moduleScript = scripts[1];
+          expect(await moduleScript.getAttribute("type")).toBe("module");
+          let moduleScriptText = await moduleScript.innerText();
+          expect(
+            Array.from(
+              moduleScriptText.matchAll(/import "\/assets\/manifest-/g),
+            ),
+            "did not expect a manifest due to fog of war",
+          ).toHaveLength(0);
+          expect(
+            Array.from(
+              moduleScriptText.matchAll(/import \* as route0 from "/g),
+            ),
+            "invalid route0",
+          ).toHaveLength(1);
+          expect(
+            Array.from(
+              moduleScriptText.matchAll(/import \* as route1 from "/g),
+            ),
+            "invalid route1",
+          ).toHaveLength(1);
+          expect(
+            Array.from(
+              moduleScriptText.matchAll(/import \* as route2 from "/g),
+            ),
+            "too many routes",
+          ).toHaveLength(0);
+        });
+      });
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/loader-context-test.ts b/tests/react-router-framework/integration/loader-context-test.ts
new file mode 100644
index 00000000..25da7d36
--- /dev/null
+++ b/tests/react-router-framework/integration/loader-context-test.ts
@@ -0,0 +1,97 @@
+import { test, expect } from "@playwright/test";
+import getPort from "get-port";
+
+import { createProject, customDev, rsbuildConfig } from "./helpers/rsbuild.js";
+
+test.skip(
+  true,
+  "Custom load context with a custom server needs adapter support for exposing route context modules",
+);
+
+let port: number;
+let cwd: string;
+let stop: (() => unknown) | undefined;
+
+test.beforeAll(async () => {
+  port = await getPort();
+  cwd = await createProject({
+    "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+    "app/context.ts": String.raw`
+      import { createContext } from "react-router";
+      export const valueContext = createContext<string>();
+    `,
+    "server.mjs": String.raw`
+      import { createRequestHandler } from "@react-router/express";
+      import { RouterContextProvider } from "react-router";
+      import express from "express";
+
+      const app = express();
+
+      if (process.env.NODE_ENV !== "production") {
+        // Dev-mode custom load context is not yet supported by the Rsbuild
+        // adapter: injecting a caller-owned RouterContextProvider requires the
+        // route's context module (\`app/context.ts\`) to resolve to the SAME
+        // instance the server bundle uses. The plugin owns the node
+        // environment's entry list (\`modePlan.nodeEntries\`), so a fixture
+        // cannot expose the context module as a separate \`loadBundle\` entry,
+        // and the ServerBuild does not re-export it. Supporting this needs a
+        // plugin-side change (e.g. exposing route context modules to custom
+        // dev servers), which is out of scope for the test harness.
+        throw new Error(
+          "Custom dev servers with a custom load context need an Rsbuild dev-server adapter that can expose the route context module",
+        );
+      }
+      app.use(
+        "/assets",
+        express.static("build/client/assets", { immutable: true, maxAge: "1y" })
+      );
+      app.use(express.static("build/client", { maxAge: "1h" }));
+
+      app.all(
+        "*",
+        createRequestHandler({
+          build: await import("./build/index.js"),
+          getLoadContext: async () => {
+            let { valueContext } = await import("./build/server/app/context.js");
+            return new RouterContextProvider([[valueContext, "value"]]);
+          },
+        })
+      );
+
+      const port = ${port};
+      app.listen(port, () => console.log('http://localhost:' + port));
+    `,
+    "app/routes/_index.tsx": String.raw`
+      import { useLoaderData } from "react-router";
+      import { valueContext } from "../context";
+
+      export const loader = ({ context }) => {
+        return { value: context.get(valueContext) }
+      }
+
+      export default function IndexRoute() {
+        let { value } = useLoaderData<typeof loader>();
+        return (
+          <div id="index">
+            <p data-context>Context: {value}</p>
+          </div>
+        );
+      }
+    `,
+  });
+  stop = await customDev({ cwd, port });
+});
+test.afterAll(() => stop?.());
+
+test("Load context / express", async ({ page }) => {
+  let pageErrors: Error[] = [];
+  page.on("pageerror", (error) => pageErrors.push(error));
+
+  await page.goto(`http://localhost:${port}/`, {
+    waitUntil: "networkidle",
+  });
+  await expect(page.locator("#index [data-context]")).toHaveText(
+    "Context: value",
+  );
+  expect(pageErrors).toEqual([]);
+});
diff --git a/tests/react-router-framework/integration/loader-test.ts b/tests/react-router-framework/integration/loader-test.ts
new file mode 100644
index 00000000..357f9cad
--- /dev/null
+++ b/tests/react-router-framework/integration/loader-test.ts
@@ -0,0 +1,128 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("loader", () => {
+  let fixture: Fixture;
+
+  let ROOT_DATA = "ROOT_DATA";
+  let INDEX_DATA = "INDEX_DATA";
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+            import { Links, Meta, Outlet, Scripts } from "react-router";
+
+            export const loader = () => "${ROOT_DATA}";
+
+            export default function Root() {
+              return (
+                <html lang="en">
+                  <head>
+                    <Meta />
+                    <Links />
+                  </head>
+                  <body>
+                    <Outlet />
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+          `,
+
+        "app/routes/_index.tsx": js`
+            export function loader() {
+              return "${INDEX_DATA}"
+            }
+
+            export default function Index() {
+              return <div/>
+            }
+          `,
+      },
+    });
+  });
+
+  test("returns responses for single fetch routes", async () => {
+    let { data } = await fixture.requestSingleFetchData("/_.data");
+    expect(data).toEqual({
+      root: { data: ROOT_DATA },
+      "routes/_index": { data: INDEX_DATA },
+    });
+  });
+});
+
+test.describe("loader in an app", () => {
+  let appFixture: AppFixture;
+
+  let HOME_PAGE_TEXT = "hello world";
+  let REDIRECT_TARGET_TEXT = "redirect target";
+  let FETCH_TARGET_TEXT = "fetch target";
+
+  test.beforeAll(async () => {
+    appFixture = await createAppFixture(
+      await createFixture({
+        files: {
+          "app/root.tsx": js`
+            import { Outlet } from "react-router"
+
+            export default function Root() {
+              return (
+                <html>
+                  <body>
+                    ${HOME_PAGE_TEXT}
+                    <Outlet />
+                  </body>
+                </html>
+              );
+            }
+          `,
+          "app/routes/redirect.tsx": js`
+            import { redirect } from "react-router";
+            export const loader = () => redirect("/redirect-target");
+            export default () => <div>Yo</div>
+          `,
+          "app/routes/redirect-target.tsx": js`
+            export default () => <div>${REDIRECT_TARGET_TEXT}</div>
+          `,
+          "app/routes/fetch.tsx": js`
+            export function loader({ request }) {
+              return fetch(new URL(request.url).origin + '/fetch-target');
+            }
+          `,
+
+          "app/routes/fetch-target.tsx": js`
+            export function loader() {
+              return Response.json({ message: "${FETCH_TARGET_TEXT}" })
+            }
+          `,
+        },
+      }),
+    );
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("sends a redirect", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/redirect");
+    expect(await app.getHtml()).toMatch(HOME_PAGE_TEXT);
+    expect(await app.getHtml()).toMatch(REDIRECT_TARGET_TEXT);
+  });
+
+  test("handles raw fetch responses", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await app.goto(`/fetch`);
+    expect((await res.json()).message).toBe(FETCH_TARGET_TEXT);
+  });
+});
diff --git a/tests/react-router-framework/integration/manifests-test.ts b/tests/react-router-framework/integration/manifests-test.ts
new file mode 100644
index 00000000..768457f7
--- /dev/null
+++ b/tests/react-router-framework/integration/manifests-test.ts
@@ -0,0 +1,143 @@
+import fs from "node:fs";
+import path from "node:path";
+import { test, expect } from "@playwright/test";
+import getPort from "get-port";
+import dedent from "dedent";
+
+import { createProject, build, rsbuildConfig } from "./helpers/rsbuild.js";
+
+const js = String.raw;
+
+function createRoute(path: string) {
+  return {
+    [`app/routes/${path}`]: js`
+      export default function Route() {
+        return <p>Path: ${path}</p>;
+      }
+    `,
+  };
+}
+
+const TEST_ROUTES = [
+  "_index.tsx",
+  "parent-route.tsx",
+  "parent-route.child-route.tsx",
+];
+
+const files = {
+  "app/root.tsx": js`
+    import { Links, Meta, Outlet, Scripts } from "react-router";
+
+    export default function Root() {
+      return (
+        <html lang="en">
+          <head>
+            <Meta />
+            <Links />
+          </head>
+          <body>
+            <Outlet />
+            <Scripts />
+          </body>
+        </html>
+      );
+    }
+  `,
+  ...Object.assign({}, ...TEST_ROUTES.map(createRoute)),
+};
+
+test.describe(() => {
+  let cwd: string;
+
+  test.beforeAll(async () => {
+    cwd = await createProject({
+      "react-router.config.ts": dedent(js`
+        export default {
+          buildEnd: async ({ buildManifest }) => {
+            let fs = await import("node:fs");
+            await fs.promises.writeFile(
+              "build/test-manifest.json",
+              JSON.stringify(buildManifest, null, 2),
+              "utf-8",
+            );
+          },
+        }
+      `),
+      "rsbuild.config.ts": dedent(js`
+        import { defineConfig } from "@rsbuild/core";
+        import { pluginReact } from "@rsbuild/plugin-react";
+        import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+        export default defineConfig({
+          output: { manifest: true }, // Rsbuild: output.manifest
+          plugins: [pluginReact(), pluginReactRouter()],
+        });
+      `),
+      ...files,
+    });
+
+    build({ cwd });
+  });
+
+  test("manifests enabled / Build manifests", () => {
+    // rsbuild emits manifest.json at each environment's dist root
+    expect(fs.existsSync(path.join(cwd, "build", "client", "manifest.json"))).toBe(
+      true,
+    );
+    expect(fs.existsSync(path.join(cwd, "build", "server", "manifest.json"))).toBe(
+      true,
+    );
+  });
+
+  test("manifests enabled / React Router build manifest", async () => {
+    let manifestPath = path.join(cwd, "build", "test-manifest.json");
+    expect(JSON.parse(fs.readFileSync(manifestPath, "utf8"))).toEqual({
+      routes: {
+        root: {
+          file: "root.tsx",
+          id: "root",
+          path: "",
+        },
+        "routes/_index": {
+          file: "routes/_index.tsx",
+          id: "routes/_index",
+          index: true,
+          parentId: "root",
+        },
+        "routes/parent-route": {
+          file: "routes/parent-route.tsx",
+          id: "routes/parent-route",
+          parentId: "root",
+          path: "parent-route",
+        },
+        "routes/parent-route.child-route": {
+          file: "routes/parent-route.child-route.tsx",
+          id: "routes/parent-route.child-route",
+          parentId: "routes/parent-route",
+          path: "child-route",
+        },
+      },
+    });
+  });
+});
+
+test.describe(() => {
+  let cwd: string;
+
+  test.beforeAll(async () => {
+    cwd = await createProject({
+      "rsbuild.config.ts": await rsbuildConfig.basic({ port: await getPort() }),
+      ...files,
+    });
+
+    build({ cwd });
+  });
+
+  test("manifest disabled / Build manifests", () => {
+    let manifestClient = path.join(cwd, "build", "client", "manifest.json");
+    expect(fs.existsSync(manifestClient)).toBe(false);
+
+    let manifestServer = path.join(cwd, "build", "server", "manifest.json");
+    expect(fs.existsSync(manifestServer)).toBe(false);
+  });
+});
diff --git a/tests/react-router-framework/integration/matches-test.ts b/tests/react-router-framework/integration/matches-test.ts
new file mode 100644
index 00000000..3ac3c917
--- /dev/null
+++ b/tests/react-router-framework/integration/matches-test.ts
@@ -0,0 +1,169 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("useMatches", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import * as React from 'react';
+          import { Link, Links, Meta, Outlet, Scripts, useMatches } from "react-router";
+          export const handle = { stuff: "root handle"};
+          export const loader = () => "ROOT";
+          export default function Root() {
+            let matches = useMatches();
+            let [matchesCount, setMatchesCount] = React.useState(0);
+            React.useEffect(() => setMatchesCount(matchesCount + 1), [matches]);
+
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <Link to="/about">About</Link>
+                  <pre id="matches">
+                    {JSON.stringify(matches, null, 2)}
+                  </pre>
+                  {matchesCount > 0 ? <pre id="matches-count-root">{matchesCount}</pre> : null}
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export const handle = { stuff: "index handle"};
+          export const loader = () => "INDEX";
+          export default function Index() {
+            return <h1 id="index">Index Page</h1>
+          }
+        `,
+
+        "app/routes/about.tsx": js`
+          export const handle = { stuff: "about handle"};
+          export const loader = async () => {
+            await new Promise(r => setTimeout(r, 100));
+            return "ABOUT";
+          }
+          export default function About() {
+            return <h1 id="about">About Page</h1>
+          }
+        `,
+
+        "app/routes/count.tsx": js`
+          import * as React from 'react';
+          import { useMatches } from "react-router";
+          export default function Count() {
+            let matches = useMatches();
+            let [count, setCount] = React.useState(0);
+            let [matchesCount, setMatchesCount] = React.useState(0);
+            React.useEffect(() => setMatchesCount(matchesCount + 1), [matches]);
+            return (
+              <>
+                <h1>Count Page</h1>
+                <button id="increment" onClick={() => setCount(count + 1)}>
+                  Increment
+                </button>
+                <pre id="count">{count}</pre>
+                {matchesCount > 0 ? <pre id="matches-count-child">{matchesCount}</pre> : null}
+              </>
+            );
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("grabs the handle from the route module cache", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    const readMatches = async () =>
+      JSON.parse(await page.locator("#matches").innerText());
+    const indexMatches = [
+      {
+        id: "root",
+        pathname: "/",
+        params: {},
+        loaderData: "ROOT",
+        handle: { stuff: "root handle" },
+      },
+      {
+        id: "routes/_index",
+        pathname: "/",
+        params: {},
+        loaderData: "INDEX",
+        handle: { stuff: "index handle" },
+      },
+    ];
+    const aboutMatches = [
+      {
+        id: "root",
+        pathname: "/",
+        params: {},
+        loaderData: "ROOT",
+        handle: { stuff: "root handle" },
+      },
+      {
+        id: "routes/about",
+        pathname: "/about",
+        params: {},
+        loaderData: "ABOUT",
+        handle: { stuff: "about handle" },
+      },
+    ];
+
+    await app.goto("/");
+
+    // Wait for effect
+    await page.waitForSelector("#matches-count-root");
+    expect(await app.getHtml("#matches-count-root")).toMatch(">1<");
+    expect(await app.getHtml()).toMatch("Index Page");
+    expect(await readMatches()).toEqual(indexMatches);
+
+    // Click and don't wait so we can assert _during_ the navigation that we're
+    // still showing the index matches and we haven't triggered a new effect
+    await app.clickLink("/about", { wait: false });
+    expect(await readMatches()).toEqual(indexMatches);
+    expect(await app.getHtml("#matches-count-root")).toMatch(">1<");
+
+    // Once the new page shows up we should get update dmatches and a single
+    // new effect execution
+    await page.waitForSelector("#about");
+    expect(await app.getHtml()).toMatch("About Page");
+    expect(await app.getHtml("#matches-count-root")).toMatch(">2<");
+    expect(await readMatches()).toEqual(aboutMatches);
+  });
+
+  test("memoizes matches from react router", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/count");
+    await page.waitForSelector("#matches-count-child");
+    expect(await app.getHtml("#count")).toMatch(">0<");
+    expect(await app.getHtml("#matches-count-child")).toMatch(">1<");
+    await app.clickElement("#increment");
+    expect(await app.getHtml("#count")).toMatch(">1<");
+    expect(await app.getHtml("#matches-count-child")).toMatch(">1<");
+    await app.clickElement("#increment");
+    expect(await app.getHtml("#count")).toMatch(">2<");
+    expect(await app.getHtml("#matches-count-child")).toMatch(">1<");
+  });
+});
diff --git a/tests/react-router-framework/integration/mdx-test.ts b/tests/react-router-framework/integration/mdx-test.ts
new file mode 100644
index 00000000..f93ae57c
--- /dev/null
+++ b/tests/react-router-framework/integration/mdx-test.ts
@@ -0,0 +1,116 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createFixture,
+  createAppFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import { type TemplateName, rsbuildConfig } from "./helpers/rsbuild.js";
+
+const templateNames = [
+  "rsbuild-template",
+  "rsc-framework",
+] as const satisfies TemplateName[];
+
+test.describe("MDX", () => {
+  for (const templateName of templateNames) {
+    test.describe(`template: ${templateName}`, () => {
+      let fixture: Fixture;
+      let appFixture: AppFixture;
+
+      test.beforeAll(async () => {
+        fixture = await createFixture({
+          templateName,
+          files: {
+            "rsbuild.config.ts": await rsbuildConfig.basic({
+              templateName,
+              mdx: true,
+            }),
+            "app/root.tsx": js`
+              import { Outlet, Scripts } from "react-router"
+
+              export default function Root() {
+                return (
+                  <html>
+                    <head></head>
+                    <body>
+                      <main>
+                        <Outlet />
+                      </main>
+                      <Scripts />
+                    </body>
+                  </html>
+                );
+              }
+            `,
+            "app/routes/_index.tsx": js`
+              import { Link } from "react-router"
+              export default function Component() {
+                return <Link to="/mdx">Go to MDX route</Link>
+              }
+            `,
+            "app/routes/mdx.mdx": js`
+              import { MdxComponent } from "../components/mdx-components";
+
+              export const loader = () => {
+                return {
+                  content: "MDX route content from loader",
+                }
+              }
+
+              ## MDX Route
+
+              <MdxComponent />
+            `,
+            // This needs to be a separate file to support RSC since
+            // `useLoaderData` is not available in RSC environments, and
+            // components defined within an MDX file must be exported. This
+            // means they're not removed in the RSC build.
+            "app/components/mdx-components.tsx": js`
+              "use client";
+
+              import { useState, useEffect } from "react";
+              import { useLoaderData } from "react-router";
+
+              export function MdxComponent() {
+                const { content } = useLoaderData();
+                const [mounted, setMounted] = useState(false);
+                useEffect(() => {
+                  setMounted(true);
+                }, []);
+
+                return (
+                  <>
+                    <h3>Loader data</h3>
+                    <div data-loader-data>{content}</div>
+                    <h3>Mounted</h3>
+                    <div data-mounted>{mounted ? "true" : "false"}</div>
+                  </>
+                );
+              }
+            `,
+          },
+        });
+
+        appFixture = await createAppFixture(fixture);
+      });
+
+      test.afterAll(() => {
+        appFixture.close();
+      });
+
+      test("handles MDX routes", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/mdx");
+
+        let loaderData = page.locator("[data-loader-data]");
+        await expect(loaderData).toHaveText("MDX route content from loader");
+
+        let mounted = page.locator("[data-mounted]");
+        await expect(mounted).toHaveText("true");
+      });
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/middleware-test.ts b/tests/react-router-framework/integration/middleware-test.ts
new file mode 100644
index 00000000..56a3119d
--- /dev/null
+++ b/tests/react-router-framework/integration/middleware-test.ts
@@ -0,0 +1,2962 @@
+import type {
+  Request as PlaywrightRequest,
+  Response as PlaywrightResponse,
+} from "@playwright/test";
+import { test, expect } from "@playwright/test";
+import {
+  UNSAFE_ErrorResponseImpl,
+  UNSAFE_ServerMode,
+  UNSAFE_SingleFetchRedirectSymbol,
+} from "react-router";
+
+import {
+  type AppFixture,
+  type Fixture,
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import { reactRouterConfig } from "./helpers/rsbuild.js";
+
+test.describe("Middleware", () => {
+  let originalConsoleError = console.error;
+  test.beforeEach(() => {
+    console.error = () => {};
+  });
+
+  test.afterEach(() => {
+    console.error = originalConsoleError;
+  });
+
+  test.describe("SPA Mode", () => {
+    let fixture: Fixture;
+    let appFixture: AppFixture;
+
+    test.beforeAll(async () => {
+      fixture = await createFixture({
+        spaMode: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false,
+            splitRouteModules: false,
+          }),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              output: { minify: false }, // Rsbuild: output.minify
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/context.ts": js`
+            import { createContext } from 'react-router'
+            export const orderContext = createContext([]);
+          `,
+          "app/routes/loaders._index.tsx": js`
+            import { Link } from 'react-router'
+            import { orderContext } from '../context'
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'a']);
+              },
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+              },
+            ];
+            export async function clientLoader({ request, context }) {
+              return context.get(orderContext).join(',');
+            }
+            export default function Component({ loaderData }) {
+              return (
+                <>
+                  <h2 data-route>Index: {loaderData}</h2>
+                  <Link to="/loaders/about">Go to about</Link>
+                </>
+               );
+            }
+          `,
+          "app/routes/loaders.about.tsx": js`
+            import { orderContext } from '../context'
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'c']);
+              },
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'd']);
+              },
+            ];
+            export async function clientLoader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+            export default function Component({ loaderData }) {
+              return <h2 data-route>About: {loaderData}</h2>;
+            }
+          `,
+          "app/routes/actions._index.tsx": js`
+            import { Form } from 'react-router'
+            import { orderContext } from '../context';
+            export const clientMiddleware = [
+              ({ request, context }) => {
+                context.set(orderContext, ['a']);
+              },
+              ({ request, context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+              },
+            ];
+            export async function clientAction({ request, context }) {
+              return context.get(orderContext).join(',');
+            }
+            export async function clientLoader({ request, context }) {
+              return context.get(orderContext).join(',');
+            }
+            export default function Component({ loaderData, actionData }) {
+              return (
+                <>
+                  <h2 data-route>Index: {loaderData} - {actionData || 'empty'}</h2>
+                  <Form method="post">
+                    <input name="name" />
+                    <button type="submit">Submit</button>
+                  </Form>
+                </>
+               );
+            }
+          `,
+          "app/routes/redirect-down._index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component({ loaderData, actionData }) {
+              return <Link to="/redirect-down/redirect">Link</Link>;
+            }
+          `,
+          "app/routes/redirect-down.redirect.tsx": js`
+            import { Link, redirect } from 'react-router'
+            export const clientMiddleware = [
+              ({ request, context }) => { throw redirect('/redirect-down/target'); }
+            ]
+            export default function Component() {
+              return <h1>Redirect</h1>
+            }
+          `,
+          "app/routes/redirect-down.target.tsx": js`
+            export default function Component() {
+              return <h1>Target</h1>
+            }
+          `,
+          "app/routes/redirect-up._index.tsx": js`
+            import { Link } from 'react-router';
+
+            export default function Component() {
+              return <Link to="/redirect-up/redirect">Link</Link>;
+            }
+          `,
+          "app/routes/redirect-up.redirect.tsx": js`
+            import { Link, redirect } from 'react-router';
+
+            export const clientMiddleware = [
+              async ({ request, context }, next) => {
+                await next();
+                throw redirect('/redirect-up/target');
+              }
+            ];
+
+            export default function Component() {
+              return <h1>Redirect</h1>;
+            }
+          `,
+          "app/routes/redirect-up.target.tsx": js`
+            export default function Component() {
+              return <h1>Target</h1>;
+            }
+          `,
+          "app/routes/error-down._index.tsx": js`
+            import { Link } from 'react-router';
+
+            export default function Component() {
+              return <Link to="/error-down/broken">Link</Link>;
+            }
+          `,
+          "app/routes/error-down.broken.tsx": js`
+            export const clientMiddleware = [
+              async ({ request, context }, next) => {
+                throw new Error('broken!');
+              }
+            ];
+
+            export default function Component() {
+              return <h1>Should not see me</h1>;
+            }
+
+            export function ErrorBoundary({ error }) {
+              return <h1 data-error>{error.message}</h1>;
+            }
+          `,
+          "app/routes/error-up._index.tsx": js`
+            import { Link } from 'react-router';
+
+            export default function Component() {
+              return <Link to="/error-up/broken">Link</Link>;
+            }
+          `,
+          "app/routes/error-up.broken.tsx": js`
+            export const clientMiddleware = [
+              async ({ request, context }, next) => {
+                await next();
+                throw new Error('broken!');
+              }
+            ];
+
+            export function clientLoader() {
+              return "nope";
+            }
+
+            export default function Component() {
+              return <h1>Should not see me</h1>;
+            }
+
+            export function ErrorBoundary({ loaderData, error }) {
+              return (
+                <>
+                  <h1 data-error>{error.message}</h1>
+                  <pre>{loaderData ?? 'empty'}</pre>
+                </>
+              );
+            }
+          `,
+          "app/routes/middleware-chain._index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component({ loaderData }) {
+              return <Link to="/middleware-chain/a/b/c">Link</Link>;
+            }
+          `,
+          "app/routes/middleware-chain.a.tsx": js`
+            import { Outlet } from 'react-router'
+            import { orderContext } from '../context';
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'a']);
+              },
+            ];
+
+            export function clientLoader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            export default function Component({ loaderData }) {
+              return <><h2>A: {loaderData}</h2><Outlet /></>;
+            }
+          `,
+          "app/routes/middleware-chain.a.b.tsx": js`
+            import { Outlet } from 'react-router'
+            import { orderContext } from '../context';
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+              }
+            ];
+
+            export default function Component() {
+              return <><h3>B</h3><Outlet /></>;
+            }
+          `,
+          "app/routes/middleware-chain.a.b.c.tsx": js`
+            import { orderContext } from '../context';
+            export function clientLoader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            export default function Component({ loaderData }) {
+              return <h4>C: {loaderData}</h4>;
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+    });
+
+    test.afterAll(() => {
+      appFixture.close();
+    });
+
+    test("calls clientMiddleware before/after loaders", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/loaders");
+      await page.waitForSelector('[data-route]:has-text("Index")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "Index: a,b",
+      );
+
+      (await page.$('a[href="/loaders/about"]'))?.click();
+      await page.waitForSelector('[data-route]:has-text("About")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "About: c,d",
+      );
+    });
+
+    test("calls clientMiddleware before/after actions", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/actions");
+      await page.waitForSelector('[data-route]:has-text("Index")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "Index: a,b - empty",
+      );
+
+      (await page.getByRole("button"))?.click();
+      await new Promise((r) => setTimeout(r, 1000));
+      await page.waitForSelector('[data-route]:has-text("- a,b")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "Index: a,b - a,b",
+      );
+    });
+
+    test("handles redirects thrown on the way down", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/redirect-down");
+      await page.waitForSelector('a:has-text("Link")');
+
+      (await page.getByRole("link"))?.click();
+      await page.waitForSelector('h1:has-text("Target")');
+    });
+
+    test("handles redirects thrown on the way up", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/redirect-up");
+      await page.waitForSelector('a:has-text("Link")');
+
+      (await page.getByRole("link"))?.click();
+      await page.waitForSelector('h1:has-text("Target")');
+    });
+
+    test("handles errors thrown on the way down", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/error-down");
+      await page.waitForSelector('a:has-text("Link")');
+
+      (await page.getByRole("link"))?.click();
+      await page.waitForSelector("[data-error]");
+      expect(await page.innerText("[data-error]")).toBe("broken!");
+    });
+
+    test("handles errors thrown on the way up", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/error-up");
+      await page.waitForSelector('a:has-text("Link")');
+
+      (await page.getByRole("link"))?.click();
+      await page.waitForSelector("[data-error]");
+      expect(await page.innerText("[data-error]")).toBe("broken!");
+      expect(await page.innerText("pre")).toBe("empty");
+    });
+
+    test("calls clientMiddleware for routes even without a loader", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/middleware-chain", true);
+      (await page.$('a[href="/middleware-chain/a/b/c"]'))?.click();
+      await page.waitForSelector("h4");
+      expect(await page.innerText("h2")).toBe("A: a,b");
+      expect(await page.innerText("h3")).toBe("B");
+      expect(await page.innerText("h4")).toBe("C: a,b");
+    });
+  });
+
+  test.describe("SPA Mode + Split Route Modules", () => {
+    let fixture: Fixture;
+    let appFixture: AppFixture;
+
+    test.beforeAll(async () => {
+      fixture = await createFixture({
+        spaMode: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false,
+          }),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              output: { minify: false }, // Rsbuild: output.minify
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/context.ts": js`
+            import { createContext } from 'react-router'
+            export const orderContext = createContext([]);
+          `,
+          "app/routes/loaders._index.tsx": js`
+            import { Link } from 'react-router'
+            import { orderContext } from '../context'
+
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'a']);
+              },
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+              },
+            ];
+
+            export async function clientLoader({ request, context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            export default function Component({ loaderData }) {
+              return (
+                <>
+                  <h2 data-route>Index: {loaderData}</h2>
+                  <Link to="/loaders/about">Go to about</Link>
+                </>
+               );
+            }
+          `,
+          "app/routes/loaders.about.tsx": js`
+            import { orderContext } from '../context'
+
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'c']);
+              },
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'd']);
+              },
+            ];
+
+            export async function clientLoader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            export default function Component({ loaderData }) {
+              return <h2 data-route>About: {loaderData}</h2>;
+            }
+          `,
+        },
+      });
+
+      appFixture = await createAppFixture(fixture);
+    });
+
+    test.afterAll(() => {
+      appFixture.close();
+    });
+
+    test("calls clientMiddleware before/after loaders with split route modules", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/loaders");
+      await page.waitForSelector('[data-route]:has-text("Index")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "Index: a,b",
+      );
+
+      (await page.$('a[href="/loaders/about"]'))?.click();
+      await page.waitForSelector('[data-route]:has-text("About")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "About: c,d",
+      );
+    });
+  });
+
+  test.describe("Client Middleware", () => {
+    let fixture: Fixture;
+    let appFixture: AppFixture;
+
+    test.beforeAll(async () => {
+      fixture = await createFixture({
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            splitRouteModules: false,
+          }),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              output: { minify: false }, // Rsbuild: output.minify
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/context.ts": js`
+            import { createContext } from 'react-router'
+            export const orderContext = createContext([]);
+            export const countContext = createContext({ parent: 0, child: 0, index: 0 });
+          `,
+          "app/routes/loaders._index.tsx": js`
+            import { Link } from 'react-router'
+            import { orderContext } from '../context'
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'a']);
+              },
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+              },
+            ];
+            export async function clientLoader({ request, context }) {
+              return context.get(orderContext).join(',');
+            }
+            export default function Component({ loaderData }) {
+              return (
+                <>
+                  <h2 data-route>Index: {loaderData}</h2>
+                  <Link to="/loaders/about">Go to about</Link>
+                </>
+              );
+            }
+          `,
+          "app/routes/loaders.about.tsx": js`
+            import { orderContext } from '../context'
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, ['c']);
+              },
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'd']);
+              },
+            ];
+            export async function clientLoader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+            export default function Component({ loaderData }) {
+              return <h2 data-route>About: {loaderData}</h2>;
+            }
+          `,
+          "app/routes/actions._index.tsx": js`
+            import { Form } from 'react-router'
+            import { orderContext } from '../context';
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, ['a']);
+              },
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+              },
+            ];
+            export async function clientAction({ request, context }) {
+              return context.get(orderContext).join(',');
+            }
+            export async function clientLoader({ request, context }) {
+              return context.get(orderContext).join(',');
+            }
+            export default function Component({ loaderData, actionData }) {
+              return (
+                <>
+                  <h2 data-route>Index: {loaderData} - {actionData || 'empty'}</h2>
+                  <Form method="post">
+                    <input name="name" />
+                    <button type="submit">Submit</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+          "app/routes/redirect-down._index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component() {
+              return <Link to="/redirect-down/redirect">Link</Link>;
+            }
+          `,
+          "app/routes/redirect-down.redirect.tsx": js`
+            import { Link, redirect } from 'react-router'
+            export const clientMiddleware = [
+              ({ request, context }) => { throw redirect('/redirect-down/target'); }
+            ];
+            export default function Component() {
+              return <h1>Redirect</h1>;
+            }
+          `,
+          "app/routes/redirect-down.target.tsx": js`
+            export default function Component() {
+              return <h1>Target</h1>;
+            }
+          `,
+          "app/routes/redirect-up._index.tsx": js`
+            import { Link } from 'react-router';
+            export default function Component() {
+              return <Link to="/redirect-up/redirect">Link</Link>;
+            }
+          `,
+          "app/routes/redirect-up.redirect.tsx": js`
+            import { Link, redirect } from 'react-router';
+            export const clientMiddleware = [
+              async ({ request, context }, next) => {
+                await next();
+                throw redirect('/redirect-up/target');
+              }
+            ];
+            export default function Component() {
+              return <h1>Redirect</h1>;
+            }
+          `,
+          "app/routes/redirect-up.target.tsx": js`
+            export default function Component() {
+              return <h1>Target</h1>;
+            }
+          `,
+          "app/routes/error-down._index.tsx": js`
+            import { Link } from 'react-router';
+            export default function Component() {
+              return <Link to="/error-down/broken">Link</Link>;
+            }
+          `,
+          "app/routes/error-down.broken.tsx": js`
+            export const clientMiddleware = [
+              async ({ request, context }, next) => {
+                throw new Error('broken!');
+              }
+            ];
+            export default function Component() {
+              return <h1>Should not see me</h1>;
+            }
+            export function ErrorBoundary({ error }) {
+              return <h1 data-error>{error.message}</h1>;
+            }
+          `,
+          "app/routes/error-up._index.tsx": js`
+            import { Link } from 'react-router';
+            export default function Component() {
+              return <Link to="/error-up/broken">Link</Link>;
+            }
+          `,
+          "app/routes/error-up.broken.tsx": js`
+            export const clientMiddleware = [
+              async ({ request, context }, next) => {
+                await next();
+                throw new Error('broken!');
+              }
+            ];
+            export function clientLoader() {
+              return "nope";
+            }
+            export default function Component() {
+              return <h1>Should not see me</h1>;
+            }
+            export function ErrorBoundary({ loaderData, error }) {
+              return (
+                <>
+                  <h1 data-error>{error.message}</h1>
+                  <pre>{loaderData ?? 'empty'}</pre>
+                </>
+              );
+            }
+          `,
+          "app/routes/middleware-chain._index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component({ loaderData }) {
+              return <Link to="/middleware-chain/a/b/c">Link</Link>;
+            }
+          `,
+          "app/routes/middleware-chain.a.tsx": js`
+            import { Outlet } from 'react-router'
+            import { orderContext } from '../context';
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'a']);
+              },
+            ];
+            export function clientLoader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+            export default function Component({ loaderData }) {
+              return (
+                <>
+                  <h2>A: {loaderData}</h2>
+                  <Outlet />
+                </>
+              );
+            }
+          `,
+          "app/routes/middleware-chain.a.b.tsx": js`
+            import { Outlet } from 'react-router'
+            import { orderContext } from '../context';
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+              },
+            ];
+            export default function Component() {
+              return (
+                <>
+                  <h3>B</h3>
+                  <Outlet />
+                </>
+              );
+            }
+          `,
+          "app/routes/middleware-chain.a.b.c.tsx": js`
+            import { orderContext } from '../context';
+            export function clientLoader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+            export default function Component({ loaderData }) {
+              return <h4>C: {loaderData}</h4>;
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+    });
+
+    test.afterAll(() => {
+      appFixture.close();
+    });
+
+    test("calls clientMiddleware before/after loaders", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/loaders");
+      await page.waitForSelector('[data-route]:has-text("Index")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "Index: a,b",
+      );
+
+      (await page.$('a[href="/loaders/about"]'))?.click();
+      await page.waitForSelector('[data-route]:has-text("About")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "About: c,d",
+      );
+    });
+
+    test("handles redirects thrown on the way down", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/redirect-down");
+      await page.waitForSelector('a:has-text("Link")');
+
+      (await page.getByRole("link"))?.click();
+      await page.waitForSelector('h1:has-text("Target")');
+    });
+
+    test("handles redirects thrown on the way up", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/redirect-up");
+      await page.waitForSelector('a:has-text("Link")');
+
+      (await page.getByRole("link"))?.click();
+      await page.waitForSelector('h1:has-text("Target")');
+    });
+
+    test("handles errors thrown on the way down", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/error-down");
+      await page.waitForSelector('a:has-text("Link")');
+
+      (await page.getByRole("link"))?.click();
+      await page.waitForSelector("[data-error]");
+      expect(await page.innerText("[data-error]")).toBe("broken!");
+    });
+
+    test("handles errors thrown on the way up", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/error-up");
+      await page.waitForSelector('a:has-text("Link")');
+
+      (await page.getByRole("link"))?.click();
+      await page.waitForSelector("[data-error]");
+      expect(await page.innerText("[data-error]")).toBe("broken!");
+      expect(await page.innerText("pre")).toBe("empty");
+    });
+
+    test("calls clientMiddleware for routes even without a loader", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/middleware-chain");
+      (await page.$('a[href="/middleware-chain/a/b/c"]'))?.click();
+      await page.waitForSelector("h4");
+      expect(await page.innerText("h2")).toBe("A: a,b");
+      expect(await page.innerText("h3")).toBe("B");
+      expect(await page.innerText("h4")).toBe("C: a,b");
+    });
+
+    test("calls clientMiddleware once when multiple server requests happen", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          "react-router.config.ts": reactRouterConfig(),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              output: { minify: false }, // Rsbuild: output.minify
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/context.ts": js`
+            import { createContext } from 'react-router'
+            export const countContext = createContext({
+              parent: 0,
+              child: 0,
+            });
+          `,
+          "app/routes/_index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component({ loaderData }) {
+              return <Link to="/parent/child">Go to /parent/child</Link>;
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { countContext } from '../context';
+            import { Outlet } from 'react-router';
+            export function loader() {
+              return 'PARENT'
+            }
+            export const clientMiddleware = [
+              ({ context }) => { context.get(countContext).parent++ },
+            ];
+
+            export async function clientLoader({ serverLoader, context }) {
+              return {
+                serverData: await serverLoader(),
+                context: context.get(countContext)
+              }
+            }
+
+            export default function Component({ loaderData }) {
+              return (
+                <>
+                  <h2 data-parent>{JSON.stringify(loaderData)}</h2>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.child.tsx": js`
+            import { countContext } from '../context';
+            export function loader() {
+              return 'CHILD'
+            }
+            export const clientMiddleware = [
+              ({ context }) => { context.get(countContext).child++ },
+            ];
+
+            export async function clientLoader({ serverLoader, context }) {
+              return {
+                serverData: await serverLoader(),
+                context: context.get(countContext)
+              }
+            }
+
+            export default function Component({ loaderData }) {
+              return <h3 data-child>{JSON.stringify(loaderData)}</h3>;
+            }
+          `,
+        },
+      });
+
+      let appFixture = await createAppFixture(fixture);
+
+      let requests: string[] = [];
+      page.on("request", (request: PlaywrightRequest) => {
+        if (request.url().includes(".data")) {
+          requests.push(request.url());
+        }
+      });
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      (await page.$('a[href="/parent/child"]'))?.click();
+      await page.waitForSelector("[data-child]");
+
+      // 2 separate server requests made
+      expect(requests.sort()).toEqual([
+        expect.stringContaining("/parent/child.data?_routes=routes%2Fparent"),
+        expect.stringContaining(
+          "/parent/child.data?_routes=routes%2Fparent.child",
+        ),
+      ]);
+
+      // But client middlewares only ran once
+      let json = (await page.locator("[data-parent]").textContent()) as string;
+      expect(JSON.parse(json)).toEqual({
+        serverData: "PARENT",
+        context: {
+          parent: 1,
+          child: 1,
+        },
+      });
+      json = (await page.locator("[data-child]").textContent()) as string;
+      expect(JSON.parse(json)).toEqual({
+        serverData: "CHILD",
+        context: {
+          parent: 1,
+          child: 1,
+        },
+      });
+
+      appFixture.close();
+    });
+
+    test("calls clientMiddleware once when multiple server requests happen and some routes opt out", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          "react-router.config.ts": reactRouterConfig(),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              output: { minify: false }, // Rsbuild: output.minify
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/context.ts": js`
+            import { createContext } from 'react-router'
+            export const countContext = createContext({
+              parent: 0,
+              child: 0,
+              index: 0,
+            });
+          `,
+          "app/routes/_index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component({ loaderData }) {
+              return <Link to="/parent/child">Go to /parent/child</Link>;
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { Outlet } from 'react-router';
+            import { countContext } from '../context';
+            export function loader() {
+              return 'PARENT'
+            }
+            export const clientMiddleware = [
+              ({ context }) => { context.get(countContext).parent++ },
+            ];
+            export default function Component({ loaderData }) {
+              return (
+                <>
+                  <h2 data-parent>{loaderData}</h2>
+                  <Outlet/>
+                </>
+              );
+            }
+            export function shouldRevalidate() {
+              return false;
+            }
+          `,
+          "app/routes/parent.child.tsx": js`
+            import { Outlet } from 'react-router';
+            import { countContext } from '../context';
+            export function loader() {
+              return 'CHILD'
+            }
+            export const clientMiddleware = [
+              ({ context }) => { context.get(countContext).child++ },
+            ];
+            export default function Component({ loaderData }) {
+              return (
+                <>
+                  <h3 data-child>{loaderData}</h3>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.child._index.tsx": js`
+            import { Form } from 'react-router';
+            import { countContext } from '../context';
+            export function action() {
+              return 'INDEX ACTION'
+            }
+            export function loader() {
+              return 'INDEX'
+            }
+            export const clientMiddleware = [
+              ({ context }) => { context.get(countContext).index++ },
+            ];
+            export async function clientLoader({ serverLoader, context }) {
+              return {
+                serverData: await serverLoader(),
+                context: context.get(countContext)
+              }
+            }
+            export default function Component({ loaderData, actionData }) {
+              return (
+                <>
+                  <h4 data-index>{JSON.stringify(loaderData)}</h4>
+                  <Form method="post">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  {actionData ? <p data-action>{JSON.stringify(actionData)}</p> : null}
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let appFixture = await createAppFixture(fixture);
+
+      let requests: string[] = [];
+      page.on("request", (request: PlaywrightRequest) => {
+        if (request.method() === "GET" && request.url().includes(".data")) {
+          requests.push(request.url());
+        }
+      });
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      (await page.$('a[href="/parent/child"]'))?.click();
+      await page.waitForSelector("[data-child]");
+      expect(await page.locator("[data-parent]").textContent()).toBe("PARENT");
+      expect(await page.locator("[data-child]").textContent()).toBe("CHILD");
+      expect(
+        JSON.parse((await page.locator("[data-index]").textContent())!),
+      ).toEqual({
+        serverData: "INDEX",
+        context: {
+          parent: 1,
+          child: 1,
+          index: 1,
+        },
+      });
+
+      requests = []; // clear before form submission
+      (await page.$('button[type="submit"]'))?.click();
+      await page.waitForSelector("[data-action]");
+
+      // 2 separate server requests made
+      expect(requests.sort()).toEqual([
+        // This is the normal request but only included parent.child because parent opted out
+        expect.stringMatching(
+          /\/parent\/child\.data\?_routes=routes%2Fparent\.child$/,
+        ),
+        // index gets it's own due to clientLoader
+        expect.stringMatching(
+          /\/parent\/child\.data\?_routes=routes%2Fparent\.child\._index$/,
+        ),
+      ]);
+
+      // But client middlewares only ran once for the action and once for the revalidation
+      expect(await page.locator("[data-parent]").textContent()).toBe("PARENT");
+      expect(await page.locator("[data-child]").textContent()).toBe("CHILD");
+      expect(
+        JSON.parse((await page.locator("[data-index]").textContent())!),
+      ).toEqual({
+        serverData: "INDEX",
+        context: {
+          parent: 3,
+          child: 3,
+          index: 3,
+        },
+      });
+
+      appFixture.close();
+    });
+  });
+
+  test.describe("Client Middleware + Split Route Modules", () => {
+    let fixture: Fixture;
+    let appFixture: AppFixture;
+
+    test.beforeAll(async () => {
+      fixture = await createFixture({
+        files: {
+          "react-router.config.ts": reactRouterConfig(),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              output: { minify: false }, // Rsbuild: output.minify
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/context.ts": js`
+            import { createContext } from 'react-router'
+            export const orderContext = createContext([]);
+          `,
+          "app/routes/loaders._index.tsx": js`
+            import { Link } from 'react-router'
+            import { orderContext } from "../context";;
+
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'a']);
+              },
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+              },
+            ];
+
+            export async function clientLoader({ request, context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            export default function Component({ loaderData }) {
+              return (
+                <>
+                  <h2 data-route>Index: {loaderData}</h2>
+                  <Link to="/loaders/about">Go to about</Link>
+                </>
+               );
+            }
+          `,
+          "app/routes/loaders.about.tsx": js`
+            import { orderContext } from "../context";;
+            export const clientMiddleware = [
+              ({ context }) => {
+                context.set(orderContext, ['c']); // reset order from hydration
+              },
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'd']);
+              },
+            ];
+
+            export async function clientLoader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            export default function Component({ loaderData }) {
+              return <h2 data-route>About: {loaderData}</h2>;
+            }
+          `,
+        },
+      });
+
+      appFixture = await createAppFixture(fixture);
+    });
+
+    test.afterAll(() => {
+      appFixture.close();
+    });
+
+    test("calls clientMiddleware before/after loaders with split route modules", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/loaders");
+      await page.waitForSelector('[data-route]:has-text("Index")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "Index: a,b",
+      );
+
+      (await page.$('a[href="/loaders/about"]'))?.click();
+      await page.waitForSelector('[data-route]:has-text("About")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "About: c,d",
+      );
+    });
+  });
+
+  test.describe("Server Middleware", () => {
+    let fixture: Fixture;
+    let appFixture: AppFixture;
+
+    test.beforeAll(async () => {
+      fixture = await createFixture({
+        files: {
+          "react-router.config.ts": reactRouterConfig(),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              output: { minify: false }, // Rsbuild: output.minify
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/context.ts": js`
+            import { createContext } from 'react-router'
+            export const orderContext = createContext([]);
+          `,
+          "app/routes/loaders._index.tsx": js`
+            import { Link } from 'react-router'
+            import { orderContext } from '../context'
+            export const middleware = [
+              ({ context }) => { context.set(orderContext, [...context.get(orderContext), 'a']); },
+              ({ context }) => { context.set(orderContext, [...context.get(orderContext), 'b']); },
+            ];
+            export async function loader({ request, context }) { return context.get(orderContext).join(','); }
+            export default function Component({ loaderData }) {
+              return (<><h2 data-route>Index: {loaderData}</h2><Link to="/loaders/about">Go to about</Link></>);
+            }
+          `,
+          "app/routes/loaders.about.tsx": js`
+            import { orderContext } from '../context'
+            export const middleware = [
+              ({ context }) => { context.set(orderContext, ['c']); },
+              ({ context }) => { context.set(orderContext, [...context.get(orderContext), 'd']); },
+            ];
+            export async function loader({ context }) { return context.get(orderContext).join(','); }
+            export default function Component({ loaderData }) {
+              return <h2 data-route>About: {loaderData}</h2>;
+            }
+          `,
+          "app/routes/no-loaders.parent.tsx": js`
+            import { Link, Outlet } from 'react-router'
+
+            export const middleware = [
+              ({ request }) => {
+                console.log('Running parent middleware', new URL(request.url).pathname)
+              },
+            ];
+
+            export default function Component() {
+              return (
+                <>
+                  <h2>Parent</h2>
+                  <Link to="/no-loaders/parent/a">Go to A</Link>
+                  <Link to="/no-loaders/parent/b">Go to B</Link>
+                  <Outlet/>
+                </>
+               );
+            }
+          `,
+          "app/routes/no-loaders.parent.a.tsx": js`
+            export const middleware = [
+              ({ request }) => {
+                console.log('Running A middleware', new URL(request.url).pathname)
+              },
+            ];
+
+            export default function Component() {
+              return <h3>A</h3>;
+            }
+          `,
+          "app/routes/no-loaders.parent.b.tsx": js`
+            export const middleware = [
+              ({ request }) => {
+                console.log('Running B middleware', new URL(request.url).pathname)
+              },
+            ];
+
+            export default function Component() {
+              return <h3>B</h3>;
+            }
+          `,
+
+          "app/routes/actions._index.tsx": js`
+            import { Form } from 'react-router'
+            import { orderContext } from '../context';
+            export const middleware = [
+              ({ context }) => { context.set(orderContext, [...context.get(orderContext), 'a']); },
+              ({ context }) => { context.set(orderContext, [...context.get(orderContext), 'b']); },
+            ];
+            export async function action({ request, context }) { return context.get(orderContext).join(','); }
+            export async function loader({ request, context }) { return context.get(orderContext).join(','); }
+            export default function Component({ loaderData, actionData }) {
+              return (<><h2 data-route>Index: {loaderData} - {actionData || 'empty'}</h2><Form method="post"><input name="name" /><button type="submit">Submit</button></Form></>);
+            }
+          `,
+          "app/routes/redirect-down._index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component() {
+              return <Link to="/redirect-down/redirect">Link</Link>;
+            }
+          `,
+          "app/routes/redirect-down.redirect.tsx": js`
+            import { Link, redirect } from 'react-router'
+            export const middleware = [({ request, context }) => {
+              throw redirect('/redirect-down/target');
+            }];
+            export function loader() {
+              return null;
+            }
+            export default function Component() {
+              return <h1>Redirect</h1>;
+            }
+          `,
+          "app/routes/redirect-down.target.tsx": js`
+            export default function Component() {
+              return <h1>Target</h1>;
+            }
+          `,
+          "app/routes/redirect-up._index.tsx": js`
+            import { Link } from 'react-router';
+            export default function Component() {
+              return <Link to="/redirect-up/redirect">Link</Link>;
+            }
+          `,
+          "app/routes/redirect-up.redirect.tsx": js`
+            import { Link, redirect } from 'react-router';
+            export const middleware = [async ({ request, context }, next) => {
+              await next(); throw redirect('/redirect-up/target');
+            }];
+            export function loader() {
+              return null;
+            }
+            export default function Component() {
+              return <h1>Redirect</h1>;
+            }
+          `,
+          "app/routes/redirect-up.target.tsx": js`
+            export default function Component() {
+              return <h1>Target</h1>;
+            }
+          `,
+          "app/routes/single-fetch-serialize.redirect.tsx": js`
+            import { Link, redirect } from 'react-router'
+            export const middleware = [
+              async ({ request, context }, next) => {
+                let res = await next();
+                // Should still be a normal redirect here, not yet encoded into
+                // a single fetch redirect
+                res.headers.set("X-Status", res.status);
+                res.headers.set("X-Location", res.headers.get('Location'));
+                return res;
+              }
+            ]
+            export function loader() {
+              throw redirect('/single-fetch-serialize/target');
+            }
+            export default function Component() {
+              return <h1>Redirect</h1>
+            }
+          `,
+          "app/routes/single-fetch-serialize.target.tsx": js`
+            export default function Component() {
+              return <h1>Target</h1>
+            }
+          `,
+          "app/routes/throw-data-before._index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component({ loaderData }) {
+              return <Link to="/throw-data-before/a/b/c">/a/b/c</Link>;
+            }
+          `,
+          "app/routes/throw-data-before.a.tsx": js`
+            import { Outlet } from 'react-router'
+            export const middleware = [
+              async (_, next) => {
+                let res = await next();
+                res.headers.set('x-a', 'true');
+                return res;
+              }
+            ];
+            export default function Component() {
+              return <Outlet/>
+            }
+            export function ErrorBoundary({ error }) {
+              return (
+                <>
+                  <h1 data-error>A Error Boundary</h1>
+                  <pre>{error.data}</pre>
+                </>
+              );
+            }
+          `,
+          "app/routes/throw-data-before.a.b.tsx": js`
+            import { Link, Outlet } from 'react-router'
+            export const middleware = [
+              async (_, next) => {
+                let res = await next();
+                res.headers.set('x-b', 'true');
+                return res;
+              }
+            ];
+            export default function Component({ loaderData }) {
+              return <Outlet/>;
+            }
+          `,
+          "app/routes/throw-data-before.a.b.c.tsx": js`
+            import { data } from "react-router";
+            export const middleware = [(_, next) => {
+              throw data('C ERROR', { status: 418, statusText: "I'm a teapot" })
+            }];
+            // Force middleware to run on client side navs
+            export function loader() {
+              return null;
+            }
+            export default function Component({ loaderData }) {
+              return <h1>C</h1>
+            }
+          `,
+          "app/routes/throw-data-after._index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component({ loaderData }) {
+              return <Link to="/throw-data-after/a/b/c">/a/b/c</Link>;
+            }
+          `,
+          "app/routes/throw-data-after.a.tsx": js`
+            import { Outlet } from 'react-router'
+            export const middleware = [
+              async (_, next) => {
+                let res = await next();
+                res.headers.set('x-a', 'true');
+                return res;
+              }
+            ];
+            export function loader() {
+              return "A LOADER";
+            }
+            export default function Component() {
+              return <Outlet/>
+            }
+            export function ErrorBoundary({ error, loaderData }) {
+              return (
+                <>
+                  <h1 data-error>A Error Boundary</h1>
+                  <pre>{error.data}</pre>
+                  <p>{loaderData}</p>
+                </>
+              );
+            }
+          `,
+          "app/routes/throw-data-after.a.b.tsx": js`
+            import { Link, Outlet } from 'react-router'
+            export const middleware = [
+              async (_, next) => {
+                let res = await next();
+                res.headers.set('x-b', 'true');
+                return res;
+              }
+            ];
+            export default function Component({ loaderData }) {
+              return <Outlet/>;
+            }
+          `,
+          "app/routes/throw-data-after.a.b.c.tsx": js`
+            import { data } from "react-router";
+            export const middleware = [async (_, next) => {
+              let res = await next();
+              throw data('C ERROR', { status: 418, statusText: "I'm a teapot" })
+            }];
+            // Force middleware to run on client side navs
+            export function loader() {
+              return null;
+            }
+            export default function Component({ loaderData }) {
+              return <h1>C</h1>
+            }
+          `,
+          "app/routes/granular._index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component({ loaderData }) {
+              return <Link to="/granular/a/b">Link</Link>;
+            }
+          `,
+          "app/routes/granular.a.tsx": js`
+            import { Outlet } from 'react-router'
+            import { orderContext } from '../context';
+            export const middleware = [
+              ({ context }) => { context.set(orderContext, ['a']); },
+            ];
+
+            export async function loader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            // Force a granular call for this route
+            export function clientLoader({ serverLoader }) {
+              return serverLoader()
+            }
+
+            export default function Component({ loaderData }) {
+              return (
+                <>
+                  <h2 data-a>A: {loaderData}</h2>
+                  <Outlet />
+                </>
+              );
+            }
+          `,
+          "app/routes/granular.a.b.tsx": js`
+            import { Outlet } from 'react-router'
+            import { orderContext } from '../context';
+            export const middleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+              },
+            ];
+
+            export async function loader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            // Force a granular call for this route
+            export function clientLoader({ serverLoader }) {
+              return serverLoader()
+            }
+
+            export default function Component({ loaderData }) {
+              return <h3 data-b>B: {loaderData}</h3>;
+            }
+          `,
+          "app/routes/revalidate.parent.tsx": js`
+            import { Outlet } from "react-router";
+            import { orderContext } from '../context';
+
+            export const middleware = [
+              ({ context, params }) => {
+                context.set(orderContext, [
+                  ...context.get(orderContext),
+                  'parent middleware ' + params.child
+                ]);
+              },
+            ];
+
+            export async function loader({ context, params }) {
+              context.set(orderContext, [
+                ...context.get(orderContext),
+                'parent loader ' + params.child
+              ]);
+              await new Promise(r => setTimeout(r, 0));
+              return context.get(orderContext).join(',');
+            }
+
+            export const shouldRevalidate = () => false;
+
+            export default function Parent({ loaderData }) {
+              return (
+                <>
+                  <h1>Parent</h1>
+                  <div id="parent-loader-data">{loaderData}</div>
+                  <Outlet />
+                </>
+              );
+            }
+          `,
+
+          "app/routes/revalidate.parent.$child.tsx": js`
+            import { href, Link } from "react-router";
+            import { orderContext } from '../context';
+
+            export const middleware = [
+              ({ context, params }) => {
+                context.set(orderContext, [
+                  ...context.get(orderContext),
+                  'child middleware ' + params.child
+                ]);
+              },
+            ];
+
+            export async function loader({ context, params }) {
+              context.set(orderContext, [
+                ...context.get(orderContext),
+                'child loader ' + params.child
+              ]);
+              await new Promise(r => setTimeout(r, 0));
+              return context.get(orderContext).join(',');
+            }
+
+            export default function Child({ loaderData, params }) {
+              const nextChild = String(Number(params.child) + 1);
+
+              return (
+                <>
+                  <h1>Child: {params.child}</h1>
+                  <div id="child-loader-data">{loaderData}</div>
+                  <Link to={href("/revalidate/parent/:child", { child: nextChild })}>
+                    Next child
+                  </Link>
+                </>
+              );
+            }
+          `,
+          "app/routes/without-loader-document._index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component({ loaderData }) {
+              return <Link to="/without-loader-document/a/b/c">Link</Link>;
+            }
+          `,
+          "app/routes/without-loader-document.a.tsx": js`
+            import { Outlet } from 'react-router'
+            import { orderContext } from '../context';
+            export const middleware = [
+              ({ context }) => { context.set(orderContext, ['a']); }
+            ];
+
+            export function loader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            export default function Component({ loaderData }) {
+              return <><h2>A: {loaderData}</h2><Outlet /></>;
+            }
+          `,
+          "app/routes/without-loader-document.a.b.tsx": js`
+            import { Outlet } from 'react-router'
+            import { orderContext } from '../context';
+            export const middleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+              },
+            ];
+
+            export default function Component() {
+              return <><h3>B</h3><Outlet /></>;
+            }
+          `,
+          "app/routes/without-loader-document.a.b.c.tsx": js`
+            import { orderContext } from '../context';
+            export function loader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            export default function Component({ loaderData }) {
+              return <h4>C: {loaderData}</h4>;
+            }
+          `,
+          "app/routes/without-loader-data._index.tsx": js`
+            import { Link } from 'react-router'
+            export default function Component({ loaderData }) {
+              return <Link to="/without-loader-data/a/b/c">Link</Link>;
+            }
+          `,
+          "app/routes/without-loader-data.a.tsx": js`
+            import { Outlet } from 'react-router'
+            import { orderContext } from '../context';
+            export const middleware = [
+              ({ context }) => { context.set(orderContext, ['a']); }
+            ];
+
+            export function loader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            export default function Component({ loaderData }) {
+              return <><h2>A: {loaderData}</h2><Outlet /></>;
+            }
+          `,
+          "app/routes/without-loader-data.a.b.tsx": js`
+            import { Outlet } from 'react-router'
+            import { orderContext } from '../context';
+            export const middleware = [
+              ({ context }) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+              },
+            ];
+
+            export default function Component() {
+              return <><h3>B</h3><Outlet /></>;
+            }
+          `,
+          "app/routes/without-loader-data.a.b.c.tsx": js`
+            import { orderContext } from '../context';
+            export function loader({ context }) {
+              return context.get(orderContext).join(',');
+            }
+
+            export default function Component({ loaderData }) {
+              return <h4>C: {loaderData}</h4>;
+            }
+          `,
+
+          "app/routes/resource._index.tsx": js`
+            import * as React from 'react'
+            import { useFetcher } from 'react-router'
+            export default function Component({ loaderData }) {
+              let fetcher = useFetcher();
+              let [data, setData] = React.useState();
+
+              async function rawFetch() {
+                let res = await fetch('/resource/a/b?raw');
+                let text = await res.text();
+                setData(text);
+              }
+
+              return (
+                <>
+                  <button id="fetcher" onClick={() => fetcher.load('/resource/a/b')}>
+                    Load Fetcher
+                  </button>
+                  {fetcher.data ? <pre data-fetcher>{fetcher.data}</pre> : null}
+
+                  <br/>
+
+                  <button id="fetch" onClick={rawFetch}>
+                    Load Raw Fetch
+                  </button>
+                  {data ? <pre data-fetch>{data}</pre> : null}
+                </>
+              );
+            }
+          `,
+          "app/routes/resource.a.tsx": js`
+            import { orderContext } from '../context';
+            export const middleware = [
+              async ({ context }, next) => {
+                context.set(orderContext, ['a']);
+                let res = await next();
+                res.headers.set('x-a', 'true');
+                return res;
+              },
+            ];
+          `,
+          "app/routes/resource.a.b.tsx": js`
+            import { orderContext } from '../context';
+            export const middleware = [
+              async ({ context }, next) => {
+                context.set(orderContext, [...context.get(orderContext), 'b']);
+                let res = await next();
+                res.headers.set('x-b', 'true');
+                return res;
+              },
+            ];
+
+            export async function loader({ request, context }) {
+              let data = context.get(orderContext).join(',');
+              let isRaw = new URL(request.url).searchParams.has('raw');
+              return isRaw ? new Response(data) : data;
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+    });
+
+    test.afterAll(() => {
+      appFixture.close();
+    });
+
+    test("calls middleware before/after loaders", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/loaders");
+      await page.waitForSelector('[data-route]:has-text("Index")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "Index: a,b",
+      );
+
+      (await page.$('a[href="/loaders/about"]'))?.click();
+      await page.waitForSelector('[data-route]:has-text("About")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "About: c,d",
+      );
+    });
+
+    test("calls middleware when no loaders exist on document, but not data requests", async ({
+      page,
+    }) => {
+      let oldConsoleLog = console.log;
+      let logs: any[] = [];
+      console.log = (...args) => logs.push(args);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/no-loaders/parent/a");
+      await page.waitForSelector('h2:has-text("Parent")');
+      await page.waitForSelector('h3:has-text("A")');
+      expect(logs).toEqual([
+        ["Running parent middleware", "/no-loaders/parent/a"],
+        ["Running A middleware", "/no-loaders/parent/a"],
+      ]);
+
+      (await page.$('a[href="/no-loaders/parent/b"]'))?.click();
+      await page.waitForSelector('h3:has-text("B")');
+      expect(logs).toEqual([
+        ["Running parent middleware", "/no-loaders/parent/a"],
+        ["Running A middleware", "/no-loaders/parent/a"],
+      ]);
+
+      console.log = oldConsoleLog;
+    });
+
+    test("calls middleware before/after actions", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/actions");
+      await page.waitForSelector('[data-route]:has-text("Index")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "Index: a,b - empty",
+      );
+
+      (await page.getByRole("button"))?.click();
+      await new Promise((r) => setTimeout(r, 1000));
+      await page.waitForSelector('[data-route]:has-text("- a,b")');
+      expect(await page.locator("[data-route]").textContent()).toBe(
+        "Index: a,b - a,b",
+      );
+    });
+
+    test("handles redirects thrown on the way down", async ({ page }) => {
+      let res = await fixture.requestDocument("/redirect-down/redirect");
+      expect(res.status).toBe(302);
+      expect(res.headers.get("location")).toBe("/redirect-down/target");
+      expect(res.body).toBeNull();
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/redirect-down", true);
+      await page.waitForSelector('a:has-text("Link")');
+
+      (await page.$('a[href="/redirect-down/redirect"]'))?.click();
+      await page.waitForSelector('h1:has-text("Target")');
+    });
+
+    test("handles redirects thrown on the way up", async ({ page }) => {
+      let res = await fixture.requestDocument("/redirect-up/redirect");
+      expect(res.status).toBe(302);
+      expect(res.headers.get("location")).toBe("/redirect-up/target");
+      expect(res.body).toBeNull();
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/redirect-up", true);
+      await page.waitForSelector('a:has-text("Link")');
+
+      (await page.$('a[href="/redirect-up/redirect"]'))?.click();
+      await page.waitForSelector('h1:has-text("Target")');
+    });
+
+    test("doesn't serialize single fetch redirects until after the middleware chain", async () => {
+      let res = await fixture.requestSingleFetchData(
+        "/single-fetch-serialize/redirect.data",
+      );
+      expect(res.status).toBe(202);
+      expect(res.headers.get("location")).toBe(null);
+      expect(res.headers.get("x-status")).toBe("302");
+      expect(res.headers.get("x-location")).toBe(
+        "/single-fetch-serialize/target",
+      );
+      expect(res.data).toEqual({
+        [UNSAFE_SingleFetchRedirectSymbol]: {
+          redirect: "/single-fetch-serialize/target",
+          reload: false,
+          replace: false,
+          revalidate: false,
+          status: 302,
+        },
+      });
+    });
+
+    test("bubbles response up the chain when middleware throws data() before next", async ({
+      page,
+    }) => {
+      let res = await fixture.requestDocument("/throw-data-before/a/b/c");
+      expect(res.status).toBe(418);
+      expect(res.headers.get("x-a")).toBe("true");
+      expect(res.headers.get("x-b")).toBe("true");
+      let html = await res.text();
+      expect(html).toContain("A Error Boundary");
+      expect(html).toContain("C ERROR");
+
+      let data = await fixture.requestSingleFetchData(
+        "/throw-data-before/a/b/c.data",
+      );
+      expect(data.status).toBe(418);
+      expect(data.headers.get("x-a")).toBe("true");
+      expect(data.headers.get("x-b")).toBe("true");
+      expect((data.data as any)["routes/throw-data-before.a.b.c"]).toEqual({
+        error: new UNSAFE_ErrorResponseImpl(418, "I'm a teapot", "C ERROR"),
+      });
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/throw-data-before");
+      await app.clickLink("/throw-data-before/a/b/c");
+      await page.waitForSelector("[data-error]");
+      expect(await page.locator("[data-error]").textContent()).toBe(
+        "A Error Boundary",
+      );
+      expect(await page.locator("pre").textContent()).toBe("C ERROR");
+    });
+
+    test("bubbles response up the chain when middleware throws data() after next", async ({
+      page,
+    }) => {
+      let res = await fixture.requestDocument("/throw-data-after/a/b/c");
+      expect(res.status).toBe(418);
+      expect(res.headers.get("x-a")).toBe("true");
+      expect(res.headers.get("x-b")).toBe("true");
+      let html = await res.text();
+      expect(html).toContain("A Error Boundary");
+      expect(html).toContain("C ERROR");
+      expect(html).toContain("A LOADER");
+
+      let data = await fixture.requestSingleFetchData(
+        "/throw-data-after/a/b/c.data",
+      );
+      expect(data.status).toBe(418);
+      expect(data.headers.get("x-a")).toBe("true");
+      expect(data.headers.get("x-b")).toBe("true");
+      expect((data.data as any)["routes/throw-data-after.a"]).toEqual({
+        data: "A LOADER",
+      });
+      expect((data.data as any)["routes/throw-data-after.a.b.c"]).toEqual({
+        error: new UNSAFE_ErrorResponseImpl(418, "I'm a teapot", "C ERROR"),
+      });
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/throw-data-after");
+      await app.clickLink("/throw-data-after/a/b/c");
+      await page.waitForSelector("[data-error]");
+      expect(await page.locator("[data-error]").textContent()).toBe(
+        "A Error Boundary",
+      );
+      expect(await page.locator("pre").textContent()).toBe("C ERROR");
+      expect(await page.locator("p").textContent()).toBe("A LOADER");
+    });
+
+    test("still calls middleware for all matches on granular data requests", async ({
+      page,
+    }) => {
+      let appFixture = await createAppFixture(fixture);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/granular");
+      await page.waitForSelector('a[href="/granular/a/b"]');
+
+      (await page.$('a[href="/granular/a/b"]'))?.click();
+      await page.waitForSelector("[data-b]");
+      expect(await page.locator("[data-a]").textContent()).toBe("A: a,b");
+      expect(await page.locator("[data-b]").textContent()).toBe("B: a,b");
+    });
+
+    test("Filters server loaders via shouldRevalidate", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+
+      await app.goto("/revalidate/parent/1");
+      expect(await page.locator("#parent-loader-data").textContent()).toBe(
+        "parent middleware 1,child middleware 1,parent loader 1,child loader 1",
+      );
+      expect(await page.locator("#child-loader-data").textContent()).toBe(
+        "parent middleware 1,child middleware 1,parent loader 1,child loader 1",
+      );
+
+      await app.clickLink("/revalidate/parent/2");
+      expect(await page.locator("#parent-loader-data").textContent()).toBe(
+        "parent middleware 1,child middleware 1,parent loader 1,child loader 1",
+      );
+      expect(await page.locator("#child-loader-data").textContent()).toBe(
+        "parent middleware 2,child middleware 2,child loader 2",
+      );
+
+      await app.clickLink("/revalidate/parent/3");
+      expect(await page.locator("#parent-loader-data").textContent()).toBe(
+        "parent middleware 1,child middleware 1,parent loader 1,child loader 1",
+      );
+      expect(await page.locator("#child-loader-data").textContent()).toBe(
+        "parent middleware 3,child middleware 3,child loader 3",
+      );
+    });
+
+    test("calls middleware for routes even without a loader (document)", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/without-loader-document/a/b/c");
+      expect(await page.innerText("h2")).toBe("A: a,b");
+      expect(await page.innerText("h3")).toBe("B");
+      expect(await page.innerText("h4")).toBe("C: a,b");
+    });
+
+    test("calls middleware for routes even without a loader (data)", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/without-loader-data");
+      (await page.$('a[href="/without-loader-data/a/b/c"]'))?.click();
+      await page.waitForSelector("h4");
+      expect(await page.innerText("h2")).toBe("A: a,b");
+      expect(await page.innerText("h3")).toBe("B");
+      expect(await page.innerText("h4")).toBe("C: a,b");
+    });
+
+    test("calls middleware on resource routes", async ({ page }) => {
+      let fetcherHeaders: ReturnType<PlaywrightResponse["headers"]> | undefined;
+      let fetchHeaders: ReturnType<PlaywrightResponse["headers"]> | undefined;
+      page.on("request", async (r: PlaywrightRequest) => {
+        if (r.url().includes("/resource/a/b.data")) {
+          let res = await r.response();
+          fetcherHeaders = res?.headers();
+        } else if (r.url().endsWith("/resource/a/b?raw")) {
+          let res = await r.response();
+          fetchHeaders = res?.headers();
+        }
+      });
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/resource");
+
+      (await page.$("#fetcher"))?.click();
+      await page.waitForSelector("[data-fetcher]");
+      expect(await page.locator("[data-fetcher]").textContent()).toBe("a,b");
+      expect(fetcherHeaders!["x-a"]).toBe("true");
+      expect(fetcherHeaders!["x-b"]).toBe("true");
+
+      (await page.$("#fetch"))?.click();
+      await page.waitForSelector("[data-fetch]");
+      expect(await page.locator("[data-fetch]").textContent()).toBe("a,b");
+      expect(fetchHeaders!["x-a"]).toBe("true");
+      expect(fetchHeaders!["x-b"]).toBe("true");
+    });
+  });
+
+  test.describe("Server Middleware (dev)", () => {
+    let fixture: Fixture;
+    let appFixture: AppFixture;
+
+    test.beforeAll(async () => {
+      fixture = await createFixture(
+        {
+          files: {
+            "react-router.config.ts": reactRouterConfig(),
+            "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+            "app/entry.server.tsx": js`
+              import { PassThrough } from "node:stream";
+
+              import type { EntryContext } from "react-router";
+              import { createReadableStreamFromReadable } from "@react-router/node";
+              import { ServerRouter } from "react-router";
+              import type { RenderToPipeableStreamOptions } from "react-dom/server";
+              import { renderToPipeableStream } from "react-dom/server";
+
+              export const streamTimeout = 5_000;
+
+              export function handleError(error, { request }) {
+                if (!request.signal.aborted) {
+                  let {pathname, search} = new URL(request.url);
+                  console.error("handleError", request.method, pathname + search, error);
+                }
+              }
+
+              export default function handleRequest(
+                request: Request,
+                responseStatusCode: number,
+                responseHeaders: Headers,
+                routerContext: EntryContext,
+              ) {
+                return new Promise((resolve, reject) => {
+                  let shellRendered = false;
+
+                  const { pipe, abort } = renderToPipeableStream(
+                    <ServerRouter context={routerContext} url={request.url} />,
+                    {
+                      onShellReady() {
+                        shellRendered = true;
+                        const body = new PassThrough();
+                        const stream = createReadableStreamFromReadable(body);
+
+                        responseHeaders.set("Content-Type", "text/html");
+
+                        resolve(
+                          new Response(stream, {
+                            headers: responseHeaders,
+                            status: responseStatusCode,
+                          }),
+                        );
+
+                        pipe(body);
+                      },
+                      onShellError(error: unknown) {
+                        reject(error);
+                      },
+                      onError(error: unknown) {
+                        responseStatusCode = 500;
+                        // Log streaming rendering errors from inside the shell.  Don't log
+                        // errors encountered during initial shell rendering since they'll
+                        // reject and get logged in handleDocumentRequest.
+                        if (shellRendered) {
+                          console.error(error);
+                        }
+                      },
+                    },
+                  );
+
+                  setTimeout(abort, streamTimeout + 1000);
+                });
+              }
+            `,
+            "app/routes/_index.tsx": js`
+              import { Link } from 'react-router'
+
+              export default function Component() {
+                return <Link to="/broken">Link</Link>;
+              }
+            `,
+            "app/routes/broken.tsx": js`
+              export const middleware = [
+                async ({ request, context }, next) => {
+                  throw new Error('broken!');
+                }
+              ]
+              export default function Component() {
+                return <h1>Should not see me</h1>
+              }
+              export function ErrorBoundary({ error }) {
+                return <h1 data-error>{error.message}</h1>
+              }
+            `,
+            "app/routes/error-down-document._index.tsx": js`
+              import { Link } from 'react-router'
+
+              export default function Component() {
+                return <Link to="/error-down-document/broken">Link</Link>;
+              }
+            `,
+            "app/routes/error-down-document.broken.tsx": js`
+              export const middleware = [
+                async ({ request, context }, next) => {
+                  throw new Error('broken!');
+                }
+              ]
+              export default function Component() {
+                return <h1>Should not see me</h1>
+              }
+              export function ErrorBoundary({ error }) {
+                return <h1 data-error>{error.message}</h1>
+              }
+            `,
+            "app/routes/error-down-data._index.tsx": js`
+              import { Link } from 'react-router'
+
+              export default function Component() {
+                return <Link to="/error-down-data/broken">Link</Link>;
+              }
+            `,
+            "app/routes/error-down-data.broken.tsx": js`
+              export const middleware = [
+                async ({ request, context }, next) => {
+                  throw new Error('broken!');
+                }
+              ]
+              export function loader() {
+                return null
+              }
+              export default function Component() {
+                return <h1>Should not see me</h1>
+              }
+              export function ErrorBoundary({ error }) {
+                return <h1 data-error>{error.message}</h1>
+              }
+            `,
+            "app/routes/error-up-document._index.tsx": js`
+              import { Link } from 'react-router'
+
+              export default function Component() {
+                return <Link to="/error-up-document/broken">Link</Link>;
+              }
+            `,
+            "app/routes/error-up-document.broken.tsx": js`
+              export const middleware = [
+                async ({ request, context }, next) => {
+                  await next();
+                  throw new Error('broken!');
+                }
+              ]
+              export function loader() {
+                return "nope"
+              }
+              export default function Component() {
+                return <h1>Should not see me</h1>
+              }
+              export function ErrorBoundary({ error, loaderData }) {
+                return (
+                  <>
+                    <h1 data-error>{error.message}</h1>
+                    <pre>{loaderData ?? 'empty'}</pre>
+                  </>
+                );
+              }
+            `,
+            "app/routes/error-up-data._index.tsx": js`
+              import { Link } from 'react-router'
+
+              export default function Component() {
+                return <Link to="/error-up-data/broken">Link</Link>;
+              }
+            `,
+            "app/routes/error-up-data.broken.tsx": js`
+              export const middleware = [
+                async ({ request, context }, next) => {
+                  await next()
+                  throw new Error('broken!');
+                }
+              ]
+              export function loader() {
+                return "nope"
+              }
+              export default function Component() {
+                return <h1>Should not see me</h1>
+              }
+              export function ErrorBoundary({ error, loaderData }) {
+                return (
+                  <>
+                    <h1 data-error>{error.message}</h1>
+                    <pre>{loaderData ?? 'empty'}</pre>
+                  </>
+                );
+              }
+            `,
+
+            "app/routes/bubble-document._index.tsx": js`
+              import { Link } from 'react-router'
+              export default function Component({ loaderData }) {
+                return <Link to="/bubble-document/a/b">Link</Link>
+              }
+            `,
+            "app/routes/bubble-document.a.tsx": js`
+              import { Outlet } from 'react-router'
+
+              export const middleware = [
+                async ({ context }, next) => {
+                  let res = await next();
+                  res.headers.set('x-a', 'true');
+                  return res;
+                },
+              ];
+
+              export function loader() {
+                return "A";
+              }
+
+              export default function Component() {
+                return <><h1>A</h1><Outlet/></>;
+              }
+
+              export function ErrorBoundary({ error }) {
+                return <><h1>A Error Boundary</h1><pre>{error.message}</pre></>
+              }
+            `,
+            "app/routes/bubble-document.a.b.tsx": js`
+              export const middleware = [
+                async ({ context }, next) => {
+                  let res = await next();
+                  throw new Error('broken!')
+                },
+              ];
+
+              export function loader() {
+                return "B";
+              }
+
+              export default function Component() {
+                return <h2>B</h2>;
+              }
+            `,
+            "app/routes/bubble-data._index.tsx": js`
+              import { Link } from 'react-router'
+              export default function Component({ loaderData }) {
+                return <Link to="/bubble-data/a/b">Link</Link>
+              }
+            `,
+            "app/routes/bubble-data.a.tsx": js`
+              import { Outlet } from 'react-router'
+
+              export const middleware = [
+                async ({ context }, next) => {
+                  let res = await next();
+                  res.headers.set('x-a', 'true');
+                  return res;
+                },
+              ];
+
+              export function loader() {
+                return "A";
+              }
+
+              export default function Component() {
+                return <><h1>A</h1><Outlet/></>;
+              }
+
+              export function ErrorBoundary({ error }) {
+                return <><h1>A Error Boundary</h1><pre>{error.message}</pre></>
+              }
+            `,
+            "app/routes/bubble-data.a.b.tsx": js`
+              export const middleware = [
+                async ({ context }, next) => {
+                  let res = await next();
+                  throw new Error('broken!')
+                },
+              ];
+
+              export function loader() {
+                return "B";
+              }
+
+              export default function Component() {
+                return <h2>B</h2>;
+              }
+            `,
+            "app/routes/bubble-down-a._index.tsx": js`
+              import { Link } from 'react-router'
+              export default function Component({ loaderData }) {
+                return <Link to="/bubble-down-a/a/b/c/d">Link</Link>
+              }
+            `,
+            "app/routes/bubble-down-a.a.tsx": js`
+              import { Outlet } from 'react-router'
+              export default function Component() {
+                return <Outlet/>
+              }
+              export function ErrorBoundary({ error }) {
+                return <><h1>A Error Boundary</h1><pre>{error.message}</pre></>
+              }
+            `,
+            "app/routes/bubble-down-a.a.b.tsx": js`
+              import { Outlet } from 'react-router'
+              export function loader() {
+                return null;
+              }
+              export default function Component() {
+                return <Outlet />
+              }
+            `,
+            "app/routes/bubble-down-a.a.b.c.tsx": js`
+              import { Outlet } from 'react-router'
+              export default function Component() {
+                return <Outlet/>
+              }
+              export function ErrorBoundary({ error }) {
+                return <><h1>C Error Boundary</h1><pre>{error.message}</pre></>
+              }
+            `,
+            "app/routes/bubble-down-a.a.b.c.d.tsx": js`
+              import { Outlet } from 'react-router'
+              export const middleware = [() => { throw new Error("broken!") }]
+              export default function Component() {
+                return <Outlet/>
+              }
+            `,
+            "app/routes/bubble-down-b._index.tsx": js`
+              import { Link } from 'react-router'
+              export default function Component({ loaderData }) {
+                return (
+                  <>
+                    <Link to="/bubble-down-b/a/b">/a/b</Link>
+                    <br/>
+                    <Link to="/bubble-down-b/a/b/c/d">/a/b/c/d</Link>
+                  </>
+                );
+              }
+            `,
+            "app/routes/bubble-down-b.a.tsx": js`
+              import { Outlet } from 'react-router'
+              export default function Component() {
+                return <Outlet/>
+              }
+              export function ErrorBoundary({ error }) {
+                return <><h1 data-error-a>A Error Boundary</h1><pre>{error.message}</pre></>
+              }
+            `,
+            "app/routes/bubble-down-b.a.b.tsx": js`
+              import { Link, Outlet } from 'react-router'
+              export function loader() {
+                return { message: "DATA" };
+              }
+              export default function Component({ loaderData }) {
+                return (
+                  <>
+                    <h2 data-ab>AB: {loaderData.message}</h2>
+                    <Link to="/bubble-down-b/a/b/c/d">/a/b/c/d</Link>
+                    <Outlet/>
+                  </>
+                );
+              }
+              export function shouldRevalidate() {
+                return false;
+              }
+            `,
+            "app/routes/bubble-down-b.a.b.c.tsx": js`
+              import { Outlet } from 'react-router'
+              export default function Component() {
+                return <Outlet/>
+              }
+              export function ErrorBoundary({ error }) {
+                return <><h1 data-error-c>C Error Boundary</h1><pre>{error.message}</pre></>
+              }
+            `,
+            "app/routes/bubble-down-b.a.b.c.d.tsx": js`
+              import { Outlet } from 'react-router'
+              export const middleware = [() => { throw new Error("broken!") }]
+              export const loader = () => null;
+              export default function Component() {
+                return <Outlet/>
+              }
+            `,
+            "app/routes/bubble-response-before._index.tsx": js`
+              import { Link } from 'react-router'
+              export default function Component({ loaderData }) {
+                return <Link to="/bubble-response-before/a/b/c">/a/b/c</Link>;
+              }
+            `,
+            "app/routes/bubble-response-before.a.tsx": js`
+              import { Outlet } from 'react-router'
+              export const middleware = [
+                async (_, next) => {
+                  let res = await next();
+                  res.headers.set('x-a', 'true');
+                  return res;
+                }
+              ];
+              export default function Component() {
+                return <Outlet/>
+              }
+              export function ErrorBoundary({ error }) {
+                return <><h1 data-error>A Error Boundary</h1><pre>{error.message}</pre></>
+              }
+            `,
+            "app/routes/bubble-response-before.a.b.tsx": js`
+              import { Link, Outlet } from 'react-router'
+              export const middleware = [
+                async (_, next) => {
+                  let res = await next();
+                  res.headers.set('x-b', 'true');
+                  return res;
+                }
+              ];
+              export default function Component({ loaderData }) {
+                return <Outlet/>;
+              }
+            `,
+            "app/routes/bubble-response-before.a.b.c.tsx": js`
+              export const middleware = [(_, next) => {
+                throw new Error('C ERROR')
+              }];
+              // Force middleware to run on client side navs
+              export function loader() {
+                return null;
+              }
+              export default function Component({ loaderData }) {
+                return <h1>C</h1>
+              }
+            `,
+            "app/routes/bubble-response-after._index.tsx": js`
+              import { Link } from 'react-router'
+              export default function Component({ loaderData }) {
+                return <Link to="/bubble-response-after/a/b/c">/a/b/c</Link>;
+              }
+            `,
+            "app/routes/bubble-response-after.a.tsx": js`
+              import { Outlet } from 'react-router'
+              export const middleware = [
+                async (_, next) => {
+                  let res = await next();
+                  res.headers.set('x-a', 'true');
+                  return res;
+                }
+              ];
+              export function loader() {
+                return "A LOADER";
+              }
+              export default function Component() {
+                return <Outlet/>
+              }
+              export function ErrorBoundary({ error, loaderData }) {
+                return (
+                  <>
+                    <h1 data-error>A Error Boundary</h1>
+                    <pre>{error.message}</pre>
+                    <p>{loaderData}</p>
+                  </>
+                );
+              }
+            `,
+            "app/routes/bubble-response-after.a.b.tsx": js`
+              import { Link, Outlet } from 'react-router'
+              export const middleware = [
+                async (_, next) => {
+                  let res = await next();
+                  res.headers.set('x-b', 'true');
+                  return res;
+                }
+              ];
+              export default function Component({ loaderData }) {
+                return <Outlet/>;
+              }
+            `,
+            "app/routes/bubble-response-after.a.b.c.tsx": js`
+              export const middleware = [async (_, next) => {
+                let res = await next();
+                throw new Error('C ERROR')
+              }];
+              // Force middleware to run on client side navs
+              export function loader() {
+                return null;
+              }
+              export default function Component({ loaderData }) {
+                return <h1>C</h1>
+              }
+            `,
+            "app/routes/bubble-response-multiple._index.tsx": js`
+              import { Link } from 'react-router'
+              export default function Component({ loaderData }) {
+                return <Link to="/bubble-response-multiple/a/b/c">/a/b/c</Link>;
+              }
+            `,
+            "app/routes/bubble-response-multiple.a.tsx": js`
+              import { Outlet } from 'react-router'
+              export const middleware = [
+                async (_, next) => {
+                  let res = await next();
+                  res.headers.set('x-a', 'true');
+                  return res;
+                }
+              ];
+              export function loader() {
+                return "A LOADER";
+              }
+              export default function Component() {
+                return <Outlet/>
+              }
+              export function ErrorBoundary({ error, loaderData }) {
+                return (
+                  <>
+                    <h1 data-error>A Error Boundary</h1>
+                    <pre>{error.message}</pre>
+                    <p>{loaderData}</p>
+                  </>
+                );
+              }
+            `,
+            "app/routes/bubble-response-multiple.a.b.tsx": js`
+              import { Link, Outlet } from 'react-router'
+              export const middleware = [async (_, next) => {
+                let res = await next();
+                throw new Error('B ERROR')
+              }];
+              export default function Component({ loaderData }) {
+                return <Outlet/>;
+              }
+            `,
+            "app/routes/bubble-response-multiple.a.b.c.tsx": js`
+              export const middleware = [async (_, next) => {
+                let res = await next();
+                throw new Error('C ERROR')
+              }];
+              // Force middleware to run on client side navs
+              export function loader() {
+                return null;
+              }
+              export default function Component({ loaderData }) {
+                return <h1>C</h1>
+              }
+            `,
+            "app/routes/error-down-resource.a.tsx": js`
+              export const middleware = [
+                async ({ context }, next) => {
+                  throw new Error("broken!");
+                },
+              ];
+            `,
+            "app/routes/error-down-resource.a.b.tsx": js`
+              export async function loader({ request, context }) {
+                return new Response("ok");
+              }
+            `,
+            "app/routes/error-up-resource.a.tsx": js`
+              export const middleware = [
+                async ({ context }, next) => {
+                  let res = await next()
+                  throw new Error("broken!");
+                },
+              ];
+            `,
+            "app/routes/error-up-resource.a.b.tsx": js`
+              export async function loader({ request, context }) {
+                return new Response("ok");
+              }
+            `,
+          },
+        },
+        UNSAFE_ServerMode.Development,
+      );
+      appFixture = await createAppFixture(
+        fixture,
+        UNSAFE_ServerMode.Development,
+      );
+    });
+
+    test.afterAll(() => {
+      appFixture.close();
+    });
+
+    test("handles errors thrown on the way down (document)", async ({
+      page,
+    }) => {
+      let errors: any[] = [];
+      console.error = (...args) => errors.push(args);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/error-down-document/broken");
+      expect(await page.innerText("[data-error]")).toBe("broken!");
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/error-down-document/broken",
+          new Error("broken!"),
+        ],
+      ]);
+    });
+
+    test("handles errors thrown on the way down (data)", async ({ page }) => {
+      let errors: any[] = [];
+      console.error = (...args) => errors.push(args);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/error-down-data");
+
+      (await page.$('a[href="/error-down-data/broken"]'))?.click();
+      await page.waitForSelector("[data-error]");
+      expect(await page.innerText("[data-error]")).toBe("broken!");
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/error-down-data/broken.data",
+          new Error("broken!"),
+        ],
+      ]);
+    });
+
+    test("handles errors thrown on the way up (document)", async ({ page }) => {
+      let errors: any[] = [];
+      console.error = (...args) => errors.push(args);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/error-up-document/broken");
+      expect(await page.innerText("[data-error]")).toBe("broken!");
+      expect(await page.innerText("pre")).toBe("empty");
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/error-up-document/broken",
+          new Error("broken!"),
+        ],
+      ]);
+    });
+
+    test("handles errors thrown on the way up (data)", async ({ page }) => {
+      let errors: any[] = [];
+      console.error = (...args) => errors.push(args);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/error-up-data");
+
+      (await page.$('a[href="/error-up-data/broken"]'))?.click();
+      await page.waitForSelector("h1");
+      await page.waitForSelector("[data-error]");
+      expect(await page.innerText("[data-error]")).toBe("broken!");
+      expect(await page.innerText("pre")).toBe("empty");
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/error-up-data/broken.data",
+          new Error("broken!"),
+        ],
+      ]);
+    });
+
+    test("bubbles errors up on document requests", async ({ page }) => {
+      let errors: any[] = [];
+      console.error = (...args) => errors.push(args);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/bubble-document/a/b");
+      expect(await page.locator("h1").textContent()).toBe("A Error Boundary");
+      expect(await page.locator("pre").textContent()).toBe("broken!");
+      expect(errors).toEqual([
+        ["handleError", "GET", "/bubble-document/a/b", new Error("broken!")],
+      ]);
+    });
+
+    test("bubbles errors up on data requests", async ({ page }) => {
+      let errors: any[] = [];
+      console.error = (...args) => errors.push(args);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/bubble-data");
+
+      (await page.$('a[href="/bubble-data/a/b"]'))?.click();
+      await page.waitForSelector("pre");
+      expect(await page.locator("h1").textContent()).toBe("A Error Boundary");
+      expect(await page.locator("pre").textContent()).toBe("broken!");
+      expect(errors).toEqual([
+        ["handleError", "GET", "/bubble-data/a/b.data", new Error("broken!")],
+      ]);
+    });
+
+    test("bubbles errors on the way down up to at least the highest route with a loader", async ({
+      page,
+    }) => {
+      let errors: any[] = [];
+      console.error = (...args) => errors.push(args);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/bubble-down-a/a/b/c/d");
+      expect(await page.locator("h1").textContent()).toBe("A Error Boundary");
+      expect(await page.locator("pre").textContent()).toBe("broken!");
+      expect(errors).toEqual([
+        ["handleError", "GET", "/bubble-down-a/a/b/c/d", new Error("broken!")],
+      ]);
+      errors.splice(0);
+
+      await app.goto("/bubble-down-a");
+      await app.clickLink("/bubble-down-a/a/b/c/d");
+      expect(await page.locator("h1").textContent()).toBe("A Error Boundary");
+      expect(await page.locator("pre").textContent()).toBe("broken!");
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/bubble-down-a/a/b/c/d.data",
+          new Error("broken!"),
+        ],
+      ]);
+    });
+
+    test("bubbles errors on the way down up to the deepest error boundary when loaders aren't revalidating", async ({
+      page,
+    }) => {
+      let errors: any[] = [];
+      console.error = (...args) => errors.push(args);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/bubble-down-b");
+      await app.clickLink("/bubble-down-b/a/b");
+      await page.waitForSelector("[data-ab]");
+      expect(await page.locator("[data-ab]").textContent()).toBe("AB: DATA");
+      expect(errors).toEqual([]);
+
+      await app.clickLink("/bubble-down-b/a/b/c/d");
+      await page.waitForSelector("[data-error-c]");
+      expect(await page.locator("h1").textContent()).toBe("C Error Boundary");
+      expect(await page.locator("pre").textContent()).toBe("broken!");
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/bubble-down-b/a/b/c/d.data?_routes=routes%2Fbubble-down-b.a.b.c.d",
+          new Error("broken!"),
+        ],
+      ]);
+    });
+
+    test("bubbles response up the chain when middleware throws before next", async ({
+      page,
+    }) => {
+      let res = await fixture.requestDocument("/bubble-response-before/a/b/c");
+      expect(res.status).toBe(500);
+      expect(res.headers.get("x-a")).toBe("true");
+      expect(res.headers.get("x-b")).toBe("true");
+      let html = await res.text();
+      expect(html).toContain("A Error Boundary");
+      expect(html).toContain("C ERROR");
+
+      let data = await fixture.requestSingleFetchData(
+        "/bubble-response-before/a/b/c.data",
+      );
+      expect(data.status).toBe(500);
+      expect(data.headers.get("x-a")).toBe("true");
+      expect(data.headers.get("x-b")).toBe("true");
+      expect((data.data as any)["routes/bubble-response-before.a.b.c"]).toEqual(
+        {
+          error: new Error("C ERROR"),
+        },
+      );
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/bubble-response-before");
+      await app.clickLink("/bubble-response-before/a/b/c");
+      await page.waitForSelector("[data-error]");
+      expect(await page.locator("[data-error]").textContent()).toBe(
+        "A Error Boundary",
+      );
+      expect(await page.locator("pre").textContent()).toBe("C ERROR");
+    });
+
+    test("bubbles response up the chain when middleware throws after next", async ({
+      page,
+    }) => {
+      let res = await fixture.requestDocument("/bubble-response-after/a/b/c");
+      expect(res.status).toBe(500);
+      expect(res.headers.get("x-a")).toBe("true");
+      expect(res.headers.get("x-b")).toBe("true");
+      let html = await res.text();
+      expect(html).toContain("A Error Boundary");
+      expect(html).toContain("C ERROR");
+      expect(html).toContain("A LOADER");
+
+      let data = await fixture.requestSingleFetchData(
+        "/bubble-response-after/a/b/c.data",
+      );
+      expect(data.status).toBe(500);
+      expect(data.headers.get("x-a")).toBe("true");
+      expect(data.headers.get("x-b")).toBe("true");
+      expect((data.data as any)["routes/bubble-response-after.a"]).toEqual({
+        data: "A LOADER",
+      });
+      expect((data.data as any)["routes/bubble-response-after.a.b.c"]).toEqual({
+        error: new Error("C ERROR"),
+      });
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/bubble-response-after");
+      await app.clickLink("/bubble-response-after/a/b/c");
+      await page.waitForSelector("[data-error]");
+      expect(await page.locator("[data-error]").textContent()).toBe(
+        "A Error Boundary",
+      );
+      expect(await page.locator("pre").textContent()).toBe("C ERROR");
+      expect(await page.locator("p").textContent()).toBe("A LOADER");
+    });
+
+    test("bubbles response up the chain when multiple middlewares throw in sequence", async ({
+      page,
+    }) => {
+      let errors: any[] = [];
+      console.error = (...args) => errors.push(args);
+
+      let res = await fixture.requestDocument(
+        "/bubble-response-multiple/a/b/c",
+      );
+      expect(res.status).toBe(500);
+      expect(res.headers.get("x-a")).toBe("true");
+      expect(res.headers.get("x-b")).toBe(null);
+      let html = await res.text();
+      expect(html).toContain("A Error Boundary");
+      expect(html).toContain("B ERROR");
+      expect(html).toContain("A LOADER");
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/bubble-response-multiple/a/b/c",
+          new Error("C ERROR"),
+        ],
+        [
+          "handleError",
+          "GET",
+          "/bubble-response-multiple/a/b/c",
+          new Error("B ERROR"),
+        ],
+      ]);
+      errors.splice(0);
+
+      let data = await fixture.requestSingleFetchData(
+        "/bubble-response-multiple/a/b/c.data",
+      );
+      expect(data.status).toBe(500);
+      expect(data.headers.get("x-a")).toBe("true");
+      expect(data.headers.get("x-b")).toBe(null);
+      expect((data.data as any)["routes/bubble-response-multiple.a"]).toEqual({
+        data: "A LOADER",
+      });
+      expect((data.data as any)["routes/bubble-response-multiple.a.b"]).toEqual(
+        {
+          error: new Error("B ERROR"),
+        },
+      );
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/bubble-response-multiple/a/b/c.data",
+          new Error("C ERROR"),
+        ],
+        [
+          "handleError",
+          "GET",
+          "/bubble-response-multiple/a/b/c.data",
+          new Error("B ERROR"),
+        ],
+      ]);
+      errors.splice(0);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/bubble-response-multiple");
+      await app.clickLink("/bubble-response-multiple/a/b/c");
+      await page.waitForSelector("[data-error]");
+      expect(await page.locator("[data-error]").textContent()).toBe(
+        "A Error Boundary",
+      );
+      expect(await page.locator("pre").textContent()).toBe("B ERROR");
+      expect(await page.locator("p").textContent()).toBe("A LOADER");
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/bubble-response-multiple/a/b/c.data",
+          new Error("C ERROR"),
+        ],
+        [
+          "handleError",
+          "GET",
+          "/bubble-response-multiple/a/b/c.data",
+          new Error("B ERROR"),
+        ],
+      ]);
+      errors.splice(0);
+    });
+
+    test("handles errors on the way down on resource routes", async () => {
+      let errors: any[] = [];
+      console.error = (...args) => errors.push(args);
+
+      let res = await fixture.requestResource("/error-down-resource/a/b");
+      expect(res.status).toBe(500);
+      await expect(res.text()).resolves.toBe(
+        "Unexpected Server Error\n\nError: broken!",
+      );
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/error-down-resource/a/b",
+          new Error("broken!"),
+        ],
+      ]);
+      errors.splice(0);
+
+      let res2 = await fixture.requestSingleFetchData(
+        "/error-down-resource/a/b.data",
+      );
+      expect(res2.status).toBe(500);
+      expect(res2.data).toEqual({
+        "routes/error-down-resource.a": { error: new Error("broken!") },
+      });
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/error-down-resource/a/b.data",
+          new Error("broken!"),
+        ],
+      ]);
+      errors.splice(0);
+    });
+
+    test("handles errors on the way up on resource routes", async () => {
+      let errors: any[] = [];
+      console.error = (...args) => errors.push(args);
+
+      let res = await fixture.requestResource("/error-up-resource/a/b");
+      expect(res.status).toBe(500);
+      await expect(res.text()).resolves.toBe(
+        "Unexpected Server Error\n\nError: broken!",
+      );
+      expect(errors).toEqual([
+        ["handleError", "GET", "/error-up-resource/a/b", new Error("broken!")],
+      ]);
+      errors.splice(0);
+
+      let res2 = await fixture.requestSingleFetchData(
+        "/error-up-resource/a/b.data",
+      );
+      expect(res2.status).toBe(500);
+      expect(res2.data).toEqual({
+        "routes/error-up-resource.a": { error: new Error("broken!") },
+        "routes/error-up-resource.a.b": { data: "ok" },
+      });
+      expect(errors).toEqual([
+        [
+          "handleError",
+          "GET",
+          "/error-up-resource/a/b.data",
+          new Error("broken!"),
+        ],
+      ]);
+      errors.splice(0);
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/multiple-cookies-test.ts b/tests/react-router-framework/integration/multiple-cookies-test.ts
new file mode 100644
index 00000000..70130a3d
--- /dev/null
+++ b/tests/react-router-framework/integration/multiple-cookies-test.ts
@@ -0,0 +1,78 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("pathless layout routes", () => {
+  let appFixture: AppFixture;
+
+  test.beforeAll(async () => {
+    appFixture = await createAppFixture(
+      await createFixture({
+        files: {
+          "app/routes/_index.tsx": js`
+            import { data, redirect, Form, useActionData } from "react-router";
+
+            export let loader = async () => {
+              let headers = new Headers();
+              headers.append("Set-Cookie", "foo=bar");
+              headers.append("Set-Cookie", "bar=baz");
+              return data({}, { headers });
+            };
+
+            export let action = async () => {
+              let headers = new Headers();
+              headers.append("Set-Cookie", "another=one");
+              headers.append("Set-Cookie", "how-about=two");
+              return data({success: true}, { headers });
+            };
+
+            export default function MultipleSetCookiesPage() {
+              let actionData = useActionData();
+              return (
+                <>
+                  <p>👋</p>
+                  <Form method="post">
+                    <button type="submit">Add cookies</button>
+                  </Form>
+                  {actionData?.success && <p data-testid="action-success">Success!</p>}
+                </>
+              );
+            };
+          `,
+        },
+      }),
+    );
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("should get multiple cookies from the loader", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let responses = app.collectResponses((url) => url.pathname === "/");
+    await app.goto("/");
+    let setCookies = await responses[0].headerValues("set-cookie");
+    expect(setCookies).toEqual(["foo=bar", "bar=baz"]);
+    expect(responses).toHaveLength(1);
+  });
+
+  test("should get multiple cookies from the action", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    // do this after the first request so that it doesnt appear in our next assertions
+    let responses = app.collectResponses((url) => url.pathname === "/_.data");
+    await page.click("button[type=submit]");
+    await page.waitForSelector(`[data-testid="action-success"]`);
+    let setCookies = await responses[0].headerValues("set-cookie");
+    expect(setCookies).toEqual(["another=one", "how-about=two"]);
+    // one for the POST and one for the GET
+    expect(responses).toHaveLength(2);
+  });
+});
diff --git a/tests/react-router-framework/integration/navigation-state-test.ts b/tests/react-router-framework/integration/navigation-state-test.ts
new file mode 100644
index 00000000..730b25b5
--- /dev/null
+++ b/tests/react-router-framework/integration/navigation-state-test.ts
@@ -0,0 +1,467 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+const STATES = {
+  NORMAL_LOAD: "normal-load",
+  LOADING_REDIRECT: "loading-redirect",
+  SUBMITTING_LOADER: "submitting-loader",
+  SUBMITTING_LOADER_REDIRECT: "submitting-loader-redirect",
+  SUBMITTING_ACTION: "submitting-action",
+  SUBMITTING_ACTION_REDIRECT: "submitting-action-redirect",
+  FETCHER_REDIRECT: "fetcher-redirect",
+} as const;
+
+const IDLE_STATE = {
+  state: "idle",
+};
+
+test.describe("navigation states", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.beforeEach(async ({ context }) => {
+    await context.route(/\.data$/, async (route) => {
+      await new Promise((resolve) => setTimeout(resolve, 50));
+      route.continue();
+    });
+  });
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+            import { useMemo, useRef } from "react";
+            import { Outlet, Scripts, useNavigation } from "react-router";
+            export default function() {
+              const navigation = useNavigation();
+              const navigationsRef = useRef();
+              const navigations = useMemo(() => {
+                const savedNavigations = navigationsRef.current || [];
+                savedNavigations.push(navigation);
+                navigationsRef.current = savedNavigations;
+                return savedNavigations;
+              }, [navigation]);
+              return (
+                <html lang="en">
+                  <head><title>Test</title></head>
+                  <body>
+                    <Outlet />
+                      {navigation.state != "idle" && (
+                        <p id="loading-indicator">Loading...</p>
+                      )}
+                    <p>
+                      <code id="navigations">
+                        {JSON.stringify(navigations, null, 2)}
+                      </code>
+                    </p>
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+          `,
+        "app/routes/_index.tsx": js`
+            import { Form, Link, useFetcher } from "react-router";
+            export function loader() { return null; }
+            export default function() {
+              const fetcher = useFetcher();
+              return (
+                <ul>
+                  <li>
+                    <Link to="/${STATES.NORMAL_LOAD}">
+                      ${STATES.NORMAL_LOAD}
+                    </Link>
+                  </li>
+                  <li>
+                    <Link to="/${STATES.LOADING_REDIRECT}">
+                      ${STATES.LOADING_REDIRECT}
+                    </Link>
+                  </li>
+                  <li>
+                    <Form action="/${STATES.SUBMITTING_LOADER}" method="get">
+                      <button type="submit" name="key" value="value">
+                        ${STATES.SUBMITTING_LOADER}
+                      </button>
+                    </Form>
+                  </li>
+                  <li>
+                    <Form action="/${STATES.SUBMITTING_LOADER_REDIRECT}" method="get">
+                      <button type="submit">
+                        ${STATES.SUBMITTING_LOADER_REDIRECT}
+                      </button>
+                    </Form>
+                  </li>
+                  <li>
+                    <Form action="/${STATES.SUBMITTING_ACTION}" method="post">
+                      <button type="submit">
+                        ${STATES.SUBMITTING_ACTION}
+                      </button>
+                    </Form>
+                  </li>
+                  <li>
+                    <Form action="/${STATES.SUBMITTING_ACTION_REDIRECT}" method="post">
+                      <button type="submit">
+                        ${STATES.SUBMITTING_ACTION_REDIRECT}
+                      </button>
+                    </Form>
+                  </li>
+                  <li>
+                    <fetcher.Form action="/${STATES.FETCHER_REDIRECT}" method="post">
+                      <button type="submit">
+                        ${STATES.FETCHER_REDIRECT}
+                      </button>
+                    </fetcher.Form>
+                  </li>
+                </ul>
+              );
+            }
+          `,
+        [`app/routes/${STATES.NORMAL_LOAD}.jsx`]: js`
+            export default function() {
+              return (
+                <h2 id="${STATES.NORMAL_LOAD}">
+                  ${STATES.NORMAL_LOAD}
+                </h2>
+              );
+            }
+          `,
+        [`app/routes/${STATES.LOADING_REDIRECT}.jsx`]: js`
+            import { redirect } from "react-router";
+            export function loader() {
+              return redirect("/?redirected");
+            }
+            export default function() {
+              return (
+                <h2 id="${STATES.LOADING_REDIRECT}">
+                  ${STATES.LOADING_REDIRECT}
+                </h2>
+              );
+            }
+          `,
+        [`app/routes/${STATES.SUBMITTING_LOADER}.jsx`]: js`
+            export default function() {
+              return (
+                <h2 id="${STATES.SUBMITTING_LOADER}">
+                  ${STATES.SUBMITTING_LOADER}
+                </h2>
+              );
+            }
+          `,
+        [`app/routes/${STATES.SUBMITTING_LOADER_REDIRECT}.jsx`]: js`
+            import { redirect } from "react-router";
+            export function loader() {
+              return redirect("/?redirected");
+            }
+            export default function() {
+              return (
+                <h2 id="${STATES.SUBMITTING_LOADER_REDIRECT}">
+                  ${STATES.SUBMITTING_LOADER_REDIRECT}
+                </h2>
+              );
+            }
+          `,
+        [`app/routes/${STATES.SUBMITTING_ACTION}.jsx`]: js`
+            export function loader() { return null; }
+            export function action() { return null; }
+            export default function() {
+              return (
+                <h2 id="${STATES.SUBMITTING_ACTION}">
+                  ${STATES.SUBMITTING_ACTION}
+                </h2>
+              );
+            }
+          `,
+        [`app/routes/${STATES.SUBMITTING_ACTION_REDIRECT}.jsx`]: js`
+            import { redirect } from "react-router";
+            export function action() {
+              return redirect("/?redirected");
+            }
+            export default function() {
+              return (
+                <h2 id="${STATES.SUBMITTING_ACTION_REDIRECT}">
+                  ${STATES.SUBMITTING_ACTION_REDIRECT}
+                </h2>
+              );
+            }
+          `,
+        [`app/routes/${STATES.FETCHER_REDIRECT}.jsx`]: js`
+            import { redirect } from "react-router";
+            export function action() {
+              return redirect("/?redirected");
+            }
+          `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("normal load (Loading)", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+    await app.clickLink(`/${STATES.NORMAL_LOAD}`);
+    await page.waitForSelector(`#${STATES.NORMAL_LOAD}`);
+    await page.waitForSelector("#loading-indicator", { state: "hidden" });
+
+    let navigationsCode = await app.getElement("#navigations");
+    let navigationsJson = navigationsCode.text();
+    let navigations = JSON.parse(navigationsJson);
+    expect(navigations).toEqual([
+      IDLE_STATE,
+      {
+        state: "loading",
+        location: {
+          pathname: `/${STATES.NORMAL_LOAD}`,
+          search: "",
+          hash: "",
+          state: null,
+          key: expect.any(String),
+        },
+      },
+      IDLE_STATE,
+    ]);
+  });
+
+  test("normal redirect (LoadingRedirect)", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+    await app.clickLink(`/${STATES.LOADING_REDIRECT}`);
+    await page.waitForURL(/\?redirected/);
+    await page.waitForSelector("#loading-indicator", { state: "hidden" });
+    let navigationsCode = await app.getElement("#navigations");
+    let navigationsJson = navigationsCode.text();
+    let navigations = JSON.parse(navigationsJson);
+    expect(navigations).toEqual([
+      IDLE_STATE,
+      {
+        state: "loading",
+        location: {
+          pathname: `/${STATES.LOADING_REDIRECT}`,
+          search: "",
+          hash: "",
+          state: null,
+          key: expect.any(String),
+        },
+      },
+      {
+        state: "loading",
+        location: {
+          pathname: "/",
+          search: "?redirected",
+          hash: "",
+          state: {
+            _isRedirect: true,
+          },
+          key: expect.any(String),
+        },
+      },
+      IDLE_STATE,
+    ]);
+  });
+
+  test("loader submission (SubmittingLoader)", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+    await app.clickSubmitButton(`/${STATES.SUBMITTING_LOADER}`);
+    await page.waitForSelector(`#${STATES.SUBMITTING_LOADER}`);
+    await page.waitForSelector("#loading-indicator", { state: "hidden" });
+    let navigationsCode = await app.getElement("#navigations");
+    let navigationsJson = navigationsCode.text();
+    let navigations = JSON.parse(navigationsJson);
+    expect(navigations).toEqual([
+      IDLE_STATE,
+      {
+        state: "loading",
+        location: {
+          pathname: `/${STATES.SUBMITTING_LOADER}`,
+          search: "?key=value",
+          hash: "",
+          state: null,
+          key: expect.any(String),
+        },
+        formMethod: "GET",
+        formAction: `/${STATES.SUBMITTING_LOADER}`,
+        formEncType: "application/x-www-form-urlencoded",
+        formData: expect.any(Object),
+      },
+      IDLE_STATE,
+    ]);
+  });
+
+  test("loader submission redirect (LoadingLoaderSubmissionRedirect)", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+    await app.clickSubmitButton(`/${STATES.SUBMITTING_LOADER_REDIRECT}`);
+    await page.waitForURL(/\?redirected/);
+    await page.waitForSelector("#loading-indicator", { state: "hidden" });
+    let navigationsCode = await app.getElement("#navigations");
+    let navigationsJson = navigationsCode.text();
+    let navigations = JSON.parse(navigationsJson);
+    expect(navigations).toEqual([
+      IDLE_STATE,
+      {
+        state: "loading",
+        location: {
+          pathname: `/${STATES.SUBMITTING_LOADER_REDIRECT}`,
+          search: "",
+          hash: "",
+          state: null,
+          key: expect.any(String),
+        },
+        formMethod: "GET",
+        formAction: `/${STATES.SUBMITTING_LOADER_REDIRECT}`,
+        formEncType: "application/x-www-form-urlencoded",
+        formData: expect.any(Object),
+      },
+      {
+        state: "loading",
+        location: {
+          pathname: "/",
+          search: "?redirected",
+          hash: "",
+          state: {
+            _isRedirect: true,
+          },
+          key: expect.any(String),
+        },
+        formMethod: "GET",
+        formAction: `/${STATES.SUBMITTING_LOADER_REDIRECT}`,
+        formEncType: "application/x-www-form-urlencoded",
+        formData: expect.any(Object),
+      },
+      IDLE_STATE,
+    ]);
+  });
+
+  test("action submission (SubmittingAction)", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+    await app.clickSubmitButton(`/${STATES.SUBMITTING_ACTION}`);
+    await page.waitForSelector(`#${STATES.SUBMITTING_ACTION}`);
+    await page.waitForSelector("#loading-indicator", { state: "hidden" });
+    let navigationsCode = await app.getElement("#navigations");
+    let navigationsJson = navigationsCode.text();
+    let navigations = JSON.parse(navigationsJson);
+    expect(navigations).toEqual([
+      IDLE_STATE,
+      {
+        state: "submitting",
+        location: {
+          pathname: `/${STATES.SUBMITTING_ACTION}`,
+          search: "",
+          hash: "",
+          state: null,
+          key: expect.any(String),
+        },
+        formMethod: "POST",
+        formAction: `/${STATES.SUBMITTING_ACTION}`,
+        formEncType: "application/x-www-form-urlencoded",
+        formData: expect.any(Object),
+      },
+      {
+        state: "loading",
+        location: {
+          pathname: `/${STATES.SUBMITTING_ACTION}`,
+          search: "",
+          hash: "",
+          state: null,
+          key: expect.any(String),
+        },
+        formMethod: "POST",
+        formAction: `/${STATES.SUBMITTING_ACTION}`,
+        formEncType: "application/x-www-form-urlencoded",
+        formData: expect.any(Object),
+      },
+      IDLE_STATE,
+    ]);
+  });
+
+  test("action submission redirect (LoadingActionRedirect)", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+    await app.clickSubmitButton(`/${STATES.SUBMITTING_ACTION_REDIRECT}`);
+    await page.waitForURL(/\?redirected/);
+    await page.waitForSelector("#loading-indicator", { state: "hidden" });
+    let navigationsCode = await app.getElement("#navigations");
+    let navigationsJson = navigationsCode.text();
+    let navigations = JSON.parse(navigationsJson);
+    expect(navigations).toEqual([
+      IDLE_STATE,
+      {
+        state: "submitting",
+        location: {
+          pathname: `/${STATES.SUBMITTING_ACTION_REDIRECT}`,
+          search: "",
+          hash: "",
+          state: null,
+          key: expect.any(String),
+        },
+        formMethod: "POST",
+        formAction: `/${STATES.SUBMITTING_ACTION_REDIRECT}`,
+        formEncType: "application/x-www-form-urlencoded",
+        formData: expect.any(Object),
+      },
+      {
+        state: "loading",
+        location: {
+          pathname: "/",
+          search: "?redirected",
+          hash: "",
+          state: {
+            _isRedirect: true,
+          },
+          key: expect.any(String),
+        },
+        formMethod: "POST",
+        formAction: `/${STATES.SUBMITTING_ACTION_REDIRECT}`,
+        formEncType: "application/x-www-form-urlencoded",
+        formData: expect.any(Object),
+      },
+      IDLE_STATE,
+    ]);
+  });
+
+  test("fetcher action submission redirect (LoadingFetchActionRedirect)", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+    await app.clickSubmitButton(`/${STATES.FETCHER_REDIRECT}`);
+    await page.waitForURL(/\?redirected/);
+    await page.waitForSelector("#loading-indicator", { state: "hidden" });
+    let navigationsCode = await app.getElement("#navigations");
+    let navigationsJson = navigationsCode.text();
+    let navigations = JSON.parse(navigationsJson);
+    expect(navigations).toEqual([
+      IDLE_STATE,
+      {
+        state: "loading",
+        location: {
+          pathname: "/",
+          search: "?redirected",
+          hash: "",
+          state: {
+            _isRedirect: true,
+          },
+          key: expect.any(String),
+        },
+      },
+      IDLE_STATE,
+    ]);
+  });
+});
diff --git a/tests/react-router-framework/integration/node-env-test.ts b/tests/react-router-framework/integration/node-env-test.ts
new file mode 100644
index 00000000..4b7fe1ed
--- /dev/null
+++ b/tests/react-router-framework/integration/node-env-test.ts
@@ -0,0 +1,82 @@
+import { test, expect } from "@playwright/test";
+import getPort from "get-port";
+
+import {
+  createProject,
+  dev,
+  build,
+  reactRouterServe,
+  rsbuildConfig,
+} from "./helpers/rsbuild.js";
+
+let files = {
+  "app/routes/node_env.tsx": String.raw`
+    export default function NodeEnvRoute() {
+      return <div data-node-env>{process.env.NODE_ENV}</div>
+    }
+  `,
+};
+
+test.describe(async () => {
+  let port: number;
+  let cwd: string;
+  let stop: () => void;
+
+  test.beforeAll(async () => {
+    port = await getPort();
+    cwd = await createProject({
+      "rsbuild.config.ts": await rsbuildConfig.basic({
+        port,
+        defineNodeEnv: true,
+      }),
+      ...files,
+    });
+  });
+
+  test.describe(() => {
+    test.beforeAll(async () => {
+      stop = await dev({ cwd, port });
+    });
+    test.afterAll(() => stop());
+
+    test("NODE_ENV / dev", async ({ page }) => {
+      let pageErrors: unknown[] = [];
+      page.on("pageerror", (error) => pageErrors.push(error));
+
+      await page.goto(`http://localhost:${port}/node_env`, {
+        waitUntil: "networkidle",
+      });
+      expect(pageErrors).toEqual([]);
+
+      let nodeEnvContent = page.locator("[data-node-env]");
+      await expect(nodeEnvContent).toHaveText("development");
+
+      expect(pageErrors).toEqual([]);
+    });
+  });
+
+  test.describe(() => {
+    let buildPort: number;
+    test.beforeAll(async () => {
+      build({ cwd, env: { NODE_ENV: "production" } });
+      buildPort = await getPort();
+      stop = await reactRouterServe({ cwd, port: buildPort });
+    });
+    test.afterAll(() => stop());
+
+    test("NODE_ENV / build", async ({ page }) => {
+      let pageErrors: unknown[] = [];
+      page.on("pageerror", (error) => pageErrors.push(error));
+
+      await page.goto(`http://localhost:${buildPort}/node_env`, {
+        waitUntil: "networkidle",
+      });
+      expect(pageErrors).toEqual([]);
+
+      let nodeEnvContent = page.locator("[data-node-env]");
+      await expect(nodeEnvContent).toHaveText("production");
+
+      expect(pageErrors).toEqual([]);
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/package.json b/tests/react-router-framework/integration/package.json
new file mode 100644
index 00000000..b7f47ed4
--- /dev/null
+++ b/tests/react-router-framework/integration/package.json
@@ -0,0 +1,48 @@
+{
+  "name": "integration",
+  "version": "0.0.0",
+  "private": true,
+  "description": "deps needed for integration tests",
+  "type": "module",
+  "scripts": {
+    "typecheck": "tsc"
+  },
+  "dependencies": {
+    "@mdx-js/rollup": "^3.1.1",
+    "@playwright/test": "^1.60.0",
+    "@react-router/dev": "^8.0.1",
+    "@react-router/express": "^8.0.1",
+    "@react-router/node": "^8.0.1",
+    "@types/cross-spawn": "^6.0.6",
+    "@types/dedent": "^0.7.0",
+    "@types/express": "^4.17.25",
+    "@types/node": "^22.19.19",
+    "@types/semver": "^7.7.1",
+    "@types/shelljs": "^0.10.0",
+    "@types/wait-on": "^5.3.4",
+    "@vanilla-extract/css": "^1.20.1",
+    "cheerio": "^1.2.0",
+    "cross-spawn": "^7.0.3",
+    "dedent": "^1.7.2",
+    "execa": "9.6.1",
+    "express": "^4.22.2",
+    "get-port": "7.2.0",
+    "isbot": "^5.1.40",
+    "pathe": "^2.0.3",
+    "postcss": "^8.5.15",
+    "postcss-import": "^16.1.1",
+    "prettier": "^3.8.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router": "^8.0.1",
+    "react-server-dom-rspack": "0.0.2",
+    "semver": "^7.8.1",
+    "serialize-javascript": "^6.0.1",
+    "shelljs": "^0.10.0",
+    "strip-ansi": "^7.2.0",
+    "strip-indent": "^3.0.0",
+    "type-fest": "^4.0.0",
+    "typescript": "^5.9.3",
+    "wait-on": "^7.0.1"
+  }
+}
diff --git a/tests/react-router-framework/integration/passthrough-requests-test.ts b/tests/react-router-framework/integration/passthrough-requests-test.ts
new file mode 100644
index 00000000..c257f7de
--- /dev/null
+++ b/tests/react-router-framework/integration/passthrough-requests-test.ts
@@ -0,0 +1,159 @@
+import { test, expect } from "@playwright/test";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+const files = {
+  "app/root.tsx": js`
+    import { Links, Meta, Outlet, Scripts } from "react-router";
+
+    export function loader() {
+      return "ROOT";
+    }
+
+    export default function Root() {
+      return (
+        <html lang="en">
+          <head>
+            <Meta />
+            <Links />
+          </head>
+          <body>
+            <Outlet />
+            <Scripts />
+          </body>
+        </html>
+      );
+    }
+
+    export function shouldRevalidate({ defaultShouldRevalidate }) {
+      return defaultShouldRevalidate;
+    }
+  `,
+  "app/routes/_index.tsx": js`
+    import { Form, Link } from "react-router";
+
+    export function loader({ request, url }) {
+      let passthroughUrl = new URL(request.url);
+      return {
+        url: passthroughUrl.pathname + passthroughUrl.search,
+        path: url.pathname + url.search
+      };
+    }
+
+    export function action({ request, url }) {
+      let passthroughUrl = new URL(request.url);
+      return {
+        url: passthroughUrl.pathname + passthroughUrl.search,
+        path: url.pathname + url.search
+      };
+    }
+
+    export default function Component({ loaderData, actionData }) {
+      return (
+        <>
+          <Link to="/?a=1" data-link>Add param</Link>
+          <Form method="post">
+            <button type="submit">Submit</button>
+          </Form>
+          <Link to="/page?b=2" defaultShouldRevalidate={false}>
+            Go to new page
+          </Link>
+          <p data-loader-url>{loaderData.url}</p>
+          <p data-loader-path>{loaderData.path}</p>
+          {actionData ?
+            <>
+              <p data-action-url>{actionData.url}</p>
+              <p data-action-path>{actionData.path}</p>
+            </> :
+            null}
+        </>
+      )
+    }
+  `,
+  "app/routes/page.tsx": js`
+    export function loader({ request, url }) {
+      let passthroughUrl = new URL(request.url);
+      return {
+        url: passthroughUrl.pathname + passthroughUrl.search,
+        path: url.pathname + url.search
+      };
+    }
+
+    export default function Component({ loaderData }) {
+      return (
+        <>
+          <p data-loader-url>{loaderData.url}</p>
+          <p data-loader-path>{loaderData.path}</p>
+        </>
+      )
+    }
+  `,
+};
+
+test.describe("pass through requests", () => {
+  test("passes the raw request through to loaders and actions", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files,
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let requests: string[] = [];
+    page.on("request", (req) => {
+      let url = new URL(req.url());
+      if (url.pathname.endsWith(".data")) {
+        requests.push(url.pathname + url.search);
+      }
+    });
+
+    // Document load
+    await app.goto("/");
+    expect(await page.locator("[data-loader-url]").textContent()).toBe("/");
+    expect(await page.locator("[data-loader-path]").textContent()).toBe("/");
+
+    // Client-side navigation with query params
+    await app.clickLink("/?a=1");
+    expect(await page.locator("[data-loader-url]").textContent()).toBe(
+      "/_.data?a=1",
+    );
+    expect(await page.locator("[data-loader-path]").textContent()).toBe(
+      "/?a=1",
+    );
+    expect(requests).toEqual(["/_.data?a=1"]);
+    requests = [];
+
+    // Client-side form submission with query params
+    await app.clickElement('button[type="submit"]');
+    expect(await page.locator("[data-action-url]").textContent()).toBe(
+      "/_.data?index&a=1",
+    );
+    expect(await page.locator("[data-action-path]").textContent()).toBe(
+      "/?a=1",
+    );
+    expect(await page.locator("[data-loader-url]").textContent()).toBe(
+      "/_.data?a=1",
+    );
+    expect(await page.locator("[data-loader-path]").textContent()).toBe(
+      "/?a=1",
+    );
+    expect(requests).toEqual(["/_.data?index&a=1", "/_.data?a=1"]);
+    requests = [];
+
+    // Navigate to new page
+    await app.clickLink("/page?b=2");
+    expect(await page.locator("[data-loader-url]").textContent()).toBe(
+      "/page.data?b=2&_routes=routes%2Fpage",
+    );
+    expect(await page.locator("[data-loader-path]").textContent()).toBe(
+      "/page?b=2",
+    );
+    expect(requests).toEqual(["/page.data?b=2&_routes=routes%2Fpage"]);
+    requests = [];
+  });
+});
diff --git a/tests/react-router-framework/integration/playwright.config.ts b/tests/react-router-framework/integration/playwright.config.ts
new file mode 100644
index 00000000..d579365e
--- /dev/null
+++ b/tests/react-router-framework/integration/playwright.config.ts
@@ -0,0 +1,61 @@
+import type { PlaywrightTestConfig } from "@playwright/test";
+import { devices } from "@playwright/test";
+import {
+  assertFrameworkWorkerLimit,
+  ensureFrameworkTestRunId,
+  getFrameworkCacheEnv,
+  resolveFrameworkWorkerLimit,
+} from "./helpers/test-resource-guard.js";
+
+// silence expected warnings in Node 22.22 about `require(esm)`
+// when it implicitly uses `react-router`'s `module-sync` export condition
+process.env.NODE_OPTIONS =
+  (process.env.NODE_OPTIONS ?? "") + ` --no-warnings=ExperimentalWarning`;
+
+const isWindows = process.platform === "win32";
+Object.assign(process.env, getFrameworkCacheEnv());
+ensureFrameworkTestRunId();
+const workerLimit = resolveFrameworkWorkerLimit();
+assertFrameworkWorkerLimit(workerLimit);
+
+const config: PlaywrightTestConfig = {
+  testDir: ".",
+  testMatch: ["**/*-test.ts"],
+  // Playwright treats our workspace packages as internal by default. If we
+  // don't mark them as external, tests hang in Node 20.5.2+
+  build: {
+    external: ["**/packages/**/*"],
+  },
+  /* Maximum time one test can run for. */
+  timeout: isWindows ? 90_000 : 60_000,
+  fullyParallel: false,
+  workers: workerLimit.workers,
+  expect: {
+    /* Maximum time expect() should wait for the condition to be met. */
+    timeout: isWindows ? 10_000 : 5_000,
+  },
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 3 : 0,
+  reporter: process.env.CI ? "dot" : [["html", { open: "never" }]],
+  globalSetup: "./helpers/global-setup.ts",
+  globalTeardown: "./helpers/global-teardown.ts",
+  use: {
+    actionTimeout: 0,
+    launchOptions: {
+      args: [
+        "--disable-breakpad",
+        "--disable-crash-reporter",
+        "--disable-crashpad",
+      ],
+    },
+  },
+
+  projects: [
+    {
+      name: "chromium",
+      use: devices["Desktop Chrome"],
+    },
+  ],
+};
+
+export default config;
diff --git a/tests/react-router-framework/integration/prefetch-test.ts b/tests/react-router-framework/integration/prefetch-test.ts
new file mode 100644
index 00000000..94e85911
--- /dev/null
+++ b/tests/react-router-framework/integration/prefetch-test.ts
@@ -0,0 +1,725 @@
+import { test, expect, type Page } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+  css,
+} from "./helpers/create-fixture.js";
+import type {
+  Fixture,
+  FixtureInit,
+  AppFixture,
+} from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import { type TemplateName, bundlerTemplates } from "./helpers/rsbuild.js";
+
+type PrefetchType = "intent" | "render" | "none" | "viewport";
+
+// Generate the test app using the given prefetch mode
+function fixtureFactory(
+  mode: PrefetchType,
+  templateName: TemplateName,
+): FixtureInit {
+  return {
+    templateName,
+    files: {
+      "app/root.tsx": js`
+        import {
+          Link,
+          Links,
+          Meta,
+          Outlet,
+          Scripts,
+          useLoaderData,
+        } from "react-router";
+
+        export default function Root() {
+          const styles =
+            'a:hover { color: red; } a:hover:after { content: " (hovered)"; }' +
+            'a:focus { color: green; } a:focus:after { content: " (focused)"; }';
+
+          return (
+            <html lang="en">
+              <head>
+                <Meta />
+                <Links />
+              </head>
+              <body>
+                <style>{styles}</style>
+                <h1>Root</h1>
+                <nav id="nav">
+                  <Link to="/prefetch-with-loader" prefetch="${mode}">
+                    Loader Page
+                  </Link>
+                  <br/>
+                  <Link to="/prefetch-without-loader" prefetch="${mode}">
+                    Non-Loader Page
+                  </Link>
+                </nav>
+                <Outlet />
+                <Scripts />
+              </body>
+            </html>
+          );
+        }
+      `,
+
+      "app/routes/_index.tsx": js`
+        export default function() {
+          return <h2 className="index">Index</h2>;
+        }
+      `,
+
+      "app/routes/prefetch-with-loader.tsx": js`
+        export function loader() {
+          return { message: 'data from the loader' };
+        }
+        export default function() {
+          return <h2 className="prefetch-with-loader">With Loader</h2>;
+        }
+      `,
+
+      "app/routes/prefetch-without-loader.tsx": js`
+        export default function() {
+          return <h2 className="prefetch-without-loader">Without Loader</h2>;
+        }
+      `,
+    },
+  };
+}
+
+const PREFETCH_WITH_LOADER_ROUTE_ID = "routes/prefetch-with-loader";
+const PREFETCH_WITHOUT_LOADER_ROUTE_ID = "routes/prefetch-without-loader";
+const ROOT_ROUTE_ID = "root";
+const INDEX_ROUTE_ID = "routes/_index";
+
+function getRouteModulePreloadHrefs(fixture: Fixture, routeIds: string[]) {
+  return [
+    ...new Set(routeIds.flatMap((routeId) => getRouteHrefs(fixture, routeId))),
+  ];
+}
+
+function getRouteHrefs(fixture: Fixture, routeId: string) {
+  let route = fixture.build?.assets.routes[routeId];
+  expect(route).toBeDefined();
+  return [route!.module, ...(route!.imports ?? [])];
+}
+
+function getInitialScriptsPreloadHrefs(fixture: Fixture, routeIds: string[]) {
+  return [
+    ...new Set([
+      ...(fixture.build?.assets.entry.imports ?? []),
+      ...getRouteModulePreloadHrefs(fixture, routeIds),
+    ]),
+  ];
+}
+
+function getModulePreloadSelector(hrefs: string[]) {
+  return hrefs
+    .map((href) => `link[rel='modulepreload'][href='${href}']`)
+    .join(",");
+}
+
+async function waitForModulePreloads(page: Page, hrefs: string[]) {
+  for (let href of hrefs) {
+    await page.waitForSelector(`link[rel='modulepreload'][href='${href}']`, {
+      state: "attached",
+    });
+  }
+}
+
+async function expectModulePreloads(
+  page: Page,
+  hrefs: string[],
+  alreadyPresentHrefs: string[] = [],
+) {
+  let alreadyPresentSet = new Set(alreadyPresentHrefs);
+  for (let href of hrefs) {
+    await expect(
+      page.locator(`link[rel='modulepreload'][href='${href}']`),
+    ).toHaveCount(alreadyPresentSet.has(href) ? 2 : 1);
+  }
+}
+
+async function expectOnlyModulePreloads(page: Page, hrefs: string[]) {
+  await expect(page.locator(getModulePreloadSelector(hrefs))).toHaveCount(
+    hrefs.length,
+  );
+  await expectModulePreloads(page, hrefs);
+}
+
+test.describe("prefetch", () => {
+  bundlerTemplates.forEach(({ templateName, templateDisplayName }) => {
+    test.describe(templateDisplayName, () => {
+      test.describe("prefetch=none", () => {
+        let fixture: Fixture;
+        let appFixture: AppFixture;
+
+        test.beforeAll(async () => {
+          fixture = await createFixture(fixtureFactory("none", templateName));
+          appFixture = await createAppFixture(fixture);
+        });
+
+        test.afterAll(() => {
+          appFixture.close();
+        });
+
+        test("does not render prefetch tags during SSR", async ({ page }) => {
+          let res = await fixture.requestDocument("/");
+          expect(res.status).toBe(200);
+          expect(
+            await page.locator("link[href^='/assets/prefetch-']").count(),
+          ).toBe(0);
+        });
+
+        test("does not add prefetch tags on hydration", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          expect(
+            await page.locator("link[href^='/assets/prefetch-']").count(),
+          ).toBe(0);
+        });
+      });
+
+      test.describe("prefetch=render", () => {
+        let fixture: Fixture;
+        let appFixture: AppFixture;
+
+        test.beforeAll(async () => {
+          fixture = await createFixture(fixtureFactory("render", templateName));
+          appFixture = await createAppFixture(fixture);
+        });
+
+        test.afterAll(() => {
+          appFixture.close();
+        });
+
+        test("does not render prefetch tags during SSR", async ({ page }) => {
+          let res = await fixture.requestDocument("/");
+          expect(res.status).toBe(200);
+          expect(
+            await page.locator("link[href^='/assets/prefetch-']").count(),
+          ).toBe(0);
+        });
+
+        test("adds prefetch tags on hydration", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          let moduleHrefs = getRouteModulePreloadHrefs(fixture, [
+            PREFETCH_WITH_LOADER_ROUTE_ID,
+            PREFETCH_WITHOUT_LOADER_ROUTE_ID,
+          ]);
+          let initialScriptsPreloadHrefs = getInitialScriptsPreloadHrefs(
+            fixture,
+            [ROOT_ROUTE_ID, INDEX_ROUTE_ID],
+          );
+          await app.goto("/");
+
+          // Both data and asset fetch for /prefetch-with-loader
+          await page.waitForSelector(
+            "link[rel='prefetch'][as='fetch'][href='/prefetch-with-loader.data']",
+            { state: "attached" },
+          );
+          await waitForModulePreloads(page, moduleHrefs);
+
+          await expectModulePreloads(
+            page,
+            moduleHrefs,
+            initialScriptsPreloadHrefs,
+          );
+          await expect(
+            page.locator(
+              "link[rel='prefetch'][as='fetch'][href='/prefetch-with-loader.data']",
+            ),
+          ).toHaveCount(1);
+          await expect(
+            page.locator(
+              "link[rel='prefetch'][as='fetch'][href='/prefetch-without-loader.data']",
+            ),
+          ).toHaveCount(0);
+        });
+      });
+
+      test.describe("prefetch=intent (hover)", () => {
+        let fixture: Fixture;
+        let appFixture: AppFixture;
+
+        test.beforeAll(async () => {
+          fixture = await createFixture(fixtureFactory("intent", templateName));
+          appFixture = await createAppFixture(fixture);
+        });
+
+        test.afterAll(() => {
+          appFixture.close();
+        });
+
+        test("does not render prefetch tags during SSR", async ({ page }) => {
+          let res = await fixture.requestDocument("/");
+          expect(res.status).toBe(200);
+          expect(
+            await page.locator("link[href^='/assets/prefetch-']").count(),
+          ).toBe(0);
+        });
+
+        test("does not add prefetch tags on hydration", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          expect(
+            await page.locator("link[href^='/assets/prefetch-']").count(),
+          ).toBe(0);
+        });
+
+        test("adds prefetch tags on hover", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          let loaderRouteHrefs = getRouteHrefs(
+            fixture,
+            PREFETCH_WITH_LOADER_ROUTE_ID,
+          );
+          let noLoaderRouteHrefs = getRouteHrefs(
+            fixture,
+            PREFETCH_WITHOUT_LOADER_ROUTE_ID,
+          );
+          await app.goto("/");
+          await page.hover("a[href='/prefetch-with-loader']");
+          await page.waitForSelector(
+            "link[rel='prefetch'][as='fetch'][href='/prefetch-with-loader.data']",
+            { state: "attached" },
+          );
+          await waitForModulePreloads(page, loaderRouteHrefs);
+          await expectOnlyModulePreloads(page, loaderRouteHrefs);
+          await expect(
+            page.locator(
+              "link[rel='prefetch'][as='fetch'][href='/prefetch-with-loader.data']",
+            ),
+          ).toHaveCount(1);
+
+          await page.hover("a[href='/prefetch-without-loader']");
+          await waitForModulePreloads(page, noLoaderRouteHrefs);
+          await expectOnlyModulePreloads(page, noLoaderRouteHrefs);
+          await expect(
+            page.locator(
+              "link[rel='prefetch'][as='fetch'][href='/prefetch-with-loader.data']",
+            ),
+          ).toHaveCount(0);
+        });
+
+        test("removes prefetch tags after navigating to/from the page", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          let loaderRouteHrefs = getRouteHrefs(
+            fixture,
+            PREFETCH_WITH_LOADER_ROUTE_ID,
+          );
+          await app.goto("/");
+
+          // Links added on hover
+          await page.hover("a[href='/prefetch-with-loader']");
+          await page.waitForSelector("link", { state: "attached" });
+          await expectOnlyModulePreloads(page, loaderRouteHrefs);
+          await expect(
+            page.locator(
+              "link[rel='prefetch'][as='fetch'][href='/prefetch-with-loader.data']",
+            ),
+          ).toHaveCount(1);
+
+          // Links removed upon navigating to the page
+          await page.click("a[href='/prefetch-with-loader']");
+          await page.waitForSelector("h2.prefetch-with-loader", {
+            state: "attached",
+          });
+          expect(
+            await page.locator("link[href^='/assets/prefetch-']").count(),
+          ).toBe(0);
+
+          // Links stay removed upon navigating away from the page
+          await page.click("a[href='/prefetch-without-loader']");
+          await page.waitForSelector("h2.prefetch-without-loader", {
+            state: "attached",
+          });
+          expect(
+            await page.locator("link[href^='/assets/prefetch-']").count(),
+          ).toBe(0);
+        });
+      });
+
+      test.describe("prefetch=intent (focus)", () => {
+        let fixture: Fixture;
+        let appFixture: AppFixture;
+
+        test.beforeAll(async () => {
+          fixture = await createFixture(fixtureFactory("intent", templateName));
+          appFixture = await createAppFixture(fixture);
+        });
+
+        test.afterAll(() => {
+          appFixture.close();
+        });
+
+        test("does not render prefetch tags during SSR", async ({ page }) => {
+          let res = await fixture.requestDocument("/");
+          expect(res.status).toBe(200);
+          expect(
+            await page.locator("link[href^='/assets/prefetch-']").count(),
+          ).toBe(0);
+        });
+
+        test("does not add prefetch tags on hydration", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          expect(
+            await page.locator("link[href^='/assets/prefetch-']").count(),
+          ).toBe(0);
+        });
+
+        test("adds prefetch tags on focus", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          let loaderRouteHrefs = getRouteHrefs(
+            fixture,
+            PREFETCH_WITH_LOADER_ROUTE_ID,
+          );
+          let noLoaderRouteHrefs = getRouteHrefs(
+            fixture,
+            PREFETCH_WITHOUT_LOADER_ROUTE_ID,
+          );
+          await app.goto("/");
+          // This click is needed to transfer focus to the main window, allowing
+          // subsequent focus events to fire
+          await page.click("body");
+          await page.focus("a[href='/prefetch-with-loader']");
+          await page.waitForSelector(
+            "link[rel='prefetch'][as='fetch'][href='/prefetch-with-loader.data']",
+            { state: "attached" },
+          );
+          await waitForModulePreloads(page, loaderRouteHrefs);
+          await expectOnlyModulePreloads(page, loaderRouteHrefs);
+          await expect(
+            page.locator(
+              "link[rel='prefetch'][as='fetch'][href='/prefetch-with-loader.data']",
+            ),
+          ).toHaveCount(1);
+
+          await page.focus("a[href='/prefetch-without-loader']");
+          await waitForModulePreloads(page, noLoaderRouteHrefs);
+          await expectOnlyModulePreloads(page, noLoaderRouteHrefs);
+          await expect(
+            page.locator(
+              "link[rel='prefetch'][as='fetch'][href='/prefetch-with-loader.data']",
+            ),
+          ).toHaveCount(0);
+        });
+      });
+
+      test.describe("prefetch=viewport", () => {
+        let fixture: Fixture;
+        let appFixture: AppFixture;
+
+        test.beforeAll(async () => {
+          fixture = await createFixture({
+            files: {
+              "app/routes/_index.tsx": js`
+                import { Link } from "react-router";
+
+                export default function Component() {
+                  return (
+                    <>
+                      <h1>Index Page - Scroll Down</h1>
+                      <div style={{ marginTop: "150vh" }}>
+                        <Link to="/test" prefetch="viewport">Click me!</Link>
+                      </div>
+                    </>
+                  );
+                }
+              `,
+
+              "app/routes/test.tsx": js`
+                export function loader() {
+                  return null;
+                }
+                export default function Component() {
+                  return <h1>Test Page</h1>;
+                }
+              `,
+            },
+          });
+
+          // This creates an interactive app using puppeteer.
+          appFixture = await createAppFixture(fixture);
+        });
+
+        test.afterAll(() => {
+          appFixture.close();
+        });
+
+        test("should prefetch when the link enters the viewport", async ({
+          page,
+        }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+
+          // No preloads to start
+          await expect(
+            page.locator(
+              [
+                "link[rel='prefetch'][as='fetch'][href='/test.data']",
+                "link[rel='modulepreload'][href^='/static/js/routes/test']",
+              ].join(","),
+            ),
+          ).toHaveCount(0);
+
+          // Preloads render on scroll down
+          await page.evaluate(() =>
+            window.scrollTo(0, document.body.scrollHeight),
+          );
+
+          await page.waitForSelector(
+            "link[rel='prefetch'][as='fetch'][href='/test.data']",
+            { state: "attached" },
+          );
+          await page.waitForSelector(
+            "link[rel='modulepreload'][href^='/static/js/routes/test']",
+            { state: "attached" },
+          );
+
+          // Preloads removed on scroll up
+          await page.evaluate(() => window.scrollTo(0, 0));
+          await expect(
+            page.locator(
+              [
+                "link[rel='prefetch'][as='fetch'][href='/test.data']",
+                "link[rel='modulepreload'][href^='/static/js/routes/test']",
+              ].join(","),
+            ),
+          ).toHaveCount(0);
+        });
+      });
+
+      test.describe("other scenarios", () => {
+        let fixture: Fixture;
+        let appFixture: AppFixture;
+
+        test.afterAll(() => {
+          appFixture?.close();
+        });
+
+        test("does not add prefetch links for stylesheets already in the DOM (active routes)", async ({
+          page,
+        }) => {
+          fixture = await createFixture({
+            files: {
+              "app/root.tsx": js`
+                import { Links, Meta, Scripts, useFetcher } from "react-router";
+                import globalCss from "./global.css?url";
+
+                export function links() {
+                  return [{ rel: "stylesheet", href: globalCss }];
+                }
+
+                export async function action() {
+                  return null;
+                }
+
+                export async function loader() {
+                  return null;
+                }
+
+                export default function Root() {
+                  let fetcher = useFetcher();
+
+                  return (
+                    <html lang="en">
+                      <head>
+                        <Meta />
+                        <Links />
+                      </head>
+                      <body>
+                        <button
+                          id="submit-fetcher"
+                          onClick={() => fetcher.submit({}, { method: 'post' })}>
+                            Submit Fetcher
+                        </button>
+                        <p id={"fetcher-state--" + fetcher.state}>{fetcher.state}</p>
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+              `,
+
+              "app/global.css": `
+                body {
+                  background-color: black;
+                  color: white;
+                }
+              `,
+
+              "app/routes/_index.tsx": js`
+                export default function() {
+                  return <h2 className="index">Index</h2>;
+                }
+              `,
+            },
+          });
+          appFixture = await createAppFixture(fixture);
+          let requests: { type: string; url: string }[] = [];
+
+          page.on("request", (req) => {
+            requests.push({
+              type: req.resourceType(),
+              url: req.url(),
+            });
+          });
+
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          await page.click("#submit-fetcher");
+          await page.waitForSelector("#fetcher-state--idle");
+          // We should not send a second request for this root stylesheet that's
+          // already been rendered in the DOM
+          let stylesheets = requests.filter(
+            (r) =>
+              r.type === "stylesheet" &&
+              /\/static\/assets\/global(\.|-)?[a-z0-9-]*\.css/i.test(r.url),
+          );
+          expect(stylesheets.length).toBe(1);
+        });
+
+        test("dedupes prefetch tags", async ({ page }) => {
+          fixture = await createFixture({
+            files: {
+              "app/root.tsx": js`
+                import {
+                  Link,
+                  Links,
+                  Meta,
+                  Outlet,
+                  Scripts,
+                  useLoaderData,
+                } from "react-router";
+
+                export default function Root() {
+                  const styles =
+                    'a:hover { color: red; } a:hover:after { content: " (hovered)"; }' +
+                    'a:focus { color: green; } a:focus:after { content: " (focused)"; }';
+
+                  return (
+                    <html lang="en">
+                      <head>
+                        <Meta />
+                        <Links />
+                      </head>
+                      <body>
+                        <style>{styles}</style>
+                        <h1>Root</h1>
+                        <nav id="nav">
+                          <Link to="/with-nested-links/nested" prefetch="intent">
+                            Nested Links Page
+                          </Link>
+                        </nav>
+                        <Outlet />
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+              `,
+
+              "app/global.css": css`
+                .global-class {
+                  background-color: gray;
+                  color: black;
+                }
+              `,
+
+              "app/local.css": css`
+                .local-class {
+                  background-color: black;
+                  color: white;
+                }
+              `,
+
+              "app/routes/_index.tsx": js`
+                export default function() {
+                  return <h2 className="index">Index</h2>;
+                }
+              `,
+
+              "app/routes/with-nested-links.tsx": js`
+                import { Outlet } from "react-router";
+                import globalCss from "../global.css?url";
+
+                export function links() {
+                  return [
+                    // Same links as child route but with different key order
+                    {
+                      rel: "stylesheet",
+                      href: globalCss,
+                    },
+                    {
+                      rel: "preload",
+                      as: "image",
+                      imageSrcSet: "image-600.jpg 600w, image-1200.jpg 1200w",
+                      imageSizes: "9999px",
+                    },
+                  ];
+                }
+                export default function() {
+                  return <Outlet />;
+                }
+              `,
+
+              "app/routes/with-nested-links.nested.tsx": js`
+                import globalCss from '../global.css?url';
+                import localCss from '../local.css?url';
+
+                export function links() {
+                  return [
+                    // Same links as parent route but with different key order
+                    {
+                      href: globalCss,
+                      rel: "stylesheet",
+                    },
+                    {
+                      imageSrcSet: "image-600.jpg 600w, image-1200.jpg 1200w",
+                      imageSizes: "9999px",
+                      rel: "preload",
+                      as: "image",
+                    },
+                    // Unique links for child route
+                    {
+                      rel: "stylesheet",
+                      href: localCss,
+                    },
+                    {
+                      rel: "preload",
+                      as: "image",
+                      imageSrcSet: "image-700.jpg 700w, image-1400.jpg 1400w",
+                      imageSizes: "9999px",
+                    },
+                  ];
+                }
+                export default function() {
+                  return <h2 className="with-nested-links">With Nested Links</h2>;
+                }
+              `,
+            },
+          });
+          appFixture = await createAppFixture(fixture);
+
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          await page.hover("a[href='/with-nested-links/nested']");
+          await page.waitForSelector("link[rel='prefetch'][as='style']", {
+            state: "attached",
+          });
+          expect(
+            await page.locator("link[rel='prefetch'][as='style']").count(),
+          ).toBe(2);
+          expect(
+            await page.locator("link[rel='prefetch'][as='image']").count(),
+          ).toBe(2);
+        });
+      });
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/prerender-test.ts b/tests/react-router-framework/integration/prerender-test.ts
new file mode 100644
index 00000000..78a0a9b8
--- /dev/null
+++ b/tests/react-router-framework/integration/prerender-test.ts
@@ -0,0 +1,3058 @@
+import fs from "node:fs";
+import path from "node:path";
+import { PassThrough } from "node:stream";
+import type { Page } from "@playwright/test";
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture as _createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import { build, createProject, reactRouterConfig } from "./helpers/rsbuild.js";
+
+let createFixture = (...args: Parameters<typeof _createFixture>) =>
+  _createFixture(
+    {
+      templateName: args[0].templateName ?? "rsbuild-template",
+      ...args[0],
+    },
+    args[1],
+  );
+
+let files = {
+  "react-router.config.ts": reactRouterConfig({
+    prerender: true,
+  }),
+  "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+  "app/root.tsx": js`
+    import * as React from "react";
+    import { Link, Links, Meta, Outlet, Scripts, useRouteError } from "react-router";
+
+    export function meta() {
+      return [{
+        title: "Root Title"
+      }];
+    }
+
+    export function Layout({ children }) {
+      const [mounted, setMounted] = React.useState(false);
+      React.useEffect(() => setMounted(true), []);
+      return (
+        <html lang="en">
+          <head>
+            <Meta />
+            <Links />
+          </head>
+          <body>
+            <h1>Root</h1>
+            {!mounted ? <h3>Unmounted</h3> : <h3 data-mounted>Mounted</h3>}
+            <nav>
+            <Link to="/">Home</Link><br/>
+            <Link to="/about">About</Link><br/>
+            <Link to="/not-found">Not Found</Link><br/>
+            <Link to="/redirect">Redirect</Link><br/>
+            </nav>
+            {children}
+            <Scripts />
+          </body>
+        </html>
+      );
+    }
+
+    export default function Root() {
+      return <Outlet />
+    }
+
+    export function ErrorBoundary() {
+      let error = useRouteError();
+      let msg = 'status' in error ?
+        error.status + " " + error.statusText :
+        error.message;
+      return <p data-error>{msg}</p>;
+    }
+
+    export function HydrateFallback() {
+      return <p>Loading...</p>;
+    }
+  `,
+  "app/routes/_index.tsx": js`
+    import * as React  from "react";
+    import { useLoaderData } from "react-router";
+
+    export function meta({ loaderData }) {
+      return [{
+        title: "Index Title: " + loaderData
+      }];
+    }
+
+    export async function loader() {
+      return "Index Loader Data";
+    }
+
+    export default function Component() {
+      let data = useLoaderData();
+
+      return (
+        <>
+          <h2 data-route>Index</h2>
+          <p data-loader-data>{data}</p>
+        </>
+      );
+    }
+  `,
+  "app/routes/about.tsx": js`
+    import { useLoaderData } from "react-router";
+
+    export function meta({ loaderData }) {
+      return [{
+        title: "About Title: " + loaderData
+      }];
+    }
+
+    export async function loader() {
+      return "About Loader Data";
+    }
+
+    export default function Component() {
+      let data = useLoaderData();
+
+      return (
+        <>
+          <h2 data-route>About</h2>
+          <p data-loader-data>{data}</p>
+        </>
+      );
+    }
+  `,
+};
+
+// Keep prerender assertions focused on `.html`, `.data`, and resource route
+// files; `static/` is Rsbuild's bundle-output equivalent of Vite's `assets/`.
+const IGNORED_DIRS = new Set(["assets", "static"]);
+
+function listAllFiles(_dir: string) {
+  let files: string[] = [];
+
+  function recurse(dir: string) {
+    fs.readdirSync(dir).forEach((file) => {
+      // Join with posix separator for consistency
+      const absolute = dir + "/" + file;
+      if (fs.statSync(absolute).isDirectory()) {
+        if (!IGNORED_DIRS.has(file)) {
+          return recurse(absolute);
+        }
+      } else {
+        return files.push(absolute);
+      }
+    });
+  }
+
+  recurse(_dir);
+
+  // Normalize *nix/windows paths
+  return files.map((f) => f.replace(_dir, "").replace(/^\//, ""));
+}
+
+test.describe(`Prerendering`, () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.afterAll(() => {
+    appFixture?.close();
+  });
+
+  test.describe("prerendered file behavior (agnostic of ssr flag)", () => {
+    test("Prerenders known static routes when true is specified", async () => {
+      let buildStdio = new PassThrough();
+      fixture = await createFixture({
+        buildStdio,
+        prerender: true,
+        files: {
+          ...files,
+          "app/routes/parent.tsx": js`
+            import { Outlet } from 'react-router'
+            export default function Component() {
+              return <Outlet/>
+            }
+          `,
+          "app/routes/parent.child.tsx": js`
+            import { Outlet } from 'react-router'
+            export function loader() {
+              return null;
+            }
+            export default function Component() {
+              return <Outlet/>
+            }
+          `,
+          "app/routes/$slug.tsx": js`
+            import { Outlet } from 'react-router'
+            export function loader() {
+              return null;
+            }
+            export default function Component() {
+              return <Outlet/>
+            }
+          `,
+          "app/routes/$.tsx": js`
+            import { Outlet } from 'react-router'
+            export function loader() {
+              return null;
+            }
+            export default function Component() {
+              return <Outlet/>
+            }
+          `,
+        },
+      });
+
+      appFixture = await createAppFixture(fixture);
+
+      let clientDir = path.join(fixture.projectDir, "build", "client");
+      expect(listAllFiles(clientDir).sort()).toEqual([
+        "_.data",
+        "about.data",
+        "about/index.html",
+        "favicon.ico",
+        "index.html",
+        "parent/child.data",
+        "parent/child/index.html",
+        "parent/index.html",
+      ]);
+
+      let res = await fixture.requestDocument("/");
+      let html = await res.text();
+      expect(html).toMatch("<title>Index Title: Index Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">Index</h2>');
+      expect(html).toMatch('<p data-loader-data="true">Index Loader Data</p>');
+
+      res = await fixture.requestDocument("/about");
+      html = await res.text();
+      expect(html).toMatch("<title>About Title: About Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">About</h2>');
+      expect(html).toMatch('<p data-loader-data="true">About Loader Data</p>');
+    });
+
+    test("Prerenders a static array of routes", async () => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          ...files,
+          "react-router.config.ts": js`
+            export default {
+              async prerender() {
+                await new Promise(r => setTimeout(r, 1));
+                return ['/', '/about'];
+              },
+            }
+          `,
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let clientDir = path.join(fixture.projectDir, "build", "client");
+      expect(listAllFiles(clientDir).sort()).toEqual([
+        "_.data",
+        "about.data",
+        "about/index.html",
+        "favicon.ico",
+        "index.html",
+      ]);
+
+      let res = await fixture.requestDocument("/");
+      let html = await res.text();
+      expect(html).toMatch("<title>Index Title: Index Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">Index</h2>');
+      expect(html).toMatch('<p data-loader-data="true">Index Loader Data</p>');
+
+      res = await fixture.requestDocument("/about");
+      html = await res.text();
+      expect(html).toMatch("<title>About Title: About Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">About</h2>');
+      expect(html).toMatch('<p data-loader-data="true">About Loader Data</p>');
+    });
+
+    test("Runs buildEnd after prerendering is complete", async () => {
+      let cwd = await createProject({
+        ...files,
+        "react-router.config.ts": js`
+          import fs from "node:fs";
+          import path from "node:path";
+
+          export default {
+            prerender: ["/about"],
+            async buildEnd({ reactRouterConfig }) {
+              let clientBuildDirectory = path.join(
+                reactRouterConfig.buildDirectory,
+                "client"
+              );
+
+              fs.writeFileSync(
+                "BUILD_END_META.json",
+                JSON.stringify({
+                  htmlExists: fs.existsSync(
+                    path.join(clientBuildDirectory, "about", "index.html")
+                  ),
+                  dataExists: fs.existsSync(
+                    path.join(clientBuildDirectory, "about.data")
+                  ),
+                })
+              );
+            },
+          };
+        `,
+      });
+
+      let result = build({ cwd });
+      expect(result.stderr.toString()).toBeFalsy();
+      expect(result.status).toBe(0);
+
+      await expect(
+        fs.promises.readFile(path.join(cwd, "BUILD_END_META.json"), "utf8"),
+      ).resolves.toEqual(
+        JSON.stringify({
+          htmlExists: true,
+          dataExists: true,
+        }),
+      );
+    });
+
+    test("Prerenders a static array of routes with server bundles", async () => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          ...files,
+          "react-router.config.ts": js`
+            let counter = 1;
+            export default {
+              serverBundles: () => "server" + counter++,
+              async prerender() {
+                await new Promise(r => setTimeout(r, 1));
+                return ['/', '/about'];
+              },
+            }
+          `,
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let clientDir = path.join(fixture.projectDir, "build", "client");
+      expect(listAllFiles(clientDir).sort()).toEqual([
+        "_.data",
+        "about.data",
+        "about/index.html",
+        "favicon.ico",
+        "index.html",
+      ]);
+
+      let res = await fixture.requestDocument("/");
+      let html = await res.text();
+      expect(html).toMatch("<title>Index Title: Index Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">Index</h2>');
+      expect(html).toMatch('<p data-loader-data="true">Index Loader Data</p>');
+
+      res = await fixture.requestDocument("/about");
+      html = await res.text();
+      expect(html).toMatch("<title>About Title: About Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">About</h2>');
+      expect(html).toMatch('<p data-loader-data="true">About Loader Data</p>');
+    });
+
+    test("Prerenders a dynamic array of routes based on the static routes", async () => {
+      fixture = await createFixture({
+        files: {
+          ...files,
+          "react-router.config.ts": js`
+            export default {
+              async prerender({ getStaticPaths }) {
+                return [...getStaticPaths(), "/a", "/b"];
+              },
+            }
+          `,
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/routes/$slug.tsx": js`
+            export function loader() {
+              return null
+            }
+            export default function component() {
+              return null;
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let clientDir = path.join(fixture.projectDir, "build", "client");
+      expect(listAllFiles(clientDir).sort()).toEqual([
+        "_.data",
+        "a.data",
+        "a/index.html",
+        "about.data",
+        "about/index.html",
+        "b.data",
+        "b/index.html",
+        "favicon.ico",
+        "index.html",
+      ]);
+
+      let res = await fixture.requestDocument("/");
+      let html = await res.text();
+      expect(html).toMatch("<title>Index Title: Index Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">Index</h2>');
+      expect(html).toMatch('<p data-loader-data="true">Index Loader Data</p>');
+
+      res = await fixture.requestDocument("/about");
+      html = await res.text();
+      expect(html).toMatch("<title>About Title: About Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">About</h2>');
+      expect(html).toMatch('<p data-loader-data="true">About Loader Data</p>');
+    });
+
+    test("Skips action-only resource routes prerender:true", async () => {
+      let buildStdio = new PassThrough();
+      fixture = await createFixture({
+        buildStdio,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            prerender: true,
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": files["app/root.tsx"],
+          "app/routes/_index.tsx": files["app/routes/_index.tsx"],
+          "app/routes/action.tsx": js`
+            export function action() {
+              return null
+            }
+          `,
+        },
+      });
+
+      let buildOutput: string;
+      let chunks: Buffer[] = [];
+      buildOutput = await new Promise<string>((resolve, reject) => {
+        buildStdio.on("data", (chunk) => chunks.push(Buffer.from(chunk)));
+        buildStdio.on("error", (err) => reject(err));
+        buildStdio.on("end", () =>
+          resolve(Buffer.concat(chunks).toString("utf8")),
+        );
+      });
+
+      expect(buildOutput).toContain(
+        "⚠️ Skipping prerendering for resource route without a loader: routes/action",
+      );
+      // Only logs once
+      expect(buildOutput.match(/routes\/action/g)?.length).toBe(1);
+    });
+
+    test("Pre-renders resource routes with file extensions", async () => {
+      const base64Png =
+        "iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAhGVYSWZNTQAqAAAACAAFARIAAwAAAAEAAQAAARoABQAAAAEAAABKARsABQAAAAEAAABSASgAAwAAAAEAAgAAh2kABAAAAAEAAABaAAAAAAAAAEgAAAABAAAASAAAAAEAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAACXh5mhAAAACXBIWXMAAAsTAAALEwEAmpwYAAACyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzI8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj41NjwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+MTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+NTY8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KJNwP9wAABj1JREFUSA2FVnlQ1FUc/+yyC7ss96UCAgmYmjIcWjOWjVpoRU46OTbkMTY6muNM1jgjVo6jKZI4palDKVnpZP/lgeSoeEEeeRY2HsSlyNrKobL3we72/T549HNd6zuzfH/vfe/zobJYLH48Bfx+P1QqlaAqvwPZmaYEKSPvpCxjjTxIosRSiaQrlUga8/K9ksZ3T6Mzn5oZGJRMfA5UwncM/+UA05T0QB1M0/SpedKAFJR0iYMpCbxjXmmck81FUavVIghNMGYWeNq90hHJ4/P5WAQhISHCkNfrpW81QkNDCWvAdKfLJQwPRCgkAv4olStJ0gDT2YheryOyCo96ehATHQ2vzw+H0wGjyYg2oxH19deg0miwYHbxvylVKpTfMgJ5Zs81JKiln0arhdvjgdVqQ2tbG46dqoU+3IDMtFRcuXoV53+vR3XVccBmEuK1Z89BFxYGldls9rPiYNHIO46IaxCuD0ePxYKbjY3QUmTt5P2VP+pRunoVQkc/j0+LZyAiwoDIyGgkJiXB09uLWdOnYXVpGUo+XAavtxcqnkNWzBAYEd/zT6/Xw+5w4MxvF/Dlzm8xbvRoFBW+gkFJibCYLUhITEBSYhK8xOt0efCQ7pxuD6r2/YxVO3ag8WQNBsXHUS1prqXBQGMcFadOTZFwFBcuX4HP5cS0N4uQnZ39mHNOtxvGeyYY/zahs7MLZk5zazPWrfoYr898B0MGD8L82e+iICcneEq5VhxVj9mMfQerMOa5URhXUCDSyk3CYLVaYbrfgbvGewJb7XY4nU7xc1A2QElrv9uGyq+3Y/2mL/DB+4t4VvoMsgIZIRszGAxoa2/Hj3t/wpJFC5FI6WpqbkZ8XByiqQs5zexMCNVVqw2Fm2rl9vRSGt2w2hyw2R1wUUOt+WQlElOS8VX5RhiokzlrjzUNX0RFRuJWUzO2VVSgbO0a9JKyw0eO4bWpU5CYEM++DYCLDLS130Pz7bvosVpEBxuoU7VaDXZ/t4tq6kV5aSlioyOpYcgYNacYfPaYu5Aju0T12lC+CXt3VaK7uxvp6ek4dvpXxMfHi8jY2oOHD3GroRF/kWMdXV1wUEROmrs7t1vxgGR44KsP7sfi5SuEDKkfgIHl7XK5caK2FtevXcOend+QR16sWFmCrRU7kJGaAjXtJxakMUJnVzcMkVHIp7qKIact4qGUskx3dxcqt28RBtIpnbqwUPgpcwwiME4jR1Z37jzeKipCbm4ujp84gXlz56Jg3AvIHJaB7MxnhACnpJeMOqjlTR0daGxpJdxJafeK+uio0Sy0bY7X1KDks/VYNH8ewnU67h+RTpZX2e12v8Vmw4bPy5E1fCS0tA185KndZkV6chLGUhRcR5PpPh70mHHuwiVoQ7XQk6KGmzfQ0tSECRMnY3LhFDQ13MSShe+hZM06LF+6hBZFf6OQIQkqMw1+2cZNGJY9AmMoOje1to0cIEfQ0tJEG1KFyKgoLJ4/B3kvTsCE8eNhvNOGSa8WIq9gLPbu/h4VWzfjpZcn4kzdaWzbWYnimW9DR3UUXUnGOJUcHWPNqdo6ODw+5OTmoauzA79UV4mURujCEBsTg9S0NEwqnIryzVswp7hYLOfDR45g5ozpWLrsI1T8sAepOfmIpW1zqu4MxubnimKzMbIyUAppVBPGKfR5EUbFPXhgP+ISYnDxbB2OHq3BgUPVyMzKQhPtznnFs6i9o6j1Q8iRWKGooeEWTh7aj6GpqYigPoiNiYabRoWBI5LAxiRo8imNe2jAL1+6iKFp6Xj0qK+tvX4fjUQGHLQbRw7PQsqQIXBRN7LnGRlpuErjk5KcTHMbIVLF90wXjdGfPqVRNsiG1ZG03cvWrYW/10URRCCP9h2vLaKSMTeiDDq8MbWQjvRi0KPKrT+YXoJRI56FIVxP4+ARTSXrJY1ILFPJBoUz/DzxG6dWh5CwW7zQvCn+vH4DNadrsWDuHOgp3V6KQKkkUJGMQPLwORgMvBYiXE5FPxe/En0H/0C3SQVKY3wXeJZ8wbD4F0OE2l9kWWqeRQmBXv/fWcoFw2r2jiEQS6USS7pSibxjLH9KuvxW8qmlwkAsmSWWdHlmzHesLBgtkE/yPxFhMEblnfxWRiQjYJryW56VvP8AfCpfCs3OlKsAAAAASUVORK5CYII=";
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          ...files,
+          "app/routes/text[.txt].tsx": js`
+            export function loader() {
+              return new Response("Hello, world");
+            }
+          `,
+          "app/routes/json[.json].tsx": js`
+            export function loader() {
+              return new Response(JSON.stringify({ hello: 'world' }), {
+                headers: {
+                  'Content-Type': 'application/json',
+                }
+              });
+            }
+          `,
+          "app/routes/image[.png].tsx": js`
+            export function loader() {
+              return new Response(
+                Buffer.from("${base64Png}", 'base64'),
+                {
+                  headers: {
+                    'Content-Type': 'image/png',
+                  }
+                },
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let clientDir = path.join(fixture.projectDir, "build", "client");
+      expect(listAllFiles(clientDir).sort()).toEqual([
+        "_.data",
+        "about.data",
+        "about/index.html",
+        "favicon.ico",
+        "image.png",
+        "image.png.data",
+        "index.html",
+        "json.json",
+        "json.json.data",
+        "text.txt",
+        "text.txt.data",
+      ]);
+
+      expect(
+        await fs.promises.readFile(path.join(clientDir, "json.json"), "utf8"),
+      ).toEqual('{"hello":"world"}');
+      expect(
+        await fs.promises.readFile(path.join(clientDir, "text.txt"), "utf8"),
+      ).toEqual("Hello, world");
+      expect(
+        await fs.promises.readFile(path.join(clientDir, "image.png"), "base64"),
+      ).toEqual(base64Png);
+
+      let res = await fixture.requestResource("/json.json");
+      expect(await res.json()).toEqual({ hello: "world" });
+
+      let dataRes = await fixture.requestSingleFetchData("/json.json.data");
+      expect(dataRes.data).toEqual({
+        "routes/json[.json]": {
+          data: {
+            hello: "world",
+          },
+        },
+      });
+
+      res = await fixture.requestResource("/text.txt");
+      expect(await res.text()).toBe("Hello, world");
+
+      dataRes = await fixture.requestSingleFetchData("/text.txt.data");
+      expect(dataRes.data).toEqual({
+        "routes/text[.txt]": {
+          data: "Hello, world",
+        },
+      });
+
+      res = await fixture.requestResource("/image.png");
+      expect(Buffer.from(await res.arrayBuffer()).toString("base64")).toBe(
+        base64Png,
+      );
+    });
+
+    test("Adds leading slashes if omitted in config", async () => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          ...files,
+          "react-router.config.ts": js`
+            export default {
+              async prerender() {
+                await new Promise(r => setTimeout(r, 1));
+                return ['/', 'about'];
+              },
+            }
+          `,
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let clientDir = path.join(fixture.projectDir, "build", "client");
+      expect(listAllFiles(clientDir).sort()).toEqual([
+        "_.data",
+        "about.data",
+        "about/index.html",
+        "favicon.ico",
+        "index.html",
+      ]);
+
+      let res = await fixture.requestDocument("/");
+      let html = await res.text();
+      expect(html).toMatch("<title>Index Title: Index Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">Index</h2>');
+      expect(html).toMatch('<p data-loader-data="true">Index Loader Data</p>');
+
+      res = await fixture.requestDocument("/about");
+      html = await res.text();
+      expect(html).toMatch("<title>About Title: About Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">About</h2>');
+      expect(html).toMatch('<p data-loader-data="true">About Loader Data</p>');
+    });
+
+    test("Permits a concurrency option", async () => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          ...files,
+          "react-router.config.ts": reactRouterConfig({
+            prerender: {
+              paths: ["/", "/about"],
+              concurrency: 2,
+            },
+          }),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let clientDir = path.join(fixture.projectDir, "build", "client");
+      expect(listAllFiles(clientDir).sort()).toEqual([
+        "_.data",
+        "about.data",
+        "about/index.html",
+        "favicon.ico",
+        "index.html",
+      ]);
+
+      let res = await fixture.requestDocument("/");
+      let html = await res.text();
+      expect(html).toMatch("<title>Index Title: Index Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">Index</h2>');
+      expect(html).toMatch('<p data-loader-data="true">Index Loader Data</p>');
+
+      res = await fixture.requestDocument("/about");
+      html = await res.text();
+      expect(html).toMatch("<title>About Title: About Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">About</h2>');
+      expect(html).toMatch('<p data-loader-data="true">About Loader Data</p>');
+    });
+  });
+
+  test.describe("ssr: true", () => {
+    test("Serves the prerendered HTML file alongside runtime routes", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        files: {
+          ...files,
+          "react-router.config.ts": reactRouterConfig({
+            // Don't prerender the /not-prerendered route
+            prerender: ["/", "/about"],
+          }),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/routes/about.tsx": js`
+            import { useLoaderData } from 'react-router';
+            export function loader({ request }) {
+              return "ABOUT-" + Boolean(process.env.IS_RR_BUILD_REQUEST);
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return <h1>About: <span>{data}</span></h1>
+            }
+          `,
+          "app/routes/not-prerendered.tsx": js`
+            import { useLoaderData } from 'react-router';
+            export function loader({ request }) {
+              return "NOT-PRERENDERED-" + Boolean(process.env.IS_RR_BUILD_REQUEST);
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return <h1>Not-Prerendered: <span>{data}</span></h1>
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/about");
+      await page.waitForSelector("[data-mounted]");
+      expect(await app.getHtml()).toContain("<span>ABOUT-true</span>");
+
+      await app.goto("/not-prerendered");
+      await page.waitForSelector("[data-mounted]");
+      expect(await app.getHtml()).toContain(
+        "<span>NOT-PRERENDERED-false</span>",
+      );
+    });
+
+    test("Does not encounter header limits on large prerendered data", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        files: {
+          ...files,
+          "react-router.config.ts": reactRouterConfig({
+            prerender: ["/", "/about"],
+          }),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/routes/about.tsx": js`
+            import { useLoaderData } from 'react-router';
+            export function loader({ request }) {
+              return {
+                prerendered: process.env.IS_RR_BUILD_REQUEST ?? "no",
+                // 24999 characters
+                data: new Array(5000).fill('test').join('-'),
+              };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1 data-title>Large loader</h1>
+                  <p data-prerendered>{data.prerendered}</p>
+                  <p data-length>{data.data.length}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/about");
+      await page.waitForSelector("[data-mounted]");
+      expect(await app.getHtml("[data-title]")).toContain("Large loader");
+      expect(await app.getHtml("[data-prerendered]")).toContain("yes");
+      expect(await app.getHtml("[data-length]")).toBe(
+        '<p data-length="true">24999</p>',
+      );
+    });
+
+    test("Handles UTF-8 characters in prerendered and non-prerendered routes", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        files: {
+          ...files,
+          "react-router.config.ts": reactRouterConfig({
+            prerender: ["/", "/utf8-prerendered"],
+          }),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/routes/utf8-prerendered.tsx": js`
+            import { useLoaderData } from 'react-router';
+            export function loader({ request }) {
+              return {
+                prerendered: process.env.IS_RR_BUILD_REQUEST ?? "no",
+                data: "한글 데이터 - UTF-8 문자",
+              };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1 data-title>UTF-8 Prerendered</h1>
+                  <p data-prerendered>{data.prerendered}</p>
+                  <p data-content>{data.data}</p>
+                </>
+              );
+            }
+          `,
+          "app/routes/utf8-not-prerendered.tsx": js`
+            import { useLoaderData } from 'react-router';
+            export function loader({ request }) {
+              return {
+                prerendered: process.env.IS_RR_BUILD_REQUEST ?? "no",
+                data: "非プリレンダリングデータ - UTF-8文字",
+              };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1 data-title>UTF-8 Not Prerendered</h1>
+                  <p data-prerendered>{data.prerendered}</p>
+                  <p data-content>{data.data}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let app = new PlaywrightFixture(appFixture, page);
+
+      // Test prerendered route with UTF-8 characters
+      await app.goto("/utf8-prerendered");
+      await page.waitForSelector("[data-mounted]");
+      expect(await app.getHtml("[data-title]")).toContain("UTF-8 Prerendered");
+      expect(await app.getHtml("[data-prerendered]")).toContain("yes");
+      expect(await app.getHtml("[data-content]")).toContain(
+        "한글 데이터 - UTF-8 문자",
+      );
+
+      // Test non-prerendered route with UTF-8 characters
+      await app.goto("/utf8-not-prerendered");
+      await page.waitForSelector("[data-mounted]");
+      expect(await app.getHtml("[data-title]")).toContain(
+        "UTF-8 Not Prerendered",
+      );
+      expect(await app.getHtml("[data-prerendered]")).toContain("no");
+      expect(await app.getHtml("[data-content]")).toContain(
+        "非プリレンダリングデータ - UTF-8文字",
+      );
+    });
+
+    test("Renders down to the proper HydrateFallback", async ({ page }) => {
+      fixture = await createFixture({
+        files: {
+          ...files,
+          "react-router.config.ts": reactRouterConfig({
+            prerender: ["/", "/parent", "/parent/child"],
+          }),
+          "rsbuild.config.ts": js`
+            import { defineConfig } from "@rsbuild/core";
+            import { pluginReact } from "@rsbuild/plugin-react";
+            import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+            export default defineConfig({
+              plugins: [pluginReact(), pluginReactRouter()],
+            });
+          `,
+          "app/routes/parent.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+            export function loader() {
+              return "PARENT";
+            }
+            export default function Comp() {
+              let data = useLoaderData();
+              return <><p>Parent: {data}</p><Outlet/></>
+            }
+          `,
+          "app/routes/parent.child.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+            export function loader() {
+              return "CHILD";
+            }
+            export function HydrateFallback() {
+              return <p>Child loading...</p>
+            }
+            export default function Comp() {
+              let data = useLoaderData();
+              return <><p>Child: {data}</p><Outlet/></>
+            }
+          `,
+          "app/routes/parent.child._index.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+            export function clientLoader() {
+              return "INDEX";
+            }
+            export default function Comp() {
+              let data = useLoaderData();
+              return <><p>Index: {data}</p><Outlet/></>
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let res = await fixture.requestDocument("/parent/child");
+      let html = await res.text();
+      expect(html).toContain("<p>Child loading...</p>");
+
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent/child");
+      await page.waitForSelector("[data-mounted]");
+      expect(await app.getHtml()).toMatch("Index: INDEX");
+    });
+
+    test("Ignores build-time headers at runtime", async () => {
+      fixture = await createFixture({ files });
+      let res = await fixture.requestSingleFetchData("/_.data", {
+        headers: {
+          "X-React-Router-Prerender-Data": encodeURI(
+            '[{"_1":2},"routes/_index",{"_3":4},"data","Hello World!"]',
+          ),
+        },
+      });
+      expect((res.data as any)["routes/_index"].data).toBe("Index Loader Data");
+    });
+  });
+
+  test.describe("ssr: false", () => {
+    function captureRequests(page: Page) {
+      let requests: string[] = [];
+      page.on("request", (request) => {
+        let url = new URL(request.url());
+        if (
+          url.pathname.endsWith(".data") ||
+          url.pathname.endsWith("__manifest")
+        ) {
+          requests.push(url.pathname + url.search);
+        }
+      });
+      return requests;
+    }
+
+    function clearRequests(requests: string[]) {
+      while (requests.length) {
+        requests.pop();
+      }
+    }
+
+    test("Errors on headers/action functions in any route", async () => {
+      let cwd = await createProject({
+        "react-router.config.ts": reactRouterConfig({
+          ssr: false,
+          prerender: ["/", "/a"],
+        }),
+        "app/routes/a.tsx": String.raw`
+          // Invalid exports
+          export function headers() {}
+          export function action() {}
+
+          // Valid exports
+          export function loader() {}
+          export function clientLoader() {}
+          export function clientAction() {}
+          export default function Component() {}
+        `,
+      });
+      let result = build({ cwd });
+      let stderr = result.stderr.toString("utf8");
+      expect(stderr).toMatch(
+        /Prerender: 2 invalid route export\(s\) in `routes\/a` when pre-rendering with `ssr:false`: `headers`, `action`\.\s+See https:\/\/reactrouter\.com\/how-to\/pre-rendering#invalid-exports for more information\./,
+      );
+    });
+
+    test("Errors on loader functions in non-prerendered routes", async () => {
+      let cwd = await createProject({
+        "react-router.config.ts": reactRouterConfig({
+          ssr: false,
+          prerender: ["/", "/a"],
+        }),
+        "app/routes/a.tsx": String.raw`
+          export function loader() {}
+          export function clientLoader() {}
+          export function clientAction() {}
+          export default function Component() {}
+        `,
+        "app/routes/b.tsx": String.raw`
+          export function loader() {}
+          export function clientLoader() {}
+          export function clientAction() {}
+          export default function Component() {}
+        `,
+      });
+      let result = build({ cwd });
+      let stderr = result.stderr.toString("utf8");
+      expect(stderr).toMatch(
+        "Prerender: 1 invalid route export in `routes/b` when pre-rendering " +
+          "with `ssr:false`: `loader`. " +
+          "See https://reactrouter.com/how-to/pre-rendering#invalid-exports for more information.",
+      );
+    });
+
+    test("Errors on loader functions in parent routes with non-pre-rendered children", async () => {
+      let cwd = await createProject({
+        "react-router.config.ts": reactRouterConfig({
+          ssr: false,
+          prerender: ["/", "/a"],
+        }),
+        "app/routes/a.tsx": String.raw`
+          export function loader() {}
+          export function clientAction() {}
+          export default function Component() {}
+        `,
+        "app/routes/a.b.tsx": String.raw`
+          export function clientLoader() {}
+          export function clientAction() {}
+          export default function Component() {}
+        `,
+      });
+      let result = build({ cwd });
+      let stderr = result.stderr.toString("utf8");
+      expect(stderr).toMatch(
+        "Prerender: 1 invalid route export in `routes/a` when pre-rendering " +
+          "with `ssr:false`: `loader`. " +
+          "See https://reactrouter.com/how-to/pre-rendering#invalid-exports for more information.",
+      );
+    });
+
+    test("Warns on parameterized routes with prerender:true + ssr:false", async () => {
+      let buildStdio = new PassThrough();
+      fixture = await createFixture({
+        buildStdio,
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false,
+            prerender: true,
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": files["app/root.tsx"],
+          "app/routes/_index.tsx": files["app/routes/_index.tsx"],
+          "app/routes/$slug.tsx": js`
+            import { Outlet } from 'react-router'
+            export default function Component() {
+              return <Outlet/>
+            }
+          `,
+          "app/routes/$.tsx": js`
+            import { Outlet } from 'react-router'
+            export default function Component() {
+              return <Outlet/>
+            }
+          `,
+        },
+      });
+
+      let buildOutput: string;
+      let chunks: Buffer[] = [];
+      buildOutput = await new Promise<string>((resolve, reject) => {
+        buildStdio.on("data", (chunk) => chunks.push(Buffer.from(chunk)));
+        buildStdio.on("error", (err) => reject(err));
+        buildStdio.on("end", () =>
+          resolve(Buffer.concat(chunks).toString("utf8")),
+        );
+      });
+
+      expect(buildOutput).toContain(
+        [
+          "⚠️ Paths with dynamic/splat params cannot be prerendered when using `prerender: true`. " +
+            "You may want to use the `prerender()` API to prerender the following paths:",
+          "  - :slug",
+          "  - *",
+        ].join("\n"),
+      );
+      // Only logs once
+      expect(buildOutput.match(/with dynamic\/splat params/g)?.length).toBe(1);
+    });
+
+    test("Prerenders a spa fallback with prerender:['/'] + ssr:false", async () => {
+      let buildStdio = new PassThrough();
+      fixture = await createFixture({
+        buildStdio,
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false,
+            prerender: ["/"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": files["app/root.tsx"],
+          "app/routes/_index.tsx": files["app/routes/_index.tsx"],
+          "app/routes/page.tsx": js`
+            export function clientLoader() {
+              return "PAGE DATA"
+            }
+            export default function Page({ loaderData }) {
+              return <p>{loaderData}</p>
+            }
+          `,
+        },
+      });
+
+      appFixture = await createAppFixture(fixture);
+
+      let clientDir = path.join(fixture.projectDir, "build", "client");
+      expect(listAllFiles(clientDir).sort()).toEqual([
+        "_.data",
+        "__spa-fallback.html",
+        "favicon.ico",
+        "index.html",
+      ]);
+
+      let res = await fixture.requestDocument("/");
+      let html = await res.text();
+      expect(html).toMatch("<title>Index Title: Index Loader Data</title>");
+      expect(html).toMatch("<h1>Root</h1>");
+      expect(html).toMatch('<h2 data-route="true">Index</h2>');
+      expect(html).toMatch('<p data-loader-data="true">Index Loader Data</p>');
+      expect(html).not.toMatch("<p>Loading...</p>");
+
+      res = await fixture.requestDocument("/page");
+      html = await res.text();
+      expect(html).toMatch("<p>Loading...</p>");
+    });
+
+    test("Hydrates into a navigable app", async ({ page }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          ...files,
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: true,
+          }),
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      await page.waitForSelector("[data-mounted]");
+      await app.clickLink("/about");
+      await page.waitForSelector("[data-route]:has-text('About')");
+      expect(requests).toEqual(["/about.data"]);
+    });
+
+    test("Hydrates into a navigable app from the spa fallback", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: ["/"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": files["app/root.tsx"],
+          "app/routes/_index.tsx": files["app/routes/_index.tsx"],
+          "app/routes/page.tsx": js`
+            import { Link } from 'react-router';
+            export async function clientLoader() {
+              await new Promise(r => setTimeout(r, 1000));
+              return "PAGE DATA"
+            }
+            export default function Page({ loaderData }) {
+              return (
+                <>
+                  <p data-page>{loaderData}</p>
+                  <Link to="/page2">Go to page2</Link>
+                </>
+              );
+            }
+          `,
+          "app/routes/page2.tsx": js`
+            export function clientLoader() {
+              return "PAGE2 DATA"
+            }
+            export default function Page({ loaderData }) {
+              return <p data-page2>{loaderData}</p>
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let app = new PlaywrightFixture(appFixture, page);
+      // Load a path we didn't prerender, ensure it starts with the root fallback,
+      // hydrates, and then lets you navigate
+      await app.goto("/page");
+      expect(await page.getByText("Loading...")).toBeVisible();
+      await page.waitForSelector("[data-page]");
+      await app.clickLink("/page2");
+      await page.waitForSelector("[data-page2]");
+      expect(await (await page.$("[data-page2]"))?.innerText()).toBe(
+        "PAGE2 DATA",
+      );
+    });
+
+    test("Navigates across SPA/prerender pages when starting from a SPA page", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: ["/page"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Outlet, Scripts } from "react-router";
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return <Outlet />
+            }
+          `,
+          "app/routes/_index.tsx": js`
+            import { Link } from 'react-router';
+            export default function Index() {
+              return <Link to="/page">Go to page</Link>
+            }
+          `,
+          "app/routes/page.tsx": js`
+            import { Link, Form } from 'react-router';
+            export async function loader() {
+              return "PAGE DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page>{loaderData}</p>
+                  {actionData ? <p data-page-action>{actionData}</p> : null}
+                  <Link to="/page2">Go to page2</Link>
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+          "app/routes/page2.tsx": js`
+            import { Form } from 'react-router';
+            export function clientLoader() {
+              return "PAGE2 DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE2 ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page2>{loaderData}</p>
+                  {actionData ? <p data-page2-action>{actionData}</p> : null}
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+      await page.waitForSelector('a[href="/page"]');
+
+      await app.clickLink("/page");
+      await page.waitForSelector("[data-page]");
+      expect(await (await page.$("[data-page]"))?.innerText()).toBe(
+        "PAGE DATA",
+      );
+      expect(requests).toEqual(["/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 1",
+      );
+      // No revalidation after submission to self
+      expect(requests).toEqual([]);
+
+      await app.clickLink("/page2");
+      await page.waitForSelector("[data-page2]");
+      expect(await (await page.$("[data-page2]"))?.innerText()).toBe(
+        "PAGE2 DATA",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 1",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 2",
+      );
+      expect(requests).toEqual(["/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 2",
+      );
+      expect(requests).toEqual([]);
+    });
+
+    test("Navigates across SPA/prerender pages when starting from a prerendered page", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: ["/", "/page"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Outlet, Scripts } from "react-router";
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return <Outlet />;
+            }
+          `,
+          "app/routes/_index.tsx": js`
+            import { Link } from 'react-router';
+            export default function Index() {
+              return <Link to="/page">Go to page</Link>
+            }
+          `,
+          "app/routes/page.tsx": js`
+            import { Link, Form } from 'react-router';
+            export async function loader() {
+              return "PAGE DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page>{loaderData}</p>
+                  {actionData ? <p data-page-action>{actionData}</p> : null}
+                  <Link to="/page2">Go to page2</Link>
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+          "app/routes/page2.tsx": js`
+            import { Form } from 'react-router';
+            export function clientLoader() {
+              return "PAGE2 DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE2 ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page2>{loaderData}</p>
+                  {actionData ? <p data-page2-action>{actionData}</p> : null}
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+      await page.waitForSelector('a[href="/page"]');
+
+      await app.clickLink("/page");
+      await page.waitForSelector("[data-page]");
+      expect(await (await page.$("[data-page]"))?.innerText()).toBe(
+        "PAGE DATA",
+      );
+      expect(requests).toEqual(["/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 1",
+      );
+      // No revalidation after submission to self
+      expect(requests).toEqual([]);
+
+      await app.clickLink("/page2");
+      await page.waitForSelector("[data-page2]");
+      expect(await (await page.$("[data-page2]"))?.innerText()).toBe(
+        "PAGE2 DATA",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 1",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 2",
+      );
+      expect(requests).toEqual(["/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 2",
+      );
+      expect(requests).toEqual([]);
+    });
+
+    test("Navigates across SPA/prerender pages when starting from a SPA page and a root loader exists", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: ["/page"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Outlet, Scripts } from "react-router";
+
+            export function loader() {
+              return "ROOT DATA";
+            }
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return (
+                <>
+                  <p data-root>{loaderData}</p>
+                  <Outlet />
+                </>
+              );
+            }
+          `,
+          "app/routes/_index.tsx": js`
+            import { Link } from 'react-router';
+            export default function Index() {
+              return <Link to="/page">Go to page</Link>
+            }
+          `,
+          "app/routes/page.tsx": js`
+            import { Link, Form } from 'react-router';
+            export async function loader() {
+              return "PAGE DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page>{loaderData}</p>
+                  {actionData ? <p data-page-action>{actionData}</p> : null}
+                  <Link to="/page2">Go to page2</Link>
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+          "app/routes/page2.tsx": js`
+            import { Form } from 'react-router';
+            export function clientLoader() {
+              return "PAGE2 DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE2 ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page2>{loaderData}</p>
+                  {actionData ? <p data-page2-action>{actionData}</p> : null}
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+      await page.waitForSelector("[data-root]");
+      expect(await (await page.$("[data-root]"))?.innerText()).toBe(
+        "ROOT DATA",
+      );
+
+      await app.clickLink("/page");
+      await page.waitForSelector("[data-page]");
+      expect(await (await page.$("[data-page]"))?.innerText()).toBe(
+        "PAGE DATA",
+      );
+      expect(requests).toEqual(["/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 1",
+      );
+      // No revalidation after submission to self
+      expect(requests).toEqual([]);
+
+      await app.clickLink("/page2");
+      await page.waitForSelector("[data-page2]");
+      expect(await (await page.$("[data-page2]"))?.innerText()).toBe(
+        "PAGE2 DATA",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 1",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 2",
+      );
+      expect(requests).toEqual(["/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 2",
+      );
+      expect(requests).toEqual([]);
+    });
+
+    test("Navigates across SPA/prerender pages when starting from a prerendered page and a root loader exists", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: ["/", "/page"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Outlet, Scripts } from "react-router";
+
+            export function loader() {
+              return "ROOT DATA";
+            }
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return (
+                <>
+                  <p data-root>{loaderData}</p>
+                  <Outlet />
+                </>
+              );
+            }
+          `,
+          "app/routes/_index.tsx": js`
+            import { Link } from 'react-router';
+            export default function Index() {
+              return <Link to="/page">Go to page</Link>
+            }
+          `,
+          "app/routes/page.tsx": js`
+            import { Link, Form } from 'react-router';
+            export async function loader() {
+              return "PAGE DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page>{loaderData}</p>
+                  {actionData ? <p data-page-action>{actionData}</p> : null}
+                  <Link to="/page2">Go to page2</Link>
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+          "app/routes/page2.tsx": js`
+            import { Form } from 'react-router';
+            export function clientLoader() {
+              return "PAGE2 DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE2 ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page2>{loaderData}</p>
+                  {actionData ? <p data-page2-action>{actionData}</p> : null}
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+      await page.waitForSelector("[data-root]");
+      expect(await (await page.$("[data-root]"))?.innerText()).toBe(
+        "ROOT DATA",
+      );
+
+      await app.clickLink("/page");
+      await page.waitForSelector("[data-page]");
+      expect(await (await page.$("[data-page]"))?.innerText()).toBe(
+        "PAGE DATA",
+      );
+      expect(requests).toEqual(["/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 1",
+      );
+      // No revalidation after submission to self
+      expect(requests).toEqual([]);
+
+      await app.clickLink("/page2");
+      await page.waitForSelector("[data-page2]");
+      expect(await (await page.$("[data-page2]"))?.innerText()).toBe(
+        "PAGE2 DATA",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 1",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 2",
+      );
+      expect(requests).toEqual(["/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 2",
+      );
+      expect(requests).toEqual([]);
+    });
+
+    test("Navigates between prerendered parent and child SPA route", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false,
+            prerender: ["/", "/parent"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Outlet, Scripts } from "react-router";
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return <Outlet />
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { Link, Form, Outlet } from 'react-router';
+            export async function loader() {
+              return "PARENT DATA"
+            }
+            export async function clientLoader() {
+              return "PARENT CLIENT DATA"
+            }
+            export function clientAction() {
+              return "PARENT ACTION"
+            }
+            export default function Parent({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-parent>{loaderData}</p>
+                  {actionData ? <p data-parent-action>{actionData}</p> : null}
+                  <Link to="/parent/child">Go to child</Link>
+                  <Form method="post" action="/parent">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/parent/child">
+                    <button type="submit">Submit child</button>
+                  </Form>
+                  <Outlet />
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.child.tsx": js`
+            import { Link, Form } from 'react-router';
+            export function clientLoader() {
+              return "CHILD DATA"
+            }
+            export function clientAction() {
+              return "CHILD ACTION"
+            }
+            export default function Child({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-child>{loaderData}</p>
+                  {actionData ? <p data-child-action>{actionData}</p> : null}
+                  <Link to="/parent">Go to parent</Link>
+                  <Form method="post" action="/parent/child">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/parent">
+                    <button type="submit">Submit parent</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent", true);
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+
+      await app.clickLink("/parent/child");
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      // Submit to self
+      await app.clickSubmitButton("/parent/child");
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD ACTION")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      await app.goBack();
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      // Submit across routes
+      await app.clickSubmitButton("/parent/child");
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD ACTION")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      // Submit to self
+      await app.clickSubmitButton("/parent/child");
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD ACTION")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      // Submit across routes
+      await app.clickSubmitButton("/parent");
+      await expect(page.getByText("PARENT ACTION")).toBeVisible();
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      // Submit to self
+      await app.clickSubmitButton("/parent");
+      await expect(page.getByText("PARENT ACTION")).toBeVisible();
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      // We should never make this call because we started on this route and it never unmounts
+      expect(requests).toEqual([]);
+    });
+
+    test("Navigates between SPA parent and prerendered child route", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false,
+            prerender: ["/", "/parent/child"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Outlet, Scripts } from "react-router";
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return <Outlet />
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { Link, Form, Outlet } from 'react-router';
+            export async function clientLoader() {
+              return "PARENT DATA"
+            }
+            export function clientAction() {
+              return "PARENT ACTION"
+            }
+            export default function Parent({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-parent>{loaderData}</p>
+                  {actionData ? <p data-parent-action>{actionData}</p> : null}
+                  <Link to="/parent/child">Go to child</Link>
+                  <Form method="post" action="/parent">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/parent/child">
+                    <button type="submit">Submit child</button>
+                  </Form>
+                  <Outlet />
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.child.tsx": js`
+            import { Link, Form } from 'react-router';
+            export function loader() {
+              return "CHILD DATA"
+            }
+            export function clientAction() {
+              return "CHILD ACTION"
+            }
+            export default function Child({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-child>{loaderData}</p>
+                  {actionData ? <p data-child-action>{actionData}</p> : null}
+                  <Link to="/parent">Go to parent</Link>
+                  <Form method="post" action="/parent/child">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/parent">
+                    <button type="submit">Submit parent</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent", true);
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+
+      await app.clickLink("/parent/child");
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      await app.goBack();
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      await app.clickSubmitButton("/parent/child");
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD ACTION")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      await app.clickSubmitButton("/parent");
+      await expect(page.getByText("PARENT ACTION")).toBeVisible();
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      // Initial navigation and submission from /parent
+      expect(requests).toEqual(["/parent/child.data", "/parent/child.data"]);
+      while (requests.length) requests.pop();
+
+      await app.goto("/parent/child", true);
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      await app.clickLink("/parent");
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      await app.clickSubmitButton("/parent/child");
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD ACTION")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      await app.clickSubmitButton("/parent");
+      await expect(page.getByText("PARENT ACTION")).toBeVisible();
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      // Submission from /parent
+      expect(requests).toEqual(["/parent/child.data"]);
+    });
+
+    test("Navigates between prerendered parent and child SPA route (with a root loader)", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false,
+            prerender: ["/", "/parent"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Outlet, Scripts } from "react-router";
+
+            export function loader() {
+              return "ROOT DATA"
+            }
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return (
+                <>
+                  <p data-root>{loaderData}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+
+            export function HydrateFallback() {
+              return <p>Loading...</p>;
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { Link, Form, Outlet } from 'react-router';
+            export async function loader() {
+              return "PARENT DATA"
+            }
+            export async function clientLoader() {
+              return "PARENT CLIENT DATA"
+            }
+            export function clientAction() {
+              return "PARENT ACTION"
+            }
+            export default function Parent({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-parent>{loaderData}</p>
+                  {actionData ? <p data-parent-action>{actionData}</p> : null}
+                  <Link to="/parent/child">Go to child</Link>
+                  <Form method="post" action="/parent">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/parent/child">
+                    <button type="submit">Submit child</button>
+                  </Form>
+                  <Outlet />
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.child.tsx": js`
+            import { Link, Form } from 'react-router';
+            export function clientLoader() {
+              return "CHILD DATA"
+            }
+            export function clientAction() {
+              return "CHILD ACTION"
+            }
+            export default function Child({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-child>{loaderData}</p>
+                  {actionData ? <p data-child-action>{actionData}</p> : null}
+                  <Link to="/parent">Go to parent</Link>
+                  <Form method="post" action="/parent/child">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/parent">
+                    <button type="submit">Submit parent</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent", true);
+      await expect(page.getByText("ROOT DATA")).toBeVisible();
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+
+      await app.clickLink("/parent/child");
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      // Submit to self
+      await app.clickSubmitButton("/parent/child");
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD ACTION")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      await app.goBack();
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      // Submit across routes
+      await app.clickSubmitButton("/parent/child");
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD ACTION")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      // Submit to self
+      await app.clickSubmitButton("/parent/child");
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD ACTION")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      // Submit across routes
+      await app.clickSubmitButton("/parent");
+      await expect(page.getByText("PARENT ACTION")).toBeVisible();
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      // Submit to self
+      await app.clickSubmitButton("/parent");
+      await expect(page.getByText("PARENT ACTION")).toBeVisible();
+      await expect(page.getByText("PARENT CLIENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      // We should never make this call because we started on this route and it never unmounts
+      expect(requests).toEqual([]);
+    });
+
+    test("Navigates between SPA parent and prerendered child route (with a root loader)", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false,
+            prerender: ["/", "/parent/child"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Outlet, Scripts } from "react-router";
+
+            export function loader() {
+              return "ROOT DATA"
+            }
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+
+            export default function Root({ loaderData }) {
+              return (
+                <>
+                  <p data-root>{loaderData}</p>
+                  <Outlet/>
+                </>
+              );
+            }          `,
+          "app/routes/parent.tsx": js`
+            import { Link, Form, Outlet } from 'react-router';
+            export async function clientLoader() {
+              return "PARENT DATA"
+            }
+            export function clientAction() {
+              return "PARENT ACTION"
+            }
+            export default function Parent({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-parent>{loaderData}</p>
+                  {actionData ? <p data-parent-action>{actionData}</p> : null}
+                  <Link to="/parent/child">Go to child</Link>
+                  <Form method="post" action="/parent">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/parent/child">
+                    <button type="submit">Submit child</button>
+                  </Form>
+                  <Outlet />
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.child.tsx": js`
+            import { Link, Form } from 'react-router';
+            export function loader() {
+              return "CHILD DATA"
+            }
+            export function clientAction() {
+              return "CHILD ACTION"
+            }
+            export default function Child({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-child>{loaderData}</p>
+                  {actionData ? <p data-child-action>{actionData}</p> : null}
+                  <Link to="/parent">Go to parent</Link>
+                  <Form method="post" action="/parent/child">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/parent">
+                    <button type="submit">Submit parent</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/parent", true);
+      await expect(page.getByText("ROOT DATA")).toBeVisible();
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+
+      await app.clickLink("/parent/child");
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      await app.goBack();
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      await app.clickSubmitButton("/parent/child");
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD ACTION")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      await app.clickSubmitButton("/parent");
+      await expect(page.getByText("PARENT ACTION")).toBeVisible();
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      // Initial navigation and submission from /parent
+      expect(requests).toEqual(["/parent/child.data", "/parent/child.data"]);
+      while (requests.length) requests.pop();
+
+      await app.goto("/parent/child", true);
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      await app.clickLink("/parent");
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      await app.clickSubmitButton("/parent/child");
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD ACTION")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).toBeVisible();
+
+      await app.clickSubmitButton("/parent");
+      await expect(page.getByText("PARENT ACTION")).toBeVisible();
+      await expect(page.getByText("PARENT DATA")).toBeVisible();
+      await expect(page.getByText("CHILD DATA")).not.toBeVisible();
+
+      // Submission from /parent
+      expect(requests).toEqual(["/parent/child.data"]);
+    });
+
+    test("Navigates prerender pages when params exist", async ({ page }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: ["/", "/page", "/param/1", "/param/2"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Link, Outlet, Scripts, useNavigation } from "react-router";
+
+            export function Layout({ children }) {
+              let navigation = useNavigation();
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    <nav>
+                      <Link to="/page">Page</Link><br/>
+                      <Link to="/param/1">Param 1</Link><br/>
+                      <Link to="/param/2">Param 2</Link><br/>
+                    </nav>
+                    <p id={"navigation-" + navigation.state}>{navigation.state}</p>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return <Outlet />
+            }
+          `,
+          "app/routes/_index.tsx": js`
+            export default function Index() {
+              return <h1 data-index>Index</h1>
+            }
+          `,
+          "app/routes/page.tsx": js`
+            export function loader() {
+              return "PAGE DATA"
+            }
+            export default function Page({ loaderData }) {
+              return <h1 data-page>{loaderData}</h1>;
+            }
+          `,
+          "app/routes/param.$id.tsx": js`
+            export function loader({ params }) {
+              return params.id;
+            }
+            export default function Page({ loaderData }) {
+              return <h1 data-param={loaderData}>Param {loaderData}</h1>;
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+      await page.waitForSelector("[data-index]");
+
+      await app.clickLink("/page");
+      await page.waitForSelector("[data-page]");
+      expect(await (await page.$("[data-page]"))?.innerText()).toBe(
+        "PAGE DATA",
+      );
+      expect(requests).toEqual(["/page.data"]);
+      clearRequests(requests);
+
+      await app.clickLink("/page");
+      await page.waitForSelector("#navigation-idle");
+      expect(await (await page.$("[data-page]"))?.innerText()).toBe(
+        "PAGE DATA",
+      );
+      // No revalidation since page.data is static
+      expect(requests).toEqual([]);
+
+      await app.clickLink("/param/1");
+      await page.waitForSelector('[data-param="1"]');
+      expect(await (await page.$("[data-param]"))?.innerText()).toBe("Param 1");
+      expect(requests).toEqual(["/param/1.data"]);
+      clearRequests(requests);
+
+      await app.clickLink("/param/2");
+      await page.waitForSelector('[data-param="2"]');
+      expect(await (await page.$("[data-param]"))?.innerText()).toBe("Param 2");
+      expect(requests).toEqual(["/param/2.data"]);
+      clearRequests(requests);
+
+      await app.clickLink("/page");
+      await page.waitForSelector("[data-page]");
+      expect(await (await page.$("[data-page]"))?.innerText()).toBe(
+        "PAGE DATA",
+      );
+      expect(requests).toEqual(["/page.data"]);
+    });
+
+    test("Navigates prerendered multibyte path routes", async ({ page }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: ["/", "/page", "/ページ"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Link, Outlet, Scripts } from "react-router";
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    <nav>
+                      <Link to="/page">Page</Link><br/>
+                      <Link to="/ページ">ページ</Link><br/>
+                    </nav>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return <Outlet />
+            }
+          `,
+          "app/routes/_index.tsx": js`
+            export default function Index() {
+              return <h1 data-index>Index</h1>
+            }
+          `,
+          "app/routes/page.tsx": js`
+            export function loader() {
+              return "PAGE DATA"
+            }
+            export default function Page({ loaderData }) {
+              return <h1 data-page>{loaderData}</h1>;
+            }
+          `,
+          "app/routes/ページ.tsx": js`
+            export function loader() {
+              return "ページ データ";
+            }
+            export default function Page({ loaderData }) {
+              return <h1 data-multibyte-page>{loaderData}</h1>;
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let encodedMultibytePath = encodeURIComponent("ページ");
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+      await page.waitForSelector("[data-index]");
+
+      await app.clickLink("/page");
+      await page.waitForSelector("[data-page]");
+      expect(await (await page.$("[data-page]"))?.innerText()).toBe(
+        "PAGE DATA",
+      );
+      expect(requests).toEqual(["/page.data"]);
+      clearRequests(requests);
+
+      await app.clickLink("/ページ");
+      await page.waitForSelector("[data-multibyte-page]");
+      expect(await (await page.$("[data-multibyte-page]"))?.innerText()).toBe(
+        "ページ データ",
+      );
+      expect(requests).toEqual([`/${encodedMultibytePath}.data`]);
+    });
+
+    test("Returns a 404 if navigating to a non-prerendered param value", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: ["/param/1"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Link, Outlet, Scripts, useNavigation } from "react-router";
+
+            export function Layout({ children }) {
+              let navigation = useNavigation();
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    <nav>
+                      <Link to="/page">Page</Link><br/>
+                      <Link to="/param/1">Param 1</Link><br/>
+                      <Link to="/param/404">Param 404</Link><br/>
+                    </nav>
+                    <p id={"navigation-" + navigation.state}>{navigation.state}</p>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return <Outlet />
+            }
+          `,
+          "app/routes/_index.tsx": js`
+            export default function Index() {
+              return <h1 data-index>Index</h1>
+            }
+          `,
+          "app/routes/param.$id.tsx": js`
+            export function loader({ params }) {
+              return params.id;
+            }
+            export default function Page({ loaderData }) {
+              return <h1 data-param={loaderData}>Param {loaderData}</h1>;
+            }
+
+            export function ErrorBoundary({ error }) {
+              return <h1 data-error={error.status}>{error.status}</h1>;
+            }
+            `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+      await page.waitForSelector("[data-index]");
+
+      await app.clickLink("/param/1");
+      await page.waitForSelector('[data-param="1"]');
+      expect(await (await page.$("[data-param]"))?.innerText()).toBe("Param 1");
+      expect(requests).toEqual(["/param/1.data"]);
+      clearRequests(requests);
+
+      await app.clickLink("/param/404");
+      await page.waitForSelector('[data-error="404"]');
+      expect(requests).toEqual(["/param/404.data"]);
+    });
+
+    test("Navigates to prerendered parent with clientLoader calling loader", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false,
+            prerender: ["/", "/parent"],
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Link, Outlet, Scripts } from "react-router";
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return (
+                <>
+                  <Link to="/parent">Go to parent</Link>
+                  <Outlet/>
+                </>
+              );
+            }
+
+            export function HydrateFallback() {
+              return <p>Loading...</p>;
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { Link, Form, Outlet } from 'react-router';
+            export async function loader() {
+              return "PARENT DATA"
+            }
+            export async function clientLoader({ serverLoader }) {
+              let str = await serverLoader();
+              return str + " - CLIENT"
+            }
+            export function clientAction() {
+              return "PARENT ACTION"
+            }
+            export default function Parent({ loaderData, actionData }) {
+              return <p data-parent>{loaderData}</p>;
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+      await expect(page.getByText("Go to parent")).toBeVisible();
+
+      await app.clickLink("/parent");
+      await expect(page.getByText("PARENT DATA - CLIENT")).toBeVisible();
+
+      expect(requests).toEqual(["/parent.data?_routes=routes%2Fparent"]);
+    });
+
+    test("Handles 404s on data requests", async ({ page }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: ["/", "/slug"],
+          }),
+          // Just bring in the root instead of all `files` since we can't have
+          // loaders in non-prerendered routes
+          "app/root.tsx": files["app/root.tsx"],
+          "app/routes/$slug.tsx": js`
+            import * as React  from "react";
+            import { useLoaderData } from "react-router";
+
+            export async function loader() {
+              return null;
+            }
+
+            export default function Component() {
+              return <h2>Slug</h2>
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      await page.waitForSelector("[data-mounted]");
+      await app.clickLink("/not-found");
+      await page.waitForSelector("[data-error]:has-text('404 Not Found')");
+      expect(requests).toEqual(["/not-found.data"]);
+    });
+
+    test("Handles redirects in prerendered pages", async ({ page }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          ...files,
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: true,
+          }),
+          "app/routes/redirect.tsx": js`
+            import { redirect } from "react-router"
+            export function loader() {
+              return redirect('/target', 301);
+            }
+            export default function Component() {
+              <h1>Nope</h1>
+            }
+          `,
+          "app/routes/target.tsx": js`
+            export default function Component() {
+              return <h1 id="target">Target</h1>
+            }
+          `,
+        },
+      });
+
+      appFixture = await createAppFixture(fixture);
+
+      // Document loads
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/redirect");
+      await page.waitForSelector("#target");
+      expect(requests).toEqual([]);
+
+      // Client side navigations
+      await app.goto("/", true);
+      app.clickLink("/redirect");
+      await page.waitForSelector("#target");
+      expect(requests).toEqual(["/redirect.data"]);
+    });
+
+    test("Navigates across SPA/prerender pages when starting from a SPA page (w/basename)", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: ["/page"],
+            basename: "/base",
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Outlet, Scripts } from "react-router";
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return <Outlet />
+            }
+          `,
+          "app/routes/_index.tsx": js`
+            import { Link } from 'react-router';
+            export default function Index() {
+              return <Link to="/page">Go to page</Link>
+            }
+          `,
+          "app/routes/page.tsx": js`
+            import { Link, Form } from 'react-router';
+            export async function loader() {
+              return "PAGE DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page>{loaderData}</p>
+                  {actionData ? <p data-page-action>{actionData}</p> : null}
+                  <Link to="/page2">Go to page2</Link>
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+          "app/routes/page2.tsx": js`
+            import { Form } from 'react-router';
+            export function clientLoader() {
+              return "PAGE2 DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE2 ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page2>{loaderData}</p>
+                  {actionData ? <p data-page2-action>{actionData}</p> : null}
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+
+      await app.goto("/base", true);
+      await page.waitForSelector('a[href="/base/page"]');
+
+      await app.clickLink("/base/page");
+      await page.waitForSelector("[data-page]");
+      expect(await (await page.$("[data-page]"))?.innerText()).toBe(
+        "PAGE DATA",
+      );
+      expect(requests).toEqual(["/base/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/base/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 1",
+      );
+      // No revalidation after submission to self
+      expect(requests).toEqual([]);
+
+      await app.clickLink("/base/page2");
+      await page.waitForSelector("[data-page2]");
+      expect(await (await page.$("[data-page2]"))?.innerText()).toBe(
+        "PAGE2 DATA",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/base/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 1",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/base/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 2",
+      );
+      expect(requests).toEqual(["/base/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/base/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 2",
+      );
+      expect(requests).toEqual([]);
+    });
+
+    test("Navigates across SPA/prerender pages when starting from a prerendered page (w/basename)", async ({
+      page,
+    }) => {
+      fixture = await createFixture({
+        prerender: true,
+        files: {
+          "react-router.config.ts": reactRouterConfig({
+            ssr: false, // turn off fog of war since we're serving with a static server
+            prerender: ["/", "/page"],
+            basename: "/base",
+          }),
+          "rsbuild.config.ts": files["rsbuild.config.ts"],
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Outlet, Scripts } from "react-router";
+
+            export function Layout({ children }) {
+              return (
+                <html lang="en">
+                  <head />
+                  <body>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+
+            export default function Root({ loaderData }) {
+              return <Outlet />;
+            }
+          `,
+          "app/routes/_index.tsx": js`
+            import { Link } from 'react-router';
+            export default function Index() {
+              return <Link to="/page">Go to page</Link>
+            }
+          `,
+          "app/routes/page.tsx": js`
+            import { Link, Form } from 'react-router';
+            export async function loader() {
+              return "PAGE DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page>{loaderData}</p>
+                  {actionData ? <p data-page-action>{actionData}</p> : null}
+                  <Link to="/page2">Go to page2</Link>
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+          "app/routes/page2.tsx": js`
+            import { Form } from 'react-router';
+            export function clientLoader() {
+              return "PAGE2 DATA"
+            }
+            let count = 0;
+            export function clientAction() {
+              return "PAGE2 ACTION " + (++count)
+            }
+            export default function Page({ loaderData, actionData }) {
+              return (
+                <>
+                  <p data-page2>{loaderData}</p>
+                  {actionData ? <p data-page2-action>{actionData}</p> : null}
+                  <Form method="post" action="/page">
+                    <button type="submit">Submit</button>
+                  </Form>
+                  <Form method="post" action="/page2">
+                    <button type="submit">Submit /page2</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+        },
+      });
+      appFixture = await createAppFixture(fixture);
+
+      let requests = captureRequests(page);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/base", true);
+      await page.waitForSelector('a[href="/base/page"]');
+
+      await app.clickLink("/base/page");
+      await page.waitForSelector("[data-page]");
+      expect(await (await page.$("[data-page]"))?.innerText()).toBe(
+        "PAGE DATA",
+      );
+      expect(requests).toEqual(["/base/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/base/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 1",
+      );
+      // No revalidation after submission to self
+      expect(requests).toEqual([]);
+
+      await app.clickLink("/base/page2");
+      await page.waitForSelector("[data-page2]");
+      expect(await (await page.$("[data-page2]"))?.innerText()).toBe(
+        "PAGE2 DATA",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/base/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 1",
+      );
+      expect(requests).toEqual([]);
+
+      await app.clickSubmitButton("/base/page");
+      await page.waitForSelector("[data-page-action]");
+      expect(await (await page.$("[data-page-action]"))?.innerText()).toBe(
+        "PAGE ACTION 2",
+      );
+      expect(requests).toEqual(["/base/page.data"]);
+      clearRequests(requests);
+
+      await app.clickSubmitButton("/base/page2");
+      await page.waitForSelector("[data-page2-action]");
+      expect(await (await page.$("[data-page2-action]"))?.innerText()).toBe(
+        "PAGE2 ACTION 2",
+      );
+      expect(requests).toEqual([]);
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/presets-test.ts b/tests/react-router-framework/integration/presets-test.ts
new file mode 100644
index 00000000..4df87a0b
--- /dev/null
+++ b/tests/react-router-framework/integration/presets-test.ts
@@ -0,0 +1,282 @@
+import fs from "node:fs/promises";
+import * as path from "node:path";
+import URL from "node:url";
+import { expect } from "@playwright/test";
+import dedent from "dedent";
+
+import {
+  build,
+  test,
+  createProject,
+  bundlerTemplates,
+  rsbuildConfig,
+} from "./helpers/rsbuild.js";
+
+const js = String.raw;
+const normalizePath = (pathname: string) => pathname.replace(/\\/g, "/");
+
+const files = {
+  "react-router.config.ts": dedent(js`
+    import fs from "node:fs/promises";
+    import serializeJs from "serialize-javascript";
+
+    let isDeepFrozen = (obj: any) =>
+      Object.isFrozen(obj) &&
+      Object.keys(obj).every(
+        prop => typeof obj[prop] !== 'object' || obj[prop] === null || isDeepFrozen(obj[prop])
+      );
+
+    export default {
+      // Ensure user config takes precedence over preset config
+      appDirectory: "app",
+
+      presets: [
+        // Ensure user config is passed to reactRouterConfig hook
+        {
+          name: "test-preset",
+          reactRouterConfig: async ({ reactRouterUserConfig: { presets, ...restUserConfig } }) => {
+            if (!Array.isArray(presets)) {
+              throw new Error("React Router user config doesn't have presets array.");
+            }
+
+            let expected = JSON.stringify({ appDirectory: "app"});
+            let actual = JSON.stringify(restUserConfig);
+
+            if (actual !== expected) {
+              throw new Error([
+                "React Router user config wasn't passed to reactRouterConfig hook.",
+                "Expected: " + expected,
+                "Actual: " + actual,
+              ].join(" "));
+            }
+
+            return {};
+          },
+        },
+
+        // Ensure preset config takes lower precedence than user config
+        {
+          name: "test-preset",
+          reactRouterConfig: async () => ({
+            appDirectory: "INCORRECT_APP_DIR", // This is overridden by the user config further down this file
+          }),
+        },
+        {
+          name: "test-preset",
+          reactRouterConfigResolved: async ({ reactRouterConfig }) => {
+            if (reactRouterConfig.appDirectory.includes("INCORRECT_APP_DIR")) {
+              throw new Error("React Router preset config wasn't overridden with user config");
+            }
+          }
+        },
+
+        // Ensure config presets are merged in the correct order
+        {
+          name: "test-preset",
+          reactRouterConfig: async () => ({
+            buildDirectory: "INCORRECT_BUILD_DIR",
+          }),
+        },
+        {
+          name: "test-preset",
+          reactRouterConfig: async () => ({
+            buildDirectory: "build",
+          }),
+        },
+
+        // Ensure reactRouterConfig is called with a frozen user config
+        {
+          name: "test-preset",
+          reactRouterConfig: async ({ reactRouterUserConfig }) => {
+            await fs.writeFile("PRESET_REACT_ROUTER_CONFIG_META.json", JSON.stringify({
+              reactRouterUserConfigFrozen: isDeepFrozen(reactRouterUserConfig),
+            }), "utf-8");
+          }
+        },
+
+        // Ensure reactRouterConfigResolved is called with a frozen config
+        {
+          name: "test-preset",
+          reactRouterConfigResolved: async ({ reactRouterConfig }) => {
+            await fs.writeFile("PRESET_REACT_ROUTER_CONFIG_RESOLVED_META.json", JSON.stringify({
+              reactRouterUserConfigFrozen: isDeepFrozen(reactRouterConfig),
+            }), "utf-8");
+          }
+        },
+
+        // Ensure presets can set serverBundles option (this is critical for Vercel support)
+        {
+          name: "test-preset",
+          reactRouterConfig: async () => ({
+            serverBundles() {
+              return "preset_server_bundle_id";
+            },
+          }),
+        },
+
+        // Ensure presets can set future flags
+        {
+          name: "test-preset",
+          reactRouterConfig: async () => ({
+            future: {
+              unstable_optimizeDeps: true,
+            },
+          }),
+        },
+
+        // Ensure presets can set buildEnd option (this is critical for Vercel support)
+        {
+          name: "test-preset",
+          reactRouterConfig: async () => ({
+            async buildEnd(buildEndArgs) {
+              let { rsbuildConfig, buildManifest, reactRouterConfig } = buildEndArgs;
+
+              await fs.writeFile(
+                "BUILD_END_META.js",
+                [
+                  "export const keys = " + JSON.stringify(Object.keys(buildEndArgs)) + ";",
+                  "export const buildManifest = " + serializeJs(buildManifest, { space: 2, unsafe: true }) + ";",
+                  "export const reactRouterConfig = " + serializeJs(reactRouterConfig, { space: 2, unsafe: true }) + ";",
+                  // buildEnd receives the normalized rsbuild config; Rsbuild's
+                  // build.assetsDir maps to output.distPath.assets
+                  "export const assetsDir = " + JSON.stringify(rsbuildConfig.output.distPath.assets) + ";",
+                  "export const futureFlags = " + JSON.stringify(reactRouterConfig.future) + ";",
+                  "export const splitRouteModules = " + JSON.stringify(reactRouterConfig.splitRouteModules) + ";",
+                ].join("\n"),
+                "utf-8"
+              );
+            },
+          }),
+        },
+      ],
+    }
+  `),
+  "rsbuild.config.ts": await rsbuildConfig.basic({
+    assetsDir: "custom-assets-dir",
+  }),
+};
+
+test.describe("presets", async () => {
+  bundlerTemplates.forEach(({ templateName, templateDisplayName }) => {
+    test(templateDisplayName, async () => {
+      let cwd = await createProject(files, templateName);
+      let { status, stderr } = build({ cwd });
+      expect(stderr.toString()).toBeFalsy();
+      expect(status).toBe(0);
+
+      function pathStartsWithCwd(pathname: string) {
+        return normalizePath(pathname).startsWith(normalizePath(cwd));
+      }
+
+      function relativeToCwd(pathname: string) {
+        return normalizePath(path.relative(cwd, pathname));
+      }
+
+      let buildEndArgsMeta: any = await import(
+        URL.pathToFileURL(path.join(cwd, "BUILD_END_META.js")).href
+      );
+
+      let { reactRouterConfig } = buildEndArgsMeta;
+
+      // Smoke test Rsbuild config
+      expect(buildEndArgsMeta.assetsDir).toBe("custom-assets-dir");
+
+      // Before rewriting to relative paths, assert that paths are absolute within cwd
+      expect(pathStartsWithCwd(reactRouterConfig.buildDirectory)).toBe(true);
+
+      // Rewrite path args to be relative and normalized for snapshot test
+      reactRouterConfig.buildDirectory = relativeToCwd(
+        reactRouterConfig.buildDirectory,
+      );
+
+      // Ensure preset configs are merged in correct order, resulting in the correct build directory
+      expect(reactRouterConfig.buildDirectory).toBe("build");
+
+      // Ensure preset config takes lower precedence than user config
+      expect(reactRouterConfig.serverModuleFormat).toBe("esm");
+
+      // Ensure `reactRouterConfig` is called with a frozen user config
+      expect(
+        JSON.parse(
+          await fs.readFile(
+            path.join(cwd, "PRESET_REACT_ROUTER_CONFIG_META.json"),
+            "utf-8",
+          ),
+        ),
+      ).toEqual({
+        reactRouterUserConfigFrozen: true,
+      });
+
+      // Ensure `reactRouterConfigResolved` is called with a frozen config
+      expect(
+        JSON.parse(
+          await fs.readFile(
+            path.join(cwd, "PRESET_REACT_ROUTER_CONFIG_RESOLVED_META.json"),
+            "utf-8",
+          ),
+        ),
+      ).toEqual({
+        reactRouterUserConfigFrozen: true,
+      });
+
+      // Snapshot the buildEnd args keys
+      expect(buildEndArgsMeta.keys).toEqual([
+        "buildManifest",
+        "reactRouterConfig",
+        "rsbuildConfig",
+      ]);
+
+      // Smoke test the resolved config
+      expect(Object.keys(reactRouterConfig)).toEqual([
+        "appDirectory",
+        "basename",
+        "buildDirectory",
+        "buildEnd",
+        "future",
+        "prerender",
+        "routes",
+        "routeDiscovery",
+        "serverBuildFile",
+        "serverBundles",
+        "serverModuleFormat",
+        "ssr",
+        "splitRouteModules",
+        "subResourceIntegrity",
+        "allowedActionOrigins",
+        "unstable_routeConfig",
+      ]);
+
+      // Ensure future flags from presets are properly merged
+      expect(buildEndArgsMeta.futureFlags).toEqual({
+        unstable_optimizeDeps: true,
+      });
+      expect(buildEndArgsMeta.splitRouteModules).toBe(true);
+
+      // Ensure we get a valid build manifest
+      expect(buildEndArgsMeta.buildManifest).toEqual({
+        routeIdToServerBundleId: {
+          "routes/_index": "preset_server_bundle_id",
+        },
+        routes: {
+          root: {
+            file: "app/root.tsx",
+            id: "root",
+            path: "",
+          },
+          "routes/_index": {
+            file: "app/routes/_index.tsx",
+            id: "routes/_index",
+            index: true,
+            parentId: "root",
+          },
+        },
+        serverBundles: {
+          preset_server_bundle_id: {
+            file: "build/server/preset_server_bundle_id/index.js",
+            id: "preset_server_bundle_id",
+          },
+        },
+      });
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/preview-test.ts b/tests/react-router-framework/integration/preview-test.ts
new file mode 100644
index 00000000..e6c1cd2b
--- /dev/null
+++ b/tests/react-router-framework/integration/preview-test.ts
@@ -0,0 +1,381 @@
+import { expect } from "@playwright/test";
+import dedent from "dedent";
+
+import {
+  reactRouterConfig,
+  rsbuildConfig,
+  test,
+  type Files,
+} from "./helpers/rsbuild.js";
+
+const tsx = dedent;
+
+test.describe("rsbuild preview", () => {
+  test("serves built app with rsbuild preview", async ({ rsbuildPreview, page }) => {
+    const files: Files = async ({ port }) => ({
+      "react-router.config.ts": reactRouterConfig(),
+      "rsbuild.config.ts": await rsbuildConfig.basic({
+        port,
+        templateName: "rsbuild-template",
+      }),
+      "app/root.tsx": tsx`
+        import { Links, Meta, Outlet, Scripts } from "react-router";
+
+        export default function Root() {
+          return (
+            <html lang="en">
+              <head>
+                <Meta />
+                <Links />
+              </head>
+              <body>
+                <div id="content">
+                  <h1>Root</h1>
+                  <Outlet />
+                </div>
+                <Scripts />
+              </body>
+            </html>
+          );
+        }
+      `,
+      "app/routes/_index.tsx": tsx`
+        export default function IndexRoute() {
+          return (
+            <div id="index">
+              <h2 data-title>Index</h2>
+              <p data-env>Environment: production</p>
+            </div>
+          );
+        }
+      `,
+      "app/routes/about.tsx": tsx`
+        export default function AboutRoute() {
+          return (
+            <div id="about">
+              <h2 data-title>About</h2>
+              <p>This is the about page</p>
+            </div>
+          );
+        }
+      `,
+      "app/routes/loader-data.tsx": tsx`
+        import { useLoaderData } from "react-router";
+
+        export function loader() {
+          return { message: "Hello from loader" };
+        }
+
+        export default function LoaderDataRoute() {
+          const { message } = useLoaderData<typeof loader>();
+          return (
+            <div id="loader-data">
+              <h2 data-title>Loader Data</h2>
+              <p data-message>{message}</p>
+            </div>
+          );
+        }
+      `,
+    });
+
+    const { port } = await rsbuildPreview(files, "rsbuild-template");
+    await page.goto(`http://localhost:${port}/`, {
+      waitUntil: "networkidle",
+    });
+
+    // Ensure no errors on page load
+    expect(page.errors).toEqual([]);
+
+    await expect(page.locator("#index [data-title]")).toHaveText("Index");
+    await expect(page.locator("#index [data-env]")).toHaveText(
+      "Environment: production",
+    );
+  });
+
+  test("handles navigation between routes", async ({ rsbuildPreview, page }) => {
+    const files: Files = async ({ port }) => ({
+      "react-router.config.ts": reactRouterConfig(),
+      "rsbuild.config.ts": await rsbuildConfig.basic({
+        port,
+        templateName: "rsbuild-template",
+      }),
+      "app/root.tsx": tsx`
+        import { Links, Meta, Outlet, Scripts, Link } from "react-router";
+
+        export default function Root() {
+          return (
+            <html lang="en">
+              <head>
+                <Meta />
+                <Links />
+              </head>
+              <body>
+                <div id="content">
+                  <nav>
+                    <Link to="/" data-link-home>Home</Link>
+                    <Link to="/about" data-link-about>About</Link>
+                  </nav>
+                  <Outlet />
+                </div>
+                <Scripts />
+              </body>
+            </html>
+          );
+        }
+      `,
+      "app/routes/_index.tsx": tsx`
+        export default function IndexRoute() {
+          return (
+            <div id="index">
+              <h2 data-title>Index</h2>
+            </div>
+          );
+        }
+      `,
+      "app/routes/about.tsx": tsx`
+        export default function AboutRoute() {
+          return (
+            <div id="about">
+              <h2 data-title>About</h2>
+            </div>
+          );
+        }
+      `,
+    });
+
+    const { port } = await rsbuildPreview(files, "rsbuild-template");
+    await page.goto(`http://localhost:${port}/`, {
+      waitUntil: "networkidle",
+    });
+
+    expect(page.errors).toEqual([]);
+    await expect(page.locator("#index [data-title]")).toHaveText("Index");
+
+    // Navigate to about page
+    await page.click("[data-link-about]");
+    await page.waitForLoadState("networkidle");
+
+    expect(page.errors).toEqual([]);
+    await expect(page.locator("#about [data-title]")).toHaveText("About");
+
+    // Navigate back to home
+    await page.click("[data-link-home]");
+    await page.waitForLoadState("networkidle");
+
+    expect(page.errors).toEqual([]);
+    await expect(page.locator("#index [data-title]")).toHaveText("Index");
+  });
+
+  test("handles loader data correctly", async ({ rsbuildPreview, page }) => {
+    const files: Files = async ({ port }) => ({
+      "react-router.config.ts": reactRouterConfig(),
+      "rsbuild.config.ts": await rsbuildConfig.basic({
+        port,
+        templateName: "rsbuild-template",
+      }),
+      "app/root.tsx": tsx`
+        import { Links, Meta, Outlet, Scripts } from "react-router";
+
+        export default function Root() {
+          return (
+            <html lang="en">
+              <head>
+                <Meta />
+                <Links />
+              </head>
+              <body>
+                <div id="content">
+                  <Outlet />
+                </div>
+                {Array.from({ length: 100 }).map((_, i) => (
+                  <p key={i}>Filler content {i + 1}</p>
+                ))}
+                <Scripts />
+              </body>
+            </html>
+          );
+        }
+      `,
+      "app/routes/_index.tsx": tsx`
+        import { useLoaderData } from "react-router";
+
+        export function loader() {
+          return {
+            message: "Hello from loader",
+            timestamp: Date.now()
+          };
+        }
+
+        export default function IndexRoute() {
+          const { message, timestamp } = useLoaderData<typeof loader>();
+          return (
+            <div id="index">
+              <h2 data-title>Index</h2>
+              <p data-message>{message}</p>
+              <p data-timestamp>{timestamp}</p>
+            </div>
+          );
+        }
+      `,
+    });
+
+    const { port } = await rsbuildPreview(files, "rsbuild-template");
+    await page.goto(`http://localhost:${port}/`, {
+      waitUntil: "networkidle",
+    });
+
+    expect(page.errors).toEqual([]);
+    await expect(page.locator("#index [data-title]")).toHaveText("Index");
+    await expect(page.locator("#index [data-message]")).toHaveText(
+      "Hello from loader",
+    );
+
+    // Check that timestamp exists and is a number
+    const timestampText = await page
+      .locator("#index [data-timestamp]")
+      .textContent();
+    expect(timestampText).toBeTruthy();
+    expect(Number(timestampText)).toBeGreaterThan(0);
+  });
+
+  test("handles direct navigation to dynamic routes", async ({
+    rsbuildPreview,
+    page,
+  }) => {
+    const files: Files = async ({ port }) => ({
+      "react-router.config.ts": reactRouterConfig(),
+      "rsbuild.config.ts": await rsbuildConfig.basic({
+        port,
+        templateName: "rsbuild-template",
+      }),
+      "app/root.tsx": tsx`
+        import { Links, Meta, Outlet, Scripts } from "react-router";
+
+        export default function Root() {
+          return (
+            <html lang="en">
+              <head>
+                <Meta />
+                <Links />
+              </head>
+              <body>
+                <div id="content">
+                  <Outlet />
+                </div>
+                <Scripts />
+              </body>
+            </html>
+          );
+        }
+      `,
+      "app/routes/_index.tsx": tsx`
+        export default function IndexRoute() {
+          return <div id="index"><h2>Index</h2></div>;
+        }
+      `,
+      "app/routes/products.$id.tsx": tsx`
+        import { useLoaderData, useParams } from "react-router";
+
+        export function loader({ params }: { params: { id: string } }) {
+          return {
+            productId: params.id,
+          };
+        }
+
+        export default function ProductRoute() {
+          const { productId } = useLoaderData<typeof loader>();
+          return (
+            <div id="product">
+              <h2 data-title>Product Details</h2>
+              <p data-id>{productId}</p>
+              <p data-name>Product {productId}</p>
+            </div>
+          );
+        }
+      `,
+    });
+
+    const { port } = await rsbuildPreview(files, "rsbuild-template");
+    await page.goto(`http://localhost:${port}/products/123`, {
+      waitUntil: "networkidle",
+    });
+
+    expect(page.errors).toEqual([]);
+    await expect(page.locator("#product [data-title]")).toHaveText(
+      "Product Details",
+    );
+    await expect(page.locator("#product [data-id]")).toHaveText("123");
+    await expect(page.locator("#product [data-name]")).toHaveText(
+      "Product 123",
+    );
+  });
+
+  test("serves SPA mode app with rsbuild preview", async ({
+    rsbuildPreview,
+    page,
+  }) => {
+    const files: Files = async ({ port }) => ({
+      "react-router.config.ts": reactRouterConfig({
+        ssr: false,
+      }),
+      "rsbuild.config.ts": await rsbuildConfig.basic({
+        port,
+        templateName: "rsbuild-template",
+      }),
+      "app/root.tsx": tsx`
+        import { Links, Meta, Outlet, Scripts } from "react-router";
+
+        export default function Root() {
+          return (
+            <html lang="en">
+              <head>
+                <Meta />
+                <Links />
+              </head>
+              <body>
+                <div id="content">
+                  <h1>SPA Mode</h1>
+                  <Outlet />
+                </div>
+                <Scripts />
+              </body>
+            </html>
+          );
+        }
+      `,
+      "app/routes/_index.tsx": tsx`
+        export default function IndexRoute() {
+          return (
+            <div id="index">
+              <h2 data-title>Index</h2>
+              <p data-spa-mode>SPA Mode Enabled</p>
+            </div>
+          );
+        }
+      `,
+      "app/routes/about.tsx": tsx`
+        export default function AboutRoute() {
+          return (
+            <div id="about">
+              <h2 data-title>About</h2>
+              <p>About page in SPA mode</p>
+            </div>
+          );
+        }
+      `,
+    });
+
+    const { port } = await rsbuildPreview(files, "rsbuild-template");
+    await page.goto(`http://localhost:${port}/`, {
+      waitUntil: "networkidle",
+    });
+
+    // Ensure no errors on page load (this would fail without the fix)
+    expect(page.errors).toEqual([]);
+
+    await expect(page.locator("#index [data-title]")).toHaveText("Index");
+    await expect(page.locator("#index [data-spa-mode]")).toHaveText(
+      "SPA Mode Enabled",
+    );
+  });
+});
diff --git a/tests/react-router-framework/integration/react-router-serve-test.ts b/tests/react-router-framework/integration/react-router-serve-test.ts
new file mode 100644
index 00000000..da323233
--- /dev/null
+++ b/tests/react-router-framework/integration/react-router-serve-test.ts
@@ -0,0 +1,84 @@
+import { test, expect } from "@playwright/test";
+
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import { type TemplateName } from "./helpers/rsbuild.js";
+
+const templateNames = [
+  "rsbuild-template",
+  "rsc-framework",
+] as const satisfies TemplateName[];
+
+test.describe("react-router-serve", () => {
+  for (const templateName of templateNames) {
+    test.describe(`template: ${templateName}`, () => {
+      let fixture: Fixture;
+      let appFixture: AppFixture;
+
+      test.beforeEach(async ({ context }) => {
+        await context.route(/\.(data|rsc)$/, async (route) => {
+          await new Promise((resolve) => setTimeout(resolve, 50));
+          route.continue();
+        });
+      });
+
+      test.beforeAll(async () => {
+        fixture = await createFixture({
+          templateName,
+          useReactRouterServe: true,
+          files: {
+            "app/routes/_index.tsx": js`
+              import { useLoaderData, Link } from "react-router";
+
+              export function loader() {
+                return "pizza";
+              }
+
+              export default function Index() {
+                let data = useLoaderData();
+                return (
+                  <div>
+                    {data}
+                    <Link to="/burgers">Other Route</Link>
+                  </div>
+                )
+              }
+            `,
+
+            "app/routes/burgers.tsx": js`
+              export default function Index() {
+                return <div>cheeseburger</div>;
+              }
+            `,
+          },
+        });
+
+        // This creates an interactive app using playwright.
+        appFixture = await createAppFixture(fixture);
+      });
+
+      test.afterAll(() => {
+        appFixture.close();
+      });
+
+      test("should start and perform client side navigation", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        // You can test any request your app might get using `fixture`.
+        let response = await fixture.requestDocument("/");
+        expect(await response.text()).toMatch("pizza");
+
+        // If you need to test interactivity use the `app`
+        await app.goto("/");
+        await app.clickLink("/burgers");
+        await page.waitForSelector("text=cheeseburger");
+      });
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/redirects-test.ts b/tests/react-router-framework/integration/redirects-test.ts
new file mode 100644
index 00000000..317bb769
--- /dev/null
+++ b/tests/react-router-framework/integration/redirects-test.ts
@@ -0,0 +1,308 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createFixture,
+  createAppFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import type { TemplateName } from "./helpers/rsbuild.js";
+
+const templateNames = [
+  "rsbuild-template",
+  "rsc-framework",
+] as const satisfies TemplateName[];
+
+test.describe("redirects", () => {
+  for (const templateName of templateNames) {
+    test.describe(`template: ${templateName}`, () => {
+      let fixture: Fixture;
+      let appFixture: AppFixture;
+
+      test.beforeAll(async () => {
+        fixture = await createFixture({
+          templateName,
+          files: {
+            "app/routes/absolute.tsx": js`
+              import * as React from 'react';
+              import { Outlet } from "react-router";
+
+              export default function Component() {
+                let [count, setCount] = React.useState(0);
+                return (
+                  <>
+                    <button
+                      id="increment"
+                      onClick={() => setCount(count + 1)}>
+                      {"Count:" + count}
+                    </button>
+                    <Outlet/>
+                  </>
+                );
+              }
+            `,
+
+            "app/routes/absolute._index.tsx": js`
+              import { redirect, Form } from "react-router";
+
+              export async function action({ request }) {
+                return redirect(new URL(request.url).origin + "/absolute/landing");
+              };
+
+              export default function Component() {
+                return (
+                  <Form method="post">
+                    <button type="submit">Submit</button>
+                  </Form>
+                );
+              }
+            `,
+
+            "app/routes/absolute.landing.tsx": js`
+              export default function Component() {
+                return <h1>Landing</h1>
+              }
+            `,
+
+            "app/routes/absolute.content-length.tsx": js`
+              import { redirect, Form } from "react-router";
+              export async function action({ request }) {
+                return redirect(new URL(request.url).origin + "/absolute/landing", {
+                  headers: { 'Content-Length': '0' }
+                });
+              };
+              export default function Component() {
+                return (
+                  <Form method="post">
+                    <button type="submit">Submit</button>
+                  </Form>
+                );
+              }
+            `,
+
+            "app/routes/loader.external.ts": js`
+              import { redirect } from "react-router";
+              export const loader = () => {
+                return redirect("https://reactrouter.com/");
+              }
+            `,
+
+            "app/routes/redirect-document.tsx": js`
+              import * as React from "react";
+              import { Outlet } from "react-router";
+
+              export default function Component() {
+                let [count, setCount] = React.useState(0);
+                let countText = 'Count:' + count;
+                return (
+                  <>
+                    <button onClick={() => setCount(count+1)}>{countText}</button>
+                    <Outlet />
+                  </>
+                );
+              }
+            `,
+
+            "app/routes/redirect-document._index.tsx": js`
+              import { Link } from "react-router";
+
+              export default function Component() {
+                return <Link to="/redirect-document/a">Link</Link>
+              }
+            `,
+
+            "app/routes/redirect-document.a.tsx": js`
+              import { redirectDocument } from "react-router";
+              export const loader = () =>  redirectDocument("/redirect-document/b");
+            `,
+
+            "app/routes/redirect-document.b.tsx": js`
+              export default function Component() {
+                return <h1>Hello B!</h1>
+              }
+            `,
+
+            "app/routes/replace.a.tsx": js`
+              import { Link } from "react-router";
+              export default function () {
+                return <><h1 id="a">A</h1><Link to="/replace/b">Go to B</Link></>;
+              }
+            `,
+
+            "app/routes/replace.b.tsx": js`
+              import { Link } from "react-router";
+              export default function () {
+                return <><h1 id="b">B</h1><Link to="/replace/c">Go to C</Link></>
+              }
+            `,
+
+            "app/routes/replace.c.tsx": js`
+              import { replace } from "react-router";
+              export const loader = () => replace("/replace/d");
+              export default function () {
+                return <h1 id="c">C</h1>
+              }
+            `,
+
+            "app/routes/replace.d.tsx": js`
+              export default function () {
+                return <h1 id="d">D</h1>
+              }
+            `,
+
+            "app/routes/headers.tsx": js`
+              import * as React from 'react';
+              import { Link, Form, redirect, useLocation } from 'react-router';
+
+              export function action() {
+                return redirect('/headers?action-redirect', {
+                  headers: { 'X-Test': 'Foo' }
+                })
+              }
+
+              export function loader({ request }) {
+                let url = new URL(request.url);
+                if (url.searchParams.has('redirect')) {
+                  return redirect('/headers?loader-redirect', {
+                    headers: { 'X-Test': 'Foo' }
+                  })
+                }
+                return null
+              }
+
+              export default function Component() {
+                let location = useLocation()
+                return (
+                  <>
+                    <Link id="loader-redirect" to="/headers?redirect">Redirect</Link>
+                    <Form method="post">
+                      <button id="action-redirect" type="submit">Action Redirect</button>
+                    </Form>
+                    <p id="search-params">
+                      Search Params: {location.search}
+                    </p>
+                  </>
+                );
+              }
+            `,
+          },
+        });
+
+        appFixture = await createAppFixture(fixture);
+      });
+
+      test.afterAll(() => {
+        appFixture.close();
+      });
+
+      test("redirects to external URLs", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+
+        await app.waitForNetworkAfter(() => app.goto("/loader/external"));
+        expect(app.page.url()).toBe("https://reactrouter.com/");
+      });
+
+      test("redirects to absolute URLs in the app with a SPA navigation", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto(`/absolute`, true);
+        await app.clickElement("#increment");
+        expect(await app.getHtml("#increment")).toMatch("Count:1");
+        await app.waitForNetworkAfter(() =>
+          app.clickSubmitButton("/absolute?index"),
+        );
+        await page.waitForSelector(`h1:has-text("Landing")`);
+        // No hard reload
+        expect(await app.getHtml("#increment")).toMatch("Count:1");
+      });
+
+      test("redirects to absolute URLs in the app with a SPA navigation and Content-Length header", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto(`/absolute/content-length`, true);
+        await app.clickElement("#increment");
+        expect(await app.getHtml("#increment")).toMatch("Count:1");
+        await app.waitForNetworkAfter(() =>
+          app.clickSubmitButton("/absolute/content-length"),
+        );
+        await page.waitForSelector(`h1:has-text("Landing")`);
+        // No hard reload
+        expect(await app.getHtml("#increment")).toMatch("Count:1");
+      });
+
+      test("supports hard redirects within the app via reloadDocument", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/redirect-document", true);
+        expect(await app.getHtml("button")).toMatch("Count:0");
+        await app.clickElement("button");
+        expect(await app.getHtml("button")).toMatch("Count:1");
+        await app.waitForNetworkAfter(() =>
+          app.clickLink("/redirect-document/a"),
+        );
+        await page.waitForSelector('h1:has-text("Hello B!")');
+        // Hard reload resets client side react state
+        expect(await app.getHtml("button")).toMatch("Count:0");
+      });
+
+      test("supports replace redirects within the app", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/replace/a", true);
+        await page.waitForSelector("#a"); // [/a]
+        await app.clickLink("/replace/b");
+        await page.waitForSelector("#b"); // [/a, /b]
+        await app.clickLink("/replace/c");
+        await page.waitForSelector("#d"); // [/a, /d]
+        await page.goBack();
+        await page.waitForSelector("#a"); // [/a]
+      });
+
+      test("maintains custom headers on redirects", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+
+        let hasGetHeader = false;
+        let hasPostHeader = false;
+        page.on("request", async (request) => {
+          let extension = /^rsc/.test(templateName) ? "rsc" : "data";
+          if (
+            request.method() === "GET" &&
+            request.url().endsWith(`headers.${extension}?redirect=`)
+          ) {
+            const headers = (await request.response())?.headers() || {};
+            hasGetHeader = headers["x-test"] === "Foo";
+          }
+          if (
+            request.method() === "POST" &&
+            request.url().endsWith(`headers.${extension}`)
+          ) {
+            const headers = (await request.response())?.headers() || {};
+            hasPostHeader = headers["x-test"] === "Foo";
+          }
+        });
+
+        await app.goto("/headers", true);
+        await app.clickElement("#loader-redirect");
+        await expect(page.locator("#search-params")).toHaveText(
+          "Search Params: ?loader-redirect",
+        );
+        expect(hasGetHeader).toBe(true);
+        expect(hasPostHeader).toBe(false);
+
+        hasGetHeader = false;
+        hasPostHeader = false;
+
+        await app.goto("/headers", true);
+        await app.clickElement("#action-redirect");
+        await expect(page.locator("#search-params")).toHaveText(
+          "Search Params: ?action-redirect",
+        );
+        expect(hasGetHeader).toBe(false);
+        expect(hasPostHeader).toBe(true);
+      });
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/rendering-test.ts b/tests/react-router-framework/integration/rendering-test.ts
new file mode 100644
index 00000000..dc40c710
--- /dev/null
+++ b/tests/react-router-framework/integration/rendering-test.ts
@@ -0,0 +1,73 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture, selectHtml } from "./helpers/playwright-fixture.js";
+
+test.describe("rendering", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts } from "react-router";
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <div id="content">
+                    <h1>Root</h1>
+                    <Outlet />
+                  </div>
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export default function() {
+            return <h2>Index</h2>;
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("server renders matching routes", async () => {
+    let res = await fixture.requestDocument("/");
+    expect(res.status).toBe(200);
+    expect(await selectHtml(await res.text(), "#content"))
+      .toBe(`<div id="content">
+  <h1>Root</h1>
+  <h2>Index</h2>
+</div>`);
+  });
+
+  test("hydrates", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    expect(await app.getHtml("#content")).toBe(`<div id="content">
+  <h1>Root</h1>
+  <h2>Index</h2>
+</div>`);
+  });
+});
diff --git a/tests/react-router-framework/integration/request-test.ts b/tests/react-router-framework/integration/request-test.ts
new file mode 100644
index 00000000..4c752839
--- /dev/null
+++ b/tests/react-router-framework/integration/request-test.ts
@@ -0,0 +1,177 @@
+import { test, expect } from "@playwright/test";
+
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+
+let fixture: Fixture;
+let appFixture: AppFixture;
+
+test.beforeAll(async () => {
+  fixture = await createFixture({
+    files: {
+      "app/routes/_index.tsx": js`
+        import { Form, useLoaderData, useActionData } from "react-router";
+
+        async function requestToJson(request) {
+          let body = null;
+
+          if (request.body) {
+            let fd = await request.formData();
+            body = Object.fromEntries(fd.entries());
+          }
+
+          return {
+            method: request.method,
+            url: request.url,
+            headers: Object.fromEntries(request.headers.entries()),
+            body,
+          };
+        }
+        export async function loader({ request }) {
+          return requestToJson(request);
+        }
+        export function action({ request }) {
+          return requestToJson(request);
+        }
+        export default function Index() {
+          let loaderData = useLoaderData();
+          let actionData = useActionData();
+          return (
+            <div>
+              <button id="set-cookie" onClick={() => {
+                document.cookie = 'cookie=nomnom; path=/';
+              }}>
+                Set Cookie
+              </button>
+              <Form method="get" reloadDocument>
+                <button type="submit" id="submit-get-ssr" name="type" value="ssr">
+                  SSR GET
+                </button>
+              </Form>
+              <Form method="get">
+                <button type="submit" id="submit-get-csr" name="type" value="csr">
+                  CSR GET
+                </button>
+              </Form>
+              <Form method="post" reloadDocument>
+                <button type="submit" id="submit-post-ssr" name="type" value="ssr">
+                  SSR POST
+                </button>
+              </Form>
+              <Form method="post">
+                <button type="submit" id="submit-post-csr" name="type" value="csr">
+                  CSR POST
+                </button>
+              </Form>
+              <pre id="loader-data">{JSON.stringify(loaderData)}</pre>
+              {actionData ?
+                <pre id="action-data">{JSON.stringify(actionData)}</pre> :
+                null}
+            </div>
+          )
+        }
+      `,
+    },
+  });
+
+  appFixture = await createAppFixture(fixture);
+});
+
+test.afterAll(() => appFixture.close());
+
+test("loader request on SSR GET requests", async ({ page }) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/");
+  await app.clickElement("#set-cookie");
+
+  let loaderData = JSON.parse(await page.locator("#loader-data").innerHTML());
+  expect(loaderData.method).toEqual("GET");
+  expect(loaderData.url).toMatch(/^http:\/\/localhost:\d+\/$/);
+  expect(loaderData.headers.cookie).toEqual(undefined);
+  expect(loaderData.body).toEqual(null);
+
+  await app.clickElement("#submit-get-ssr");
+
+  loaderData = JSON.parse(await page.locator("#loader-data").innerHTML());
+  expect(loaderData.method).toEqual("GET");
+  expect(loaderData.url).toMatch(/^http:\/\/localhost:\d+\/\?type=ssr$/);
+  expect(loaderData.headers.cookie).toEqual("cookie=nomnom");
+  expect(loaderData.body).toEqual(null);
+});
+
+test("loader request on CSR GET requests", async ({ page }) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/");
+  await app.clickElement("#set-cookie");
+
+  let loaderData = JSON.parse(await page.locator("#loader-data").innerHTML());
+  expect(loaderData.method).toEqual("GET");
+  expect(loaderData.url).toMatch(/^http:\/\/localhost:\d+\/$/);
+  expect(loaderData.headers.cookie).toEqual(undefined);
+  expect(loaderData.body).toEqual(null);
+
+  await app.clickElement("#submit-get-csr");
+
+  loaderData = JSON.parse(await page.locator("#loader-data").innerHTML());
+  expect(loaderData.method).toEqual("GET");
+  expect(loaderData.url).toMatch(/^http:\/\/localhost:\d+\/_.data\?type=csr$/);
+  expect(loaderData.headers.cookie).toEqual("cookie=nomnom");
+  expect(loaderData.body).toEqual(null);
+});
+
+test("action + loader requests SSR POST requests", async ({ page }) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/");
+  await app.clickElement("#set-cookie");
+
+  let loaderData = JSON.parse(await page.locator("#loader-data").innerHTML());
+  expect(loaderData.method).toEqual("GET");
+  expect(loaderData.url).toMatch(/^http:\/\/localhost:\d+\/$/);
+  expect(loaderData.headers.cookie).toEqual(undefined);
+  expect(loaderData.body).toEqual(null);
+
+  await app.clickElement("#submit-post-ssr");
+
+  let actionData = JSON.parse(await page.locator("#action-data").innerHTML());
+  expect(actionData.method).toEqual("POST");
+  expect(actionData.url).toMatch(/^http:\/\/localhost:\d+\/\?index$/);
+  expect(actionData.headers.cookie).toEqual("cookie=nomnom");
+  expect(actionData.body).toEqual({ type: "ssr" });
+
+  loaderData = JSON.parse(await page.locator("#loader-data").innerHTML());
+  expect(loaderData.method).toEqual("GET");
+  expect(loaderData.url).toMatch(/^http:\/\/localhost:\d+\/\?index$/);
+  expect(loaderData.headers.cookie).toEqual("cookie=nomnom");
+  expect(loaderData.body).toEqual(null);
+});
+
+test("action + loader requests on CSR POST requests", async ({ page }) => {
+  let app = new PlaywrightFixture(appFixture, page);
+  await app.goto("/");
+  await app.clickElement("#set-cookie");
+
+  let loaderData = JSON.parse(await page.locator("#loader-data").innerHTML());
+  expect(loaderData.method).toEqual("GET");
+  expect(loaderData.url).toMatch(/^http:\/\/localhost:\d+\/$/);
+  expect(loaderData.headers.cookie).toEqual(undefined);
+  expect(loaderData.body).toEqual(null);
+
+  await app.clickElement("#submit-post-csr");
+
+  let actionData = JSON.parse(await page.locator("#action-data").innerHTML());
+  expect(actionData.method).toEqual("POST");
+  expect(actionData.url).toMatch(/^http:\/\/localhost:\d+\/_.data\?index$/);
+  expect(actionData.headers.cookie).toEqual("cookie=nomnom");
+  expect(actionData.body).toEqual({ type: "csr" });
+
+  loaderData = JSON.parse(await page.locator("#loader-data").innerHTML());
+  expect(loaderData.method).toEqual("GET");
+  expect(loaderData.url).toMatch(/^http:\/\/localhost:\d+\/_.data$/);
+  expect(loaderData.headers.cookie).toEqual("cookie=nomnom");
+  expect(loaderData.body).toEqual(null);
+});
diff --git a/tests/react-router-framework/integration/resource-routes-test.ts b/tests/react-router-framework/integration/resource-routes-test.ts
new file mode 100644
index 00000000..e56bdf22
--- /dev/null
+++ b/tests/react-router-framework/integration/resource-routes-test.ts
@@ -0,0 +1,397 @@
+import { test, expect } from "@playwright/test";
+
+import { UNSAFE_ServerMode as ServerMode } from "react-router";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { AppFixture, Fixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("loader in an app", async () => {
+  let appFixture: AppFixture;
+  let fixture: Fixture;
+  let _consoleError: typeof console.error;
+  let _consoleWarn: typeof console.warn;
+
+  let SVG_CONTENTS = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none" stroke="#000" stroke-width="4" aria-label="Chicken"><path d="M48.1 34C22.1 32 1.4 51 2.5 67.2c1.2 16.1 19.8 17 29 17.8H89c15.7-6.6 6.3-18.9.3-20.5A28 28 0 0073 41.7c-.5-7.2 3.4-11.6 6.9-15.3 8.5 2.6 8-8 .8-7.2.6-6.5-12.3-5.9-6.7 2.7l-3.7 5c-6.9 5.4-10.9 5.1-22.2 7zM48.1 34c-38 31.9 29.8 58.4 25 7.7M70.3 26.9l5.4 4.2"/></svg>`;
+
+  test.beforeAll(async () => {
+    _consoleError = console.error;
+    console.error = () => {};
+    _consoleWarn = console.warn;
+    console.warn = () => {};
+    fixture = await createFixture({
+      files: {
+        "app/routes/_index.tsx": js`
+          import { Form, Link } from "react-router";
+
+          export default () => (
+            <>
+              <Link to="/redirect">Redirect</Link>
+              <Link to="/some-404-path">404 route</Link>
+              <Form action="/redirect-to" method="post">
+                <input name="destination" defaultValue="/redirect-destination" />
+                <button type="submit">Redirect</button>
+              </Form>
+              <Form action="/no-action" method="post">
+                <button type="submit">Submit to no action route</button>
+              </Form>
+            </>
+          )
+        `,
+        "app/routes/redirected.tsx": js`
+          export default () => <div data-testid="redirected">You were redirected</div>;
+        `,
+        "app/routes/redirect.tsx": js`
+          import { redirect } from "react-router";
+
+          export let loader = () => redirect("/redirected");
+        `,
+        "app/routes/redirect-to.tsx": js`
+          import { redirect } from "react-router";
+
+          export let action = async ({ request }) => {
+            let formData = await request.formData();
+            return redirect(formData.get('destination'));
+          }
+        `,
+        "app/routes/redirect-destination.tsx": js`
+          export default () => <div data-testid="redirect-destination">You made it!</div>
+        `,
+        "app/routes/data[.]json.tsx": js`
+          export let loader = () => Response.json({ hello: "world" });
+        `,
+        "app/assets/icon.svg": SVG_CONTENTS,
+        "app/routes/[manifest.webmanifest].tsx": js`
+          import iconUrl from "~/assets/icon.svg";
+          export  function loader() {
+            return {
+              icons: [
+                {
+                  src: iconUrl,
+                  sizes: '48x48 72x72 96x96 128x128 192x192 256x256 512x512',
+                  type: 'image/svg+xml',
+                },
+              ],
+            };
+          }
+        `,
+        "app/routes/throw-error.tsx": js`
+          export let loader = () => {
+            throw new Error('Oh noes!')
+          }
+        `,
+        "app/routes/return-response.tsx": js`
+          export let loader = () => {
+            return new Response('Partial', { status: 207, headers: { 'X-Foo': 'Bar'} });
+          }
+        `,
+        "app/routes/throw-response.tsx": js`
+          export let loader = () => {
+            throw new Response('Partial', { status: 207, headers: { 'X-Foo': 'Bar' } });
+          }
+        `,
+        "app/routes/return-data.tsx": js`
+          import { data } from "react-router";
+          export let loader = () => {
+            return data('Partial', { status: 207, headers: { 'X-Foo': 'Bar'} });
+          }
+        `,
+        "app/routes/throw-data.tsx": js`
+          import { data } from "react-router";
+          export let loader = () => {
+            throw data('Partial', { status: 207, headers: { 'X-Foo': 'Bar'} });
+          }
+        `,
+        "app/routes/return-data-through-middleware.tsx": js`
+          import { data } from "react-router";
+          export const middleware = [(_, next) => next()]
+          export let loader = () => {
+            return data('Partial', { status: 207, headers: { 'X-Foo': 'Bar'} });
+          }
+        `,
+        "app/routes/throw-data-through-middleware.tsx": js`
+          import { data } from "react-router";
+          export const middleware = [(_, next) => next()]
+          export let loader = () => {
+            throw data('Partial', { status: 207, headers: { 'X-Foo': 'Bar'} });
+          }
+        `,
+        "app/routes/return-object.tsx": js`
+          export let loader = () => {
+            return { hello: 'world' };
+          }
+        `,
+        "app/routes/return-string.tsx": js`
+          export let loader = () => {
+            return 'hello world';
+          }
+        `,
+        "app/routes/throw-object.tsx": js`
+          export let loader = () => {
+            throw { but: 'why' };
+          }
+        `,
+        "app/routes/no-action.tsx": js`
+          export let loader = () => {
+            return { ok: true };
+          }
+        `,
+        "app/routes/$.tsx": js`
+          import { useRouteError } from "react-router";
+          export function loader({ url }) {
+            throw Response.json({
+              message: url.pathname + ' not found'
+            }, {
+              status: 404
+            });
+          }
+          export function ErrorBoundary() {
+            let error = useRouteError();
+            return <pre>{error.status + ' ' + error.data.message}</pre>;
+          }
+        `,
+      },
+    });
+    appFixture = await createAppFixture(fixture, ServerMode.Test);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+    console.error = _consoleError;
+    console.warn = _consoleWarn;
+  });
+
+  test.describe("with JavaScript", () => {
+    runTests();
+  });
+
+  test.describe("without JavaScript", () => {
+    test.use({ javaScriptEnabled: false });
+    runTests();
+  });
+
+  function runTests() {
+    test("should redirect to redirected", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      await page.click("a[href='/redirect']");
+      await page.waitForSelector("[data-testid='redirected']");
+    });
+
+    test("should handle post to destination", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      await page.click("button[type='submit']");
+      await page.waitForSelector("[data-testid='redirect-destination']");
+    });
+
+    test("should handle reloadDocument to resource route", async ({ page }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/data.json");
+      expect(await page.content()).toContain('{"hello":"world"}');
+    });
+
+    test("should handle errors thrown from resource routes", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      let res = await app.goto("/throw-error");
+      expect(res.status()).toBe(500);
+      expect(await res.text()).toEqual(
+        "Unexpected Server Error\n\nError: Oh noes!",
+      );
+    });
+
+    test("should let loader throw to it's own boundary without a default export", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+      await app.clickLink("/some-404-path");
+      let html = await app.getHtml();
+      expect(html).toMatch("404 /some-404-path not found");
+    });
+  }
+
+  test("should handle responses returned from resource routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await app.goto("/return-response");
+    expect(res.status()).toBe(207);
+    expect(res.headers()["x-foo"]).toBe("Bar");
+    expect(await res.text()).toEqual("Partial");
+  });
+
+  test("should handle responses thrown from resource routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await app.goto("/throw-response");
+    expect(res.status()).toBe(207);
+    expect(res.headers()["x-foo"]).toBe("Bar");
+    expect(await res.text()).toEqual("Partial");
+  });
+
+  test("should handle data() returned from resource routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await app.goto("/return-data");
+    expect(res.status()).toBe(207);
+    expect(res.headers()["x-foo"]).toBe("Bar");
+    expect(await res.json()).toEqual("Partial");
+  });
+
+  test("should handle data() thrown from resource routes", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await app.goto("/throw-data");
+    expect(res.status()).toBe(207);
+    expect(res.headers()["x-foo"]).toBe("Bar");
+    expect(await res.json()).toEqual("Partial");
+  });
+
+  test("should handle data() returned from resource routes through middleware", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await app.goto("/return-data-through-middleware");
+    expect(res.status()).toBe(207);
+    expect(res.headers()["x-foo"]).toBe("Bar");
+    expect(await res.json()).toEqual("Partial");
+  });
+
+  test("should handle data() thrown from resource routes through middleware", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await app.goto("/throw-data-through-middleware");
+    expect(res.status()).toBe(207);
+    expect(res.headers()["x-foo"]).toBe("Bar");
+    expect(await res.json()).toEqual("Partial");
+  });
+
+  test("should convert strings returned from resource routes to text responses", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await app.goto("/return-string");
+    expect(res.status()).toBe(200);
+    expect(await res.text()).toEqual("hello world");
+  });
+
+  test("should convert non-strings returned from resource routes to JSON responses", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await app.goto("/return-object");
+    expect(res.status()).toBe(200);
+    expect(await res.json()).toEqual({ hello: "world" });
+  });
+
+  test("should handle objects returned from resource routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await app.goto("/return-object");
+    expect(res.status()).toBe(200);
+    expect(await res.json()).toEqual({ hello: "world" });
+  });
+
+  test("should handle objects thrown from resource routes", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    let res = await app.goto("/throw-object");
+    expect(res.status()).toBe(500);
+    expect(await res.text()).toEqual(
+      "Unexpected Server Error\n\n[object Object]",
+    );
+  });
+
+  test("should handle ErrorResponses thrown from resource routes on document requests", async () => {
+    let res = await fixture.postDocument("/no-action", new FormData());
+    expect(res.status).toBe(405);
+    expect(res.statusText).toBe("Method Not Allowed");
+    expect(await res.text()).toBe('{"message":"Unexpected Server Error"}');
+  });
+
+  test("should handle ErrorResponses thrown from resource routes on client submissions", async ({
+    page,
+  }) => {
+    let logs: string[] = [];
+    page.on("console", (msg) => logs.push(msg.text()));
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton("/no-action");
+    let html = await app.getHtml();
+    expect(html).toMatch("405 Method Not Allowed");
+    expect(logs[0]).toContain(
+      'Route "routes/no-action" does not have an action',
+    );
+  });
+});
+
+test.describe("Development server", async () => {
+  let appFixture: AppFixture;
+  let fixture: Fixture;
+  let _consoleError: typeof console.error;
+
+  test.beforeAll(async () => {
+    _consoleError = console.error;
+    console.error = () => {};
+
+    fixture = await createFixture(
+      {
+        files: {
+          "app/routes/_index.tsx": js`
+            import { Link } from "react-router";
+            export default () => <Link to="/child">Child</Link>;
+          `,
+          "app/routes/_main.tsx": js`
+            import { useRouteError } from "react-router";
+            export function ErrorBoundary() {
+              return <pre>{useRouteError().message}</pre>;
+            }
+          `,
+          "app/routes/_main.child.tsx": js`
+            export default function Component() {
+              throw new Error('Error from render')
+            }
+          `,
+        },
+      },
+      ServerMode.Development,
+    );
+    appFixture = await createAppFixture(fixture, ServerMode.Development);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+    console.error = _consoleError;
+  });
+
+  test.describe("with JavaScript", () => {
+    runTests();
+  });
+
+  test.describe("without JavaScript", () => {
+    test.use({ javaScriptEnabled: false });
+    runTests();
+  });
+
+  function runTests() {
+    test("should not treat an ErrorBoundary-only route as a resource route", async ({
+      page,
+    }) => {
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/child");
+      let html = await app.getHtml();
+      expect(html).not.toMatch("has no component");
+      expect(html).toMatch("Error from render");
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/revalidate-test.ts b/tests/react-router-framework/integration/revalidate-test.ts
new file mode 100644
index 00000000..625f2600
--- /dev/null
+++ b/tests/react-router-framework/integration/revalidate-test.ts
@@ -0,0 +1,367 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("Revalidation", () => {
+  let appFixture: AppFixture;
+
+  test.beforeAll(async () => {
+    appFixture = await createAppFixture(
+      await createFixture({
+        files: {
+          "app/root.tsx": js`
+              import { Link, Outlet, Scripts, useNavigation } from "react-router";
+
+              export default function Component() {
+                let navigation = useNavigation();
+                return (
+                  <html>
+                    <head />
+                    <body>
+                      <nav>
+                        {navigation.state === 'idle' ?
+                          <p id="idle">Idle</p> :
+                          <p id="busy">Busy</p>}
+                        <ul>
+                          <li><Link to="/">/</Link></li>
+                          <li><Link to="/parent">/parent</Link></li>
+                          <li><Link to="/parent/child">/parent/child</Link></li>
+                          <li><Link to="/parent/child?revalidate=parent">/parent/child?revalidate=parent</Link></li>
+                          <li><Link to="/parent/child?revalidate=child">/parent/child?revalidate=child</Link></li>
+                          <li><Link to="/parent/child?revalidate=parent,child">/parent/child?revalidate=parent,child</Link></li>
+                        </ul>
+                      </nav>
+                      <Outlet />
+                      <Scripts />
+                    </body>
+                  </html>
+                );
+              }
+            `,
+
+          "app/routes/parent.tsx": js`
+              import { data, Outlet, useLoaderData } from "react-router";
+
+              export async function loader({ request }) {
+                let header = request.headers.get('Cookie') || '';
+                let cookie = header
+                  .split(';')
+                  .map(c => c.trim())
+                  .find(c => c.startsWith('parent='))
+                let strValue = (cookie || 'parent=0').split("=")[1];
+                let value = parseInt(strValue, 10) + 1;
+                return data({ value }, {
+                  headers: {
+                    "Set-Cookie": "parent=" + value,
+                  }
+                })
+              };
+
+              export function shouldRevalidate({ nextUrl, formData }) {
+                if (nextUrl.searchParams.get('revalidate')?.split(',')?.includes('parent')) {
+                  return true;
+                }
+                if (formData?.getAll('revalidate')?.includes('parent')) {
+                  return true;
+                }
+                return false
+              }
+
+              export default function Component() {
+                let data = useLoaderData();
+                return (
+                  <>
+                    <p data-testid="parent-data">{'Value:' + data.value}</p>
+                    <Outlet />
+                  </>
+                );
+              }
+            `,
+
+          "app/routes/parent.child.tsx": js`
+              import { data, Form, useLoaderData, useRevalidator } from "react-router";
+
+              export async function action() {
+                return { action: 'data' }
+              }
+
+              export async function loader({ request }) {
+                let header = request.headers.get('Cookie') || '';
+                let cookie = header
+                  .split(';')
+                  .map(c => c.trim())
+                  .find(c => c.startsWith('child='))
+                let strValue = (cookie || 'child=0').split("=")[1];
+                let value = parseInt(strValue, 10) + 1;
+                return data({ value }, {
+                  headers: {
+                    "Set-Cookie": "child=" + value,
+                  }
+                })
+              };
+
+              export function shouldRevalidate({ nextUrl, formData }) {
+                let revalidate = (nextUrl.searchParams.get('revalidate') || '').split(',')
+                if (revalidate.includes('child')) {
+                  return true;
+                }
+                if (formData?.getAll('revalidate')?.includes('child')) {
+                  return true;
+                }
+                return false
+              }
+
+              export default function Component() {
+                let data = useLoaderData();
+                let revalidator = useRevalidator();
+                return (
+                  <>
+                    <p data-testid="child-data">{'Value:' + data.value}</p>
+                    <Form method="post" action=".">
+                      <input type="hidden" name="revalidate" value="" />
+                      <button type="submit" id="submit-neither">Submit and revalidate neither</button>
+                    </Form>
+                    <Form method="post" action=".">
+                      <input type="hidden" name="revalidate" value="parent" />
+                      <button type="submit" id="submit-parent">Submit and revalidate parent</button>
+                    </Form>
+                    <Form method="post" action=".">
+                      <input type="hidden" name="revalidate" value="child" />
+                      <button type="submit" id="submit-child">Submit and revalidate child</button>
+                    </Form>
+                    <Form method="post" action=".">
+                      <input type="hidden" name="revalidate" value="parent" />
+                      <input type="hidden" name="revalidate" value="child" />
+                      <button type="submit" id="submit-both">Submit and revalidate both</button>
+                    </Form>
+                    {revalidator.state === 'idle' ?
+                      <p id="revalidation-idle">Revalidation idle</p> :
+                      <p id="revalidation-busy">Revalidation busy</p>}
+                    <button id="revalidate" onClick={() => revalidator.revalidate()}>
+                      Revalidate
+                    </button>
+                  </>
+                );
+              }
+            `,
+        },
+      }),
+    );
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("Revalidates according to shouldRevalidate (loading navigations)", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+
+    // Should call parent (first load)
+    await app.clickLink("/parent");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+
+    // Should call child (first load) but not parent (no param)
+    await app.clickLink("/parent/child");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+
+    // Should call neither
+    await app.clickLink("/parent/child");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+
+    // Should call both
+    await app.clickLink("/parent/child?revalidate=parent,child");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:2" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:2" }),
+    ).toBeAttached();
+
+    // Should call parent only
+    await app.clickLink("/parent/child?revalidate=parent");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:3" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:2" }),
+    ).toBeAttached();
+
+    // Should call child only
+    await app.clickLink("/parent/child?revalidate=child");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:3" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:3" }),
+    ).toBeAttached();
+  });
+
+  test("Revalidates according to shouldRevalidate (submission navigations)", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+
+    // Should call both (first load)
+    await app.clickLink("/parent/child");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+
+    // Should call neither
+    await app.clickElement("#submit-neither");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+
+    // Should call both
+    await app.clickElement("#submit-both");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:2" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:2" }),
+    ).toBeAttached();
+
+    // Should call parent only
+    await app.clickElement("#submit-parent");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:3" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:2" }),
+    ).toBeAttached();
+
+    // Should call child only
+    await app.clickElement("#submit-child");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:3" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:3" }),
+    ).toBeAttached();
+  });
+
+  test("Revalidates on demand with useRevalidator", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+
+    // Should call both (first load)
+    await app.clickLink("/parent/child");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+
+    // Should call neither on manual revalidate (no params)
+    await app.clickElement("#revalidate");
+    await page.waitForSelector("#revalidation-idle", { state: "visible" });
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:1" }),
+    ).toBeAttached();
+
+    // Should call both
+    await app.clickLink("/parent/child?revalidate=parent,child");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:2" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:2" }),
+    ).toBeAttached();
+
+    // Should call both on manual revalidate
+    await app.clickElement("#revalidate");
+    await page.waitForSelector("#revalidation-idle", { state: "visible" });
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:3" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:3" }),
+    ).toBeAttached();
+
+    // Should call parent only
+    await app.clickLink("/parent/child?revalidate=parent");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:4" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:3" }),
+    ).toBeAttached();
+
+    // Should call parent only on manual revalidate
+    await app.clickElement("#revalidate");
+    await page.waitForSelector("#revalidation-idle", { state: "visible" });
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:5" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:3" }),
+    ).toBeAttached();
+
+    // Should call child only
+    await app.clickLink("/parent/child?revalidate=child");
+    await page.waitForSelector("#idle");
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:5" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:4" }),
+    ).toBeAttached();
+
+    // Should call child only on manual revalidate
+    await app.clickElement("#revalidate");
+    await page.waitForSelector("#revalidation-idle", { state: "visible" });
+    await expect(
+      page.getByTestId("parent-data").filter({ hasText: "Value:5" }),
+    ).toBeAttached();
+    await expect(
+      page.getByTestId("child-data").filter({ hasText: "Value:5" }),
+    ).toBeAttached();
+  });
+});
diff --git a/tests/react-router-framework/integration/root-route-test.ts b/tests/react-router-framework/integration/root-route-test.ts
new file mode 100644
index 00000000..d743c9ef
--- /dev/null
+++ b/tests/react-router-framework/integration/root-route-test.ts
@@ -0,0 +1,414 @@
+import { test, expect } from "@playwright/test";
+
+import { UNSAFE_ServerMode as ServerMode } from "react-router";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("root route", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("matches the sole root route on /", async ({ page }) => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          export default function Root() {
+            return (
+              <html>
+                <body>
+                  <h1>Hello Root!</h1>
+                </body>
+              </html>
+            );
+          }
+        `,
+      },
+    });
+    appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await page.waitForSelector("h1");
+    expect(await app.getHtml("h1")).toMatch("Hello Root!");
+  });
+
+  test("renders the Layout around the component", async ({ page }) => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          export function Layout({ children }) {
+            return (
+              <html>
+                <head>
+                  <title>Layout Title</title>
+                </head>
+                <body>
+                  {children}
+                </body>
+              </html>
+            );
+          }
+          export default function Root() {
+            return <h1>Hello Root!</h1>;
+          }
+        `,
+      },
+    });
+    appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await page.waitForSelector("h1");
+    expect(await app.getHtml("title")).toMatch("Layout Title");
+    expect(await app.getHtml("h1")).toMatch("Hello Root!");
+  });
+
+  test("renders the Layout around the ErrorBoundary", async ({ page }) => {
+    let oldConsoleError;
+    oldConsoleError = console.error;
+    console.error = () => {};
+
+    fixture = await createFixture(
+      {
+        files: {
+          "app/root.tsx": js`
+          import { useRouteError } from "react-router";
+          export function Layout({ children }) {
+            return (
+              <html>
+                <head>
+                  <title>Layout Title</title>
+                </head>
+                <body>
+                  {children}
+                </body>
+              </html>
+            );
+          }
+          export default function Root() {
+            throw new Error('broken render')
+          }
+          export function ErrorBoundary() {
+            return <p>{useRouteError().message}</p>;
+          }
+        `,
+        },
+      },
+      ServerMode.Development,
+    );
+    appFixture = await createAppFixture(fixture, ServerMode.Development);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await page.waitForSelector("p");
+    expect(await app.getHtml("title")).toMatch("Layout Title");
+    expect(await app.getHtml("p")).toMatch("broken render");
+
+    console.error = oldConsoleError;
+  });
+
+  test("renders the Layout around the default ErrorBoundary", async ({
+    page,
+  }) => {
+    let oldConsoleError;
+    oldConsoleError = console.error;
+    console.error = () => {};
+
+    fixture = await createFixture(
+      {
+        files: {
+          "app/root.tsx": js`
+          export function Layout({ children }) {
+            return (
+              <html>
+                <head>
+                  <title>Layout Title</title>
+                </head>
+                <body>
+                  {children}
+                </body>
+              </html>
+            );
+          }
+          export default function Root() {
+            throw new Error('broken render')
+          }
+        `,
+        },
+      },
+      ServerMode.Development,
+    );
+    appFixture = await createAppFixture(fixture, ServerMode.Development);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await page.waitForSelector("h1");
+    expect(await app.getHtml("title")).toMatch("Layout Title");
+    expect(await app.getHtml("h1")).toMatch("Application Error");
+
+    console.error = oldConsoleError;
+  });
+
+  test("Skip the Layout on subsequent server renders if Layout/ErrorBoundary throws (sync)", async ({
+    page,
+  }) => {
+    let oldConsoleError;
+    oldConsoleError = console.error;
+    console.error = () => {};
+
+    fixture = await createFixture(
+      {
+        files: {
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Scripts, useRouteError, useRouteLoaderData } from "react-router";
+            export function Layout({ children }) {
+              let data = useRouteLoaderData("root");
+              return (
+                <html>
+                  <head>
+                    <title>Layout Title</title>
+                  </head>
+                  <body id="layout">
+                    <p>{data.this.should.throw}</p>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+            export function loader() {
+              return { ok: true };
+            }
+            export default function Root() {
+              return <p>success</p>;
+            }
+            export function ErrorBoundary() {
+              return <p>error</p>;
+            }
+          `,
+        },
+      },
+      ServerMode.Development,
+    );
+    appFixture = await createAppFixture(fixture, ServerMode.Development);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    // The server should send back the fallback 500 HTML since it was unable
+    // to render the Layout/ErrorBoundary combo
+    expect(await app.page.$("#layout")).toBeNull();
+    expect(await app.getHtml("pre")).toMatch("Unexpected Server Error");
+    expect(await app.getHtml("pre")).toMatch(
+      "Cannot read properties of undefined",
+    );
+
+    console.error = oldConsoleError;
+  });
+
+  test("Skip the Layout on subsequent client renders if Layout/ErrorBoundary throws (async)", async ({
+    page,
+    browserName,
+  }) => {
+    let oldConsoleError;
+    oldConsoleError = console.error;
+    console.error = () => {};
+
+    fixture = await createFixture(
+      {
+        files: {
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Await, Scripts, useRouteError, useRouteLoaderData } from "react-router";
+            export function Layout({ children }) {
+              let data = useRouteLoaderData("root");
+              return (
+                <html>
+                  <head>
+                    <title>Layout Title</title>
+                  </head>
+                  <body id="layout">
+                    <React.Suspense fallback={<p id="loading">Loading...</p>}>
+                      <Await resolve={data.lazy}>
+                        {(v) => <p>{v.this.should.throw}</p>}
+                      </Await>
+                    </React.Suspense>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+            export function loader() {
+              return {
+                // this lets the app hydrate properly, then reject the promise,
+                // which should throw on the initial render _and_ the error render,
+                // resulting in us bubbling to the default error boundary and skipping
+                // our Layout component entirely to avoid a loop
+                lazy: new Promise((r) => setTimeout(() => r(null), 1000)),
+              };
+            }
+            export default function Root() {
+              return <p>success</p>;
+            }
+            export function ErrorBoundary() {
+              return <p>error</p>;
+            }
+          `,
+        },
+      },
+      ServerMode.Development,
+    );
+    appFixture = await createAppFixture(fixture, ServerMode.Development);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", false);
+    expect(await app.page.$("#layout")).toBeDefined();
+    expect(await app.getHtml("#loading")).toMatch("Loading...");
+    await page.waitForSelector("h1");
+    expect(await app.page.$("#layout")).toBeNull();
+    expect(await app.getHtml("title")).toMatch("Application Error");
+    expect(await app.getHtml("h1")).toMatch("Application Error");
+    if (browserName === "chromium") {
+      expect(await app.getHtml("pre")).toMatch(
+        "TypeError: Cannot read properties of null",
+      );
+    } else {
+      // Other browsers don't include the error message in the stack trace so just
+      // ensure we get the `<pre>` rendered
+      expect(await app.getHtml("pre")).toMatch("color: red;");
+    }
+
+    console.error = oldConsoleError;
+  });
+
+  test("Skip the Layout on subsequent server renders if the Layout/DefaultErrorBoundary throws (sync)", async ({
+    page,
+  }) => {
+    let oldConsoleError;
+    oldConsoleError = console.error;
+    console.error = () => {};
+
+    fixture = await createFixture(
+      {
+        files: {
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Scripts, useRouteLoaderData } from "react-router";
+            export function Layout({ children }) {
+              let data = useRouteLoaderData("root");
+              return (
+                <html>
+                  <head>
+                    <title>Layout Title</title>
+                  </head>
+                  <body id="layout">
+                    <p>{data.this.should.throw}</p>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+            export function loader() {
+              return { ok: true };
+            }
+            export default function Root() {
+              return <p>success</p>;
+            }
+          `,
+        },
+      },
+      ServerMode.Development,
+    );
+    appFixture = await createAppFixture(fixture, ServerMode.Development);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/");
+    // The server should send back the fallback 500 HTML since it was unable
+    // to render the Layout/ErrorBoundary combo
+    expect(await app.page.$("#layout")).toBeNull();
+    expect(await app.getHtml("pre")).toMatch("Unexpected Server Error");
+    expect(await app.getHtml("pre")).toMatch(
+      "Cannot read properties of undefined",
+    );
+
+    console.error = oldConsoleError;
+  });
+
+  test("Skip the Layout on subsequent client renders if the Layout/DefaultErrorBoundary throws (async)", async ({
+    page,
+    browserName,
+  }) => {
+    let oldConsoleError;
+    oldConsoleError = console.error;
+    console.error = () => {};
+
+    fixture = await createFixture(
+      {
+        files: {
+          "app/root.tsx": js`
+            import * as React from "react";
+            import { Await, Scripts, useRouteError, useRouteLoaderData } from "react-router";
+            export function Layout({ children }) {
+              let data = useRouteLoaderData("root");
+              return (
+                <html>
+                  <head>
+                    <title>Layout Title</title>
+                  </head>
+                  <body id="layout">
+                    <React.Suspense fallback={<p id="loading">Loading...</p>}>
+                      <Await resolve={data.lazy}>
+                        {(v) => <p>{v.this.should.throw}</p>}
+                      </Await>
+                    </React.Suspense>
+                    {children}
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+            export function loader() {
+              return {
+                // this lets the app hydrate properly, then reject the promise,
+                // which should throw on the initial render _and_ the error render,
+                // resulting in us bubbling to the default error boundary and skipping
+                // our Layout component entirely to avoid a loop
+                lazy: new Promise((r) => setTimeout(() => r(null), 1000)),
+              };
+            }
+            export default function Root() {
+              return <p>success</p>;
+            }
+          `,
+        },
+      },
+      ServerMode.Development,
+    );
+    appFixture = await createAppFixture(fixture, ServerMode.Development);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", false);
+    expect(await app.page.$("#layout")).toBeDefined();
+    expect(await app.getHtml("#loading")).toMatch("Loading...");
+    await page.waitForSelector("h1");
+    expect(await app.page.$("#layout")).toBeNull();
+    expect(await app.getHtml("title")).toMatch("Application Error");
+    expect(await app.getHtml("h1")).toMatch("Application Error");
+
+    if (browserName === "chromium") {
+      expect(await app.getHtml("pre")).toMatch(
+        "TypeError: Cannot read properties of null",
+      );
+    } else {
+      // Other browsers don't include the error message in the stack trace so just
+      // ensure we get the `<pre>` rendered
+      expect(await app.getHtml("pre")).toMatch("color: red;");
+    }
+
+    console.error = oldConsoleError;
+  });
+});
diff --git a/tests/react-router-framework/integration/route-added-test.ts b/tests/react-router-framework/integration/route-added-test.ts
new file mode 100644
index 00000000..f4cb228e
--- /dev/null
+++ b/tests/react-router-framework/integration/route-added-test.ts
@@ -0,0 +1,89 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import { test, expect } from "@playwright/test";
+import getPort from "get-port";
+
+import { createProject, dev, rsbuildConfig } from "./helpers/rsbuild.js";
+
+const files = {
+  "app/routes/_index.tsx": String.raw`
+    import { useState, useEffect } from "react";
+    import { Link } from "react-router";
+
+    export default function IndexRoute() {
+      const [mounted, setMounted] = useState(false);
+      useEffect(() => {
+        setMounted(true);
+      }, []);
+
+      return (
+        <p data-mounted>Mounted: {mounted ? "yes" : "no"}</p>
+      );
+    }
+  `,
+};
+
+test.describe(async () => {
+  let port: number;
+  let cwd: string;
+  let stop: () => void;
+
+  test.beforeAll(async () => {
+    port = await getPort();
+    cwd = await createProject({
+      "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+      ...files,
+    });
+    stop = await dev({ cwd, port });
+  });
+  test.afterAll(() => stop());
+
+  test("dev / route added", async ({ page, browserName }) => {
+    test.skip(
+      browserName === "webkit",
+      "Safari caches too aggressively, browser manifest is cached with old routes",
+    );
+
+    let pageErrors: Error[] = [];
+    page.on("pageerror", (error) => pageErrors.push(error));
+
+    // wait for hydration to make sure initial virtual modules are loaded
+    await page.goto(`http://localhost:${port}/`, { waitUntil: "networkidle" });
+    await expect(page.locator("[data-mounted]")).toHaveText("Mounted: yes");
+
+    // add new route file
+    await fs.writeFile(
+      path.join(cwd, "app/routes/new.tsx"),
+      String.raw`
+        export default function Route() {
+          return (
+            <div id="new">new route</div>
+          );
+        }
+      `,
+      "utf-8",
+    );
+
+    // client is not notified of new route addition (https://github.com/remix-run/remix/issues/7894)
+    // however server can handle new route
+    await expect
+      .poll(
+        async () => {
+          try {
+            await page.goto(`http://localhost:${port}/new`);
+          } catch (error) {
+            if (
+              error instanceof Error &&
+              error.message.includes("ERR_CONNECTION_REFUSED")
+            ) {
+              return false;
+            }
+            throw error;
+          }
+          return page.getByText("new route").isVisible();
+        },
+        { timeout: 10_000 },
+      )
+      .toBe(true);
+  });
+});
diff --git a/tests/react-router-framework/integration/route-collisions-test.ts b/tests/react-router-framework/integration/route-collisions-test.ts
new file mode 100644
index 00000000..92d7ac12
--- /dev/null
+++ b/tests/react-router-framework/integration/route-collisions-test.ts
@@ -0,0 +1,144 @@
+import { PassThrough } from "node:stream";
+import { test, expect } from "@playwright/test";
+
+import { createFixture, js } from "./helpers/create-fixture.js";
+
+let ROOT_FILE_CONTENTS = js`
+  import { Outlet, Scripts } from "react-router";
+
+  export default function App() {
+    return (
+      <html lang="en">
+        <body>
+          <Outlet />
+          <Scripts />
+        </body>
+      </html>
+    );
+  }
+`;
+
+let LAYOUT_FILE_CONTENTS = js`
+  import { Outlet } from "react-router";
+
+  export default function Layout() {
+    return <Outlet />
+  }
+`;
+
+let LEAF_FILE_CONTENTS = js`
+  export default function Foo() {
+    return <h1>Foo</h1>;
+  }
+`;
+
+test.describe("build failures", () => {
+  let originalConsoleLog = console.log;
+  let originalConsoleWarn = console.warn;
+  let originalConsoleError = console.error;
+
+  test.beforeAll(async () => {
+    console.log = () => {};
+    console.warn = () => {};
+    console.error = () => {};
+  });
+
+  test.afterAll(() => {
+    console.log = originalConsoleLog;
+    console.warn = originalConsoleWarn;
+    console.error = originalConsoleError;
+  });
+
+  async function setup(files: Record<string, string>) {
+    let buildStdio = new PassThrough();
+    let buildOutput: string;
+    await createFixture({
+      buildStdio,
+      files,
+    });
+    let chunks: Buffer[] = [];
+    buildOutput = await new Promise<string>((resolve, reject) => {
+      buildStdio.on("data", (chunk) => chunks.push(Buffer.from(chunk)));
+      buildStdio.on("error", (err) => reject(err));
+      buildStdio.on("end", () =>
+        resolve(Buffer.concat(chunks).toString("utf8")),
+      );
+    });
+    return buildOutput;
+  }
+
+  test("detects path collisions inside pathless layout routes", async () => {
+    let buildOutput = await setup({
+      "app/root.tsx": ROOT_FILE_CONTENTS,
+      "app/routes/foo.jsx": LEAF_FILE_CONTENTS,
+      "app/routes/_pathless.jsx": LAYOUT_FILE_CONTENTS,
+      "app/routes/_pathless.foo.jsx": LEAF_FILE_CONTENTS,
+    });
+    expect(buildOutput).toContain(`⚠️ Route Path Collision: "/foo"`);
+    expect(buildOutput).toContain(`🟢 routes/_pathless.foo.jsx`);
+    expect(buildOutput).toContain(`⭕️️ routes/foo.jsx`);
+  });
+
+  test("detects path collisions across pathless layout routes", async () => {
+    let buildOutput = await setup({
+      "app/root.tsx": ROOT_FILE_CONTENTS,
+      "app/routes/_pathless.jsx": LAYOUT_FILE_CONTENTS,
+      "app/routes/_pathless.foo.jsx": LEAF_FILE_CONTENTS,
+      "app/routes/_pathless2.jsx": LAYOUT_FILE_CONTENTS,
+      "app/routes/_pathless2.foo.jsx": LEAF_FILE_CONTENTS,
+    });
+    expect(buildOutput).toContain(`⚠️ Route Path Collision: "/foo"`);
+    expect(buildOutput).toContain(`🟢 routes/_pathless2.foo.jsx`);
+    expect(buildOutput).toContain(`⭕️️ routes/_pathless.foo.jsx`);
+  });
+
+  test("detects path collisions inside multiple pathless layout routes", async () => {
+    let buildOutput = await setup({
+      "app/root.tsx": ROOT_FILE_CONTENTS,
+      "app/routes/foo.jsx": LEAF_FILE_CONTENTS,
+      "app/routes/_pathless.jsx": LAYOUT_FILE_CONTENTS,
+      "app/routes/_pathless._again.jsx": LAYOUT_FILE_CONTENTS,
+      "app/routes/_pathless._again.foo.jsx": LEAF_FILE_CONTENTS,
+    });
+    expect(buildOutput).toContain(`⚠️ Route Path Collision: "/foo"`);
+    expect(buildOutput).toContain(`🟢 routes/_pathless._again.foo.jsx`);
+    expect(buildOutput).toContain(`⭕️️ routes/foo.jsx`);
+  });
+
+  test("detects path collisions of index files inside pathless layouts", async () => {
+    let buildOutput = await setup({
+      "app/root.tsx": ROOT_FILE_CONTENTS,
+      "app/routes/_index.jsx": LEAF_FILE_CONTENTS,
+      "app/routes/_pathless.jsx": LAYOUT_FILE_CONTENTS,
+      "app/routes/_pathless._index.jsx": LEAF_FILE_CONTENTS,
+    });
+    expect(buildOutput).toContain(`⚠️ Route Path Collision: "/"`);
+    expect(buildOutput).toContain(`🟢 routes/_pathless._index.jsx`);
+    expect(buildOutput).toContain(`⭕️️ routes/_index.jsx`);
+  });
+
+  test("detects path collisions of index files across multiple pathless layouts", async () => {
+    let buildOutput = await setup({
+      "app/root.tsx": ROOT_FILE_CONTENTS,
+      "app/routes/nested._pathless.jsx": LAYOUT_FILE_CONTENTS,
+      "app/routes/nested._pathless._index.jsx": LEAF_FILE_CONTENTS,
+      "app/routes/nested._oops.jsx": LAYOUT_FILE_CONTENTS,
+      "app/routes/nested._oops._index.jsx": LEAF_FILE_CONTENTS,
+    });
+    expect(buildOutput).toContain(`⚠️ Route Path Collision: "/nested"`);
+    expect(buildOutput).toContain(`🟢 routes/nested._pathless._index.jsx`);
+    expect(buildOutput).toContain(`⭕️️ routes/nested._oops._index.jsx`);
+  });
+
+  test("detects path collisions of param routes inside pathless layouts", async () => {
+    let buildOutput = await setup({
+      "app/root.tsx": ROOT_FILE_CONTENTS,
+      "app/routes/$param.jsx": LEAF_FILE_CONTENTS,
+      "app/routes/_pathless.jsx": LAYOUT_FILE_CONTENTS,
+      "app/routes/_pathless.$param.jsx": LEAF_FILE_CONTENTS,
+    });
+    expect(buildOutput).toContain(`⚠️ Route Path Collision: "/:param"`);
+    expect(buildOutput).toContain(`🟢 routes/_pathless.$param.jsx`);
+    expect(buildOutput).toContain(`⭕️️ routes/$param.jsx`);
+  });
+});
diff --git a/tests/react-router-framework/integration/route-config-test.ts b/tests/react-router-framework/integration/route-config-test.ts
new file mode 100644
index 00000000..14f90f39
--- /dev/null
+++ b/tests/react-router-framework/integration/route-config-test.ts
@@ -0,0 +1,275 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import { expect } from "@playwright/test";
+
+import {
+  type Files,
+  createProject,
+  build,
+  test,
+  rsbuildConfig,
+  createEditor,
+  bundlerTemplates,
+} from "./helpers/rsbuild.js";
+
+const js = String.raw;
+
+test.describe("route config", () => {
+  bundlerTemplates.forEach(({ templateName, templateDisplayName }) => {
+    test.describe(templateDisplayName, () => {
+      // Skip everywhere except chromium
+      test.skip(({ browserName }) => browserName !== "chromium");
+
+      test("fails the build if route config is missing", async () => {
+        let cwd = await createProject({}, templateName);
+        await fs.rm(path.join(cwd, "app/routes.ts"));
+        let buildResult = build({ cwd });
+        expect(buildResult.status).toBe(1);
+        expect(buildResult.stderr.toString()).toContain(
+          'Route config file not found at "app/routes.ts"',
+        );
+      });
+
+      test("fails the build if route config is invalid", async () => {
+        let cwd = await createProject(
+          { "app/routes.ts": `export default INVALID(` },
+          templateName,
+        );
+        let buildResult = build({ cwd });
+        expect(buildResult.status).toBe(1);
+        expect(buildResult.stderr.toString()).toContain(
+          'Route config in "routes.ts" is invalid.',
+        );
+      });
+
+      test("fails the dev process if route config is initially invalid", async ({
+        dev,
+      }) => {
+        let files: Files = async ({ port }) => ({
+          "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+          "app/routes.ts": `export default INVALID(`,
+        });
+        let devError: Error | undefined;
+        try {
+          await dev(files);
+        } catch (error: any) {
+          devError = error;
+        }
+        expect(devError?.toString()).toContain(
+          'Route config in "routes.ts" is invalid.',
+        );
+      });
+
+      test("supports correcting an invalid route config", async ({
+        page,
+        dev,
+      }) => {
+        let files: Files = async ({ port }) => ({
+          "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+          "app/routes.ts": js`
+            import { type RouteConfig, index } from "@react-router/dev/routes";
+
+            export default [
+              index("test-route-1.tsx"),
+            ] satisfies RouteConfig;
+          `,
+          "app/test-route-1.tsx": `
+            export default () => <div data-test-route>Test route 1</div>
+          `,
+          "app/test-route-2.tsx": `
+            export default () => <div data-test-route>Test route 2</div>
+          `,
+        });
+        let { cwd, port } = await dev(files);
+
+        await page.goto(`http://localhost:${port}/`, {
+          waitUntil: "networkidle",
+        });
+        await expect(page.locator("[data-test-route]")).toHaveText(
+          "Test route 1",
+        );
+
+        let edit = createEditor(cwd);
+
+        // Make config invalid
+        await edit("app/routes.ts", (contents) => contents + "INVALID");
+
+        // Ensure dev server is still running with old config + HMR
+        await edit("app/test-route-1.tsx", (contents) =>
+          contents.replace("Test route 1", "Test route 1 updated"),
+        );
+        await expect(page.locator("[data-test-route]")).toHaveText(
+          "Test route 1 updated",
+        );
+
+        // Fix config with new route
+        await edit("app/routes.ts", (contents) =>
+          contents
+            .replace("INVALID", "")
+            .replace("test-route-1", "test-route-2"),
+        );
+
+        await expect(async () => {
+          // Reload to pick up new route for current path
+          await page.reload();
+          await expect(page.locator("[data-test-route]")).toHaveText(
+            "Test route 2",
+          );
+        }).toPass();
+      });
+
+      test("supports correcting an invalid route config module graph", async ({
+        page,
+        dev,
+      }) => {
+        let files: Files = async ({ port }) => ({
+          "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+          "app/routes.ts": js`
+            export { default } from "./actual-routes";
+          `,
+          "app/actual-routes.ts": js`
+            import { type RouteConfig, index } from "@react-router/dev/routes";
+
+            export default [
+              index("test-route-1.tsx"),
+            ] satisfies RouteConfig;
+          `,
+          "app/test-route-1.tsx": `
+            export default () => <div data-test-route>Test route 1</div>
+          `,
+          "app/test-route-2.tsx": `
+            export default () => <div data-test-route>Test route 2</div>
+          `,
+        });
+        let { cwd, port } = await dev(files);
+
+        await page.goto(`http://localhost:${port}/`, {
+          waitUntil: "networkidle",
+        });
+        await expect(page.locator("[data-test-route]")).toHaveText(
+          "Test route 1",
+        );
+
+        let edit = createEditor(cwd);
+
+        // Make config invalid
+        await edit("app/actual-routes.ts", (contents) => contents + "INVALID");
+
+        // Ensure dev server is still running with old config + HMR
+        await edit("app/test-route-1.tsx", (contents) =>
+          contents.replace("Test route 1", "Test route 1 updated"),
+        );
+        await expect(page.locator("[data-test-route]")).toHaveText(
+          "Test route 1 updated",
+        );
+
+        // Fix config with new route
+        await edit("app/actual-routes.ts", (contents) =>
+          contents
+            .replace("INVALID", "")
+            .replace("test-route-1", "test-route-2"),
+        );
+
+        await expect(async () => {
+          // Reload to pick up new route for current path
+          await page.reload();
+          await expect(page.locator("[data-test-route]")).toHaveText(
+            "Test route 2",
+          );
+        }).toPass();
+      });
+
+      test("supports correcting a missing route config", async ({
+        page,
+        dev,
+      }) => {
+        let files: Files = async ({ port }) => ({
+          "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+          "app/routes.ts": js`
+            import { type RouteConfig, index } from "@react-router/dev/routes";
+
+            export default [
+              index("test-route-1.tsx"),
+            ] satisfies RouteConfig;
+          `,
+          "app/test-route-1.tsx": js`
+            export default () => <div data-test-route>Test route 1</div>
+          `,
+          "app/test-route-2.tsx": js`
+            export default () => <div data-test-route>Test route 2</div>
+          `,
+        });
+        let { cwd, port } = await dev(files);
+
+        await page.goto(`http://localhost:${port}/`, {
+          waitUntil: "networkidle",
+        });
+        await expect(page.locator("[data-test-route]")).toHaveText(
+          "Test route 1",
+        );
+
+        let edit = createEditor(cwd);
+
+        let INVALID_FILENAME = "app/routes.ts.oops";
+
+        // Rename config to make it missing
+        await fs.rename(
+          path.join(cwd, "app/routes.ts"),
+          path.join(cwd, INVALID_FILENAME),
+        );
+
+        // Ensure dev server is still running with old config + HMR
+        await edit("app/test-route-1.tsx", (contents) =>
+          contents.replace("Test route 1", "Test route 1 updated"),
+        );
+        await expect(page.locator("[data-test-route]")).toHaveText(
+          "Test route 1 updated",
+        );
+
+        // Add new route
+        await edit(INVALID_FILENAME, (contents) =>
+          contents.replace("test-route-1", "test-route-2"),
+        );
+
+        // Rename config to bring it back
+        await fs.rename(
+          path.join(cwd, INVALID_FILENAME),
+          path.join(cwd, "app/routes.ts"),
+        );
+
+        await expect(async () => {
+          // Reload to pick up new route for current path
+          await page.reload({ waitUntil: "networkidle" });
+          await expect(page.locator("[data-test-route]")).toHaveText(
+            "Test route 2",
+          );
+        }).toPass();
+      });
+
+      test("supports absolute route file paths", async ({ page, dev }) => {
+        let files: Files = async ({ port }) => ({
+          "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+          "app/routes.ts": js`
+            import path from "node:path";
+            import { type RouteConfig, index } from "@react-router/dev/routes";
+
+            export default [
+              index(path.resolve(import.meta.dirname, "test-route.tsx")),
+            ] satisfies RouteConfig;
+          `,
+          "app/test-route.tsx": `
+            export default () => <div data-test-route>Test route</div>
+          `,
+        });
+        let { port } = await dev(files);
+
+        await page.goto(`http://localhost:${port}/`, {
+          waitUntil: "networkidle",
+        });
+        await expect(page.locator("[data-test-route]")).toHaveText(
+          "Test route",
+        );
+      });
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/route-exports-modified-offscreen-test.ts b/tests/react-router-framework/integration/route-exports-modified-offscreen-test.ts
new file mode 100644
index 00000000..a26f2748
--- /dev/null
+++ b/tests/react-router-framework/integration/route-exports-modified-offscreen-test.ts
@@ -0,0 +1,107 @@
+import { test, expect } from "@playwright/test";
+import getPort from "get-port";
+
+import {
+  createProject,
+  createEditor,
+  dev,
+  rsbuildConfig,
+} from "./helpers/rsbuild.js";
+
+const files = {
+  "app/routes/_index.tsx": String.raw`
+    import { useState, useEffect } from "react";
+    import { Link } from "react-router";
+
+    export default function IndexRoute() {
+      const [mounted, setMounted] = useState(false);
+      useEffect(() => {
+        setMounted(true);
+      }, []);
+
+      return (
+        <div>
+          <p data-mounted>Mounted: {mounted ? "yes" : "no"}</p>
+          <Link to="/other">/other</Link>
+        </div>
+      );
+    }
+  `,
+  "app/routes/other.tsx": String.raw`
+    import { useLoaderData } from "react-router";
+
+    export const loader = () => "hello";
+
+    export default function Route() {
+      const loaderData = useLoaderData();
+      return (
+        <div data-loader-data>loaderData = {JSON.stringify(loaderData)}</div>
+      );
+    }
+  `,
+};
+
+test.describe(async () => {
+  let port: number;
+  let cwd: string;
+  let stop: () => void;
+
+  test.beforeAll(async () => {
+    port = await getPort();
+    cwd = await createProject({
+      "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+      ...files,
+    });
+    stop = await dev({ cwd, port });
+  });
+  test.afterAll(() => stop());
+
+  test("dev / route exports modified offscreen", async ({
+    page,
+    context,
+    browserName,
+  }) => {
+    let pageErrors: Error[] = [];
+    page.on("pageerror", (error) => pageErrors.push(error));
+    let edit = createEditor(cwd);
+
+    await page.goto(`http://localhost:${port}`, { waitUntil: "networkidle" });
+    await expect(page.locator("[data-mounted]")).toHaveText("Mounted: yes");
+    expect(pageErrors).toEqual([]);
+
+    let originalContents: string;
+
+    // Removing loader export in other page should invalidate manifest
+    await edit("app/routes/other.tsx", (contents) => {
+      originalContents = contents;
+      return contents.replace(/export const loader.*/, "");
+    });
+    // Give the server time to pick the manifest change
+    await new Promise((resolve) => setTimeout(resolve, 200));
+
+    // After browser reload, client should be aware that there's no loader on the other route
+    if (browserName === "webkit") {
+      // Force new page instance for webkit.
+      // Otherwise browser doesn't seem to fetch new manifest probably due to caching.
+      page = await context.newPage();
+    }
+    // In case the earlier wait wasn't enough, let the test try again
+    await expect(async () => {
+      await page.goto(`http://localhost:${port}`, { waitUntil: "networkidle" });
+      await expect(page.locator("[data-mounted]")).toHaveText("Mounted: yes");
+      await page.getByRole("link", { name: "/other" }).click();
+      await expect(page.locator("[data-loader-data]")).toHaveText(
+        "loaderData = null",
+      );
+    }).toPass();
+    expect(pageErrors).toEqual([]);
+
+    // Revert route to original state to check HMR works and to ensure the
+    // original file contents were valid
+    await edit("app/routes/other.tsx", () => originalContents);
+    await expect(page.locator("[data-loader-data]")).toHaveText(
+      'loaderData = "hello"',
+    );
+    expect(pageErrors).toEqual([]);
+  });
+});
diff --git a/tests/react-router-framework/integration/rsc/rsc-css-test.ts b/tests/react-router-framework/integration/rsc/rsc-css-test.ts
new file mode 100644
index 00000000..582cf5e0
--- /dev/null
+++ b/tests/react-router-framework/integration/rsc/rsc-css-test.ts
@@ -0,0 +1,109 @@
+import { expect } from "@playwright/test";
+
+import { test } from "../helpers/rsbuild";
+import { js, validateRSCHtml } from "./utils";
+
+const css = String.raw;
+
+// End-to-end proof for the `entryCssFiles` streaming fix in
+// `src/rsc-route-transforms.ts` (createServerRouteEntry): CSS that is imported
+// by a SERVER-FIRST route (imported in the RSC layer, route exports
+// `ServerComponent`) must be applied at first paint. The unit tests only pin
+// the emitted wrapper code; this confirms rspack's RscServerPlugin actually
+// populates `entryCssFiles` at runtime so the stylesheet link is streamed into
+// the server-rendered document BEFORE hydration.
+test.describe("RSC server-first route CSS", () => {
+  test("streams server-first route CSS as a stylesheet link at first paint", async ({
+    page,
+    browser,
+    rsbuildPreview,
+  }) => {
+    let { port } = await rsbuildPreview(
+      async () => ({
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet } from "react-router";
+
+          export function ServerLayout({ children }: { children: React.ReactNode }) {
+            return (
+              <html lang="en">
+                <head>
+                  <meta charSet="utf-8" />
+                  <meta name="viewport" content="width=device-width, initial-scale=1" />
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  {children}
+                </body>
+              </html>
+            );
+          }
+
+          export function ServerComponent() {
+            return <Outlet />;
+          }
+        `,
+        // Server-first route: CSS imported in the RSC layer, route exports
+        // ServerComponent (no default/client component). This CSS never reaches
+        // the client compilation's <Links>, so it can only reach first paint via
+        // the entryCssFiles stream. Colocated inside a route folder so flatRoutes
+        // treats route.tsx as the route and does not pick up styles.css itself.
+        "app/routes/css/route.tsx": js`
+          import "./styles.css";
+
+          export function ServerComponent() {
+            return (
+              <div id="css-target" className="server-first-css">
+                <h1 data-testid="rsc-css-title">RSC Server-First CSS</h1>
+              </div>
+            );
+          }
+        `,
+        "app/routes/css/styles.css": css`
+          .server-first-css {
+            padding: 42px;
+          }
+        `,
+      }),
+      "rsc-framework",
+    );
+
+    let url = `http://localhost:${port}/css`;
+
+    // (a) The raw server-rendered document (no browser JS involved) must contain
+    // the stylesheet link. This is the discriminator for the fix: if
+    // entryCssFiles is empty at runtime the link never gets streamed and no .css
+    // stylesheet link appears in the document.
+    let res = await page.request.get(url);
+    let html = await res.text();
+    validateRSCHtml(html); // confirm this is genuinely an RSC document response
+    let cssLink = html.match(
+      /<link[^>]+rel="stylesheet"[^>]+href="([^"]+\.css)"/,
+    );
+    expect(
+      cssLink,
+      `Server document must contain a CSS stylesheet link. If null, entryCssFiles was EMPTY at runtime (mechanism did not populate). Document head:\n${html.slice(
+        0,
+        2500,
+      )}`,
+    ).toBeTruthy();
+
+    // (b) First paint proof: with JS disabled the browser only has the streamed
+    // server document. If the computed style applies, the stylesheet link was
+    // present and resolvable at first paint (before/without hydration).
+    let ctx = await browser.newContext({ javaScriptEnabled: false });
+    try {
+      let nojsPage = await ctx.newPage();
+      await nojsPage.goto(url, { waitUntil: "load" });
+      await expect(nojsPage.getByTestId("rsc-css-title")).toHaveText(
+        "RSC Server-First CSS",
+      );
+      await expect(nojsPage.locator("#css-target")).toHaveCSS(
+        "padding",
+        "42px",
+      );
+    } finally {
+      await ctx.close();
+    }
+  });
+});
diff --git a/tests/react-router-framework/integration/rsc/rsc-framework-test.ts b/tests/react-router-framework/integration/rsc/rsc-framework-test.ts
new file mode 100644
index 00000000..170e89eb
--- /dev/null
+++ b/tests/react-router-framework/integration/rsc/rsc-framework-test.ts
@@ -0,0 +1,52 @@
+import { expect } from "@playwright/test";
+
+import { test } from "../helpers/rsbuild";
+import { js, validateRSCHtml } from "./utils";
+
+test.describe("RSC Framework", () => {
+  test("serves document responses with React Server Components payloads", async ({
+    page,
+    rsbuildPreview,
+  }) => {
+    let { port } = await rsbuildPreview(
+      async () => ({
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet } from "react-router";
+
+          export function ServerLayout({ children }: { children: React.ReactNode }) {
+            return (
+              <html lang="en">
+                <head>
+                  <meta charSet="utf-8" />
+                  <meta name="viewport" content="width=device-width, initial-scale=1" />
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  {children}
+                </body>
+              </html>
+            );
+          }
+
+          export function ServerComponent() {
+            return <Outlet />;
+          }
+        `,
+        "app/routes/_index.tsx": js`
+          export function ServerComponent() {
+            return <h1 data-testid="rsc-title">RSC Framework Home</h1>;
+          }
+        `,
+      }),
+      "rsc-framework",
+    );
+
+    await page.goto(`http://localhost:${port}/`);
+
+    await expect(page.getByTestId("rsc-title")).toHaveText(
+      "RSC Framework Home",
+    );
+    validateRSCHtml(await page.content());
+  });
+});
diff --git a/tests/react-router-framework/integration/rsc/rsc-nojs-test.ts b/tests/react-router-framework/integration/rsc/rsc-nojs-test.ts
new file mode 100644
index 00000000..8f6d8bab
--- /dev/null
+++ b/tests/react-router-framework/integration/rsc/rsc-nojs-test.ts
@@ -0,0 +1,291 @@
+import { test, expect } from "@playwright/test";
+import getPort from "get-port";
+
+import { implementations, js, setupRscTest, validateRSCHtml } from "./utils";
+
+implementations.forEach((implementation) => {
+  test.describe(`RSC nojs (${implementation.name})`, () => {
+    let port: number;
+    let stop: () => void;
+
+    test.afterAll(() => {
+      stop?.();
+    });
+
+    test.beforeAll(async () => {
+      port = await getPort();
+      stop = await setupRscTest({
+        implementation,
+        port,
+        files: {
+          "src/routes.ts": js`
+            import type { unstable_RSCRouteConfig as RSCRouteConfig } from "react-router";
+
+            export const routes = [
+              {
+                id: "root",
+                path: "",
+                lazy: () => import("./routes/root"),
+                children: [
+                  {
+                    id: "home",
+                    index: true,
+                    lazy: () => import("./routes/home"),
+                  },
+                  {
+                    id: "render-redirect-lazy",
+                    path: "/render-redirect/lazy/:id?",
+                    lazy: () => import("./routes/render-redirect/lazy"),
+                  },
+                  {
+                    id: "render-redirect",
+                    path: "/render-redirect/:id?",
+                    lazy: () => import("./routes/render-redirect/home"),
+                  },
+                ],
+              },
+            ] satisfies RSCRouteConfig;
+          `,
+          "src/routes/home.actions.ts": js`
+            "use server";
+            import { redirect } from "react-router";
+
+            export async function redirectAction() {
+              redirect("/?redirected=true", { headers: { "x-test": "test" } });
+              return "redirected";
+            }
+
+            export async function incrementAction(prev) {
+              return prev + 1;
+            }
+          `,
+          "src/routes/home.client.tsx": js`
+            "use client";
+            import { useState } from "react";
+
+            export function Counter() {
+              const [count, setCount] = useState(0);
+              return <button type="button" onClick={() => setCount(c => c + 1)} data-count>Count: {count}</button>;
+            }
+          `,
+          "src/routes/home.tsx": js`
+            "use client";
+            import {useActionState} from "react";
+            import { redirectAction, incrementAction } from "./home.actions";
+            import { Counter } from "./home.client";
+
+            export default function HomeRoute(props) {
+              const [state, action] = useActionState(redirectAction, null);
+              return (
+                <div>
+                  <form action={action}>
+                    <button type="submit" data-submit>
+                      Redirect via Server Function
+                    </button>
+                  </form>
+                  {state && <div data-testid="state">{state}</div>}
+                  <Counter />
+                  <TestActionState />
+                </div>
+              );
+            }
+
+            function TestActionState() {
+              const [state, action] = useActionState(incrementAction, 0);
+              return (
+                <form action={action}>
+                  <button type="submit" data-action-state-increment-submit>
+                    action-state-increment
+                  </button>
+                  <div data-action-state-increment-result>{state}</div>
+                </form>
+              );
+            }
+          `,
+
+          "src/routes/render-redirect/home.tsx": js`
+            import { Link, redirect } from "react-router";
+
+            export default function RenderRedirect({ params: { id } }) {
+              if (id === "redirect") {
+                throw redirect("/render-redirect/redirected");
+              }
+
+              if (id === "external") {
+                throw redirect("https://example.com/");
+              }
+
+              if (id === "unsupported-protocol") {
+                throw redirect("about:blank");
+              }
+
+              return (
+                <>
+                  <h1>{id || "home"}</h1>
+                  <Link to="/render-redirect/redirect">Redirect</Link>
+                  <Link to="/render-redirect/external">External</Link>
+                  <Link to="/render-redirect/unsupported-protocol">Unsupported</Link>
+                </>
+              )
+            }
+          `,
+          "src/routes/render-redirect/lazy.tsx": js`
+            import { Suspense } from "react";
+            import { Link, redirect } from "react-router";
+
+            export default function RenderRedirect({ params: { id } }) {
+              return (
+                <Suspense fallback={<p>Loading...</p>}>
+                  <Lazy id={id} />
+                </Suspense>
+              );
+            }
+
+            async function Lazy({ id }) {
+              await new Promise((r) => setTimeout(r, 0));
+
+              if (id === "redirect") {
+                throw redirect("/render-redirect/lazy/redirected");
+              }
+
+              if (id === "external") {
+                throw redirect("https://example.com/");
+              }
+
+              if (id === "unsupported-protocol") {
+                throw redirect("about:blank");
+              }
+
+              return (
+                <>
+                  <h1>{id || "home"}</h1>
+                  <Link to="/render-redirect/lazy/redirect">Redirect</Link>
+                  <Link to="/render-redirect/external">External</Link>
+                  <Link to="/render-redirect/lazy/unsupported-protocol">Unsupported</Link>
+                </>
+              );
+            }
+          `,
+        },
+      });
+    });
+
+    test("Supports React Server Functions side-effect redirect headers for document requests", async ({
+      page,
+    }, { project }) => {
+      test.skip(project.name !== "chromium");
+
+      await page.goto(`http://localhost:${port}/`);
+
+      const responseHeadersPromise = new Promise<Record<string, string>>(
+        (resolve) => {
+          page.addListener("response", (response) => {
+            if (response.request().method() === "POST") {
+              resolve(response.headers());
+            }
+          });
+        },
+      );
+
+      await page.click("[data-submit]");
+
+      await page.waitForURL(`http://localhost:${port}/?redirected=true`);
+
+      expect((await responseHeadersPromise)["x-test"]).toBe("test");
+
+      // Ensure this is using RSC
+      validateRSCHtml(await page.content());
+    });
+
+    test("Supports form state without JS", async ({ page }, { project }) => {
+      test.skip(project.name !== "chromium");
+
+      await page.goto(`http://localhost:${port}/`, {
+        waitUntil: "networkidle",
+      });
+      await page.waitForSelector("[data-action-state-increment-result]");
+
+      await expect(
+        page.locator("[data-action-state-increment-result]"),
+      ).toHaveText("0");
+      await page.click("[data-action-state-increment-submit]");
+      await expect(
+        page.locator("[data-action-state-increment-result]"),
+      ).toHaveText("1");
+
+      // Ensure this is using RSC
+      validateRSCHtml(await page.content());
+    });
+
+    test("Suppport throwing redirect Response from render", async ({
+      page,
+    }) => {
+      await page.goto(`http://localhost:${port}/render-redirect`);
+      await expect(page.getByText("home")).toBeAttached();
+      await page.getByText("Redirect").click();
+      await page.waitForURL(
+        `http://localhost:${port}/render-redirect/redirected`,
+      );
+      await expect(page.getByText("redirected")).toBeAttached();
+    });
+
+    test("Suppport throwing external redirect Response from render", async ({
+      browserName,
+      page,
+    }) => {
+      test.skip(
+        browserName === "firefox",
+        "Playwright doesn't like external redirects for tests. It times out waiting for the URL even though it navigates.",
+      );
+      await page.goto(`http://localhost:${port}/render-redirect`);
+      await expect(page.getByText("home")).toBeAttached();
+      await page.getByText("External").click();
+      await page.waitForURL(`https://example.com/`);
+      await expect(page.getByText("Example Domain")).toBeAttached();
+    });
+
+    test("Handles unsupported protocol redirect Responses from render", async ({
+      page,
+    }) => {
+      let response = await page.request.get(
+        `http://localhost:${port}/render-redirect/unsupported-protocol`,
+        { maxRedirects: 0 },
+      );
+      expect(response.headers()["location"]).not.toBe("about:blank");
+    });
+
+    test("Suppport throwing redirect Response from suspended render", async ({
+      page,
+    }) => {
+      await page.goto(`http://localhost:${port}/render-redirect/lazy/redirect`);
+      await page.waitForURL(
+        `http://localhost:${port}/render-redirect/lazy/redirected`,
+      );
+      await expect(page.getByText("redirected")).toBeAttached();
+    });
+
+    test("Suppport throwing external redirect Response from suspended render", async ({
+      page,
+      browserName,
+    }) => {
+      test.skip(
+        browserName === "firefox",
+        "Playwright doesn't like external redirects for tests. It times out waiting for the URL even though it navigates.",
+      );
+      await page.goto(`http://localhost:${port}/render-redirect/lazy/external`);
+      await page.waitForURL(`https://example.com/`);
+      await expect(page.getByText("Example Domain")).toBeAttached();
+    });
+
+    test("Handles unsupported protocol redirect Responses from suspended render", async ({
+      page,
+    }) => {
+      let response = await page.request.get(
+        `http://localhost:${port}/render-redirect/lazy/unsupported-protocol`,
+      );
+      expect(await response.text()).not.toContain(
+        '<meta http-equiv="refresh" content="0;url=about:',
+      );
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/rsc/rsc-prerender-test.ts b/tests/react-router-framework/integration/rsc/rsc-prerender-test.ts
new file mode 100644
index 00000000..03d38227
--- /dev/null
+++ b/tests/react-router-framework/integration/rsc/rsc-prerender-test.ts
@@ -0,0 +1,185 @@
+import type { Page } from "@playwright/test";
+import { expect } from "@playwright/test";
+
+import { js } from "../helpers/create-fixture";
+import type { TemplateName, Files } from "../helpers/rsbuild";
+import { reactRouterConfig, test } from "../helpers/rsbuild";
+
+type PrerenderPaths =
+  | boolean
+  | Array<string>
+  | ((args: {
+      getStaticPaths: () => string[];
+    }) => Array<string> | Promise<Array<string>>);
+
+function simplePage(name: string) {
+  return js`
+    export default function Route({ params: { slug } }) {
+      return (
+        <div>
+          <h1 data-testid="${name}">{${JSON.stringify(name)} + (slug ? " " + slug : "")}</h1>
+        </div>
+      );
+    }
+  `;
+}
+
+function prerender({
+  files,
+  links,
+  prerender = true,
+  ssr,
+  rsbuildPreview,
+}: {
+  files?: Files;
+  links?: string[];
+  prerender?:
+    | PrerenderPaths
+    | {
+        paths: PrerenderPaths;
+        concurrency?: number;
+      };
+  ssr?: boolean;
+  rsbuildPreview: (
+    files: Files,
+    templateName?: TemplateName | undefined,
+  ) => Promise<{
+    port: number;
+    cwd: string;
+  }>;
+}) {
+  return rsbuildPreview(async (args) => {
+    return {
+      "react-router.config.ts": reactRouterConfig({ prerender, ssr }),
+      "app/root.tsx": js`
+      import { Link, Links, Meta, Outlet, ScrollRestoration, useRouteLoaderData } from "react-router";
+
+      export function loader() {
+        return {
+          IS_RR_BUILD_REQUEST: process.env.IS_RR_BUILD_REQUEST
+        }
+      }
+
+      export default function Route() {
+        return (
+          <Outlet />
+        )
+      }
+
+      export function ErrorBoundary() {
+        return <p data-testid="root-error-boundary">Root Error Boundary</p>
+      }
+
+      export function Layout({ children }) {
+        const { IS_RR_BUILD_REQUEST } = useRouteLoaderData("root") ?? {};
+
+        return (
+          <html lang="en">
+            <head>
+              <meta charSet="utf-8" />
+              <meta name="viewport" content="width=device-width, initial-scale=1" />
+              <Meta />
+              <Links />
+            </head>
+            <body>
+              <p data-testid="IS_RR_BUILD_REQUEST">{IS_RR_BUILD_REQUEST}</p>
+              ${links ? links.map((link) => js`<Link to="${link}">${link}</Link>`).join("\n") : ``}
+              {children}
+              <ScrollRestoration />
+            </body>
+          </html>
+        );
+      }
+    `,
+      "app/routes/_index.tsx": simplePage("index"),
+      ...(await files?.(args)),
+    };
+  }, "rsc-framework");
+}
+
+async function assertPrerendered(page: Page, expectedPrerender = true) {
+  const isBuildRequest = await page
+    .getByTestId("IS_RR_BUILD_REQUEST")
+    .textContent();
+  expect(isBuildRequest).toBe(expectedPrerender ? "yes" : "");
+}
+
+test.describe("rsc prerender", () => {
+  test("prerenders single route", async ({ page, rsbuildPreview }) => {
+    const { port } = await prerender({
+      links: ["/", "/404/not-found"],
+      rsbuildPreview,
+    });
+    const baseUrl = `http://localhost:${port}`;
+
+    await page.goto(baseUrl);
+    await assertPrerendered(page);
+    const index = await page.getByTestId("index").textContent();
+    expect(index).toBe("index");
+
+    await page.click('text="/404/not-found"');
+    await page.waitForURL(`${baseUrl}/404/not-found`);
+    const errorBoundary = await page
+      .getByTestId("root-error-boundary")
+      .textContent();
+    expect(errorBoundary).toBe("Root Error Boundary");
+
+    await page.click('text="/"');
+    await page.waitForURL(baseUrl + "/");
+    const index2 = await page.getByTestId("index").textContent();
+    expect(index2).toBe("index");
+  });
+
+  test("prerenders dynamic route", async ({ page, rsbuildPreview }) => {
+    const { port } = await prerender({
+      files: async () => ({
+        "app/routes/products.$slug.tsx": simplePage("product"),
+      }),
+      links: ["/", "/products/1", "/products/2"],
+      prerender: ["/", "/products/1"],
+      rsbuildPreview,
+    });
+    const baseUrl = `http://localhost:${port}`;
+
+    await page.goto(baseUrl, { waitUntil: "networkidle" });
+    const index = await page.getByTestId("index").textContent();
+    expect(index).toBe("index");
+    await assertPrerendered(page);
+
+    await page.click('text="/products/1"');
+    await page.waitForURL(`${baseUrl}/products/1`);
+    const product1 = await page.getByTestId("product").textContent();
+    expect(product1).toBe("product 1");
+
+    await page.click('text="/products/2"');
+    await page.waitForURL(`${baseUrl}/products/2`);
+    const product2 = await page.getByTestId("product").textContent();
+    expect(product2).toBe("product 2");
+
+    await page.click('text="/"');
+    await page.waitForURL(baseUrl + "/");
+    const index2 = await page.getByTestId("index").textContent();
+    expect(index2).toBe("index");
+  });
+
+  test("prerenders single page app", async ({ page, rsbuildPreview }) => {
+    const { port } = await prerender({
+      links: ["/", "/404/not-found"],
+      ssr: false,
+      rsbuildPreview,
+    });
+    const baseUrl = `http://localhost:${port}`;
+
+    await page.goto(baseUrl);
+    const index = await page.getByTestId("index").textContent();
+    expect(index).toBe("index");
+    await assertPrerendered(page);
+
+    await page.click('text="/404/not-found"');
+    await page.waitForURL(`${baseUrl}/404/not-found`);
+    const errorBoundary = await page
+      .getByTestId("root-error-boundary")
+      .textContent();
+    expect(errorBoundary).toBe("Root Error Boundary");
+  });
+});
diff --git a/tests/react-router-framework/integration/rsc/rsc-test.ts b/tests/react-router-framework/integration/rsc/rsc-test.ts
new file mode 100644
index 00000000..26cfcd97
--- /dev/null
+++ b/tests/react-router-framework/integration/rsc/rsc-test.ts
@@ -0,0 +1,2762 @@
+import {
+  test,
+  expect,
+  type Response as PlaywrightResponse,
+} from "@playwright/test";
+import getPort from "get-port";
+
+import { implementations, js, setupRscTest, validateRSCHtml } from "./utils";
+
+implementations.forEach((implementation) => {
+  test.describe(`RSC (${implementation.name})`, () => {
+    test.describe("Development", () => {
+      let port: number;
+      let stopAfterAll: () => void;
+
+      test.afterAll(() => {
+        stopAfterAll?.();
+      });
+
+      test.beforeAll(async () => {
+        port = await getPort();
+        stopAfterAll = await setupRscTest({
+          implementation,
+          port,
+          dev: true,
+          files: {
+            "src/routes.ts": js`
+              import type { unstable_RSCRouteConfig as RSCRouteConfig } from "react-router";
+
+              export const routes = [
+                {
+                  id: "root",
+                  path: "",
+                  lazy: () => import("./routes/root"),
+                  children: [
+                    {
+                      id: "loader-error-server-boundary",
+                      path: "loader-error-server-boundary",
+                      lazy: () => import("./routes/loader-error-server-boundary/home"),
+                    },
+                    {
+                      id: "errors-force-revalidation",
+                      path: "errors-force-revalidation",
+                      lazy: () => import("./routes/errors-force-revalidation/root"),
+                      children: [
+                        {
+                          id: "errors-force-revalidation.index",
+                          index: true,
+                          lazy: () => import("./routes/errors-force-revalidation/index"),
+                        },
+                        {
+                          id: "errors-force-revalidation.other",
+                          path: "other",
+                          lazy: () => import("./routes/errors-force-revalidation/other"),
+                        },
+                      ],
+                    },
+                    {
+                      id: "client-error-boundary-props-server-loader",
+                      path: "client-error-boundary-props-server-loader",
+                      lazy: () => import("./routes/client-error-boundary-props-server-loader/home"),
+                    },
+                  ],
+                },
+              ] satisfies RSCRouteConfig;
+            `,
+
+            "src/routes/loader-error-server-boundary/home.tsx": js`
+              export function loader() {
+                throw new Error("Intentional error from loader");
+              }
+
+              export default function HomeRoute() {
+                return <h2>This should not be rendered</h2>;
+              }
+
+              export { ErrorBoundary } from "./home.client";
+            `,
+            "src/routes/loader-error-server-boundary/home.client.tsx": js`
+              "use client"
+              import { useRouteError } from "react-router";
+
+              export function ErrorBoundary() {
+                let error = useRouteError();
+                return (
+                  <>
+                    <h2 data-error-title>Error Caught!</h2>
+                    <p data-error-message>{error.message}</p>
+                  </>
+                );
+              }
+            `,
+
+            "src/routes/errors-force-revalidation/root.tsx": js`
+              import { Outlet, Link } from "react-router";
+
+              export { shouldRevalidate } from "./root.client";
+
+              let loaderCallCount = 0;
+
+              export function loader() {
+                loaderCallCount++;
+                throw new Error("Root loader error (call #" + loaderCallCount + ")");
+              }
+
+              export function Layout({ children }: { children: React.ReactNode }) {
+                return (
+                  <html>
+                    <body>
+                      <ul>
+                        <li><Link to="/errors-force-revalidation" data-link-index>Index route</Link></li>
+                        <li><Link to="/errors-force-revalidation/other" data-link-other>Other route</Link></li>
+                      </ul>
+                      {children}
+                    </body>
+                  </html>
+                );
+              }
+
+              export function ErrorBoundary({ error }) {
+                return (
+                  <div>
+                    <h1 data-error-boundary-loader-call-count={loaderCallCount}>
+                      Root ErrorBoundary (loaderCallCount: {loaderCallCount})
+                    </h1>
+                  </div>
+                );
+              }
+
+              export default function RootRoute() {
+                return (
+                  <div>
+                    <h1>Root Route</h1>
+                    <p>This should never be rendered since the root loader always throws</p>
+                    <Outlet />
+                  </div>
+                );
+              }
+            `,
+            "src/routes/errors-force-revalidation/root.client.tsx": js`
+              "use client";
+
+              export function shouldRevalidate() {
+                // This should be ignored since this route always throws an error
+                return false;
+              }
+            `,
+            "src/routes/errors-force-revalidation/index.tsx": js`
+              export default function IndexRoute() {
+                return (
+                  <div>
+                    <h2>Index Route</h2>
+                    <p>This should never be rendered since the root loader always throws</p>
+                  </div>
+                );
+              }
+            `,
+            "src/routes/errors-force-revalidation/other.tsx": js`
+              export default function OtherRoute() {
+                return (
+                  <div>
+                    <h2>Other Route</h2>
+                    <p>This should never be rendered since the root loader always throws</p>
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/client-error-boundary-props-server-loader/home.tsx": js`
+              export function loader() {
+                throw new Error("Intentional error from server loader");
+              }
+
+              export default function HomeRoute() {
+                return <h2>This should not be rendered</h2>;
+              }
+
+              export { ErrorBoundary } from "./home.client";
+            `,
+            "src/routes/client-error-boundary-props-server-loader/home.client.tsx": js`
+              "use client";
+
+              export function ErrorBoundary({ error, params }) {
+                return (
+                  <div>
+                    <h2 data-error-title>Error Caught!</h2>
+                    <p data-error-message>{error.message}</p>
+                    {params && (
+                      <div data-error-params>
+                        <p data-error-params-type>typeof params: {typeof params}</p>
+                        <p data-error-params-count>params count: {Object.keys(params).length}</p>
+                      </div>
+                    )}
+                  </div>
+                );
+              }
+            `,
+          },
+        });
+      });
+
+      test.describe("Errors", () => {
+        test("Handles errors from loaders with server component boundary", async ({
+          page,
+        }) => {
+          await page.goto(
+            `http://localhost:${port}/loader-error-server-boundary`,
+          );
+
+          // Verify error boundary is shown
+          await page.waitForSelector("[data-error-title]");
+          await page.waitForSelector("[data-error-message]");
+          expect(await page.locator("[data-error-message]").textContent()).toBe(
+            "Intentional error from loader",
+          );
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Forces revalidation of routes with errors", async ({ page }) => {
+          await page.goto(
+            `http://localhost:${port}/errors-force-revalidation`,
+            {
+              waitUntil: "networkidle",
+            },
+          );
+
+          // Verify that the root error boundary is re-rendered as we navigate around
+          await page.waitForSelector(
+            "[data-error-boundary-loader-call-count='1']",
+          );
+          await page.click("[data-link-other]");
+          await page.waitForSelector(
+            "[data-error-boundary-loader-call-count='2']",
+          );
+          await page.click("[data-link-index]");
+          await page.waitForSelector(
+            "[data-error-boundary-loader-call-count='3']",
+          );
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Passes props to client ErrorBoundary when error is thrown in server loader", async ({
+          page,
+        }) => {
+          await page.goto(
+            `http://localhost:${port}/client-error-boundary-props-server-loader`,
+          );
+
+          // Verify error boundary is shown
+          await page.waitForSelector("[data-error-title]");
+          await page.waitForSelector("[data-error-message]");
+          expect(await page.locator("[data-error-title]").textContent()).toBe(
+            "Error Caught!",
+          );
+          expect(await page.locator("[data-error-message]").textContent()).toBe(
+            "Intentional error from server loader",
+          );
+
+          // Verify params are passed to error boundary
+          await page.waitForSelector("[data-error-params]");
+          await page.waitForSelector("[data-error-params-type]");
+          await page.waitForSelector("[data-error-params-count]");
+          expect(
+            await page.locator("[data-error-params-type]").textContent(),
+          ).toBe("typeof params: object");
+          expect(
+            await page.locator("[data-error-params-count]").textContent(),
+          ).toBe("params count: 0");
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+      });
+    });
+
+    test.describe("Production", () => {
+      let port: number;
+      let stopAfterAll: () => void;
+
+      test.afterAll(() => {
+        stopAfterAll?.();
+      });
+
+      test.beforeAll(async () => {
+        port = await getPort();
+        stopAfterAll = await setupRscTest({
+          implementation,
+          port,
+          files: {
+            "src/routes.ts": js`
+              import type { unstable_RSCRouteConfig as RSCRouteConfig } from "react-router";
+
+              export const routes = [
+                {
+                  id: "root",
+                  path: "",
+                  lazy: () => import("./routes/root"),
+                  children: [
+                    {
+                      id: "soft-navigation",
+                      path: "soft-navigation",
+                      children: [
+                        {
+                          id: "soft-navigation.home",
+                          index: true,
+                          lazy: () => import("./routes/soft-navigation/home"),
+                        },
+                        {
+                          id: "soft-navigation.dashboard",
+                          path: "dashboard",
+                          lazy: () => import("./routes/soft-navigation/dashboard"),
+                        },
+                      ]
+                    },
+                    {
+                      id: "request-context",
+                      path: "request-context",
+                      lazy: () => import("./routes/request-context/home"),
+                    },
+                    {
+                      id: "resource-request-context",
+                      path: "resource-request-context",
+                      children: [
+                        {
+                          id: "resource-request-context.home",
+                          index: true,
+                          lazy: () => import("./routes/resource-request-context/home"),
+                        },
+                        {
+                          id: "resource-request-context.resource",
+                          path: "resource",
+                          lazy: () => import("./routes/resource-request-context/resource"),
+                        },
+                      ]
+                    },
+                    {
+                      id: "middleware-request-context",
+                      path: "middleware-request-context",
+                      lazy: () => import("./routes/middleware-request-context/root"),
+                      children: [
+                        {
+                          id: "middleware-request-context.home",
+                          index: true,
+                          lazy: () => import("./routes/middleware-request-context/home"),
+                        },
+                      ]
+                    },
+                    {
+                      id: "get-context",
+                      path: "get-context",
+                      lazy: () => import("./routes/get-context/root"),
+                      children: [
+                        {
+                          id: "get-context.home",
+                          index: true,
+                          lazy: () => import("./routes/get-context/home"),
+                        },
+                      ]
+                    },
+                    {
+                      id: "resource-url-and-fetchers",
+                      path: "resource-url-and-fetchers",
+                      children: [
+                        {
+                          id: "resource-url-and-fetchers.home",
+                          index: true,
+                          lazy: () => import("./routes/resource-url-and-fetchers/home"),
+                        },
+                        {
+                          id: "resource-url-and-fetchers.resource",
+                          path: "resource",
+                          lazy: () => import("./routes/resource-url-and-fetchers/resource"),
+                        }
+                      ]
+                    },
+                    {
+                      id: "resource-error-handling",
+                      path: "resource-error-handling",
+                      children: [
+                        {
+                          id: "resource-error-handling.home",
+                          index: true,
+                          lazy: () => import("./routes/resource-error-handling/home"),
+                        },
+                        {
+                          id: "resource-error-handling.no-loader-resource",
+                          path: "no-loader-resource",
+                          lazy: () => import("./routes/resource-error-handling/no-loader-resource"),
+                        },
+                        {
+                          id: "resource-error-handling.no-action-resource",
+                          path: "no-action-resource",
+                          lazy: () => import("./routes/resource-error-handling/no-action-resource"),
+                        }
+                      ]
+                    },
+                    {
+                      id: "server-action",
+                      path: "server-action",
+                      children: [
+                        {
+                          id: "server-action.home",
+                          index: true,
+                          lazy: () => import("./routes/server-action/home"),
+                        },
+                      ]
+                    },
+                    {
+                      id: "inline-server-action",
+                      path: "inline-server-action",
+                      children: [
+                        {
+                          id: "inline-server-action.home",
+                          index: true,
+                          lazy: () => import("./routes/inline-server-action/home"),
+                        }
+                      ]
+                    },
+                    {
+                      id: "throw-redirect-server-action",
+                      path: "throw-redirect-server-action",
+                      children: [
+                        {
+                          id: "throw-redirect-server-action.home",
+                          index: true,
+                          lazy: () => import("./routes/throw-redirect-server-action/home"),
+                        }
+                      ]
+                    },
+                    {
+                      id: "throw-external-redirect-server-action",
+                      path: "throw-external-redirect-server-action",
+                      children: [
+                        {
+                          id: "throw-external-redirect-server-action.home",
+                          index: true,
+                          lazy: () => import("./routes/throw-external-redirect-server-action/home"),
+                        }
+                      ]
+                    },
+                    {
+                      id: "side-effect-redirect-server-action",
+                      path: "side-effect-redirect-server-action",
+                      children: [
+                        {
+                          id: "side-effect-redirect-server-action.home",
+                          index: true,
+                          lazy: () => import("./routes/side-effect-redirect-server-action/home"),
+                        }
+                      ]
+                    },
+                    {
+                      id: "side-effect-external-redirect-server-action",
+                      path: "side-effect-external-redirect-server-action",
+                      children: [
+                        {
+                          id: "side-effect-external-redirect-server-action.home",
+                          index: true,
+                          lazy: () => import("./routes/side-effect-external-redirect-server-action/home"),
+                        }
+                      ]
+                    },
+                    {
+                      id: "server-function-reference",
+                      path: "server-function-reference",
+                      children: [
+                        {
+                          id: "server-function-reference.home",
+                          index: true,
+                          lazy: () => import("./routes/server-function-reference/home"),
+                        }
+                      ]
+                    },
+                    {
+                      id: "sanitized-errors",
+                      path: "sanitized-errors",
+                      lazy: () => import("./routes/sanitized-errors/home"),
+                    },
+                    {
+                      id: "client-route-component-props",
+                      path: "client-route-component-props",
+                      lazy: () => import("./routes/client-route-component-props/home"),
+                    },
+                    {
+                      id: "client-error-boundary-props-client-loader",
+                      path: "client-error-boundary-props-client-loader",
+                      lazy: () => import("./routes/client-error-boundary-props-client-loader/home"),
+                    },
+                    {
+                      id: "hydrate-fallback-props",
+                      path: "hydrate-fallback-props",
+                      lazy: () => import("./routes/hydrate-fallback-props/home"),
+                    },
+                    {
+                      id: "no-revalidate-server-action",
+                      path: "no-revalidate-server-action",
+                      lazy: () => import("./routes/no-revalidate-server-action/home"),
+                    },
+                    {
+                      id: "await-component",
+                      path: "await-component",
+                      children: [
+                        {
+                          id: "await-component.home",
+                          index: true,
+                          lazy: () => import("./routes/await-component/home"),
+                        },
+                        {
+                          id: "await-component.reject",
+                          path: "reject",
+                          lazy: () => import("./routes/await-component/reject"),
+                        },
+                        {
+                          id: "await-component.api",
+                          path: "api",
+                          lazy: () => import("./routes/await-component/api"),
+                        }
+                      ]
+                    },
+                    {
+                      id: "ssr-error",
+                      path: "ssr-error",
+                      lazy: () => import("./routes/ssr-error/ssr-error"),
+                    },
+                    {
+                      id: "action-transition-state",
+                      path: "action-transition-state",
+                      lazy: () => import("./routes/action-transition-state/home"),
+                    },
+                    {
+                      id: "render-redirect-lazy",
+                      path: "/render-redirect/lazy/:id?",
+                      lazy: () => import("./routes/render-redirect/lazy"),
+                    },
+                    {
+                      id: "render-redirect",
+                      path: "/render-redirect/:id?",
+                      lazy: () => import("./routes/render-redirect/home"),
+                    },
+                    {
+                      id: "render-route-error-response",
+                      path: "render-route-error-response/:id?",
+                      lazy: () => import("./routes/render-route-error-response/home"),
+                    },
+                    {
+                      id: "get-request",
+                      path: "/get-request",
+                      lazy: () => import("./routes/get-request/get-request"),
+                    },
+                  ],
+                },
+              ] satisfies RSCRouteConfig;
+            `,
+
+            "src/routes/root.tsx": js`
+              import { Links, Outlet, ScrollRestoration } from "react-router";
+
+              export const middleware = [
+                async (_, next) => {
+                  const response = await next();
+                  return response.headers.set("x-test", "test");
+                }
+              ];
+
+              export function Layout({ children }: { children: React.ReactNode }) {
+                return (
+                  <html lang="en">
+                    <head>
+                      <meta charSet="utf-8" />
+                      <meta name="viewport" content="width=device-width, initial-scale=1" />
+                      <title>Rsbuild (RSC)</title>
+                      <Links />
+                    </head>
+                    <body>
+                      {children}
+                      {Array(1000).fill(null).map((_, i)=><p key={i}>YOOOOOOOOOO   {i}</p>)}
+                      <ScrollRestoration />
+                    </body>
+                  </html>
+                );
+              }
+
+              export default function RootRoute() {
+                return <Outlet />;
+              }
+            `,
+
+            "src/config/request-context.ts": js`
+              import { createContext, RouterContextProvider } from "react-router";
+
+              export const testContext = createContext<string>("default-value");
+
+              export const requestContext = new RouterContextProvider(
+                new Map([[testContext, "test-context-value"]])
+              );
+            `,
+            "src/config/get-context.ts": js`
+              // THIS FILE OVERRIDES THE DEFAULT IMPLEMENTATION
+              import { createContext } from "react-router";
+
+              export const testContext = createContext<string>("default-value");
+
+              export function getContext() {
+                return new Map([[testContext, "client-context-value"]]);
+              }
+            `,
+
+            "src/routes/soft-navigation/home.tsx": js`
+              import { Link } from "react-router";
+
+              export function loader() {
+                return { message: "Home Page Data" };
+              }
+
+              export default function HomeRoute({ loaderData }) {
+                return (
+                  <div>
+                    <h1 data-page="home">Home Page</h1>
+                    <p data-content>{loaderData.message}</p>
+                    <Link to="/soft-navigation/dashboard">Dashboard</Link>
+                  </div>
+                );
+              }
+            `,
+            "src/routes/soft-navigation/dashboard.tsx": js`
+              export function loader() {
+                return { count: 1 };
+              }
+
+              export { default } from "./dashboard.client";
+            `,
+            "src/routes/soft-navigation/dashboard.client.tsx": js`
+              "use client";
+
+              import { useState } from "react";
+              import { Link } from "react-router";
+
+              // Export the entire route as a client component
+              export default function DashboardRoute({ loaderData }) {
+                const [count, setCount] = useState(loaderData.count);
+
+                return (
+                  <div>
+                    <h1 data-page="dashboard">Dashboard</h1>
+
+                    {/* Server data rendered in client component */}
+                    <p data-server-count>
+                      Server count: {loaderData.count}
+                    </p>
+
+                    {/* Client interactive elements */}
+                    <p data-client-count>
+                      Client count: {count}
+                    </p>
+
+                    <button data-increment onClick={() => setCount(count + 1)}>
+                      Increment
+                    </button>
+
+                    <Link to="/soft-navigation">Home</Link>
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/request-context/home.tsx": js`
+              import { testContext } from "../../config/request-context";
+
+              export function loader({ context }) {
+                return { contextValue: context.get(testContext) };
+              }
+
+              export default function HomeRoute({ loaderData }) {
+                return (
+                  <div>
+                    <h2 data-home>Home: {loaderData.contextValue}</h2>
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/resource-request-context/home.client.tsx": js`
+              "use client";
+
+              import { useFetcher } from "react-router";
+
+              export function ResourceFetcher() {
+                const fetcher = useFetcher();
+
+                const loadResource = () => {
+                  fetcher.submit({ hello: "world" }, { method: "post", action: "/resource-request-context/resource" });
+                };
+
+                return (
+                  <div>
+                    <button type="button" onClick={loadResource}>
+                      Load Resource
+                    </button>
+                    {!!fetcher.data && (
+                      <pre data-testid="resource-data">
+                        {JSON.stringify(fetcher.data)}
+                      </pre>
+                    )}
+                  </div>
+                );
+              }
+            `,
+            "src/routes/resource-request-context/home.tsx": js`
+              import { ResourceFetcher } from "./home.client";
+
+              export default function HomeRoute() {
+                return <ResourceFetcher />;
+              }
+            `,
+            "src/routes/resource-request-context/resource.tsx": js`
+              import { testContext } from "../../config/request-context";
+
+              export function loader({ context }) {
+                return Response.json({
+                  message: "Hello from resource route!",
+                  contextValue: context.get(testContext)
+                });
+              }
+
+              export async function action({ context }) {
+                return Response.json({
+                  message: "Hello from resource route!",
+                  contextValue: context.get(testContext),
+                });
+              }
+            `,
+
+            "src/routes/middleware-request-context/root.tsx": js`
+              import type { MiddlewareFunction } from "react-router";
+              import { Outlet } from "react-router";
+              import { testContext } from "../../config/request-context";
+
+              export const middleware: MiddlewareFunction<Response>[] = [
+                async ({ request, context }, next) => {
+                  const contextValue = context.get(testContext);
+                  request.headers.set("x-middleware-context", contextValue);
+                  return await next();
+                },
+              ];
+
+              export default function RootRoute() {
+                return (
+                  <div>
+                    <h1>Root Route</h1>
+                    <Outlet />
+                  </div>
+                );
+              }
+            `,
+            "src/routes/middleware-request-context/home.tsx": js`
+              export function loader({ request }) {
+                const contextValue = request.headers.get("x-middleware-context");
+                return { contextValue };
+              }
+
+              export default function HomeRoute({ loaderData }) {
+                return (
+                  <div>
+                    <h2 data-context-value>Context value: {loaderData.contextValue}</h2>
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/get-context/root.tsx": js`
+              "use client";
+
+              import { Outlet } from "react-router";
+              import type { ClientMiddlewareFunction } from "react-router";
+              import { testContext } from "../../config/get-context";
+
+              export const clientMiddleware = [
+                async ({ context }, next) => {
+                  context.set(testContext, "client-context-value");
+                  return await next();
+                },
+              ];
+
+              export function HydrateFallback() {
+                return <div>Loading...</div>;
+              }
+
+              export default function RootRoute() {
+                return (
+                  <div>
+                    <h1>Root Route</h1>
+                    <Outlet />
+                  </div>
+                );
+              }
+            `,
+            "src/routes/get-context/home.tsx": js`
+              "use client";
+
+              import { useLoaderData } from "react-router";
+              import { testContext } from "../../config/get-context";
+
+              export function clientLoader({ context }) {
+                const contextValue = context.get(testContext);
+                return { contextValue };
+              }
+
+              clientLoader.hydrate = true;
+
+              export default function HomeRoute() {
+                const loaderData = useLoaderData();
+                return (
+                  <div>
+                    <h2 data-client-context>Client context value: {loaderData.contextValue}</h2>
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/resource-url-and-fetchers/resource.ts": js`
+              export function loader() {
+                return Response.json({ message: "Hello from resource route!" });
+              }
+
+              export async function action({ request }) {
+                return {
+                  message: "Hello from resource route!",
+                  echo: await request.text(),
+                };
+              }
+            `,
+            "src/routes/resource-url-and-fetchers/home.client.tsx": js`
+              "use client";
+
+              import { useFetcher } from "react-router";
+
+              export function ResourceFetcher() {
+                const fetcher = useFetcher();
+
+                const loadResource = () => {
+                  fetcher.submit({ hello: "world" }, { method: "post", action: "/resource-url-and-fetchers/resource" });
+                };
+
+                return (
+                  <div>
+                    <button type="button" onClick={loadResource}>
+                      Load Resource
+                    </button>
+                    {!!fetcher.data && (
+                      <pre data-testid="resource-data">
+                        {JSON.stringify(fetcher.data)}
+                      </pre>
+                    )}
+                  </div>
+                );
+              }
+            `,
+            "src/routes/resource-url-and-fetchers/home.tsx": js`
+              import { ResourceFetcher } from "./home.client";
+
+              export default function HomeRoute() {
+                return <ResourceFetcher />;
+              }
+            `,
+
+            "src/routes/resource-error-handling/home.tsx": js`
+              export default function HomeRoute() {
+                return (
+                  <div>
+                    <h2 data-home>Home Route</h2>
+                  </div>
+                );
+              }
+            `,
+            "src/routes/resource-error-handling/no-loader-resource.tsx": js`
+              // This resource route has no loader, so GET requests should fail
+              export async function action() {
+                return { message: "no-loader-resource action works" };
+              }
+            `,
+            "src/routes/resource-error-handling/no-action-resource.tsx": js`
+              // This resource route has no action, so POST requests should fail
+              export function loader() {
+                return { message: "no-action-resource loader works" };
+              }
+            `,
+
+            "src/routes/server-action/home.actions.ts": js`
+              "use server";
+
+              export async function incrementCounter(count: number, formData: FormData) {
+                return count + parseInt(formData.get("by") as string || "1", 10);
+              }
+            `,
+            "src/routes/server-action/home.tsx": js`
+              export { default } from "./home.client";
+            `,
+            "src/routes/server-action/home.client.tsx": js`
+              "use client";
+
+              import { useActionState } from "react";
+
+              import { incrementCounter } from "./home.actions";
+
+              export default function HomeRoute() {
+                const [count, incrementCounterAction, incrementing] = useActionState(incrementCounter, 0);
+
+                return (
+                  <div>
+                    <h2 data-home>Home: ({count})</h2>
+                    <form action={incrementCounterAction}>
+                      <input type="hidden" name="name" value="Updated" />
+                      <button type="submit" data-submit>
+                        {incrementing ? "Updating via Server Function" : "Update via Server Function"}
+                      </button>
+                    </form>
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/inline-server-action/home.tsx": js`
+              let count = 0;
+              let name = "Default";
+
+              export function loader() {
+                return { name, count };
+              }
+
+              export default function HomeRoute({ loaderData }) {
+                const updateCounter = async (formData: FormData) => {
+                  "use server";
+                  name = formData.get("name");
+                  ++count
+                  return { name, count };
+                }
+
+                return (
+                  <div>
+                    <h2 data-home>Home: {loaderData.name} ({loaderData.count})</h2>
+                    <form action={updateCounter}>
+                      <input type="hidden" name="name" value="Updated" />
+                      <button type="submit" data-submit>Update via Server Function</button>
+                    </form>
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/throw-redirect-server-action/home.actions.ts": js`
+              "use server";
+              import { redirect } from "react-router";
+
+              export async function redirectAction(formData: FormData) {
+                throw redirect("/throw-redirect-server-action?redirected=true");
+              }
+            `,
+            "src/routes/throw-redirect-server-action/home.client.tsx": js`
+              "use client";
+              import { useState } from "react";
+
+              export function Counter() {
+                const [count, setCount] = useState(0);
+                return <button type="button" onClick={() => setCount(c => c + 1)} data-count>Count: {count}</button>;
+              }
+            `,
+            "src/routes/throw-redirect-server-action/home.tsx": js`
+              import { redirectAction } from "./home.actions";
+              import { Counter } from "./home.client";
+
+              export default function HomeRoute(props) {
+                return (
+                  <div>
+                    <form action={redirectAction}>
+                      <button type="submit" data-submit>
+                        Redirect via Server Function
+                      </button>
+                    </form>
+                    <Counter />
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/side-effect-redirect-server-action/home.actions.ts": js`
+              "use server";
+              import { redirect } from "react-router";
+
+              export async function redirectAction() {
+                redirect("/side-effect-redirect-server-action?redirected=true", { headers: { "x-test": "test" } });
+                return "redirected";
+              }
+            `,
+            "src/routes/side-effect-redirect-server-action/home.client.tsx": js`
+              "use client";
+              import { useState } from "react";
+
+              export function Counter() {
+                const [count, setCount] = useState(0);
+                return <button type="button" onClick={() => setCount(c => c + 1)} data-count>Count: {count}</button>;
+              }
+            `,
+            "src/routes/side-effect-redirect-server-action/home.tsx": js`
+              "use client";
+              import {useActionState} from "react";
+              import { redirectAction } from "./home.actions";
+              import { Counter } from "./home.client";
+
+              export default function HomeRoute(props) {
+                const [state, action] = useActionState(redirectAction, null);
+                return (
+                  <div>
+                    <form action={action}>
+                      <button type="submit" data-submit>
+                        Redirect via Server Function
+                      </button>
+                    </form>
+                    {state && <div data-testid="state">{state}</div>}
+                    <Counter />
+                  </div>
+                );
+              }
+            `,
+            "src/routes/throw-external-redirect-server-action/home.actions.ts": js`
+              "use server";
+              import { redirect } from "react-router";
+
+              export async function redirectAction(formData: FormData) {
+                // Throw a redirect to an external URL
+                throw redirect("https://example.com/");
+              }
+            `,
+            "src/routes/throw-external-redirect-server-action/home.client.tsx": js`
+              "use client";
+
+              import { useState } from "react";
+
+              export function Counter() {
+                const [count, setCount] = useState(0);
+                return <button type="button" onClick={() => setCount(c => c + 1)} data-count>Count: {count}</button>;
+              }
+            `,
+            "src/routes/throw-external-redirect-server-action/home.tsx": js`
+              import { redirectAction } from "./home.actions";
+              import { Counter } from "./home.client";
+
+              export default function HomeRoute(props) {
+                return (
+                  <div>
+                    <form action={redirectAction}>
+                      <button type="submit" data-submit>
+                        Redirect via Server Function
+                      </button>
+                    </form>
+                    <Counter />
+                  </div>
+                );
+              }
+            `,
+            "src/routes/side-effect-external-redirect-server-action/home.actions.ts": js`
+              "use server";
+              import { redirect } from "react-router";
+
+              export async function redirectAction() {
+                // Perform a side-effect redirect to an external URL
+                redirect("https://example.com/", { headers: { "x-test": "test" } });
+                return "redirected";
+              }
+            `,
+            "src/routes/side-effect-external-redirect-server-action/home.client.tsx": js`
+              "use client";
+              import { useState } from "react";
+
+              export function Counter() {
+                const [count, setCount] = useState(0);
+                return <button type="button" onClick={() => setCount(c => c + 1)} data-count>Count: {count}</button>;
+              }
+            `,
+            "src/routes/side-effect-external-redirect-server-action/home.tsx": js`
+              "use client";
+              import {useActionState} from "react";
+              import { redirectAction } from "./home.actions";
+              import { Counter } from "./home.client";
+
+              export default function HomeRoute(props) {
+                const [state, action] = useActionState(redirectAction, null);
+                return (
+                  <div>
+                    <form action={action}>
+                      <button type="submit" data-submit>
+                        Redirect via Server Function
+                      </button>
+                    </form>
+                    {state && <div data-testid="state">{state}</div>}
+                    <Counter />
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/server-function-reference/home.actions.ts": js`
+              "use server";
+
+              export async function incrementCounter({count, ref}: {count: number; ref: unknown}, formData: FormData) {
+                return {count: count + parseInt(formData.get("by") as string || "1", 10), ref};
+              }
+            `,
+            "src/routes/server-function-reference/home.tsx": js`
+              export { default } from "./home.client";
+            `,
+            "src/routes/server-function-reference/home.client.tsx": js`
+              "use client";
+
+              import { useActionState } from "react";
+
+              import { incrementCounter } from "./home.actions";
+
+              const ogRef = {};
+              export default function HomeRoute() {
+                const [{count,ref}, incrementCounterAction, incrementing] = useActionState(incrementCounter, {count: 0, ref: ogRef});
+
+                return (
+                  <div>
+                    <h2 data-home>Home: ({count})</h2>
+                    <h2 data-home-ref>{ref === ogRef ? "good" : "bad"}</h2>
+                    <form action={incrementCounterAction}>
+                      <button type="submit" data-submit>
+                        {incrementing ? "Updating via Server Function" : "Update via Server Function"}
+                      </button>
+                    </form>
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/sanitized-errors/home.tsx": js`
+              export function loader() {
+                throw new Error("This error should be sanitized");
+              }
+
+              export default function HomeRoute() {
+                return <h2>This should not be rendered</h2>;
+              }
+
+              export { ErrorBoundary } from "./home.client";
+            `,
+            "src/routes/sanitized-errors/home.client.tsx": js`
+              "use client"
+              import { useRouteError } from "react-router";
+
+              export function ErrorBoundary() {
+                let error = useRouteError();
+                return (
+                  <>
+                    <h2 data-error-title>Error Caught!</h2>
+                    <p data-error-message>{error.message}</p>
+                  </>
+                );
+              }
+            `,
+
+            "src/routes/client-route-component-props/home.tsx": js`
+              export { default, clientLoader, clientAction } from "./home.client";
+            `,
+            "src/routes/client-route-component-props/home.client.tsx": js`
+              "use client";
+
+              import { Form } from "react-router";
+
+              export async function clientLoader() {
+                return { message: "Hello from client loader!" };
+              }
+
+              export async function clientAction({ request }) {
+                const formData = await request.formData();
+                const name = formData.get("name") as string;
+                return { actionResult: "Hello " + name + " from client action!" };
+              }
+
+              export default function HomeRoute({ loaderData, actionData, matches, params }) {
+                return (
+                  <div>
+                    <h2 data-home>Home Route</h2>
+                    {loaderData && (
+                      <p data-loader-data>{loaderData.message}</p>
+                    )}
+                    {actionData && (
+                      <p data-action-data>{actionData.actionResult}</p>
+                    )}
+                    {matches && (
+                      <div data-matches>
+                        <p data-matches-ids>matches ids: {matches.map(match => match.id).join(", ")}</p>
+                      </div>
+                    )}
+                    {params && (
+                      <div data-params>
+                        <p data-params-type>typeof params: {typeof params}</p>
+                        <p data-params-count>params count: {Object.keys(params).length}</p>
+                      </div>
+                    )}
+                    <Form method="post">
+                      <input name="name" data-name-input />
+                      <button type="submit" data-submit-button>
+                        Submit Action
+                      </button>
+                    </Form>
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/client-error-boundary-props-client-loader/home.tsx": js`
+              export { default, clientLoader, ErrorBoundary } from "./home.client";
+            `,
+            "src/routes/client-error-boundary-props-client-loader/home.client.tsx": js`
+              "use client";
+
+              export async function clientLoader() {
+                throw new Error("Intentional error from client loader");
+              }
+
+              export function ErrorBoundary({ error, params }) {
+                return (
+                  <div>
+                    <h2 data-error-title>Error Caught!</h2>
+                    <p data-error-message>{error.message}</p>
+                    {params && (
+                      <div data-error-params>
+                        <p data-error-params-type>typeof params: {typeof params}</p>
+                        <p data-error-params-count>params count: {Object.keys(params).length}</p>
+                      </div>
+                    )}
+                  </div>
+                );
+              }
+
+              export default function HomeRoute() {
+                return (
+                  <div>
+                    <h2>Home Route</h2>
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/hydrate-fallback-props/home.tsx": js`
+              export { default, clientLoader, HydrateFallback } from "./home.client";
+            `,
+            "src/routes/hydrate-fallback-props/home.client.tsx": js`
+              "use client";
+
+              export async function clientLoader() {
+                const pollingPromise = (async () => {
+                  while (globalThis.unblockClientLoader !== true) {
+                    await new Promise((resolve) => setTimeout(resolve, 0));
+                  }
+                })();
+                const timeoutPromise = new Promise((_, reject) => {
+                  setTimeout(() => reject(new Error("Client loader wasn't unblocked after 5s")), 5000);
+                });
+                await Promise.race([pollingPromise, timeoutPromise]);
+                return { message: "Hello from client loader!" };
+              }
+
+              export function HydrateFallback({ params }) {
+                return (
+                  <div>
+                    <h2 data-hydrate-fallback>Hydrate Fallback</h2>
+                    {params && (
+                      <div data-hydrate-params>
+                        <p data-hydrate-params-type>typeof params: {typeof params}</p>
+                        <p data-hydrate-params-count>params count: {Object.keys(params).length}</p>
+                      </div>
+                    )}
+                  </div>
+                );
+              }
+
+              export default function HomeRoute() {
+                return (
+                  <div>
+                    <h2 data-home>Home Route</h2>
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/no-revalidate-server-action/home.actions.ts": js`
+              "use server";
+
+              export async function noRevalidateAction() {
+                return "no revalidate";
+              }
+            `,
+            "src/routes/no-revalidate-server-action/home.tsx": js`
+              import ClientHomeRoute from "./home.client";
+
+              export function loader() {
+                console.log("THIS SHOULD NOT BE LOGGED!!!");
+              }
+
+              export default function HomeRoute() {
+                return <ClientHomeRoute identity={{}} />;
+              }
+            `,
+            "src/routes/no-revalidate-server-action/home.client.tsx": js`
+              "use client";
+
+              import { useActionState, useState } from "react";
+              import { noRevalidateAction } from "./home.actions";
+
+              export default function HomeRoute({ identity }) {
+                const [initialIdentity] = useState(identity);
+                const [state, action, pending] = useActionState(noRevalidateAction, null);
+                return (
+                  <div>
+                    <form action={action}>
+                      <input name="$SKIP_REVALIDATION" type="hidden" />
+                      <button type="submit" data-submit>No Revalidate</button>
+                    </form>
+                    {state && <div data-state>{state}</div>}
+                    {pending && <div data-pending>Pending</div>}
+                    {initialIdentity !== identity && <div data-revalidated>Revalidated</div>}
+                  </div>
+                );
+              }
+            `,
+
+            "src/routes/await-component/events.ts": js`
+              import EventEmitter from 'node:events'
+
+              export const events = new EventEmitter();
+            `,
+            "src/routes/await-component/api.ts": js`
+              import { events } from "./events";
+              export async function action({ request }) {
+                const event = await request.text()
+                events.emit(event);
+                return Response.json(event);
+              }
+            `,
+            "src/routes/await-component/client.tsx": js`
+              "use client";
+              import { useAsyncError, useAsyncValue } from "react-router";
+
+              export function ClientValue() {
+                const value = useAsyncValue();
+                return <div data-resolved>{value}</div>;
+              }
+
+              export function ClientError() {
+                const error = useAsyncError();
+                return <div data-rejected>{error.message}</div>;
+              }
+            `,
+            "src/routes/await-component/home.tsx": js`
+              import { Suspense } from "react";
+              import { Await } from "react-router";
+
+              import { ClientValue } from "./client";
+              import { events } from "./events";
+
+              export default function AwaitResolveTest() {
+                const promise = new Promise(resolve => {
+                  events.on("resolve", () => {
+                    resolve("Async Data");
+                  });
+                });
+
+                return (
+                  <>
+                    <Suspense fallback={<p data-fallback>Loading...</p>}>
+                      <Await resolve={promise}>
+                        <ClientValue />
+                      </Await>
+                    </Suspense>
+                    {Array.from({ length: 100 }, (_, i) => (
+                      <p key={i}>Item {i}</p>
+                    ))}
+                  </>
+                );
+              }
+            `,
+            "src/routes/await-component/reject.tsx": js`
+              import { Suspense } from "react";
+              import { Await } from "react-router";
+
+              import { ClientError } from "./client";
+              import { events } from "./events";
+
+              export default function AwaitRejectTest() {
+                const promise = new Promise((_, reject) => {
+                  events.on("reject", () => {
+                    reject(new Error("Async Error"));
+                  });
+                });
+
+                return (
+                  <>
+                    <Suspense fallback={<p data-fallback>Loading...</p>}>
+                      <Await resolve={promise} errorElement={<ClientError />}>
+                        {(data) => (<p data-resolved>{data}</p>)}
+                      </Await>
+                    </Suspense>
+                    {Array.from({ length: 100 }, (_, i) => (
+                      <p key={i}>Item {i}</p>
+                    ))}
+                  </>
+                );
+              }
+            `,
+            "src/routes/ssr-error/ssr-error.tsx": js`
+              "use client";
+              import { useState } from "react";
+
+              export function ErrorBoundary() {
+                const [count, setCount] = useState(0);
+
+                return (
+                  <div>
+                    <div data-error-boundary>Client Error Boundary</div>
+                    <button data-increment onClick={() => setCount(c => c + 1)}>
+                      Increment {count}
+                    </button>
+                  </div>
+                );
+              }
+
+              export default function SSRError() {
+                throw new Error("Error from SSR component");
+              }
+            `,
+
+            "src/routes/action-transition-state/home.tsx": js`
+              import { Suspense } from "react";
+              import { IncrementButton } from "./client";
+              let count = 0;
+
+              export default function ActionTransitionState() {
+                return (
+                  <div>
+                    <form
+                      action={async () => {
+                        "use server";
+                        await new Promise((r) => setTimeout(r, 1000));
+                        count++;
+                      }}
+                    >
+                      <IncrementButton count={count} />
+                    </form>
+                    <Suspense>
+                      <AsyncComponent count={count} />
+                    </Suspense>
+                  </div>
+                );
+              }
+
+              async function AsyncComponent({ count }) {
+                await new Promise((r) => setTimeout(r, 1000));
+                return <div data-testid="async-count">AsyncCount: {count}</div>;
+              }
+            `,
+            "src/routes/action-transition-state/client.tsx": js`
+              "use client";
+              import { useFormStatus } from "react-dom";
+
+              export function IncrementButton({ count }: { count: number }) {
+                const { pending } = useFormStatus();
+                return (
+                  <button data-testid="increment-button" type="submit" disabled={pending}>
+                    IncrementCount: {pending ? count + 1 : count}
+                  </button>
+                );
+              }
+            `,
+
+            "src/routes/render-redirect/home.tsx": js`
+              import { Link, redirect } from "react-router";
+
+              export default function RenderRedirect({ params: { id } }) {
+                if (id === "redirect") {
+                  throw redirect("/render-redirect/redirected");
+                }
+
+                if (id === "external") {
+                  throw redirect("https://example.com/")
+                }
+
+                if (id === "unsupported-protocol") {
+                  throw redirect("about:blank")
+                }
+
+                return (
+                  <>
+                    <h1>{id || "home"}</h1>
+                    <Link to="/render-redirect/redirect">Redirect</Link>
+                    <Link to="/render-redirect/external">External</Link>
+                    <Link to="/render-redirect/unsupported-protocol">Unsupported</Link>
+                  </>
+                )
+              }
+            `,
+            "src/routes/render-redirect/lazy.tsx": js`
+              import { Suspense } from "react";
+              import { Link, redirect } from "react-router";
+
+              export default function RenderRedirect({ params: { id } }) {
+                return (
+                  <Suspense fallback={<p>Loading...</p>}>
+                    <Lazy id={id} />
+                  </Suspense>
+                );
+              }
+
+              async function Lazy({ id }) {
+                await new Promise((r) => setTimeout(r, 0));
+
+                if (id === "redirect") {
+                  throw redirect("/render-redirect/lazy/redirected");
+                }
+
+                if (id === "external") {
+                  throw redirect("https://example.com/")
+                }
+
+                if (id === "unsupported-protocol") {
+                  throw redirect("about:blank")
+                }
+
+                return (
+                  <>
+                    <h1>{id || "home"}</h1>
+                    <Link to="/render-redirect/lazy/redirect">Redirect</Link>
+                    <Link to="/render-redirect/external">External</Link>
+                    <Link to="/render-redirect/lazy/unsupported-protocol">Unsupported</Link>
+                  </>
+                );
+              }
+            `,
+
+            "src/routes/render-route-error-response/home.tsx": js`
+              import { data } from "react-router";
+
+              export { ErrorBoundary } from "./home.client";
+
+              export default function RenderRouteErrorResponse({ params: { id } }) {
+                if (!id) throw new Response(null, { status: 400, statusText: "Oh no!" });
+
+                throw data({ message: id }, { status: 400, statusText: "Oh no!" });
+              }
+            `,
+            "src/routes/render-route-error-response/home.client.tsx": js`
+              "use client";
+              import { useRouteError, isRouteErrorResponse } from "react-router";
+
+              export function ErrorBoundary() {
+                const error = useRouteError();
+                if (isRouteErrorResponse(error)) {
+                  return <p>{error.status} {error.statusText} {error.data?.message || "no"}</p>;
+                }
+                return <p>Oh no D:</p>;
+              }
+            `,
+
+            "src/routes/get-request/get-request.tsx": js`
+              import { unstable_getRequest as getRequest } from "react-router";
+
+              export function action() { return null; }
+
+              export default function GetRequest() {
+                const request = getRequest();
+                return <p>{request.method}</p>;
+              }
+            `,
+          },
+        });
+      });
+
+      test.describe("Basic functionality", () => {
+        test("Supports navigating between server-first/client-first routes starting on a server route", async ({
+          page,
+        }) => {
+          await page.goto(`http://localhost:${port}/soft-navigation`);
+
+          // Load a server route
+          await page.waitForSelector("[data-page=home]");
+          expect(await page.locator("[data-content]").textContent()).toBe(
+            "Home Page Data",
+          );
+
+          // Navigate to a client route
+          await page.click("a[href='/soft-navigation/dashboard']");
+          await page.waitForSelector("[data-page=dashboard]");
+
+          // Verify server data
+          expect(await page.locator("[data-server-count]").textContent()).toBe(
+            "Server count: 1",
+          );
+          expect(await page.locator("[data-client-count]").textContent()).toBe(
+            "Client count: 1",
+          );
+
+          // Increment via the client component
+          await page.click("[data-increment]");
+          expect(await page.locator("[data-server-count]").textContent()).toBe(
+            "Server count: 1",
+          );
+          expect(await page.locator("[data-client-count]").textContent()).toBe(
+            "Client count: 2",
+          );
+
+          // Navigate back to a server route
+          await page.click("a[href='/soft-navigation']");
+          await page.waitForSelector("[data-page=home]");
+          expect(await page.locator("[data-content]").textContent()).toBe(
+            "Home Page Data",
+          );
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports navigating between server-first/client-first routes starting on a client route", async ({
+          page,
+        }) => {
+          await page.goto(`http://localhost:${port}/soft-navigation/dashboard`);
+          await page.waitForSelector("[data-page=dashboard]");
+
+          // Verify server data
+          expect(await page.locator("[data-server-count]").textContent()).toBe(
+            "Server count: 1",
+          );
+          expect(await page.locator("[data-client-count]").textContent()).toBe(
+            "Client count: 1",
+          );
+
+          // Increment via the client component
+          await page.click("[data-increment]");
+          expect(await page.locator("[data-server-count]").textContent()).toBe(
+            "Server count: 1",
+          );
+          expect(await page.locator("[data-client-count]").textContent()).toBe(
+            "Client count: 2",
+          );
+
+          // Navigate to a server route
+          await page.click("a[href='/soft-navigation']");
+          await page.waitForSelector("[data-page=home]");
+          expect(await page.locator("[data-content]").textContent()).toBe(
+            "Home Page Data",
+          );
+
+          // Navigate back to a client route
+          await page.click("a[href='/soft-navigation/dashboard']");
+          await page.waitForSelector("[data-page=dashboard]");
+          expect(await page.locator("[data-server-count]").textContent()).toBe(
+            "Server count: 1",
+          );
+          expect(await page.locator("[data-client-count]").textContent()).toBe(
+            "Client count: 1",
+          );
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports request context using the RouterContextProvider API", async ({
+          page,
+        }) => {
+          await page.goto(`http://localhost:${port}/request-context`);
+          await page.waitForSelector("[data-home]");
+          expect(await page.locator("[data-home]").textContent()).toBe(
+            "Home: test-context-value",
+          );
+
+          // Ensure this is actually using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports request context in resource routes using the RouterContextProvider API", async ({
+          page,
+          request,
+        }) => {
+          const getResponse = await request.get(
+            `http://localhost:${port}/resource-request-context/resource`,
+          );
+          expect(getResponse?.status()).toBe(200);
+          expect((await getResponse?.json()).contextValue).toBe(
+            "test-context-value",
+          );
+
+          const postResponse = await request.post(
+            `http://localhost:${port}/resource-request-context/resource`,
+          );
+          expect(postResponse?.status()).toBe(200);
+          expect((await postResponse?.json()).contextValue).toBe(
+            "test-context-value",
+          );
+
+          await page.goto(`http://localhost:${port}/resource-request-context`);
+          await page.click("button");
+
+          await page.waitForSelector("[data-testid=resource-data]");
+          const fetcherData = JSON.parse(
+            (await page.locator("[data-testid=resource-data]").textContent()) ||
+              "{}",
+          );
+          expect(fetcherData.contextValue).toBe("test-context-value");
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports request context in middleware using the RouterContextProvider API", async ({
+          page,
+        }) => {
+          await page.goto(
+            `http://localhost:${port}/middleware-request-context/`,
+          );
+          await page.waitForSelector("[data-context-value]");
+          expect(await page.locator("[data-context-value]").textContent()).toBe(
+            "Context value: test-context-value",
+          );
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports client context using getContext", async ({ page }) => {
+          await page.goto(`http://localhost:${port}/get-context`);
+          await page.waitForSelector("[data-client-context]");
+          expect(
+            await page.locator("[data-client-context]").textContent(),
+          ).toBe("Client context value: client-context-value");
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports resource routes as URL and fetchers", async ({
+          page,
+          request,
+        }) => {
+          const getResponse = await request.get(
+            `http://localhost:${port}/resource-url-and-fetchers/resource`,
+          );
+          expect(getResponse?.status()).toBe(200);
+          expect(await getResponse?.json()).toEqual({
+            message: "Hello from resource route!",
+          });
+
+          const postResponse = await request.post(
+            `http://localhost:${port}/resource-url-and-fetchers/resource`,
+            {
+              data: { hello: "world" },
+            },
+          );
+          expect(postResponse?.status()).toBe(200);
+          expect(await postResponse?.json()).toEqual({
+            message: "Hello from resource route!",
+            echo: JSON.stringify({ hello: "world" }),
+          });
+
+          await page.goto(`http://localhost:${port}/resource-url-and-fetchers`);
+          await page.click("button");
+
+          await page.waitForSelector("[data-testid=resource-data]");
+          expect(
+            await page.locator("[data-testid=resource-data]").textContent(),
+          ).toBe(
+            JSON.stringify({
+              message: "Hello from resource route!",
+              echo: "hello=world",
+            }),
+          );
+        });
+
+        test("Handles error responses from resource routes missing loaders/actions", async ({
+          page,
+          request,
+        }) => {
+          const getResponse = await request.get(
+            `http://localhost:${port}/resource-error-handling/no-loader-resource`,
+          );
+          expect(getResponse?.status()).toBe(400);
+          expect(await getResponse?.text()).toBe(
+            'Error: You made a GET request to "/resource-error-handling/no-loader-resource" but did not provide a `loader` for route "resource-error-handling.no-loader-resource", so there is no way to handle the request.',
+          );
+
+          const postResponse = await request.post(
+            `http://localhost:${port}/resource-error-handling/no-action-resource`,
+          );
+          expect(postResponse?.status()).toBe(405);
+          expect(await postResponse?.text()).toBe(
+            'Error: You made a POST request to "/resource-error-handling/no-action-resource" but did not provide an `action` for route "resource-error-handling.no-action-resource", so there is no way to handle the request.',
+          );
+
+          const postWithActionResponse = await request.post(
+            `http://localhost:${port}/resource-error-handling/no-loader-resource`,
+          );
+          expect(postWithActionResponse?.status()).toBe(200);
+          expect(await postWithActionResponse?.json()).toEqual({
+            message: "no-loader-resource action works",
+          });
+
+          const getWithLoaderResponse = await request.get(
+            `http://localhost:${port}/resource-error-handling/no-action-resource`,
+          );
+          expect(getWithLoaderResponse?.status()).toBe(200);
+          expect(await getWithLoaderResponse?.json()).toEqual({
+            message: "no-action-resource loader works",
+          });
+
+          // Ensure this is using RSC
+          await page.goto(`http://localhost:${port}/resource-error-handling/`);
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports Await component resolve", async ({ page }) => {
+          await page.goto(`http://localhost:${port}/await-component`, {
+            waitUntil: "commit",
+          });
+          await page.waitForSelector("[data-fallback]");
+          await fetch(`http://localhost:${port}/await-component/api`, {
+            method: "POST",
+            headers: { "Content-Type": "text/plain" },
+            body: "resolve",
+          });
+          const resolved = await page.waitForSelector("[data-resolved]");
+          expect(await resolved.innerText()).toContain("Async Data");
+        });
+
+        test("Supports Await component rejection", async ({ page }) => {
+          await page.goto(`http://localhost:${port}/await-component/reject`, {
+            waitUntil: "commit",
+          });
+          await page.waitForSelector("[data-fallback]");
+          await fetch(`http://localhost:${port}/await-component/api`, {
+            method: "POST",
+            headers: { "Content-Type": "text/plain" },
+            body: "reject",
+          });
+          const rejected = await page.waitForSelector("[data-rejected]");
+          expect(await rejected.innerText()).toContain(
+            "An error occurred in the Server Components render.",
+          );
+        });
+
+        test("Suppport throwing redirect Response from render", async ({
+          page,
+        }) => {
+          await page.goto(`http://localhost:${port}/render-redirect`);
+          await expect(page.getByText("home")).toBeAttached();
+          await page.getByText("Redirect").click();
+          await page.waitForURL(
+            `http://localhost:${port}/render-redirect/redirected`,
+          );
+          await expect(page.getByText("redirected")).toBeAttached();
+        });
+
+        test("Suppport throwing external redirect Response from render", async ({
+          browserName,
+          page,
+        }) => {
+          test.skip(
+            browserName === "firefox",
+            "Playwright doesn't like external redirects for tests. It times out waiting for the URL even though it navigates.",
+          );
+          await page.goto(`http://localhost:${port}/render-redirect`);
+          await expect(page.getByText("home")).toBeAttached();
+          await page.getByText("External").click();
+          await page.waitForURL(`https://example.com/`);
+          await expect(page.getByText("Example Domain")).toBeAttached();
+        });
+
+        test("Handles unsupported protocol redirect Responses from render", async ({
+          page,
+        }) => {
+          await page.goto(`http://localhost:${port}/render-redirect`);
+          await expect(page.getByText("home")).toBeAttached();
+          await page.getByText("Unsupported").click();
+          await page.waitForTimeout(500);
+          await expect(page).toHaveURL(
+            `http://localhost:${port}/render-redirect/unsupported-protocol`,
+          );
+        });
+
+        test("Suppport throwing redirect Response from suspended render", async ({
+          page,
+        }) => {
+          await page.goto(`http://localhost:${port}/render-redirect/lazy`);
+          await expect(page.getByText("home")).toBeAttached();
+          await page.getByText("Redirect").click();
+          await page.waitForURL(
+            `http://localhost:${port}/render-redirect/lazy/redirected`,
+          );
+          await expect(page.getByText("redirected")).toBeAttached();
+        });
+
+        test("Suppport throwing external redirect Response from suspended render", async ({
+          browserName,
+          page,
+        }) => {
+          test.skip(
+            browserName === "firefox",
+            "Playwright doesn't like external redirects for tests. It times out waiting for the URL even though it navigates.",
+          );
+          await page.goto(`http://localhost:${port}/render-redirect/lazy`);
+          await expect(page.getByText("home")).toBeAttached();
+          await page.getByText("External").click();
+          await page.waitForURL(`https://example.com/`);
+          await expect(page.getByText("Example Domain")).toBeAttached();
+        });
+
+        test("Handles unsupported protocol redirect Responses from suspended render", async ({
+          page,
+        }) => {
+          await page.goto(`http://localhost:${port}/render-redirect/lazy`);
+          await expect(page.getByText("home")).toBeAttached();
+          await page.getByText("Unsupported").click();
+          await page.waitForTimeout(500);
+          await expect(page).toHaveURL(
+            `http://localhost:${port}/render-redirect/lazy/unsupported-protocol`,
+          );
+        });
+
+        test("Support throwing Responses", async ({ page }) => {
+          await page.goto(
+            `http://localhost:${port}/render-route-error-response`,
+          );
+          await expect(page.getByText("400 Oh no! no")).toBeAttached();
+        });
+
+        test("Support throwing data() responses with data", async ({
+          page,
+        }) => {
+          await page.goto(
+            `http://localhost:${port}/render-route-error-response/Test`,
+          );
+          await expect(page.getByText("400 Oh no! Test")).toBeAttached();
+        });
+
+        test("Supports getRequest in server components", async ({ page }) => {
+          await page.goto(`http://localhost:${port}/get-request`);
+          await expect(page.getByText("GET")).toBeAttached();
+
+          const response = await page.request.fetch(
+            `http://localhost:${port}/get-request`,
+            {
+              method: "POST",
+            },
+          );
+          const body = await response.text();
+          expect(body).toContain("<p>POST</p>");
+        });
+      });
+
+      test.describe("Server Actions", () => {
+        test("Supports React Server Functions", async ({ page }) => {
+          await page.goto(`http://localhost:${port}/server-action`);
+
+          // Verify initial server render
+          await page.waitForSelector("[data-home]");
+          expect(await page.locator("[data-home]").textContent()).toBe(
+            "Home: (0)",
+          );
+
+          // Submit the form to trigger server function
+          await page.click("[data-submit]");
+
+          // Verify server function updated the UI
+          await expect(page.locator("[data-home]")).toHaveText("Home: (1)");
+
+          // Submit again to ensure server functions work repeatedly
+          await page.click("[data-submit]");
+          await expect(page.locator("[data-home]")).toHaveText("Home: (2)");
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports Inline React Server Functions", async ({ page }) => {
+          await page.goto(`http://localhost:${port}/inline-server-action/`);
+
+          // Verify initial server render
+          await page.waitForSelector("[data-home]");
+          expect(await page.locator("[data-home]").textContent()).toBe(
+            "Home: Default (0)",
+          );
+
+          // Submit the form to trigger server function
+          await page.click("[data-submit]");
+
+          // Verify server function updated the UI
+          await expect(page.locator("[data-home]")).toHaveText(
+            "Home: Updated (1)",
+          );
+
+          // Submit again to ensure server functions work repeatedly
+          await page.click("[data-submit]");
+          await expect(page.locator("[data-home]")).toHaveText(
+            "Home: Updated (2)",
+          );
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports React Server Functions thrown redirects", async ({
+          page,
+        }) => {
+          await page.goto(
+            `http://localhost:${port}/throw-redirect-server-action/`,
+          );
+
+          // Verify initial server render
+          await page.waitForSelector("[data-count]");
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 0",
+          );
+          await page.click("[data-count]");
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 1",
+          );
+
+          // Submit the form to trigger server function redirect
+          await page.click("[data-submit]");
+
+          await expect(page).toHaveURL(
+            `http://localhost:${port}/throw-redirect-server-action?redirected=true`,
+          );
+
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 1",
+          );
+          // Validate things are still interactive after redirect
+          await page.click("[data-count]");
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 2",
+          );
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports React Server Functions thrown external redirects", async ({
+          page,
+        }) => {
+          await page.goto(
+            `http://localhost:${port}/throw-external-redirect-server-action/`,
+          );
+
+          // Verify initial server render
+          await page.waitForSelector("[data-count]");
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 0",
+          );
+          await page.click("[data-count]");
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 1",
+          );
+
+          // Submit the form to trigger server function redirect to external URL
+          await page.click("[data-submit]");
+
+          // We expect the browser to navigate to the external site (example.com)
+          await expect(page).toHaveURL(`https://example.com/`);
+        });
+
+        test("Supports React Server Functions side-effect redirects", async ({
+          page,
+        }) => {
+          await page.goto(
+            `http://localhost:${port}/side-effect-redirect-server-action`,
+          );
+
+          // Verify initial server render
+          await page.waitForSelector("[data-count]");
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 0",
+          );
+          await page.click("[data-count]");
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 1",
+          );
+
+          const responseHeadersPromise = new Promise<Record<string, string>>(
+            (resolve) => {
+              page.addListener("response", (response) => {
+                if (response.request().method() === "POST") {
+                  resolve(response.headers());
+                }
+              });
+            },
+          );
+
+          // Submit the form to trigger server function redirect
+          await page.click("[data-submit]");
+
+          await expect(page.getByTestId("state")).toHaveText("redirected");
+
+          await page.waitForURL(
+            `http://localhost:${port}/side-effect-redirect-server-action?redirected=true`,
+          );
+
+          expect((await responseHeadersPromise)["x-test"]).toBe("test");
+
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 1",
+          );
+          // Validate things are still interactive after redirect
+          await page.click("[data-count]");
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 2",
+          );
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports React Server Functions side-effect external redirects", async ({
+          page,
+        }) => {
+          await page.goto(
+            `http://localhost:${port}/side-effect-external-redirect-server-action`,
+          );
+
+          // Verify initial server render
+          await page.waitForSelector("[data-count]");
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 0",
+          );
+          await page.click("[data-count]");
+          expect(await page.locator("[data-count]").textContent()).toBe(
+            "Count: 1",
+          );
+
+          const responseHeadersPromise = new Promise<Record<string, string>>(
+            (resolve) => {
+              page.addListener("response", (response) => {
+                if (response.request().method() === "POST") {
+                  resolve(response.headers());
+                }
+              });
+            },
+          );
+
+          // Submit the form to trigger server function redirect to external URL
+          await page.click("[data-submit]");
+
+          // We expect the browser to navigate to the external site (example.com)
+          await expect(page).toHaveURL(`https://example.com/`);
+
+          // Optionally assert that the server sent the header
+          expect((await responseHeadersPromise)["x-test"]).toBe("test");
+        });
+
+        test("Supports React Server Function References", async ({ page }) => {
+          await page.goto(`http://localhost:${port}/server-function-reference`);
+
+          // Verify initial server render
+          await page.waitForSelector("[data-home]");
+          expect(await page.locator("[data-home]").textContent()).toBe(
+            "Home: (0)",
+          );
+          await expect(page.locator("[data-home-ref]")).toHaveText("good");
+
+          // Submit the form to trigger server function
+          await page.click("[data-submit]");
+
+          // Verify server function updated the UI
+          await expect(page.locator("[data-home]")).toHaveText("Home: (1)");
+          await expect(page.locator("[data-home-ref]")).toHaveText("good");
+
+          // Submit again to ensure server functions work repeatedly
+          await page.click("[data-submit]");
+          await expect(page.locator("[data-home]")).toHaveText("Home: (2)");
+          await expect(page.locator("[data-home-ref]")).toHaveText("good");
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Supports server actions that disable revalidation", async ({
+          page,
+        }) => {
+          await page.goto(
+            `http://localhost:${port}/no-revalidate-server-action`,
+            { waitUntil: "networkidle" },
+          );
+
+          const actionResponsePromise = new Promise<PlaywrightResponse>(
+            (resolve) => {
+              page.on("response", async (response) => {
+                if (!!(await response.request().headerValue("rsc-action-id"))) {
+                  resolve(response);
+                }
+              });
+            },
+          );
+
+          await page.click("[data-submit]");
+          await page.waitForSelector("[data-state]");
+          await page.waitForSelector("[data-pending]", { state: "hidden" });
+          await page.waitForSelector("[data-revalidated]", {
+            state: "hidden",
+          });
+          expect(await page.locator("[data-state]").textContent()).toBe(
+            "no revalidate",
+          );
+
+          const actionResponse = await actionResponsePromise;
+          expect(await actionResponse.headerValue("x-test")).toBe("test");
+        });
+
+        test("Supports transition state throughout the revalidation lifecycle", async ({
+          page,
+        }) => {
+          await page.goto(`http://localhost:${port}/action-transition-state`, {
+            waitUntil: "networkidle",
+          });
+
+          const count0Button = page.getByText("IncrementCount: 0");
+          await expect(count0Button).toBeEnabled();
+          await count0Button.click();
+
+          const count1Button = page.getByText("IncrementCount: 1");
+          await expect(count1Button).toBeDisabled();
+
+          expect(await page.getByTestId("async-count").textContent()).toBe(
+            "AsyncCount: 0",
+          );
+
+          await page.waitForFunction(
+            () =>
+              !(
+                document.querySelector(
+                  '[data-testid="increment-button"]',
+                ) as HTMLButtonElement
+              )?.disabled,
+          );
+          await expect(count1Button).toBeEnabled();
+
+          await expect(page.getByTestId("async-count")).toHaveText(
+            "AsyncCount: 1",
+          );
+        });
+      });
+
+      test.describe("Errors", () => {
+        test("Handles sanitized production errors in server components correctly", async ({
+          page,
+        }) => {
+          await page.goto(`http://localhost:${port}/sanitized-errors`);
+
+          // Verify error boundary is shown
+          await page.waitForSelector("[data-error-title]");
+          await page.waitForSelector("[data-error-message]");
+          expect(await page.locator("[data-error-message]").textContent()).toBe(
+            "An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.",
+          );
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Handles errors thrown in SSR components correctly", async ({
+          page,
+        }) => {
+          await page.goto(`http://localhost:${port}/ssr-error`);
+
+          // Verify error boundary is shown
+          await page.waitForSelector("[data-error-boundary]");
+          expect(
+            await page.locator("[data-error-boundary]").textContent(),
+          ).toBe("Client Error Boundary");
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+      });
+
+      test.describe("Route Client Component Props", () => {
+        test("Passes props to client route component", async ({ page }) => {
+          await page.goto(
+            `http://localhost:${port}/client-route-component-props`,
+          );
+
+          // Verify loader data is passed
+          await page.waitForSelector("[data-loader-data]");
+          expect(await page.locator("[data-loader-data]").textContent()).toBe(
+            "Hello from client loader!",
+          );
+
+          // Verify params are passed (empty for home route)
+          await page.waitForSelector("[data-params]");
+          await page.waitForSelector("[data-params-type]");
+          await page.waitForSelector("[data-params-count]");
+          expect(await page.locator("[data-params-type]").textContent()).toBe(
+            "typeof params: object",
+          );
+          expect(await page.locator("[data-params-count]").textContent()).toBe(
+            "params count: 0",
+          );
+
+          // Verify matches are passed
+          await page.waitForSelector("[data-matches]");
+          await page.waitForSelector("[data-matches-ids]");
+          expect(await page.locator("[data-matches-ids]").textContent()).toBe(
+            "matches ids: root, client-route-component-props",
+          );
+
+          // Submit the form to trigger the client action
+          await page.fill("[data-name-input]", "World");
+          await page.click("[data-submit-button]");
+
+          // Verify the action data is displayed
+          await page.waitForSelector("[data-action-data]");
+          expect(await page.locator("[data-action-data]").textContent()).toBe(
+            "Hello World from client action!",
+          );
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Passes props to client ErrorBoundary when error is thrown in client loader", async ({
+          page,
+        }) => {
+          await page.goto(
+            `http://localhost:${port}/client-error-boundary-props-client-loader`,
+          );
+
+          // Verify error boundary is shown
+          await page.waitForSelector("[data-error-title]");
+          await page.waitForSelector("[data-error-message]");
+          expect(await page.locator("[data-error-title]").textContent()).toBe(
+            "Error Caught!",
+          );
+          expect(await page.locator("[data-error-message]").textContent()).toBe(
+            "Intentional error from client loader",
+          );
+
+          // Verify params are passed to error boundary
+          await page.waitForSelector("[data-error-params]");
+          await page.waitForSelector("[data-error-params-type]");
+          await page.waitForSelector("[data-error-params-count]");
+          expect(
+            await page.locator("[data-error-params-type]").textContent(),
+          ).toBe("typeof params: object");
+          expect(
+            await page.locator("[data-error-params-count]").textContent(),
+          ).toBe("params count: 0");
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+
+        test("Passes props to client HydrateFallback", async ({ page }) => {
+          await page.goto(`http://localhost:${port}/hydrate-fallback-props`);
+
+          // Verify the hydrate fallback is shown initially
+          await page.waitForSelector("[data-hydrate-fallback]");
+          expect(
+            await page.locator("[data-hydrate-fallback]").textContent(),
+          ).toBe("Hydrate Fallback");
+
+          // Verify params are passed to hydrate fallback
+          await page.waitForSelector("[data-hydrate-params]");
+          await page.waitForSelector("[data-hydrate-params-type]");
+          await page.waitForSelector("[data-hydrate-params-count]");
+          expect(
+            await page.locator("[data-hydrate-params-type]").textContent(),
+          ).toBe("typeof params: object");
+          expect(
+            await page.locator("[data-hydrate-params-count]").textContent(),
+          ).toBe("params count: 0");
+
+          // Unblock the client loader to allow it to complete
+          await page.evaluate(() => {
+            (globalThis as any).unblockClientLoader = true;
+          });
+
+          await page.waitForSelector("[data-home]");
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+      });
+    });
+
+    test.describe("Basename", () => {
+      let basename = "/custom/basename" as const;
+
+      let port: number;
+      let stopAfterAll: () => void;
+
+      test.afterAll(() => {
+        stopAfterAll?.();
+      });
+
+      test.beforeAll(async () => {
+        port = await getPort();
+        stopAfterAll = await setupRscTest({
+          implementation,
+          port,
+          files: {
+            "src/config/basename.ts": js`
+              // THIS FILE OVERRIDES THE DEFAULT IMPLEMENTATION
+              export const basename = ${JSON.stringify(basename)};
+            `,
+            "src/routes.ts": js`
+              import type { unstable_RSCRouteConfig as RSCRouteConfig } from "react-router";
+
+              export const routes = [
+                {
+                  id: "root",
+                  path: "",
+                  lazy: () => import("./routes/root"),
+                  children: [
+                    {
+                      id: "basic",
+                      path: "basic",
+                      lazy: () => import("./routes/basic/home"),
+                    },
+                    {
+                      id: "server-redirects",
+                      path: "server-redirects",
+                      children: [
+                        {
+                          id: "server-redirects.home",
+                          path: "home",
+                          lazy: () => import("./routes/server-redirects/home"),
+                        },
+                        {
+                          id: "server-redirects.redirect",
+                          path: "redirect",
+                          lazy: () => import("./routes/server-redirects/redirect"),
+                        },
+                        {
+                          id: "server-redirects.target",
+                          path: "target",
+                          lazy: () => import("./routes/server-redirects/target"),
+                        },
+                      ]
+                    },
+                    {
+                      id: "action-redirects",
+                      path: "action-redirects",
+                      children: [
+                        {
+                          id: "action-redirects.action-redirect",
+                          path: "action-redirect",
+                          lazy: () => import("./routes/action-redirects/action-redirect"),
+                        },
+                        {
+                          id: "action-redirects.target",
+                          path: "target",
+                          lazy: () => import("./routes/action-redirects/target"),
+                        },
+                      ]
+                    },
+                    {
+                      id: "server-action-redirects",
+                      path: "server-action-redirects",
+                      children: [
+                        {
+                          id: "server-action-redirects.home",
+                          index: true,
+                          lazy: () => import("./routes/server-action-redirects/home"),
+                        },
+                        {
+                          id: "server-action-redirects.redirect",
+                          path: "redirect",
+                          lazy: () => import("./routes/server-action-redirects/redirect"),
+                        },
+                        {
+                          id: "server-action-redirects.target",
+                          path: "target",
+                          lazy: () => import("./routes/server-action-redirects/target"),
+                        },
+                      ]
+                    }
+                  ],
+                },
+              ] satisfies RSCRouteConfig;
+            `,
+
+            "src/routes/basic/home.tsx": js`
+              export function loader() {
+                return { message: "Loader Data" };
+              }
+              export default function HomeRoute({ loaderData }) {
+                return <h2 data-home>Home: {loaderData.message}</h2>;
+              }
+            `,
+
+            "src/routes/server-redirects/home.tsx": js`
+              import { Link } from "react-router";
+
+              export default function HomeRoute() {
+                return (
+                  <div>
+                    <h2 data-home>Home Route</h2>
+                    <Link to="/server-redirects/redirect" data-link-to-redirect>
+                      Go to redirect route
+                    </Link>
+                  </div>
+                );
+              }
+            `,
+            "src/routes/server-redirects/redirect.tsx": js`
+              import { redirect } from "react-router";
+
+              export function loader() {
+                throw redirect("/server-redirects/target");
+              }
+
+              export default function RedirectRoute() {
+                return <h2>This should not be rendered</h2>;
+              }
+            `,
+            "src/routes/server-redirects/target.tsx": js`
+              export default function TargetRoute() {
+                return <h2 data-target>Target Route</h2>;
+              }
+            `,
+
+            "src/routes/action-redirects/action-redirect.tsx": js`
+              import { redirect } from "react-router";
+
+              export async function action({ request }) {
+                // Redirect to target when form is submitted
+                throw redirect("/action-redirects/target");
+              }
+
+              export default function ActionRedirectRoute() {
+                return (
+                  <div>
+                    <h2 data-action-redirect>Action Redirect Route</h2>
+                    <form method="post">
+                      <button type="submit" data-submit-action>
+                        Submit to trigger redirect
+                      </button>
+                    </form>
+                  </div>
+                );
+              }
+            `,
+            "src/routes/action-redirects/target.tsx": js`
+              export default function TargetRoute() {
+                return <h2 data-target>Target Route</h2>;
+              }
+            `,
+
+            "src/routes/server-action-redirects/home.tsx": js`
+              import { Link } from "react-router";
+
+              export default function HomeRoute() {
+                return (
+                  <div>
+                    <h2 data-home>Home Route</h2>
+                    <Link to="/server-action-redirects/redirect" data-link-to-redirect>
+                      Go to server action redirect route
+                    </Link>
+                  </div>
+                );
+              }
+            `,
+            "src/routes/server-action-redirects/redirect.actions.ts": js`
+              "use server";
+              import { redirect } from "react-router";
+
+              export async function redirectAction(formData: FormData) {
+                throw redirect("/server-action-redirects/target");
+              }
+            `,
+            "src/routes/server-action-redirects/redirect.tsx": js`
+              export { default } from "./redirect.client";
+            `,
+            "src/routes/server-action-redirects/redirect.client.tsx": js`
+              "use client";
+
+              import { useActionState } from "react";
+              import { redirectAction } from "./redirect.actions";
+
+              export default function RedirectRoute() {
+                const [state, formAction, isPending] = useActionState(redirectAction, null);
+
+                return (
+                  <div>
+                    <h2 data-redirect>Server Action Redirect Route</h2>
+                    <form action={formAction}>
+                      <button type="submit" data-submit-action disabled={isPending}>
+                        {isPending ? "Redirecting..." : "Redirect to Target"}
+                      </button>
+                    </form>
+                  </div>
+                );
+              }
+            `,
+            "src/routes/server-action-redirects/target.tsx": js`
+              export default function TargetRoute() {
+                return <h2 data-target>Target Route</h2>;
+              }
+            `,
+          },
+        });
+      });
+
+      test("Renders a page with a custom basename", async ({ page }) => {
+        await page.goto(`http://localhost:${port}${basename}/basic`);
+        await page.waitForSelector("[data-home]");
+        expect(await page.locator("[data-home]").textContent()).toBe(
+          "Home: Loader Data",
+        );
+
+        // Ensure this is using RSC
+        validateRSCHtml(await page.content());
+      });
+
+      test("Handles server-side redirects with basename", async ({ page }) => {
+        // Navigate directly to redirect route with basename
+        await page.goto(
+          `http://localhost:${port}${basename}/server-redirects/redirect`,
+        );
+
+        // Should be redirected to target route
+        await page.waitForURL(
+          `http://localhost:${port}${basename}/server-redirects/target`,
+        );
+        await page.waitForSelector("[data-target]");
+        expect(await page.locator("[data-target]").textContent()).toBe(
+          "Target Route",
+        );
+
+        // Ensure this is using RSC
+        validateRSCHtml(await page.content());
+      });
+
+      test("Handles server-side redirects in route actions with basename", async ({
+        page,
+      }) => {
+        // Navigate to action redirect route with basename
+        await page.goto(
+          `http://localhost:${port}${basename}/action-redirects/action-redirect`,
+        );
+        await page.waitForSelector("[data-action-redirect]");
+        expect(await page.locator("[data-action-redirect]").textContent()).toBe(
+          "Action Redirect Route",
+        );
+
+        // Mutate the window object so we can check if the navigation occurred
+        // within the same browser context
+        await page.evaluate(() => {
+          // @ts-expect-error
+          window.__isWithinSameBrowserContext = true;
+        });
+
+        // Submit the form to trigger the action redirect
+        await page.click("[data-submit-action]");
+
+        // Should be redirected to target route
+        await page.waitForURL(
+          `http://localhost:${port}${basename}/action-redirects/target`,
+        );
+        await page.waitForSelector("[data-target]");
+        expect(await page.locator("[data-target]").textContent()).toBe(
+          "Target Route",
+        );
+
+        // Ensure a document navigation occurred
+        expect(
+          await page.evaluate(() => {
+            // @ts-expect-error
+            return window.__isWithinSameBrowserContext;
+          }),
+        ).not.toBe(true);
+
+        // Ensure this is using RSC
+        validateRSCHtml(await page.content());
+      });
+
+      test("Supports redirects in server actions with basename", async ({
+        page,
+      }) => {
+        // Start on home route
+        await page.goto(
+          `http://localhost:${port}${basename}/server-action-redirects`,
+        );
+        await page.waitForSelector("[data-home]");
+        expect(await page.locator("[data-home]").textContent()).toBe(
+          "Home Route",
+        );
+
+        // Navigate to redirect route via client navigation
+        await page.click("[data-link-to-redirect]");
+        await page.waitForSelector("[data-redirect]");
+        expect(await page.locator("[data-redirect]").textContent()).toBe(
+          "Server Action Redirect Route",
+        );
+
+        // Submit the form to trigger server action redirect
+        await page.click("[data-submit-action]");
+
+        // Should be redirected to target route
+        await page.waitForURL(
+          `http://localhost:${port}${basename}/server-action-redirects/target`,
+        );
+        await page.waitForSelector("[data-target]");
+        expect(await page.locator("[data-target]").textContent()).toBe(
+          "Target Route",
+        );
+
+        // Ensure this is using RSC
+        validateRSCHtml(await page.content());
+      });
+
+      test.describe("Without JavaScript", () => {
+        test.use({ javaScriptEnabled: false });
+        test("Supports redirects in server actions without JavaScript with basename", async ({
+          page,
+        }) => {
+          // Start on home route
+          await page.goto(
+            `http://localhost:${port}${basename}/server-action-redirects`,
+          );
+          await page.waitForSelector("[data-home]");
+          expect(await page.locator("[data-home]").textContent()).toBe(
+            "Home Route",
+          );
+
+          // Navigate to redirect route via client navigation
+          await page.click("[data-link-to-redirect]");
+          await page.waitForSelector("[data-redirect]");
+          expect(await page.locator("[data-redirect]").textContent()).toBe(
+            "Server Action Redirect Route",
+          );
+
+          // Submit the form to trigger server action redirect
+          await page.click("[data-submit-action]");
+
+          // Should be redirected to target route
+          await page.waitForURL(
+            `http://localhost:${port}${basename}/server-action-redirects/target`,
+          );
+          await page.waitForSelector("[data-target]");
+          expect(await page.locator("[data-target]").textContent()).toBe(
+            "Target Route",
+          );
+
+          // Ensure this is using RSC
+          validateRSCHtml(await page.content());
+        });
+      });
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/rsc/utils.ts b/tests/react-router-framework/integration/rsc/utils.ts
new file mode 100644
index 00000000..e256b803
--- /dev/null
+++ b/tests/react-router-framework/integration/rsc/utils.ts
@@ -0,0 +1,74 @@
+import { expect } from "@playwright/test";
+import { sync as spawnSync } from "cross-spawn";
+
+import {
+  type TemplateName,
+  createDev,
+  createProject,
+} from "../helpers/rsbuild.js";
+import { rsbuildBin } from "../helpers/rsbuild-adapter.js";
+
+export const js = String.raw;
+
+export type Implementation = {
+  name: string;
+  template: TemplateName;
+  /** Build a production app */
+  build: ({ cwd }: { cwd: string }) => ReturnType<typeof spawnSync>;
+  /** Run a production app */
+  run: ({ cwd, port }: { cwd: string; port: number }) => Promise<() => void>;
+  /** Run the dev server */
+  dev: ({ cwd, port }: { cwd: string; port: number }) => Promise<() => void>;
+};
+
+export const implementations: Implementation[] = [
+  {
+    name: "rsbuild",
+    template: "rsc-preview",
+    build: ({ cwd }: { cwd: string }) => spawnSync("pnpm", ["build"], { cwd }),
+    run: ({ cwd, port }) =>
+      createDev(["server.js", "-p", String(port)])({
+        cwd,
+        port,
+        env: {
+          NODE_ENV: "production",
+        },
+      }),
+    dev: ({ cwd, port }) =>
+      createDev([rsbuildBin, "dev", "--host", "localhost"])({
+        cwd,
+        port,
+      }),
+  },
+] as Implementation[];
+
+export async function setupRscTest({
+  implementation,
+  port,
+  dev,
+  files,
+}: {
+  implementation: Implementation;
+  port: number;
+  dev?: boolean;
+  files: Record<string, string>;
+}) {
+  let cwd = await createProject(files, implementation.template);
+
+  let { error, status, stderr, stdout } = implementation.build({ cwd });
+  if (status !== 0) {
+    console.error("Error building project", {
+      status,
+      error,
+      stdout: stdout?.toString(),
+      stderr: stderr?.toString(),
+    });
+    throw new Error("Error building project");
+  }
+  return dev
+    ? implementation.dev({ cwd, port })
+    : implementation.run({ cwd, port });
+}
+
+export const validateRSCHtml = (html: string) =>
+  expect(html).toMatch(/\(self\.__FLIGHT_DATA\|\|=\[\]\)\.push\(/);
diff --git a/tests/react-router-framework/integration/scroll-test.ts b/tests/react-router-framework/integration/scroll-test.ts
new file mode 100644
index 00000000..b982e1d5
--- /dev/null
+++ b/tests/react-router-framework/integration/scroll-test.ts
@@ -0,0 +1,124 @@
+import { test, expect } from "@playwright/test";
+
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+
+let fixture: Fixture;
+let appFixture: AppFixture;
+
+test.beforeAll(async () => {
+  fixture = await createFixture({
+    files: {
+      "app/routes/_index.tsx": js`
+        import { redirect, Form } from "react-router";
+
+        export function action() {
+          return redirect("/test");
+        };
+
+        export default function Component() {
+          return (
+            <>
+              <h1>Index Page - Scroll Down</h1>
+              <Form method="post" style={{ marginTop: "150vh" }}>
+                <button type="submit">Submit</button>
+              </Form>
+            </>
+          );
+        }
+      `,
+
+      "app/routes/test.tsx": js`
+        export default function Component() {
+          return (
+            <>
+              <h1 id="redirected">Redirected!</h1>
+              <p style={{ marginTop: "150vh" }}>I should not be visible!!</p>
+            </>
+          );
+        }
+      `,
+
+      "app/routes/hash.tsx": js`
+        import { Link } from "react-router";
+
+        export default function Component() {
+          return (
+            <>
+              <h1>Hash Scrolling</h1>
+              <Link to="#hello-world">hash link to hello-world</Link>
+              <Link to="#hello 🌎">hash link to hello 🌎</Link>
+              <div style={{ height: '3000px' }}>Spacer Div</div>
+              <p id="hello-world">hello-world scroll target</p>
+              <p id="hello 🌎">hello 🌎 scroll target</p>
+            </>
+          );
+        }
+      `,
+    },
+  });
+
+  // This creates an interactive app using playwright.
+  appFixture = await createAppFixture(fixture);
+});
+
+test.afterAll(() => {
+  appFixture.close();
+});
+
+test.describe("without JavaScript", () => {
+  test.use({ javaScriptEnabled: false });
+  runTests();
+});
+
+test.describe("with JavaScript", () => {
+  test.use({ javaScriptEnabled: true });
+  runTests();
+});
+
+function runTests() {
+  test("page scroll should be at the top on the new page", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+
+    // Scroll to the bottom and submit
+    await page.evaluate(() => window.scrollTo(0, document.body.scrollHeight));
+    let scroll = await page.evaluate(() => window.scrollY);
+    expect(scroll).toBeGreaterThan(0);
+    await app.clickSubmitButton("/?index");
+    await page.waitForSelector("#redirected");
+
+    // Ensure we scrolled back to the top
+    scroll = await page.evaluate(() => window.scrollY);
+    expect(scroll).toBe(0);
+  });
+
+  test("should scroll to hash locations", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/hash");
+    let scroll = await page.evaluate(() => window.scrollY);
+    expect(scroll).toBe(0);
+    await app.clickLink("/hash#hello-world");
+    await expect
+      .poll(() => page.evaluate(() => window.scrollY))
+      .toBeGreaterThan(0);
+  });
+
+  test("should scroll to hash locations with URL encoded characters", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/hash");
+    let scroll = await page.evaluate(() => window.scrollY);
+    expect(scroll).toBe(0);
+    await app.clickLink("/hash#hello 🌎");
+    await expect
+      .poll(() => page.evaluate(() => window.scrollY))
+      .toBeGreaterThan(0);
+  });
+}
diff --git a/tests/react-router-framework/integration/server-bundles-test.ts b/tests/react-router-framework/integration/server-bundles-test.ts
new file mode 100644
index 00000000..9f132c13
--- /dev/null
+++ b/tests/react-router-framework/integration/server-bundles-test.ts
@@ -0,0 +1,441 @@
+import fs from "node:fs";
+import path from "node:path";
+import { type Page, test, expect } from "@playwright/test";
+import getPort from "get-port";
+import dedent from "dedent";
+
+import {
+  createProject,
+  dev,
+  build,
+  reactRouterServe,
+  rsbuildConfig,
+} from "./helpers/rsbuild.js";
+
+const js = String.raw;
+
+const withBundleServer = async (
+  cwd: string,
+  serverBundle: string,
+  callback: (port: number) => Promise<void>,
+): Promise<void> => {
+  let port = await getPort();
+  let stop = await reactRouterServe({ cwd, port, serverBundle });
+  await callback(port);
+  stop();
+};
+
+const ROUTE_FILE_COMMENT = "// THIS IS A ROUTE FILE";
+
+function createRoute(path: string) {
+  return {
+    [`app/routes/${path}`]: js`
+      ${ROUTE_FILE_COMMENT}
+      import { Outlet } from "react-router";
+      import { useState, useEffect } from "react";
+
+      export default function Route() {
+        const [mounted, setMounted] = useState(false);
+        useEffect(() => {
+          setMounted(true);
+        }, []);
+        return (
+          <>
+            <div data-route-file="${path}">
+              Route: ${path}
+              {mounted ? <span data-mounted> (Mounted)</span> : null}
+            </div>
+            <Outlet />
+          </>
+        );
+      }
+    `,
+  };
+}
+
+const TEST_ROUTES = [
+  "_index.tsx",
+
+  // Bundle A has an index route
+  "bundle_a.tsx",
+  "bundle_a._index.tsx",
+  "bundle_a.route_a.tsx",
+  "bundle_a.route_b.tsx",
+
+  // Bundle B doesn't have an index route
+  "bundle_b.tsx",
+  "bundle_b.route_a.tsx",
+  "bundle_b.route_b.tsx",
+
+  // Bundle C is nested in a pathless route
+  "_pathless.tsx",
+  "_pathless.bundle_c.tsx",
+  "_pathless.bundle_c.route_a.tsx",
+  "_pathless.bundle_c.route_b.tsx",
+];
+
+const files = {
+  "app/root.tsx": js`
+    ${ROUTE_FILE_COMMENT}
+    import { Links, Meta, Outlet, Scripts } from "react-router";
+
+    export default function Root() {
+      return (
+        <html lang="en">
+          <head>
+            <Meta />
+            <Links />
+          </head>
+          <body>
+            <Outlet />
+            <Scripts />
+          </body>
+        </html>
+      );
+    }
+  `,
+  ...Object.assign({}, ...TEST_ROUTES.map(createRoute)),
+};
+
+const expectRenderedRoutes = async (page: Page, routeFiles: string[]) => {
+  await Promise.all(
+    TEST_ROUTES.map(async (routeFile) => {
+      let locator = page.locator(
+        `[data-route-file="${routeFile}"] [data-mounted]`,
+      );
+      if (routeFiles.includes(routeFile)) {
+        await expect(locator).toBeAttached();
+      } else {
+        // Assert no other routes are rendered
+        await expect(locator).not.toBeAttached();
+      }
+    }),
+  );
+};
+
+test.describe("Server bundles", () => {
+  let cwd: string;
+  let port: number;
+
+  test.beforeAll(async () => {
+    port = await getPort();
+    cwd = await createProject(
+      {
+        "react-router.config.ts": dedent(js`
+          export default {
+            buildEnd: async ({ buildManifest }) => {
+              let fs = await import("node:fs");
+              await fs.promises.writeFile(
+                "build/test-manifest.json",
+                JSON.stringify(buildManifest, null, 2)
+              );
+            },
+            serverBundles: async ({ branch }) => {
+              // Smoke test to ensure we can read the route files via 'route.file'
+              await Promise.all(branch.map(async (route) => {
+                const fs = await import("node:fs/promises");
+                const routeFileContents = await fs.readFile(route.file, "utf8");
+                if (!routeFileContents.includes(${JSON.stringify(
+                  ROUTE_FILE_COMMENT,
+                )})) {
+                  throw new Error("Couldn't file route file test comment");
+                }
+              }));
+
+              if (branch.some((route) => route.id === "routes/_index")) {
+                return "root";
+              }
+
+              if (branch.some((route) => route.id === "routes/bundle_a")) {
+                return "bundle_a";
+              }
+
+              if (branch.some((route) => route.id === "routes/bundle_b")) {
+                return "bundle_b";
+              }
+
+              if (branch.some((route) => route.id === "routes/_pathless.bundle_c")) {
+                return "bundle_c";
+              }
+
+              throw new Error("No bundle defined for route " + branch[branch.length - 1].id);
+            }
+          }
+        `),
+        "rsbuild.config.ts": dedent(js`
+          import { defineConfig } from "@rsbuild/core";
+          import { pluginReact } from "@rsbuild/plugin-react";
+          import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+          export default defineConfig({
+            ${await rsbuildConfig.server({ port })}
+            plugins: [pluginReact(), pluginReactRouter()],
+          });
+        `),
+        ...files,
+      },
+      "rsbuild-template",
+    );
+  });
+
+  test.describe(() => {
+    let stop: () => void;
+    test.beforeAll(async () => {
+      stop = await dev({ cwd, port });
+    });
+
+    test.afterAll(() => stop());
+
+    test("dev", async ({ page }) => {
+      // There are no server bundles in dev mode, this is just a smoke test to
+      // ensure dev mode works and that routes from all bundles are available
+      let pageErrors: Error[] = [];
+      page.on("pageerror", (error) => pageErrors.push(error));
+
+      await page.goto(`http://localhost:${port}/`);
+      await expectRenderedRoutes(page, ["_index.tsx"]);
+
+      await page.goto(`http://localhost:${port}/bundle_a`);
+      await expectRenderedRoutes(page, ["bundle_a.tsx", "bundle_a._index.tsx"]);
+
+      await page.goto(`http://localhost:${port}/bundle_b`);
+      await expectRenderedRoutes(page, ["bundle_b.tsx"]);
+
+      await page.goto(`http://localhost:${port}/bundle_c`);
+      await expectRenderedRoutes(page, [
+        "_pathless.tsx",
+        "_pathless.bundle_c.tsx",
+      ]);
+
+      expect(pageErrors).toEqual([]);
+    });
+  });
+
+  test.describe("build", () => {
+    let stdout: string;
+    test.beforeAll(() => {
+      let buildResult = build({ cwd });
+      stdout = buildResult.stdout.toString();
+    });
+
+    test("server", async ({ page }) => {
+      let pageErrors: Error[] = [];
+      page.on("pageerror", (error) => pageErrors.push(error));
+
+      await withBundleServer(cwd, "root", async (port) => {
+        await page.goto(`http://localhost:${port}/`);
+        await expectRenderedRoutes(page, ["_index.tsx"]);
+
+        let _404s = ["/bundle_a", "/bundle_b", "/bundle_c"];
+        for (let path of _404s) {
+          let response = await page.goto(`http://localhost:${port}${path}`);
+          expect(response?.status()).toBe(404);
+        }
+      });
+
+      await withBundleServer(cwd, "bundle_a", async (port) => {
+        await page.goto(`http://localhost:${port}/bundle_a`);
+        await expectRenderedRoutes(page, [
+          "bundle_a.tsx",
+          "bundle_a._index.tsx",
+        ]);
+
+        await page.goto(`http://localhost:${port}/bundle_a/route_a`);
+        await expectRenderedRoutes(page, [
+          "bundle_a.tsx",
+          "bundle_a.route_a.tsx",
+        ]);
+
+        await page.goto(`http://localhost:${port}/bundle_a/route_b`);
+        await expectRenderedRoutes(page, [
+          "bundle_a.tsx",
+          "bundle_a.route_b.tsx",
+        ]);
+
+        let _404s = ["/bundle_b", "/bundle_c"];
+        for (let path of _404s) {
+          let response = await page.goto(`http://localhost:${port}${path}`);
+          expect(response?.status()).toBe(404);
+        }
+      });
+
+      await withBundleServer(cwd, "bundle_b", async (port) => {
+        await page.goto(`http://localhost:${port}/bundle_b`);
+        await expectRenderedRoutes(page, ["bundle_b.tsx"]);
+
+        await page.goto(`http://localhost:${port}/bundle_b/route_a`);
+        await expectRenderedRoutes(page, [
+          "bundle_b.tsx",
+          "bundle_b.route_a.tsx",
+        ]);
+
+        await page.goto(`http://localhost:${port}/bundle_b/route_b`);
+        await expectRenderedRoutes(page, [
+          "bundle_b.tsx",
+          "bundle_b.route_b.tsx",
+        ]);
+
+        let _404s = ["/bundle_a", "/bundle_c"];
+        for (let path of _404s) {
+          let response = await page.goto(`http://localhost:${port}${path}`);
+          expect(response?.status()).toBe(404);
+        }
+      });
+
+      await withBundleServer(cwd, "bundle_c", async (port) => {
+        await page.goto(`http://localhost:${port}/bundle_c`);
+        await expectRenderedRoutes(page, [
+          "_pathless.tsx",
+          "_pathless.bundle_c.tsx",
+        ]);
+
+        await page.goto(`http://localhost:${port}/bundle_c/route_a`);
+        await expectRenderedRoutes(page, [
+          "_pathless.tsx",
+          "_pathless.bundle_c.tsx",
+          "_pathless.bundle_c.route_a.tsx",
+        ]);
+
+        await page.goto(`http://localhost:${port}/bundle_c/route_b`);
+        await expectRenderedRoutes(page, [
+          "_pathless.tsx",
+          "_pathless.bundle_c.tsx",
+          "_pathless.bundle_c.route_b.tsx",
+        ]);
+
+        let _404s = ["/bundle_a", "/bundle_b"];
+        for (let path of _404s) {
+          let response = await page.goto(`http://localhost:${port}${path}`);
+          expect(response?.status()).toBe(404);
+        }
+      });
+
+      expect(pageErrors).toEqual([]);
+    });
+
+    test("React Router browser manifest", () => {
+      let clientAssetFiles = fs.readdirSync(
+        path.join(cwd, "build", "client", "static", "js"),
+      );
+      let manifestFiles = clientAssetFiles.filter((filename) =>
+        filename.startsWith("manifest-"),
+      );
+
+      expect(manifestFiles.length).toEqual(1);
+    });
+
+    test("React Router build manifest", () => {
+      let manifestPath = path.join(cwd, "build", "test-manifest.json");
+      expect(JSON.parse(fs.readFileSync(manifestPath, "utf8"))).toEqual({
+        serverBundles: {
+          bundle_c: {
+            id: "bundle_c",
+            file: "build/server/bundle_c/index.js",
+          },
+          bundle_a: {
+            id: "bundle_a",
+            file: "build/server/bundle_a/index.js",
+          },
+          bundle_b: {
+            id: "bundle_b",
+            file: "build/server/bundle_b/index.js",
+          },
+          root: {
+            id: "root",
+            file: "build/server/root/index.js",
+          },
+        },
+        routeIdToServerBundleId: {
+          "routes/_pathless.bundle_c.route_a": "bundle_c",
+          "routes/_pathless.bundle_c.route_b": "bundle_c",
+          "routes/_pathless.bundle_c": "bundle_c",
+          "routes/bundle_a.route_a": "bundle_a",
+          "routes/bundle_a.route_b": "bundle_a",
+          "routes/bundle_b.route_a": "bundle_b",
+          "routes/bundle_b.route_b": "bundle_b",
+          "routes/bundle_a._index": "bundle_a",
+          "routes/bundle_b": "bundle_b",
+          "routes/_index": "root",
+        },
+        routes: {
+          root: {
+            path: "",
+            id: "root",
+            file: "app/root.tsx",
+          },
+          "routes/_pathless.bundle_c.route_a": {
+            file: "app/routes/_pathless.bundle_c.route_a.tsx",
+            id: "routes/_pathless.bundle_c.route_a",
+            path: "route_a",
+            parentId: "routes/_pathless.bundle_c",
+          },
+          "routes/_pathless.bundle_c.route_b": {
+            file: "app/routes/_pathless.bundle_c.route_b.tsx",
+            id: "routes/_pathless.bundle_c.route_b",
+            path: "route_b",
+            parentId: "routes/_pathless.bundle_c",
+          },
+          "routes/_pathless.bundle_c": {
+            file: "app/routes/_pathless.bundle_c.tsx",
+            id: "routes/_pathless.bundle_c",
+            path: "bundle_c",
+            parentId: "routes/_pathless",
+          },
+          "routes/bundle_a.route_a": {
+            file: "app/routes/bundle_a.route_a.tsx",
+            id: "routes/bundle_a.route_a",
+            path: "route_a",
+            parentId: "routes/bundle_a",
+          },
+          "routes/bundle_a.route_b": {
+            file: "app/routes/bundle_a.route_b.tsx",
+            id: "routes/bundle_a.route_b",
+            path: "route_b",
+            parentId: "routes/bundle_a",
+          },
+          "routes/bundle_b.route_a": {
+            file: "app/routes/bundle_b.route_a.tsx",
+            id: "routes/bundle_b.route_a",
+            path: "route_a",
+            parentId: "routes/bundle_b",
+          },
+          "routes/bundle_b.route_b": {
+            file: "app/routes/bundle_b.route_b.tsx",
+            id: "routes/bundle_b.route_b",
+            path: "route_b",
+            parentId: "routes/bundle_b",
+          },
+          "routes/bundle_a._index": {
+            file: "app/routes/bundle_a._index.tsx",
+            id: "routes/bundle_a._index",
+            index: true,
+            parentId: "routes/bundle_a",
+          },
+          "routes/_pathless": {
+            file: "app/routes/_pathless.tsx",
+            id: "routes/_pathless",
+            parentId: "root",
+          },
+          "routes/bundle_a": {
+            file: "app/routes/bundle_a.tsx",
+            id: "routes/bundle_a",
+            path: "bundle_a",
+            parentId: "root",
+          },
+          "routes/bundle_b": {
+            file: "app/routes/bundle_b.tsx",
+            id: "routes/bundle_b",
+            path: "bundle_b",
+            parentId: "root",
+          },
+          "routes/_index": {
+            file: "app/routes/_index.tsx",
+            id: "routes/_index",
+            index: true,
+            parentId: "root",
+          },
+        },
+      });
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/server-entry-test.ts b/tests/react-router-framework/integration/server-entry-test.ts
new file mode 100644
index 00000000..b3254e9b
--- /dev/null
+++ b/tests/react-router-framework/integration/server-entry-test.ts
@@ -0,0 +1,66 @@
+import { test, expect } from "@playwright/test";
+
+import { createFixture, js } from "./helpers/create-fixture.js";
+import type { Fixture } from "./helpers/create-fixture.js";
+import { selectHtml } from "./helpers/playwright-fixture.js";
+
+test.describe("Custom Server Entry", () => {
+  let fixture: Fixture;
+
+  let DATA_HEADER_NAME = "X-Macaroni-Salad";
+  let DATA_HEADER_VALUE = "Smoked Mozarella";
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/entry.server.tsx": js`
+          export default function handleRequest() {
+            return new Response("");
+          }
+
+          export function handleDataRequest(response) {
+            response.headers.set("${DATA_HEADER_NAME}", "${DATA_HEADER_VALUE}");
+            return response;
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export function loader() {
+            return ""
+          }
+          export default function () {
+            return <div/>
+          }
+        `,
+      },
+    });
+  });
+
+  test("can manipulate a data response", async () => {
+    let response = await fixture.requestSingleFetchData("/.data");
+    expect(response.headers.get(DATA_HEADER_NAME)).toBe(DATA_HEADER_VALUE);
+  });
+});
+
+test.describe("Default Server Entry", () => {
+  let fixture: Fixture;
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/routes/_index.tsx": js`
+          export default function () {
+            return <p>Hello World</p>
+          }
+        `,
+      },
+    });
+  });
+
+  test("renders", async () => {
+    let response = await fixture.requestDocument("/");
+    expect(await selectHtml(await response.text(), "p")).toBe(
+      "<p>Hello World</p>",
+    );
+  });
+});
diff --git a/tests/react-router-framework/integration/server-fs-allow-test.ts b/tests/react-router-framework/integration/server-fs-allow-test.ts
new file mode 100644
index 00000000..df91c3d3
--- /dev/null
+++ b/tests/react-router-framework/integration/server-fs-allow-test.ts
@@ -0,0 +1,54 @@
+import { test, expect } from "@playwright/test";
+import getPort from "get-port";
+
+import {
+  createProject,
+  customDev,
+  EXPRESS_SERVER,
+  rsbuildConfig,
+} from "./helpers/rsbuild.js";
+
+let files = {
+  "app/routes/test-route.tsx": String.raw`
+    export default function IndexRoute() {
+      return <div id="test">Hello world</div>
+    }
+  `,
+};
+
+// Skipped: Vite's server.fs.allow is a Vite-only static file serving
+// restriction with no Rsbuild equivalent; without it this test asserts
+// nothing beyond basic rendering covered elsewhere.
+test.describe.skip(async () => {
+  let port: number;
+  let cwd: string;
+  let stop: () => void;
+
+  test.beforeAll(async () => {
+    port = await getPort();
+    cwd = await createProject({
+      "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+      "server.mjs": EXPRESS_SERVER({ port }),
+      ...files,
+    });
+    stop = await customDev({ cwd, port });
+  });
+  test.afterAll(() => stop());
+
+  test("server.fs.allow / works with basic allow list", async ({
+    page,
+  }) => {
+    let pageErrors: unknown[] = [];
+    page.on("pageerror", (error) => pageErrors.push(error));
+
+    await page.goto(`http://localhost:${port}/test-route`, {
+      waitUntil: "networkidle",
+    });
+    expect(pageErrors).toEqual([]);
+
+    let testContent = page.locator("#test");
+    await expect(testContent).toBeAttached();
+
+    expect(pageErrors).toEqual([]);
+  });
+});
diff --git a/tests/react-router-framework/integration/session-storage-denied-test.ts b/tests/react-router-framework/integration/session-storage-denied-test.ts
new file mode 100644
index 00000000..e9edff08
--- /dev/null
+++ b/tests/react-router-framework/integration/session-storage-denied-test.ts
@@ -0,0 +1,115 @@
+import { test, expect } from "@playwright/test";
+import {
+  createAppFixture,
+  createFixture,
+  js,
+  type AppFixture,
+  type Fixture,
+} from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("sessionStorage denied", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import * as React from "react";
+          import { Link, Links, Meta, Outlet, Scripts, useRouteError } from "react-router";
+
+          export function ErrorBoundary() {
+            const error = useRouteError();
+            console.error("ErrorBoundary caught:", error);
+            return (
+              <html>
+                <head>
+                  <title>Error</title>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <h1>Application Error</h1>
+                  <pre>{error?.message || "Unknown error"}</pre>
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <nav>
+                    <Link to="/">Home</Link>{" | "}
+                    <Link to="/docs">Docs</Link>
+                  </nav>
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+        "app/routes/_index.tsx": js`
+          export default function Index() {
+            return <h1>Home</h1>;
+          }
+        `,
+        "app/routes/docs.tsx": js`
+          export default function Docs() {
+            return <h1>Documentation</h1>;
+          }
+        `,
+      },
+    });
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test("should handle navigation gracefully when storage is blocked", async ({
+    page,
+    context,
+  }) => {
+    await context.addInitScript(() => {
+      const storageError = new DOMException(
+        "Failed to read the 'sessionStorage' property from 'Window': Access is denied for this document.",
+        "SecurityError",
+      );
+
+      ["sessionStorage", "localStorage"].forEach((storage) => {
+        Object.defineProperty(window, storage, {
+          get() {
+            throw storageError;
+          },
+          set() {
+            throw storageError;
+          },
+          configurable: false,
+        });
+      });
+    });
+
+    let app = new PlaywrightFixture(appFixture, page);
+
+    await app.goto("/");
+    await expect(page.locator("h1")).toContainText("Home");
+
+    await app.clickLink("/docs");
+    await expect(page).toHaveURL(/\/docs$/);
+    await expect(page.locator("h1")).toContainText("Documentation");
+
+    await page.goBack();
+    await expect(page).toHaveURL(/\/$/);
+    await expect(page.locator("h1")).toContainText("Home");
+
+    await page.goForward();
+    await expect(page).toHaveURL(/\/docs$/);
+    await expect(page.locator("h1")).toContainText("Documentation");
+  });
+});
diff --git a/tests/react-router-framework/integration/set-cookie-revalidation-test.ts b/tests/react-router-framework/integration/set-cookie-revalidation-test.ts
new file mode 100644
index 00000000..b1c965d6
--- /dev/null
+++ b/tests/react-router-framework/integration/set-cookie-revalidation-test.ts
@@ -0,0 +1,136 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+let fixture: Fixture;
+let appFixture: AppFixture;
+
+let BANNER_MESSAGE = "you do not have permission to view /protected";
+
+test.describe("set-cookie revalidation", () => {
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/session.server.ts": js`
+            import { createCookieSessionStorage } from "react-router";
+
+            export let MESSAGE_KEY = "message";
+
+            export let sessionStorage = createCookieSessionStorage({
+              cookie: {
+                httpOnly: true,
+                path: "/",
+                sameSite: "lax",
+                secrets: ["cookie-secret"],
+              }
+            })
+          `,
+
+        "app/root.tsx": js`
+            import {
+              data,
+              Links,
+              Meta,
+              Outlet,
+              Scripts,
+              useLoaderData,
+            } from "react-router";
+
+            import { sessionStorage, MESSAGE_KEY } from "~/session.server";
+
+            export const loader = async ({ request }) => {
+              let session = await sessionStorage.getSession(request.headers.get("Cookie"));
+              let message = session.get(MESSAGE_KEY) || null;
+
+              return data(message, {
+                headers: {
+                  "Set-Cookie": await sessionStorage.commitSession(session),
+                },
+              });
+            };
+
+            export default function Root() {
+              const message = useLoaderData();
+
+              return (
+                <html lang="en">
+                  <head>
+                    <Meta />
+                    <Links />
+                  </head>
+                  <body>
+                    {!!message && <p id="message">{message}</p>}
+                    <Outlet />
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+          `,
+
+        "app/routes/_index.tsx": js`
+            import { Link } from "react-router";
+
+            export default function Index() {
+              return (
+                <p>
+                  <Link to="/protected">protected</Link>
+                </p>
+              );
+            }
+          `,
+
+        "app/routes/login.tsx": js`
+            export default function Login() {
+              return <p>login</p>;
+            }
+          `,
+
+        "app/routes/protected.tsx": js`
+            import { redirect } from "react-router";
+
+            import { sessionStorage, MESSAGE_KEY } from "~/session.server";
+
+            export let loader = async ({ request }) => {
+              let session = await sessionStorage.getSession(request.headers.get("Cookie"));
+
+              session.flash(MESSAGE_KEY, "${BANNER_MESSAGE}");
+
+              return redirect("/login", {
+                headers: {
+                  "Set-Cookie": await sessionStorage.commitSession(session),
+                },
+              });
+            };
+
+            export default function Protected() {
+              return <p>protected</p>;
+            }
+          `,
+      },
+    });
+
+    // This creates an interactive app using playwright.
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("should revalidate when cookie is set on redirect from loader", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink("/protected");
+    await page.waitForSelector(`#message:has-text("${BANNER_MESSAGE}")`);
+    expect(await app.getHtml()).toMatch(BANNER_MESSAGE);
+  });
+});
diff --git a/tests/react-router-framework/integration/single-fetch-test.ts b/tests/react-router-framework/integration/single-fetch-test.ts
new file mode 100644
index 00000000..1d9e3158
--- /dev/null
+++ b/tests/react-router-framework/integration/single-fetch-test.ts
@@ -0,0 +1,4666 @@
+import { test, expect } from "@playwright/test";
+import {
+  UNSAFE_ServerMode as ServerMode,
+  UNSAFE_SingleFetchRedirectSymbol as SingleFetchRedirectSymbol,
+} from "react-router";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import {
+  EXPRESS_SERVER,
+  createProject,
+  customDev,
+  reactRouterConfig,
+  rsbuildConfig,
+} from "./helpers/rsbuild.js";
+import getPort from "get-port";
+
+const ISO_DATE = "2024-03-12T12:00:00.000Z";
+
+const files = {
+  "app/root.tsx": js`
+    import { Form, Link, Links, Meta, Outlet, Scripts } from "react-router";
+
+    export function headers ({ actionHeaders, loaderHeaders, errorHeaders }) {
+      if (errorHeaders) {
+        return errorHeaders;
+      } else if ([...actionHeaders].length > 0) {
+        return actionHeaders;
+      } else {
+        return loaderHeaders;
+      }
+    }
+
+    export function loader() {
+      return {
+        message: "ROOT",
+      };
+    }
+
+    export default function Root() {
+      return (
+        <html lang="en">
+          <head>
+            <Meta />
+            <Links />
+          </head>
+          <body>
+            <Link to="/">Go to Home</Link><br/>
+            <Link to="/data">Go to Data</Link><br/>
+            <Link to="/a/b/c">Go to /a/b/c</Link><br/>
+            <Form method="post" action="/data">
+              <button type="submit" name="key" value="value">
+                Submit
+              </button>
+            </Form>
+            <Outlet />
+            <Scripts />
+          </body>
+        </html>
+      );
+    }
+  `,
+
+  "app/routes/_index.tsx": js`
+    export default function Index() {
+      return <h1>Index</h1>
+    }
+  `,
+
+  "app/routes/data.tsx": js`
+    import { useActionData, useLoaderData } from "react-router";
+
+    export async function action({ request }) {
+      let formData = await request.formData();
+      return {
+        key: formData.get('key'),
+      };
+    }
+
+    class MyClass {
+      a: string
+      b: bigint
+      constructor(a: string, b: bigint) {
+        this.a = a
+        this.b = b
+      }
+      c() {}
+    }
+
+    export function loader({ request }) {
+      if (new URL(request.url).searchParams.has("error")) {
+        throw new Error("Loader Error");
+      }
+      return {
+        message: "DATA",
+        date: new Date("${ISO_DATE}"),
+        function: () => {},
+        class: new MyClass("hello", BigInt(1)),
+      };
+    }
+
+    export default function Index() {
+      let data = useLoaderData();
+      let actionData = useActionData();
+      return (
+        <>
+          <h1 id="heading">Data Route</h1>
+          <p id="message">{data.message}</p>
+          <p id="date">{data.date.toISOString()}</p>
+          {actionData ? <p id="action-data">{actionData.key}</p> : null}
+        </>
+      )
+    }
+  `,
+
+  "app/routes/data-with-response.tsx": js`
+    import { useActionData, useLoaderData, data } from "react-router";
+
+    export function headers ({ actionHeaders, loaderHeaders, errorHeaders }) {
+      if ([...actionHeaders].length > 0) {
+        return actionHeaders;
+      } else {
+        return loaderHeaders;
+      }
+    }
+
+    export async function action({ request }) {
+      let formData = await request.formData();
+      return data({
+        key: formData.get('key'),
+      }, { status: 201, headers: { 'X-Action': 'yes' }});
+    }
+
+    class MyClass {
+      a: string
+      b: Date
+      constructor(a: string, b: Date) {
+        this.a = a
+        this.b = b
+      }
+      c() {}
+    }
+
+    export function loader({ request }) {
+      if (new URL(request.url).searchParams.has("error")) {
+        throw new Error("Loader Error");
+      }
+      return data({
+        message: "DATA",
+        date: new Date("${ISO_DATE}"),
+        function: () => {},
+        class: new MyClass("hello", BigInt(1)),
+      }, { status: 206, headers: { 'X-Loader': 'yes' }});
+    }
+
+    export default function DataWithResponse() {
+      let data = useLoaderData();
+      let actionData = useActionData();
+      return (
+        <>
+          <h1 id="heading">Data</h1>
+          <p id="message">{data.message}</p>
+          <p id="date">{data.date.toISOString()}</p>
+          {actionData ? <p id="action-data">{actionData.key}</p> : null}
+        </>
+      )
+    }
+  `,
+
+  "app/routes/invalid-date.tsx": js`
+    import { useLoaderData, data } from "react-router";
+
+    export function loader({ request }) {
+      return data({ invalidDate: new Date("invalid") });
+    }
+
+    export default function InvalidDate() {
+      let data = useLoaderData();
+      return (
+        <>
+          <h1 id="heading">Invalid Date</h1>
+          <p id="date">{data.invalidDate.toISOString()}</p>
+        </>
+      )
+    }
+  `,
+};
+
+test.describe("single-fetch", () => {
+  let oldConsoleError: typeof console.error;
+
+  test.beforeEach(() => {
+    oldConsoleError = console.error;
+  });
+
+  test.afterEach(() => {
+    console.error = oldConsoleError;
+  });
+
+  test("loads proper data on single fetch loader requests", async () => {
+    let fixture = await createFixture({
+      files,
+    });
+    let res = await fixture.requestSingleFetchData("/_.data");
+    expect(res.data).toEqual({
+      root: {
+        data: {
+          message: "ROOT",
+        },
+      },
+    });
+    expect(res.headers.get("Content-Type")).toBe("text/x-script");
+
+    res = await fixture.requestSingleFetchData("/data.data");
+    expect(res.data).toStrictEqual({
+      root: {
+        data: {
+          message: "ROOT",
+        },
+      },
+      "routes/data": {
+        data: {
+          message: "DATA",
+          date: new Date(ISO_DATE),
+          function: undefined,
+          class: {
+            a: "hello",
+            b: BigInt(1),
+          },
+        },
+      },
+    });
+
+    res = await fixture.requestSingleFetchData("/invalid-date.data");
+    expect(res.data).toEqual({
+      root: {
+        data: {
+          message: "ROOT",
+        },
+      },
+      "routes/invalid-date": {
+        data: {
+          invalidDate: expect.any(Date),
+        },
+      },
+    });
+
+    let date = (
+      res.data as { ["routes/invalid-date"]: { data: { invalidDate: Date } } }
+    )["routes/invalid-date"].data.invalidDate;
+    expect(isNaN(date.getTime())).toBe(true);
+  });
+
+  test("loads proper errors on single fetch loader requests", async () => {
+    console.error = () => {};
+
+    let fixture = await createFixture(
+      {
+        files,
+      },
+      ServerMode.Development,
+    );
+
+    let res = await fixture.requestSingleFetchData("/data.data?error=true");
+    expect(res.data).toEqual({
+      root: {
+        data: {
+          message: "ROOT",
+        },
+      },
+      "routes/data": {
+        error: new Error("Loader Error"),
+      },
+    });
+  });
+
+  test("loads proper data on single fetch action requests", async () => {
+    let fixture = await createFixture({
+      files,
+    });
+    let postBody = new URLSearchParams();
+    postBody.set("key", "value");
+    let res = await fixture.requestSingleFetchData("/data.data", {
+      method: "post",
+      body: postBody,
+    });
+    expect(res.data).toEqual({
+      data: {
+        key: "value",
+      },
+    });
+  });
+
+  test("loads proper data (via data()) on single fetch loader requests", async () => {
+    let fixture = await createFixture({
+      files,
+    });
+    let res = await fixture.requestSingleFetchData("/data-with-response.data");
+    expect(res.status).toEqual(206);
+    expect(res.headers.get("X-Loader")).toEqual("yes");
+    expect(res.data).toStrictEqual({
+      root: {
+        data: {
+          message: "ROOT",
+        },
+      },
+      "routes/data-with-response": {
+        data: {
+          message: "DATA",
+          date: new Date(ISO_DATE),
+          function: undefined,
+          class: {
+            a: "hello",
+            b: BigInt(1),
+          },
+        },
+      },
+    });
+  });
+
+  test("loads proper data (via data()) on single fetch action requests", async () => {
+    let fixture = await createFixture({
+      files,
+    });
+    let postBody = new URLSearchParams();
+    postBody.set("key", "value");
+    let res = await fixture.requestSingleFetchData("/data-with-response.data", {
+      method: "post",
+      body: postBody,
+    });
+    expect(res.status).toEqual(201);
+    expect(res.headers.get("X-Action")).toEqual("yes");
+    expect(res.data).toEqual({
+      data: {
+        key: "value",
+      },
+    });
+  });
+
+  test("loads proper data on document request", async ({ page }) => {
+    let fixture = await createFixture({
+      files,
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/data");
+    expect(await app.getHtml("#heading")).toContain("Data");
+    expect(await app.getHtml("#message")).toContain("DATA");
+    expect(await app.getHtml("#date")).toContain(ISO_DATE);
+  });
+
+  test("allows SSR loaders to return undefined", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/_index.tsx": js`
+          export function loader() {}
+          export default function Index() {
+            return <h1>Index</h1>
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+    expect(await app.getHtml("h1")).toContain("Index");
+  });
+
+  test("loads proper data on client side navigation", async ({ page }) => {
+    let fixture = await createFixture({
+      files,
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink("/data");
+    await page.waitForSelector("#message");
+    expect(await app.getHtml("#heading")).toContain("Data");
+    expect(await app.getHtml("#message")).toContain("DATA");
+    expect(await app.getHtml("#date")).toContain(ISO_DATE);
+  });
+
+  test("loads proper data on client side action navigation", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files,
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton("/data");
+    await page.waitForSelector("#message");
+    expect(await app.getHtml("#heading")).toContain("Data");
+    expect(await app.getHtml("#message")).toContain("DATA");
+    expect(await app.getHtml("#date")).toContain(ISO_DATE);
+    expect(await app.getHtml("#action-data")).toContain("value");
+  });
+
+  test("allows fine-grained revalidation", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/no-revalidate.tsx": js`
+          import { Form, useActionData, useLoaderData, useNavigation } from 'react-router';
+
+          export async function action({ request }) {
+            let fd = await request.formData();
+            return { shouldRevalidate: fd.get('revalidate') === "yes" }
+          }
+
+          let count = 0;
+          export function loader() {
+            return { count: ++count };
+          }
+
+          export default function Comp() {
+            let navigation = useNavigation();
+            let data = useLoaderData();
+            let actionData = useActionData();
+            return (
+              <Form method="post">
+                <button type="submit" name="revalidate" value="yes">Submit w/Revalidation</button>
+                <button type="submit" name="revalidate" value="no">Submit w/o Revalidation</button>
+                <p id="data">{data.count}</p>
+                {navigation.state === "idle" ? <p id="idle">idle</p> : null}
+                {actionData ? <p id="action-data">yes</p> : null}
+              </Form>
+            );
+          }
+
+          export function shouldRevalidate({ actionResult }) {
+            return actionResult.shouldRevalidate === true;
+          }
+        `,
+      },
+    });
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      if (req.method() === "GET" && req.url().includes(".data")) {
+        urls.push(req.url());
+      }
+    });
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/no-revalidate");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="revalidate"][value="no"]');
+    await page.waitForSelector("#action-data");
+    await page.waitForSelector("#idle");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([
+      expect.stringMatching(/\/no-revalidate\.data\?_routes=root$/),
+    ]);
+    urls.splice(0, urls.length);
+
+    await page.click('button[name="revalidate"][value="yes"]');
+    await page.waitForSelector("#data:has-text('2')");
+    expect(await app.getHtml("#data")).toContain("2");
+    expect(urls).toEqual([expect.stringMatching(/\/no-revalidate\.data$/)]);
+  });
+
+  test("revalidates on reused routes by default", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/_index.tsx": js`
+          import { Link } from "react-router";
+          export default function Index() {
+            return <Link to="/parent">Go to Parent</Link>
+          }
+        `,
+        "app/routes/parent.tsx": js`
+          import { Link, Outlet } from "react-router";
+          import type { Route } from "./+types/parent";
+
+          let count = 0;
+          export function loader() {
+            return ++count;
+          }
+
+          export default function Parent({ loaderData }: Route.ComponentProps) {
+            return (
+              <>
+                <h1 data-parent={loaderData}>PARENT:{loaderData}</h1>
+                <Link to="/parent">Go to Parent</Link><br/>
+                <Link to="/parent/child">Go to Child</Link>
+                <Outlet />
+              </>
+            );
+          }
+        `,
+        "app/routes/parent.child.tsx": js`
+          import { Outlet } from "react-router";
+          import type { Route } from "./+types/parent";
+
+          export function loader() {
+            return "CHILD"
+          }
+
+          export default function Parent({ loaderData }: Route.ComponentProps) {
+            return <h2 data-child>{loaderData}</h2>
+          }
+        `,
+      },
+    });
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      let url = new URL(req.url());
+      if (req.method() === "GET" && url.pathname.endsWith(".data")) {
+        urls.push(url.pathname + url.search);
+      }
+    });
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/", true);
+
+    await app.clickLink("/parent");
+    await page.waitForSelector('[data-parent="1"]');
+    expect(urls).toEqual(["/parent.data"]);
+    urls.length = 0;
+
+    await app.clickLink("/parent/child");
+    await page.waitForSelector("[data-child]");
+    await expect(page.locator('[data-parent="2"]')).toBeDefined();
+    expect(urls).toEqual(["/parent/child.data"]);
+    urls.length = 0;
+
+    await app.clickLink("/parent");
+    await page.waitForSelector('[data-parent="3"]');
+    expect(urls).toEqual(["/parent.data"]);
+    urls.length = 0;
+  });
+
+  test("does not revalidate on 4xx/5xx action responses", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/action.tsx": js`
+          import { Form, Link, useActionData, useLoaderData, useNavigation } from 'react-router';
+
+          export async function action({ request }) {
+            let fd = await request.formData();
+            if (fd.get('throw') === "5xx") {
+              throw new Response("Thrown 500", { status: 500 });
+            }
+            if (fd.get('throw') === "4xx") {
+              throw new Response("Thrown 400", { status: 400 });
+            }
+            if (fd.get('return') === "5xx") {
+              return new Response("Returned 500", { status: 500 });
+            }
+            if (fd.get('return') === "4xx") {
+              return  new Response("Returned 400", { status: 400 });
+            }
+            return null;
+          }
+
+          let count = 0;
+          export function loader() {
+            return { count: ++count };
+          }
+
+          export default function Comp() {
+            let navigation = useNavigation();
+            let data = useLoaderData();
+            return (
+              <Form method="post">
+                <button type="submit" name="throw" value="5xx">Throw 5xx</button>
+                <button type="submit" name="throw" value="4xx">Throw 4xx</button>
+                <button type="submit" name="return" value="5xx">Return 5xx</button>
+                <button type="submit" name="return" value="4xx">Return 4xx</button>
+                <p id="data">{data.count}</p>
+                {navigation.state === "idle" ? <p id="idle">idle</p> : null}
+              </Form>
+            );
+          }
+
+          export function ErrorBoundary() {
+            return (
+              <div>
+                <h1 id="error">Error</h1>
+                <Link to="/action">Back</Link>
+              </div>
+            );
+          }
+        `,
+      },
+    });
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      if (req.method() === "GET" && req.url().includes(".data")) {
+        urls.push(req.url());
+      }
+    });
+
+    console.error = () => {};
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/action");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="return"][value="5xx"]');
+    await page.waitForSelector("#idle");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="return"][value="4xx"]');
+    await page.waitForSelector("#idle");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="throw"][value="5xx"]');
+    await page.waitForSelector("#error");
+    expect(urls).toEqual([]);
+
+    await app.clickLink("/action");
+    await page.waitForSelector("#data");
+    expect(await app.getHtml("#data")).toContain("2");
+    urls = [];
+
+    await page.click('button[name="throw"][value="4xx"]');
+    await page.waitForSelector("#error");
+    expect(urls).toEqual([]);
+  });
+
+  test("does not revalidate on 4xx/5xx action responses (via data())", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/action.tsx": js`
+          import { Form, Link, useActionData, useLoaderData, useNavigation, data } from 'react-router';
+
+          export async function action({ request }) {
+            let fd = await request.formData();
+            if (fd.get('throw') === "5xx") {
+              throw data("Thrown 500", { status: 500 });
+            }
+            if (fd.get('throw') === "4xx") {
+              throw data("Thrown 400", { status: 400 });
+            }
+            if (fd.get('return') === "5xx") {
+              return data("Returned 500", { status: 500 });
+            }
+            if (fd.get('return') === "4xx") {
+              return data("Returned 400", { status: 400 });
+            }
+            return null;
+          }
+
+          let count = 0;
+          export function loader() {
+            return { count: ++count };
+          }
+
+          export default function Comp() {
+            let navigation = useNavigation();
+            let data = useLoaderData();
+            return (
+              <Form method="post">
+                <button type="submit" name="throw" value="5xx">Throw 5xx</button>
+                <button type="submit" name="throw" value="4xx">Throw 4xx</button>
+                <button type="submit" name="return" value="5xx">Return 5xx</button>
+                <button type="submit" name="return" value="4xx">Return 4xx</button>
+                <p id="data">{data.count}</p>
+                {navigation.state === "idle" ? <p id="idle">idle</p> : null}
+              </Form>
+            );
+          }
+
+          export function ErrorBoundary() {
+            return (
+              <div>
+                <h1 id="error">Error</h1>
+                <Link to="/action">Back</Link>
+              </div>
+            );
+          }
+        `,
+      },
+    });
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      if (req.method() === "GET" && req.url().includes(".data")) {
+        urls.push(req.url());
+      }
+    });
+
+    console.error = () => {};
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/action");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="return"][value="5xx"]');
+    await page.waitForSelector("#idle");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="return"][value="4xx"]');
+    await page.waitForSelector("#idle");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="throw"][value="5xx"]');
+    await page.waitForSelector("#error");
+    expect(urls).toEqual([]);
+
+    await app.clickLink("/action");
+    await page.waitForSelector("#data");
+    expect(await app.getHtml("#data")).toContain("2");
+    urls = [];
+
+    await page.click('button[name="throw"][value="4xx"]');
+    await page.waitForSelector("#error");
+    expect(urls).toEqual([]);
+  });
+
+  test("provides proper defaultShouldRevalidate value on 4xx/5xx action responses", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/action.tsx": js`
+          import { Form, Link, useActionData, useLoaderData, useNavigation, data } from 'react-router';
+
+          export async function action({ request }) {
+            let fd = await request.formData();
+            if (fd.get('throw') === "5xx") {
+              throw data("Thrown 500", { status: 500 });
+            }
+            if (fd.get('throw') === "4xx") {
+              throw data("Thrown 400", { status: 400 });
+            }
+            if (fd.get('return') === "5xx") {
+              return data("Returned 500", { status: 500 });
+            }
+            if (fd.get('return') === "4xx") {
+              return data("Returned 400", { status: 400 });
+            }
+            return null;
+          }
+
+          let count = 0;
+          export function loader() {
+            return { count: ++count };
+          }
+
+          export function shouldRevalidate({ defaultShouldRevalidate }) {
+            return defaultShouldRevalidate;
+          }
+
+          export default function Comp() {
+            let navigation = useNavigation();
+            let data = useLoaderData();
+            return (
+              <Form method="post">
+                <button type="submit" name="throw" value="5xx">Throw 5xx</button>
+                <button type="submit" name="throw" value="4xx">Throw 4xx</button>
+                <button type="submit" name="return" value="5xx">Return 5xx</button>
+                <button type="submit" name="return" value="4xx">Return 4xx</button>
+                <p id="data">{data.count}</p>
+                {navigation.state === "idle" ? <p id="idle">idle</p> : null}
+              </Form>
+            );
+          }
+
+          export function ErrorBoundary() {
+            return (
+              <div>
+                <h1 id="error">Error</h1>
+                <Link to="/action">Back</Link>
+              </div>
+            );
+          }
+        `,
+      },
+    });
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      if (req.method() === "GET" && req.url().includes(".data")) {
+        urls.push(req.url());
+      }
+    });
+
+    console.error = () => {};
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/action");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="return"][value="5xx"]');
+    await page.waitForSelector("#idle");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="return"][value="4xx"]');
+    await page.waitForSelector("#idle");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="throw"][value="5xx"]');
+    await page.waitForSelector("#error");
+    expect(urls).toEqual([]);
+
+    await app.clickLink("/action");
+    await page.waitForSelector("#data");
+    expect(await app.getHtml("#data")).toContain("2");
+    urls = [];
+
+    await page.click('button[name="throw"][value="4xx"]');
+    await page.waitForSelector("#error");
+    expect(urls).toEqual([]);
+  });
+
+  test("supports call-site revalidation opt-out on submissions (w/o shouldRevalidate)", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/action.tsx": js`
+          import { Form } from 'react-router';
+
+          let count = 0;
+          export function loader() {
+            return { count: ++count };
+          }
+
+          export function action() {
+            return { count: ++count };
+          }
+
+          export default function Comp({ loaderData, actionData }) {
+            return (
+              <Form method="post" defaultShouldRevalidate={false}>
+                <button type="submit" name="name" value="value">Submit</button>
+                <p id="data">{loaderData.count}</p>
+                {actionData ? <p id="action-data">{actionData.count}</p> : null}
+              </Form>
+            );
+          }
+        `,
+      },
+    });
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      if (req.method() === "GET" && req.url().includes(".data")) {
+        urls.push(req.url());
+      }
+    });
+
+    console.error = () => {};
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/action");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="name"][value="value"]');
+    await page.waitForSelector("#action-data");
+    expect(await app.getHtml("#action-data")).toContain("2");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+  });
+
+  test("supports call-site revalidation opt-in on 4xx/5xx action responses (w/o shouldRevalidate)", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/action.tsx": js`
+          import { Form, Link, useNavigation, data } from 'react-router';
+
+          export async function action({ request }) {
+            throw data("Thrown 500", { status: 500 });
+          }
+
+          let count = 0;
+          export function loader() {
+            return { count: ++count };
+          }
+
+          export default function Comp({ loaderData }) {
+            let navigation = useNavigation();
+            return (
+              <Form method="post" defaultShouldRevalidate={true}>
+                <button type="submit" name="throw" value="5xx">Throw 5xx</button>
+                <p id="data">{loaderData.count}</p>
+                {navigation.state === "idle" ? <p id="idle">idle</p> : null}
+              </Form>
+            );
+          }
+
+          export function ErrorBoundary() {
+            return <h1 id="error">Error</h1>
+          }
+        `,
+      },
+    });
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      if (req.method() === "GET" && req.url().includes(".data")) {
+        urls.push(req.url());
+      }
+    });
+
+    console.error = () => {};
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/action");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="throw"][value="5xx"]');
+    await page.waitForSelector("#error");
+    expect(urls).toEqual([expect.stringMatching(/\/action\.data$/)]);
+  });
+
+  test("supports call-site revalidation opt-out on submissions (w/ shouldRevalidate)", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/action.tsx": js`
+          import { Form } from 'react-router';
+
+          let count = 0;
+          export function loader() {
+            return { count: ++count };
+          }
+
+          export function action() {
+            return { count: ++count };
+          }
+
+          export function shouldRevalidate({ defaultShouldRevalidate }) {
+            return defaultShouldRevalidate;
+          }
+
+          export default function Comp({ loaderData, actionData }) {
+            return (
+              <Form method="post" defaultShouldRevalidate={false}>
+                <button type="submit" name="name" value="value">Submit</button>
+                <p id="data">{loaderData.count}</p>
+                {actionData ? <p id="action-data">{actionData.count}</p> : null}
+              </Form>
+            );
+          }
+        `,
+      },
+    });
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      if (req.method() === "GET" && req.url().includes(".data")) {
+        urls.push(req.url());
+      }
+    });
+
+    console.error = () => {};
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/action");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="name"][value="value"]');
+    await page.waitForSelector("#action-data");
+    expect(await app.getHtml("#action-data")).toContain("2");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+  });
+
+  test("supports call-site revalidation opt-in on 4xx/5xx action responses (w shouldRevalidate)", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/action.tsx": js`
+          import { Form, Link, useNavigation, data } from 'react-router';
+
+          export async function action({ request }) {
+            throw data("Thrown 500", { status: 500 });
+          }
+
+          let count = 0;
+          export function loader() {
+            return { count: ++count };
+          }
+
+          export function shouldRevalidate({ defaultShouldRevalidate }) {
+            return defaultShouldRevalidate;
+          }
+
+          export default function Comp({ loaderData }) {
+            let navigation = useNavigation();
+            return (
+              <Form method="post" defaultShouldRevalidate={true}>
+                <button type="submit" name="throw" value="5xx">Throw 5xx</button>
+                <p id="data">{loaderData.count}</p>
+                {navigation.state === "idle" ? <p id="idle">idle</p> : null}
+              </Form>
+            );
+          }
+
+          export function ErrorBoundary() {
+            return <h1 id="error">Error</h1>
+          }
+        `,
+      },
+    });
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      if (req.method() === "GET" && req.url().includes(".data")) {
+        urls.push(req.url());
+      }
+    });
+
+    console.error = () => {};
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/action");
+    expect(await app.getHtml("#data")).toContain("1");
+    expect(urls).toEqual([]);
+
+    await page.click('button[name="throw"][value="5xx"]');
+    await page.waitForSelector("#error");
+    expect(urls).toEqual([expect.stringMatching(/\/action\.data$/)]);
+  });
+
+  test("call-site revalidation opt-out handles parent routes w/o shouldRevalidate", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Link, Links, Meta, Outlet, Scripts, useMatches } from "react-router";
+
+          let count = 0
+
+          export function loader() {
+            return { count: ++count };
+          }
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <nav>
+                    <Link to="/">Home</Link>
+                    <Link to="/page">Page (default)</Link>
+                    <Link to="/page?optout" defaultShouldRevalidate={false}>Page (opt-out)</Link>
+                  </nav>
+                  <pre id="data">
+                    {JSON.stringify(useMatches().map(m => [m.id, m.loaderData]))}
+                  </pre>
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+        "app/routes/page.tsx": js`
+          let count = 0
+
+          export function loader() {
+            return { count: ++count }
+          }
+
+          export default function Component() {
+            return <h2>Page</h2>
+          }
+        `,
+      },
+    });
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes(".data")) {
+        let url = new URL(req.url());
+        urls.push(url.pathname + url.search);
+      }
+    });
+
+    console.error = () => {};
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/"); // root increments to 1
+    expect(await page.locator("#data").innerText()).toBe(
+      '[["root",{"count":1}],["routes/_index",null]]',
+    );
+
+    await app.clickLink("/page"); // root increments to 2
+    expect(await page.locator("#data").innerText()).toBe(
+      '[["root",{"count":2}],["routes/page",{"count":1}]]',
+    );
+    expect(urls).toEqual(["/page.data"]);
+    urls.splice(0, urls.length);
+
+    await app.clickLink("/"); // root increments to 3
+    expect(await page.locator("#data").innerText()).toBe(
+      '[["root",{"count":3}],["routes/_index",null]]',
+    );
+    expect(urls).toEqual(["/_.data"]);
+    urls.splice(0, urls.length);
+
+    await app.clickLink("/page?optout");
+    // root stays at 3, page is a fresh load so increments to 2
+    expect(await page.locator("#data").innerText()).toBe(
+      '[["root",{"count":3}],["routes/page",{"count":2}]]',
+    );
+    expect(urls).toEqual(["/page.data?optout=&_routes=routes%2Fpage"]);
+  });
+
+  test("returns headers correctly for singular loader and action calls", async () => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/headers.tsx": js`
+          export function headers ({ actionHeaders, loaderHeaders, errorHeaders }) {
+            if (errorHeaders) {
+              return errorHeaders;
+            } else if ([...actionHeaders].length > 0) {
+              return actionHeaders;
+            } else {
+              return loaderHeaders;
+            }
+          }
+
+          export function action({ request }) {
+            if (new URL(request.url).searchParams.has("error")) {
+              throw new Response(null, { headers: { "x-action-error": "true" } });
+            }
+            return new Response(null, { headers: { "x-action": "true" } });
+          }
+
+          export function loader({ request }) {
+            if (new URL(request.url).searchParams.has("error")) {
+              throw new Response(null, { headers: { "x-loader-error": "true" } });
+            }
+            return new Response(null, { headers: { "x-loader": "true" } });
+          }
+
+          export default function Comp() {
+            return null;
+          }
+        `,
+      },
+    });
+
+    // Loader
+    let docResponse = await fixture.requestDocument("/headers");
+    let dataResponse = await fixture.requestSingleFetchData("/headers.data");
+    expect(docResponse.headers.get("x-loader")).toEqual("true");
+    expect(dataResponse.headers.get("x-loader")).toEqual("true");
+
+    // Action
+    docResponse = await fixture.requestDocument("/headers", {
+      method: "post",
+      body: null,
+    });
+    dataResponse = await fixture.requestSingleFetchData("/headers.data", {
+      method: "post",
+      body: null,
+    });
+    expect(docResponse.headers.get("x-action")).toEqual("true");
+    expect(dataResponse.headers.get("x-action")).toEqual("true");
+
+    console.error = () => {};
+
+    // Loader Error
+    docResponse = await fixture.requestDocument("/headers?error");
+    dataResponse = await fixture.requestSingleFetchData("/headers.data?error");
+    expect(docResponse.headers.get("x-loader-error")).toEqual("true");
+    expect(dataResponse.headers.get("x-loader-error")).toEqual("true");
+
+    // Action Error
+    docResponse = await fixture.requestDocument("/headers?error", {
+      method: "post",
+      body: null,
+    });
+    dataResponse = await fixture.requestSingleFetchData("/headers.data?error", {
+      method: "post",
+      body: null,
+    });
+    expect(docResponse.headers.get("x-action-error")).toEqual("true");
+    expect(dataResponse.headers.get("x-action-error")).toEqual("true");
+  });
+
+  test("merges headers from nested routes when raw Responses are returned", async () => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/a.tsx": js`
+          export function headers({ loaderHeaders }) {
+            return loaderHeaders;
+          }
+
+          export function loader({ request }) {
+            let headers = new Headers();
+            headers.set('x-one', 'a set');
+            headers.set('x-two', 'a set');
+            return new Response(null, { headers });
+          }
+
+          export default function Comp() {
+            return null;
+          }
+        `,
+        "app/routes/a.b.tsx": js`
+          export function headers({ actionHeaders, loaderHeaders, parentHeaders }) {
+            let h = new Headers();
+            for (let [name, value] of parentHeaders) {
+              h.set(name, value);
+            }
+            for (let [name, value] of loaderHeaders) {
+              h.set(name, value);
+            }
+            for (let [name, value] of actionHeaders) {
+              h.set(name, value);
+            }
+            return h;
+          }
+
+          export function action({ request }) {
+            let headers = new Headers();
+            headers.set('x-two', 'b action set');
+            return new Response(null, { headers });
+          }
+
+          export function loader({ request }) {
+            let headers = new Headers();
+            headers.set('x-two', 'b set');
+            return new Response(null, { headers });
+          }
+
+          export default function Comp() {
+            return null;
+          }
+        `,
+      },
+    });
+
+    // x-one uses both set and append
+    // x-two only uses set
+    // x-three only uses append
+    // x-four deletes
+    let res: Awaited<
+      ReturnType<
+        typeof fixture.requestDocument | typeof fixture.requestSingleFetchData
+      >
+    >;
+    res = await fixture.requestDocument("/a");
+    expect(res.headers.get("x-one")).toEqual("a set");
+    expect(res.headers.get("x-two")).toEqual("a set");
+
+    res = await fixture.requestSingleFetchData("/a.data");
+    expect(res.headers.get("x-one")).toEqual("a set");
+    expect(res.headers.get("x-two")).toEqual("a set");
+
+    res = await fixture.requestDocument("/a/b");
+    expect(res.headers.get("x-one")).toEqual("a set");
+    expect(res.headers.get("x-two")).toEqual("b set");
+
+    res = await fixture.requestSingleFetchData("/a/b.data");
+    expect(res.headers.get("x-one")).toEqual("a set");
+    expect(res.headers.get("x-two")).toEqual("b set");
+
+    // Action only - single fetch request
+    res = await fixture.requestSingleFetchData("/a/b.data", {
+      method: "post",
+      body: null,
+    });
+    expect(res.headers.get("x-one")).toEqual(null);
+    expect(res.headers.get("x-two")).toEqual("b action set");
+
+    // Actions and Loaders - Document request
+    res = await fixture.requestDocument("/a/b", {
+      method: "post",
+      body: null,
+    });
+    expect(res.headers.get("x-one")).toEqual("a set");
+    expect(res.headers.get("x-two")).toEqual("b action set");
+  });
+
+  test("merges status codes from nested routes when raw Responses are used", async () => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/a.tsx": js`
+          export function loader({ request }) {
+            if (new URL(request.url).searchParams.has("error")) {
+              throw new Response(null, { status: 401 });
+            } else {
+              return new Response(null, { status: 201 });
+            }
+          }
+
+          export default function Comp() {
+            return null;
+          }
+        `,
+        "app/routes/a.b.tsx": js`
+          export function loader({ request }) {
+            return new Response(null, { status: 202 });
+          }
+
+          export default function Comp() {
+            return null;
+          }
+        `,
+        "app/routes/a.b.c.tsx": js`
+          export function action({ request }) {
+            return new Response(null, { status: 206 });
+          }
+
+          export function loader({ request }) {
+            return new Response(null, { status: 203 });
+          }
+
+          export default function Comp() {
+            return null;
+          }
+        `,
+      },
+    });
+
+    console.error = () => {};
+
+    // Loaders
+    let res: Awaited<
+      ReturnType<
+        typeof fixture.requestDocument | typeof fixture.requestSingleFetchData
+      >
+    >;
+    res = await fixture.requestDocument("/a");
+    expect(res.status).toEqual(201);
+
+    res = await fixture.requestSingleFetchData("/a.data");
+    expect(res.status).toEqual(201);
+
+    res = await fixture.requestDocument("/a/b");
+    expect(res.status).toEqual(202);
+
+    res = await fixture.requestSingleFetchData("/a/b.data");
+    expect(res.status).toEqual(202);
+
+    res = await fixture.requestDocument("/a/b/c");
+    expect(res.status).toEqual(203);
+
+    res = await fixture.requestSingleFetchData("/a/b/c.data");
+    expect(res.status).toEqual(203);
+
+    // Errors
+    res = await fixture.requestDocument("/a?error");
+    expect(res.status).toEqual(401);
+
+    res = await fixture.requestSingleFetchData("/a.data?error");
+    expect(res.status).toEqual(401);
+
+    res = await fixture.requestDocument("/a/b?error");
+    expect(res.status).toEqual(401);
+
+    res = await fixture.requestSingleFetchData("/a/b.data?error");
+    expect(res.status).toEqual(401);
+
+    // Actions
+    res = await fixture.requestDocument("/a/b/c", {
+      method: "post",
+      body: null,
+    });
+    expect(res.status).toEqual(206);
+
+    res = await fixture.requestSingleFetchData("/a/b/c.data", {
+      method: "post",
+      body: null,
+    });
+    expect(res.status).toEqual(206);
+  });
+
+  test("processes thrown loader redirects via Response", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/data.tsx": js`
+          import { redirect } from 'react-router';
+          export function loader() {
+            throw redirect('/target');
+          }
+          export default function Component() {
+            return null
+          }
+        `,
+        "app/routes/target.tsx": js`
+          export default function Component() {
+            return <h1 id="target">Target</h1>
+          }
+        `,
+      },
+    });
+
+    console.error = () => {};
+
+    let res = await fixture.requestDocument("/data");
+    expect(res.status).toBe(302);
+    expect(res.headers.get("Location")).toBe("/target");
+    expect(await res.text()).toBe("");
+
+    let { status, data } = await fixture.requestSingleFetchData("/data.data");
+    expect(data).toEqual({
+      [SingleFetchRedirectSymbol]: {
+        status: 302,
+        redirect: "/target",
+        reload: false,
+        replace: false,
+        revalidate: false,
+      },
+    });
+    expect(status).toBe(202);
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink("/data");
+    await page.waitForSelector("#target");
+    expect(await app.getHtml("#target")).toContain("Target");
+  });
+
+  test("processes returned loader redirects via Response", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/data.tsx": js`
+          import { redirect } from 'react-router';
+          export function loader() {
+            return redirect('/target');
+          }
+          export default function Component() {
+            return null
+          }
+        `,
+        "app/routes/target.tsx": js`
+          export default function Component() {
+            return <h1 id="target">Target</h1>
+          }
+        `,
+      },
+    });
+    let res = await fixture.requestDocument("/data");
+    expect(res.status).toBe(302);
+    expect(res.headers.get("Location")).toBe("/target");
+    expect(await res.text()).toBe("");
+
+    let { status, data } = await fixture.requestSingleFetchData("/data.data");
+    expect(data).toEqual({
+      [SingleFetchRedirectSymbol]: {
+        status: 302,
+        redirect: "/target",
+        reload: false,
+        replace: false,
+        revalidate: false,
+      },
+    });
+    expect(status).toBe(202);
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink("/data");
+    await page.waitForSelector("#target");
+    expect(await app.getHtml("#target")).toContain("Target");
+  });
+
+  test("processes thrown loader replace redirects via Response", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/data.tsx": js`
+          import { replace } from 'react-router';
+          export function loader() {
+            throw replace('/target');
+          }
+          export default function Component() {
+            return null
+          }
+        `,
+        "app/routes/target.tsx": js`
+          export default function Component() {
+            return <h1 id="target">Target</h1>
+          }
+        `,
+      },
+    });
+
+    console.error = () => {};
+
+    let res = await fixture.requestDocument("/data");
+    expect(res.status).toBe(302);
+    expect(res.headers.get("Location")).toBe("/target");
+    expect(await res.text()).toBe("");
+
+    let { status, data } = await fixture.requestSingleFetchData("/data.data");
+    expect(data).toEqual({
+      [SingleFetchRedirectSymbol]: {
+        status: 302,
+        redirect: "/target",
+        reload: false,
+        replace: true,
+        revalidate: false,
+      },
+    });
+    expect(status).toBe(202);
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink("/data");
+    await page.waitForSelector("#target");
+    expect(await app.getHtml("#target")).toContain("Target");
+  });
+
+  test("processes thrown action redirects via Response", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/data.tsx": js`
+          import { redirect } from 'react-router';
+          export function action() {
+            throw redirect('/target');
+          }
+          export default function Component() {
+            return null
+          }
+        `,
+        "app/routes/target.tsx": js`
+          export default function Component() {
+            return <h1 id="target">Target</h1>
+          }
+        `,
+      },
+    });
+
+    console.error = () => {};
+
+    let res = await fixture.requestDocument("/data", {
+      method: "post",
+      body: null,
+    });
+    expect(res.status).toBe(302);
+    expect(res.headers.get("Location")).toBe("/target");
+    expect(await res.text()).toBe("");
+
+    let { status, data } = await fixture.requestSingleFetchData("/data.data", {
+      method: "post",
+      body: null,
+    });
+    expect(data).toEqual({
+      status: 302,
+      redirect: "/target",
+      reload: false,
+      replace: false,
+      revalidate: false,
+    });
+    expect(status).toBe(202);
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton("/data");
+    await page.waitForSelector("#target");
+    expect(await app.getHtml("#target")).toContain("Target");
+  });
+
+  test("processes returned action redirects via Response", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/data.tsx": js`
+          import { redirect } from 'react-router';
+          export function action() {
+            return redirect('/target');
+          }
+          export default function Component() {
+            return null
+          }
+        `,
+        "app/routes/target.tsx": js`
+          export default function Component() {
+            return <h1 id="target">Target</h1>
+          }
+        `,
+      },
+    });
+
+    let res = await fixture.requestDocument("/data", {
+      method: "post",
+      body: null,
+    });
+    expect(res.status).toBe(302);
+    expect(res.headers.get("Location")).toBe("/target");
+    expect(await res.text()).toBe("");
+
+    let { status, data } = await fixture.requestSingleFetchData("/data.data", {
+      method: "post",
+      body: null,
+    });
+    expect(data).toEqual({
+      status: 302,
+      redirect: "/target",
+      reload: false,
+      replace: false,
+      revalidate: false,
+    });
+    expect(status).toBe(202);
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton("/data");
+    await page.waitForSelector("#target");
+    expect(await app.getHtml("#target")).toContain("Target");
+  });
+
+  test("processes thrown loader redirects (resource route)", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/data.tsx": js`
+          import { redirect } from 'react-router';
+          export function loader({ request }) {
+            throw redirect('/target');
+          }
+        `,
+        "app/routes/target.tsx": js`
+          export default function Component() {
+            return <h1 id="target">Target</h1>
+          }
+        `,
+      },
+    });
+
+    console.error = () => {};
+
+    let res = await fixture.requestDocument("/data");
+    expect(res.status).toBe(302);
+    expect(res.headers.get("Location")).toBe("/target");
+    expect(await res.text()).toBe("");
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink("/data");
+    await page.waitForSelector("#target");
+    expect(await app.getHtml("#target")).toContain("Target");
+  });
+
+  test("processes returned loader redirects (resource route)", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/data.tsx": js`
+          import { redirect } from 'react-router';
+          export function loader({ request }) {
+            return redirect('/target');
+          }
+        `,
+        "app/routes/target.tsx": js`
+          export default function Component() {
+            return <h1 id="target">Target</h1>
+          }
+        `,
+      },
+    });
+
+    let res = await fixture.requestDocument("/data");
+    expect(res.status).toBe(302);
+    expect(res.headers.get("Location")).toBe("/target");
+    expect(await res.text()).toBe("");
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink("/data");
+    await page.waitForSelector("#target");
+    expect(await app.getHtml("#target")).toContain("Target");
+  });
+
+  test("processes redirects from handleDataRequest (after loaders)", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/entry.server.tsx": js`
+          import { PassThrough } from "node:stream";
+
+          import type { EntryContext } from "react-router";
+          import { createReadableStreamFromReadable } from "@react-router/node";
+          import { ServerRouter } from "react-router";
+          import { renderToPipeableStream } from "react-dom/server";
+
+          export default function handleRequest(
+            request: Request,
+            responseStatusCode: number,
+            responseHeaders: Headers,
+            remixContext: EntryContext
+          ) {
+            return new Promise((resolve, reject) => {
+              const { pipe } = renderToPipeableStream(
+                <ServerRouter context={remixContext} url={request.url} />,
+                {
+                  onShellReady() {
+                    const body = new PassThrough();
+                    const stream = createReadableStreamFromReadable(body);
+                    responseHeaders.set("Content-Type", "text/html");
+                    resolve(
+                      new Response(stream, {
+                        headers: responseHeaders,
+                        status: responseStatusCode,
+                      })
+                    );
+                    pipe(body);
+                  },
+                  onShellError(error: unknown) {
+                    reject(error);
+                  },
+                  onError(error: unknown) {
+                    responseStatusCode = 500;
+                  },
+                }
+              );
+            });
+          }
+
+          export function handleDataRequest(response, { request }) {
+            if (request.url.endsWith("/data.data")) {
+              return new Response(null, {
+                status: 302,
+                headers: {
+                  Location: "/target",
+                },
+              });
+            }
+            return response;
+          }
+        `,
+        "app/routes/data.tsx": js`
+          import { redirect } from 'react-router';
+          export function loader() {
+            return redirect('/target');
+          }
+          export default function Component() {
+            return null
+          }
+        `,
+        "app/routes/target.tsx": js`
+          export default function Component() {
+            return <h1 id="target">Target</h1>
+          }
+        `,
+      },
+    });
+
+    let { status, data } = await fixture.requestSingleFetchData("/data.data");
+    expect(data).toEqual({
+      [SingleFetchRedirectSymbol]: {
+        status: 302,
+        redirect: "/target",
+        reload: false,
+        replace: false,
+        revalidate: false,
+      },
+    });
+    expect(status).toBe(202);
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink("/data");
+    await page.waitForSelector("#target");
+    expect(await app.getHtml("#target")).toContain("Target");
+  });
+
+  test("processes redirects from handleDataRequest (after actions)", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/entry.server.tsx": js`
+          import { PassThrough } from "node:stream";
+
+          import type { EntryContext } from "react-router";
+          import { createReadableStreamFromReadable } from "@react-router/node";
+          import { ServerRouter } from "react-router";
+          import { renderToPipeableStream } from "react-dom/server";
+
+          export default function handleRequest(
+            request: Request,
+            responseStatusCode: number,
+            responseHeaders: Headers,
+            remixContext: EntryContext
+          ) {
+            return new Promise((resolve, reject) => {
+              const { pipe } = renderToPipeableStream(
+                <ServerRouter context={remixContext} url={request.url} />,
+                {
+                  onShellReady() {
+                    const body = new PassThrough();
+                    const stream = createReadableStreamFromReadable(body);
+                    responseHeaders.set("Content-Type", "text/html");
+                    resolve(
+                      new Response(stream, {
+                        headers: responseHeaders,
+                        status: responseStatusCode,
+                      })
+                    );
+                    pipe(body);
+                  },
+                  onShellError(error: unknown) {
+                    reject(error);
+                  },
+                  onError(error: unknown) {
+                    responseStatusCode = 500;
+                  },
+                }
+              );
+            });
+          }
+
+          export function handleDataRequest(response, { request }) {
+            if (request.url.endsWith("/data.data")) {
+              return new Response(null, {
+                status: 302,
+                headers: {
+                  Location: "/target",
+                },
+              });
+            }
+            return response;
+          }
+        `,
+        "app/routes/data.tsx": js`
+          import { redirect } from 'react-router';
+          export function action() {
+            return redirect('/target');
+          }
+          export default function Component() {
+            return null
+          }
+        `,
+        "app/routes/target.tsx": js`
+          export default function Component() {
+            return <h1 id="target">Target</h1>
+          }
+        `,
+      },
+    });
+
+    let { status, data } = await fixture.requestSingleFetchData("/data.data", {
+      method: "post",
+      body: null,
+    });
+    expect(data).toEqual({
+      status: 302,
+      redirect: "/target",
+      reload: false,
+      replace: false,
+      revalidate: false,
+    });
+    expect(status).toBe(202);
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton("/data");
+    await page.waitForSelector("#target");
+    expect(await app.getHtml("#target")).toContain("Target");
+  });
+
+  test("supports a basename", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        "rsbuild.config.ts": js`
+          import { defineConfig } from "@rsbuild/core";
+          import { pluginReact } from "@rsbuild/plugin-react";
+          import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+          // Rsbuild 'base: "/base/"' is intentionally not mapped to an rsbuild
+          // asset prefix: react-router-serve serves assets from the dist root
+          // and React Router's basename covers the routing this test asserts.
+          export default defineConfig({
+            plugins: [pluginReact(), pluginReactRouter()],
+          });
+        `,
+        "react-router.config.ts": reactRouterConfig({
+          basename: "/base/",
+        }),
+        ...files,
+      },
+      useReactRouterServe: true,
+    });
+
+    let appFixture = await createAppFixture(fixture);
+
+    let requests: string[] = [];
+    page.on("request", (req) => {
+      let url = new URL(req.url());
+      if (url.pathname.endsWith(".data")) {
+        requests.push(url.pathname + url.search);
+      }
+    });
+
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/base/");
+    await app.clickLink("/base/data");
+    await expect(page.getByText("Data Route")).toBeVisible();
+    await app.clickLink("/base/");
+    await expect(page.getByText("Index")).toBeVisible();
+
+    expect(requests).toEqual(["/base/data.data", "/base/_.data"]);
+  });
+
+  test("processes redirects when a basename is present", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "react-router.config.ts": reactRouterConfig({
+          basename: "/base",
+        }),
+        "app/routes/data.tsx": js`
+          import { redirect } from 'react-router';
+          export function loader() {
+            throw redirect('/target');
+          }
+          export default function Component() {
+            return null
+          }
+        `,
+        "app/routes/target.tsx": js`
+          export default function Component() {
+            return <h1 id="target">Target</h1>
+          }
+        `,
+      },
+    });
+
+    console.error = () => {};
+
+    let res = await fixture.requestDocument("/base/data");
+    expect(res.status).toBe(302);
+    expect(res.headers.get("Location")).toBe("/base/target");
+    expect(await res.text()).toBe("");
+
+    let { status, data } =
+      await fixture.requestSingleFetchData("/base/data.data");
+    expect(data).toEqual({
+      [SingleFetchRedirectSymbol]: {
+        status: 302,
+        redirect: "/target",
+        reload: false,
+        replace: false,
+        revalidate: false,
+      },
+    });
+    expect(status).toBe(202);
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/base/");
+    await app.clickLink("/base/data");
+    await page.waitForSelector("#target");
+    expect(await app.getHtml("#target")).toContain("Target");
+  });
+
+  test("processes redirects returned outside of react router", async ({
+    page,
+  }) => {
+    let port = await getPort();
+    let cwd = await createProject({
+      "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+      "server.mjs": EXPRESS_SERVER({
+        port,
+        customLogic: js`
+          app.use(async (req, res, next) => {
+            if (req.url === "/page.data") {
+              res.status(204);
+              res.append('X-Remix-Status', '302');
+              res.append('X-Remix-Redirect', '/target');
+              res.end();
+            } else {
+              next();
+            }
+          });
+        `,
+      }),
+      "app/routes/_index.tsx": js`
+        import { Link, Form } from "react-router";
+        export default function Component() {
+          return (
+            <div id="index">
+              <Link to="/page">Go to /page</Link>
+              <Form method="post" action="/page">
+                <button type="submit" name="key" value="value">Submit</button>
+              </Form>
+            </div>
+          );
+        }
+      `,
+      "app/routes/page.tsx": js`
+        export function action() {
+          return null
+        }
+        export function loader() {
+            return null
+        }
+        export default function Component() {
+          return <p>Should not see me</p>
+        }
+      `,
+      "app/routes/target.tsx": js`
+        import { Link } from "react-router";
+        export default function Component() {
+          return (
+            <>
+              <h1 id="target">Target</h1>
+              <Link to="/">Go home</Link>
+            </>
+          );
+        }
+      `,
+    });
+    let stop = await customDev({ cwd, port });
+
+    try {
+      await page.goto(`http://localhost:${port}/`, {
+        waitUntil: "networkidle",
+      });
+
+      await page.locator('a[href="/page"]').click();
+      await page.waitForSelector("#target");
+      await expect(page.locator("#target")).toHaveText("Target");
+
+      await page.locator('a[href="/"]').click();
+      await page.waitForSelector("#index");
+
+      await page.locator('button[type="submit"]').click();
+      await page.waitForSelector("#target");
+      await expect(page.locator("#target")).toHaveText("Target");
+    } finally {
+      stop();
+    }
+  });
+
+  test("processes thrown loader errors", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/data.tsx": js`
+          import { redirect } from 'react-router';
+          import { isRouteErrorResponse, useRouteError } from 'react-router';
+          export function headers({ errorHeaders }) {
+            return errorHeaders;
+          }
+          export function loader({ request }) {
+            throw new Response(null, { status: 404, headers: { 'X-Foo': 'Bar' } });
+          }
+          export default function Component() {
+            return null
+          }
+          export function ErrorBoundary() {
+            let error = useRouteError();
+            if (isRouteErrorResponse(error)) {
+              return <p id="error">{error.status}</p>
+            }
+            throw new Error('Nope')
+          }
+        `,
+      },
+    });
+
+    console.error = () => {};
+
+    let res = await fixture.requestDocument("/data");
+    expect(res.status).toBe(404);
+    expect(res.headers.get("X-Foo")).toBe("Bar");
+    expect(await res.text()).toContain('<p id="error">404</p>');
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink("/data");
+    await page.waitForSelector("#error");
+    expect(await app.getHtml("#error")).toContain("404");
+  });
+
+  test("processes thrown action errors via responseStub", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/data.tsx": js`
+          import { redirect } from 'react-router';
+          import { isRouteErrorResponse, useRouteError } from 'react-router';
+          export function headers({ errorHeaders }) {
+            return errorHeaders;
+          }
+          export function action({ request }) {
+            throw new Response(null, { status: 404, headers: { 'X-Foo': 'Bar' } });
+          }
+          export default function Component() {
+            return null
+          }
+          export function ErrorBoundary() {
+            let error = useRouteError();
+            if (isRouteErrorResponse(error)) {
+              return <p id="error">{error.status}</p>
+            }
+            throw new Error('Nope')
+          }
+        `,
+      },
+    });
+
+    console.error = () => {};
+
+    let res = await fixture.requestDocument("/data", {
+      method: "post",
+      body: null,
+    });
+    expect(res.status).toBe(404);
+    expect(res.headers.get("X-Foo")).toBe("Bar");
+    expect(await res.text()).toContain('<p id="error">404</p>');
+
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton("/data");
+    await page.waitForSelector("#error");
+    expect(await app.getHtml("#error")).toContain("404");
+  });
+
+  test("allows fetcher to hit resource route and return via turbo stream", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/_index.tsx": js`
+          import { useFetcher } from "react-router";
+
+          export default function Component() {
+            let fetcher = useFetcher();
+            return (
+              <div>
+                <button id="load" onClick={() => fetcher.load('/resource')}>
+                  Load
+                </button>
+                {fetcher.data ? <pre id="fetcher-data">{fetcher.data.message} {fetcher.data.date.toISOString()}</pre> : null}
+              </div>
+            );
+          }
+        `,
+        "app/routes/resource.tsx": js`
+          export function loader() {
+            // Fetcher calls to resource routes will append ".data" and we'll go through
+            // the turbo-stream flow.  If a user were to curl this endpoint they'd go
+            // through "handleResourceRoute" and it would be returned as "json()"
+            return {
+              message: "RESOURCE",
+              date: new Date("${ISO_DATE}"),
+            };
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickElement("#load");
+    await page.waitForSelector("#fetcher-data");
+    expect(await app.getHtml("#fetcher-data")).toContain(
+      "RESOURCE 2024-03-12T12:00:00.000Z",
+    );
+  });
+
+  test("Strips ?_routes query param from loader/action requests", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/_index.tsx": js`
+          import { Link } from "react-router";
+          export default function Component() {
+            return <Link to="/parent/a">Go to /parent/a</Link>;
+          }
+        `,
+        "app/routes/parent.tsx": js`
+          import { Link, Outlet, useLoaderData } from "react-router";
+          export function loader({ url }) {
+            return { url: url.toString() };
+          }
+          export default function Component() {
+            return (
+              <>
+                <p id="parent">Parent loader URL: {useLoaderData().url}</p>
+                <Outlet/>
+              </>
+            );
+          }
+        `,
+        "app/routes/parent.a.tsx": js`
+          import { useLoaderData } from "react-router";
+          export function loader({ url }) {
+            return { url: url.toString() };
+          }
+          export async function clientLoader({ url, serverLoader }) {
+            let serverData = await serverLoader();
+            return {
+              serverUrl: serverData.url,
+              clientUrl: url.toString()
+            }
+          }
+          export default function Component() {
+            let data = useLoaderData();
+            return (
+              <>
+                <p id="a-server">A server loader URL: {data.serverUrl}</p>
+                <p id="a-client">A client loader URL: {data.clientUrl}</p>
+              </>
+            );
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes(".data")) {
+        urls.push(req.url());
+      }
+    });
+
+    await app.goto("/");
+
+    await app.clickLink("/parent/a");
+    await page.waitForSelector("#a-server");
+
+    // HTTP Requests contained routes params
+    expect(urls.length).toBe(2);
+    expect(urls[0].endsWith("/parent/a.data?_routes=routes%2Fparent.a")).toBe(
+      true,
+    );
+    expect(
+      urls[1].endsWith("/parent/a.data?_routes=root%2Croutes%2Fparent"),
+    ).toBe(true);
+
+    // But loaders don't receive any routes params
+    expect(await app.getHtml("#parent")).toMatch(
+      />Parent loader URL: http:\/\/localhost:\d+\/parent\/a</,
+    );
+    expect(await app.getHtml("#a-server")).toMatch(
+      />A server loader URL: http:\/\/localhost:\d+\/parent\/a</,
+    );
+    expect(await app.getHtml("#a-client")).toMatch(
+      />A client loader URL: http:\/\/localhost:\d+\/parent\/a</,
+    );
+  });
+
+  test("Strips Content-Length header from loader/action responses", async () => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/data-with-response.tsx": js`
+          import { useActionData, useLoaderData, data } from "react-router";
+
+          export function headers ({ actionHeaders, loaderHeaders, errorHeaders }) {
+            if ([...actionHeaders].length > 0) {
+              return actionHeaders;
+            } else {
+              return loaderHeaders;
+            }
+          }
+
+          export async function action({ request }) {
+            let formData = await request.formData();
+            return data({
+              key: formData.get('key'),
+            }, { headers: { 'Content-Length': '0' }});
+          }
+
+          export function loader({ request }) {
+            return data({
+              message: "DATA",
+            }, { headers: { 'Content-Length': '0' }});
+          }
+
+          export default function DataWithResponse() {
+            let data = useLoaderData();
+            let actionData = useActionData();
+            return (
+              <>
+                <h1 id="heading">Data</h1>
+                <p id="message">{data.message}</p>
+                <p id="date">{data.date.toISOString()}</p>
+                {actionData ? <p id="action-data">{actionData.key}</p> : null}
+              </>
+            )
+          }
+        `,
+      },
+    });
+
+    let res = await fixture.requestSingleFetchData("/data-with-response.data");
+    expect(res.headers.get("Content-Length")).toEqual(null);
+    expect(res.data).toStrictEqual({
+      root: {
+        data: {
+          message: "ROOT",
+        },
+      },
+      "routes/data-with-response": {
+        data: {
+          message: "DATA",
+        },
+      },
+    });
+
+    let postBody = new URLSearchParams();
+    postBody.set("key", "value");
+    res = await fixture.requestSingleFetchData("/data-with-response.data", {
+      method: "post",
+      body: postBody,
+    });
+    expect(res.headers.get("Content-Length")).toEqual(null);
+    expect(res.data).toEqual({
+      data: {
+        key: "value",
+      },
+    });
+  });
+
+  test("Action requests do not use _routes and do not call loaders on the server", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/page.tsx": js`
+          import { Form, useActionData, useLoaderData } from "react-router";
+          let count = 0;
+          export function loader({ request }) {
+            return { count: ++count };
+          }
+          export function action({ request }) {
+            return { message: "ACTION" };
+          }
+          export default function Component() {
+            let data = useLoaderData();
+            let actionData = useActionData();
+            return (
+              <>
+                <p id="data">{"Count:" + data.count}</p>
+                <Form method="post">
+                  <button type="submit">Submit</button>
+                  {actionData ? <p id="action">{actionData.message}</p> : null}
+                </Form>
+              </>
+            )
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let urls: string[] = [];
+    page.on("request", (req) => {
+      if (req.url().includes(".data")) {
+        urls.push(req.method() + " " + req.url());
+      }
+    });
+
+    await app.goto("/page");
+    expect(await app.getHtml("#data")).toContain("Count:1");
+
+    await app.clickSubmitButton("/page");
+    await page.waitForSelector("#action");
+    expect(await app.getHtml("#data")).toContain("Count:2");
+
+    // HTTP Requests contained routes params
+    expect(urls).toEqual([
+      expect.stringMatching(/POST .*\/page.data$/),
+      expect.stringMatching(/GET .*\/page.data$/),
+    ]);
+  });
+
+  test("does not try to encode a turbo-stream body into 204 responses", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/_index.tsx": js`
+          import { data, Form, useActionData, useNavigation } from "react-router";
+
+          export async function action({ request }) {
+            await new Promise(r => setTimeout(r, 500));
+            return data(null, { status: 204 });
+          };
+
+          export default function Index() {
+            const navigation = useNavigation();
+            const actionData = useActionData();
+            return (
+              <Form method="post">
+                {navigation.state === "idle" ? <p data-idle>idle</p> : <p data-active>active</p>}
+                <button data-submit type="submit">{actionData ?? 'no content!'}</button>
+              </Form>
+            );
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let requests: [string, number, string][] = [];
+    page.on("request", async (req) => {
+      if (req.url().includes(".data")) {
+        let url = new URL(req.url());
+        requests.push([
+          req.method(),
+          (await req.response())!.status(),
+          url.pathname + url.search,
+        ]);
+      }
+    });
+
+    // Document requests
+    let documentRes = await fixture.requestDocument("/?index", {
+      method: "post",
+    });
+    expect(documentRes.status).toBe(204);
+    expect(await documentRes.text()).toBe("");
+
+    // Data requests
+    await app.goto("/");
+    (await page.$("[data-submit]"))?.click();
+    await page.waitForSelector("[data-active]");
+    await page.waitForSelector("[data-idle]");
+
+    expect(await page.innerText("[data-submit]")).toEqual("no content!");
+    expect(requests).toEqual([
+      ["POST", 204, "/_.data?index"],
+      ["GET", 200, "/_.data"],
+    ]);
+  });
+
+  test("does not try to encode a turbo-stream body into 304 responses", async () => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/_index.tsx": js`
+          import { useLoaderData } from "react-router";
+
+          const eTag = "1234";
+          export function loader({ request }) {
+            if (request.headers.get("If-None-Match") === eTag) {
+              throw new Response(null, { status: 304 });
+            }
+            return { message: "Hello from the loader!" };
+          };
+          export default function Index() {
+            const { message } = useLoaderData<typeof loader>();
+            return <h1>{message}</h1>
+          }
+        `,
+      },
+    });
+
+    // Document requests
+    let documentRes = await fixture.requestDocument("/");
+    let html = await documentRes.text();
+    expect(html).toContain("<body>");
+    expect(html).toContain("<h1>Hello from the loader!</h1>");
+    documentRes = await fixture.requestDocument("/", {
+      headers: {
+        "If-None-Match": "1234",
+      },
+    });
+    expect(documentRes.status).toBe(304);
+    expect(await documentRes.text()).toBe("");
+
+    // Data requests
+    let dataRes = await fixture.requestSingleFetchData("/_.data");
+    expect(dataRes.data).toEqual({
+      root: {
+        data: {
+          message: "ROOT",
+        },
+      },
+      "routes/_index": {
+        data: {
+          message: "Hello from the loader!",
+        },
+      },
+    });
+    dataRes = await fixture.requestSingleFetchData("/_.data", {
+      headers: {
+        "If-None-Match": "1234",
+      },
+    });
+    expect(dataRes.status).toBe(304);
+    expect(dataRes.data).toBeNull();
+  });
+
+  test.describe("revalidations/_routes param", () => {
+    test("does not make a server call if no loaders need to run", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          "app/root.tsx": js`
+            import { Link, Links, Meta, Outlet, Scripts } from "react-router";
+            export default function Root() {
+              return (
+                <html lang="en">
+                  <head>
+                    <Meta />
+                    <Links />
+                  </head>
+                  <body>
+                    <Link to="/">Home</Link><br/>
+                    <Link to="/a/b">/a/b</Link><br/>
+                    <Outlet />
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+          `,
+          "app/routes/a.tsx": js`
+            import { Outlet } from "react-router";
+            export default function Root() {
+              return <Outlet />;
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            export default function Root() {
+              return <h1>B</h1>;
+            }
+          `,
+        },
+      });
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.method() === "GET" && req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+
+      await app.clickLink("/a/b");
+      await page.waitForSelector("h1");
+      expect(await app.getHtml("h1")).toBe("<h1>B</h1>");
+      expect(urls.length).toBe(0);
+    });
+
+    test("calls reused parent routes by default", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import { Link } from "react-router";
+            export default function Component() {
+              return <Link to="/parent/a">Go to /parent/a</Link>;
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { Link, Outlet, useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return (
+                <>
+                  <p id="parent">Parent Count: {useLoaderData().count}</p>
+                  <Link to="/parent/a">Go to /parent/a</Link>
+                  <Link to="/parent/b">Go to /parent/b</Link>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.a.tsx": js`
+            import { useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <p id="a">A Count: {useLoaderData().count}</p>;
+            }
+          `,
+          "app/routes/parent.b.tsx": js`
+            import { useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <p id="b">B Count: {useLoaderData().count}</p>;
+            }
+          `,
+        },
+      });
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      await app.goto("/");
+
+      await app.clickLink("/parent/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#a")).toContain("A Count: 1");
+      expect(urls.length).toBe(1);
+      expect(urls[0].endsWith("/parent/a.data")).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/b");
+      await page.waitForSelector("#b");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 2");
+      expect(await app.getHtml("#b")).toContain("B Count: 1");
+      expect(urls.length).toBe(1);
+      expect(urls[0].endsWith("/parent/b.data")).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 3");
+      expect(await app.getHtml("#a")).toContain("A Count: 2");
+      expect(urls.length).toBe(1);
+      expect(urls[0].endsWith("/parent/a.data")).toBe(true);
+    });
+
+    test("allows reused routes to opt out via shouldRevalidate", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import { Link } from "react-router";
+            export default function Component() {
+              return <Link to="/parent/a">Go to /parent/a</Link>;
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { Link, Outlet, useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export function shouldRevalidate() {
+              return false;
+            }
+            export default function Component() {
+              return (
+                <>
+                  <p id="parent">Parent Count: {useLoaderData().count}</p>
+                  <Link to="/parent/a">Go to /parent/a</Link>
+                  <Link to="/parent/b">Go to /parent/b</Link>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.a.tsx": js`
+            import { useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <p id="a">A Count: {useLoaderData().count}</p>;
+            }
+          `,
+          "app/routes/parent.b.tsx": js`
+            import { useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <p id="b">B Count: {useLoaderData().count}</p>;
+            }
+          `,
+        },
+      });
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      await app.goto("/");
+
+      await app.clickLink("/parent/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#a")).toContain("A Count: 1");
+      expect(urls.length).toBe(1);
+      // Not a revalidation on the first navigation so no params
+      expect(urls[0].endsWith("/parent/a.data")).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/b");
+      await page.waitForSelector("#b");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#b")).toContain("B Count: 1");
+      expect(urls.length).toBe(1);
+      // Don't reload the parent route
+      expect(
+        urls[0].endsWith("/parent/b.data?_routes=root%2Croutes%2Fparent.b"),
+      ).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#a")).toContain("A Count: 2");
+      expect(urls.length).toBe(1);
+      // Don't reload the parent route
+      expect(
+        urls[0].endsWith("/parent/a.data?_routes=root%2Croutes%2Fparent.a"),
+      ).toBe(true);
+    });
+
+    test("allows reused routes to opt out via shouldRevalidate (w/clientLoader)", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import { Link } from "react-router";
+            export default function Component() {
+              return <Link to="/parent/a">Go to /parent/a</Link>;
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { Link, Outlet, useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export function shouldRevalidate() {
+              return false;
+            }
+            export function clientLoader({ serverLoader }) {
+              return serverLoader()
+            }
+            export default function Component() {
+              return (
+                <>
+                  <p id="parent">Parent Count: {useLoaderData().count}</p>
+                  <Link to="/parent/a">Go to /parent/a</Link>
+                  <Link to="/parent/b">Go to /parent/b</Link>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.a.tsx": js`
+            import { useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <p id="a">A Count: {useLoaderData().count}</p>;
+            }
+          `,
+          "app/routes/parent.b.tsx": js`
+            import { useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <p id="b">B Count: {useLoaderData().count}</p>;
+            }
+          `,
+        },
+      });
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      await app.goto("/");
+
+      await app.clickLink("/parent/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#a")).toContain("A Count: 1");
+      expect(urls.length).toBe(2);
+      // Client loader triggers 2 requests on the first navigation
+      expect(urls[0].endsWith("/parent/a.data?_routes=routes%2Fparent")).toBe(
+        true,
+      );
+      expect(
+        urls[1].endsWith("/parent/a.data?_routes=root%2Croutes%2Fparent.a"),
+      ).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/b");
+      await page.waitForSelector("#b");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#b")).toContain("B Count: 1");
+      expect(urls.length).toBe(1);
+      // Don't reload the parent route
+      expect(
+        urls[0].endsWith("/parent/b.data?_routes=root%2Croutes%2Fparent.b"),
+      ).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#a")).toContain("A Count: 2");
+      expect(urls.length).toBe(1);
+      // Don't reload the parent route
+      expect(
+        urls[0].endsWith("/parent/a.data?_routes=root%2Croutes%2Fparent.a"),
+      ).toBe(true);
+    });
+
+    test("allows reused routes to opt out via shouldRevalidate (w/only clientLoader)", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import { Link } from "react-router";
+            export default function Component() {
+              return <Link to="/parent/a">Go to /parent/a</Link>;
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { Link, Outlet, useLoaderData } from "react-router";
+            let count = 0;
+            export function clientLoader({ request }) {
+              return { count: ++count };
+            }
+            export function shouldRevalidate() {
+              return false;
+            }
+            export default function Component() {
+              return (
+                <>
+                  <p id="parent">Parent Count: {useLoaderData().count}</p>
+                  <Link to="/parent/a">Go to /parent/a</Link>
+                  <Link to="/parent/b">Go to /parent/b</Link>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.a.tsx": js`
+            import { useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <p id="a">A Count: {useLoaderData().count}</p>;
+            }
+          `,
+          "app/routes/parent.b.tsx": js`
+            import { useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <p id="b">B Count: {useLoaderData().count}</p>;
+            }
+          `,
+        },
+      });
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      await app.goto("/");
+
+      await app.clickLink("/parent/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#a")).toContain("A Count: 1");
+      expect(urls.length).toBe(1);
+      // Client loader triggers 2 requests on the first navigation
+      expect(urls[0].endsWith("/parent/a.data")).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/b");
+      await page.waitForSelector("#b");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#b")).toContain("B Count: 1");
+      expect(urls.length).toBe(1);
+      expect(urls[0].endsWith("/parent/b.data")).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#a")).toContain("A Count: 2");
+      expect(urls.length).toBe(1);
+      expect(urls[0].endsWith("/parent/a.data")).toBe(true);
+    });
+
+    test("provides the proper defaultShouldRevalidate value", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import { Link } from 'react-router';
+            export default function Component() {
+              return <Link to="/parent/a">Go to /parent/a</Link>;
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { Link, Outlet, useLoaderData } from 'react-router';
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export function shouldRevalidate({ defaultShouldRevalidate }) {
+              return defaultShouldRevalidate;
+            }
+            export default function Component() {
+              return (
+                <>
+                  <p id="parent">Parent Count: {useLoaderData().count}</p>
+                  <Link to="/parent/a">Go to /parent/a</Link>
+                  <Link to="/parent/b">Go to /parent/b</Link>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.a.tsx": js`
+            import { useLoaderData } from 'react-router';
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <p id="a">A Count: {useLoaderData().count}</p>;
+            }
+          `,
+          "app/routes/parent.b.tsx": js`
+            import { useLoaderData } from 'react-router';
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <p id="b">B Count: {useLoaderData().count}</p>;
+            }
+          `,
+        },
+      });
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      await app.goto("/");
+
+      await app.clickLink("/parent/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#a")).toContain("A Count: 1");
+      expect(urls.length).toBe(1);
+      expect(urls[0].endsWith("/parent/a.data")).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/b");
+      await page.waitForSelector("#b");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 2");
+      expect(await app.getHtml("#b")).toContain("B Count: 1");
+      expect(urls.length).toBe(1);
+      // Reload the parent route
+      expect(urls[0].endsWith("/parent/b.data")).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 3");
+      expect(await app.getHtml("#a")).toContain("A Count: 2");
+      expect(urls.length).toBe(1);
+      // Reload the parent route
+      expect(urls[0].endsWith("/parent/a.data")).toBe(true);
+    });
+
+    test("does not add a _routes param for routes without loaders", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import { Link } from "react-router";
+            export default function Component() {
+              return <Link to="/parent/a">Go to /parent/a</Link>;
+            }
+          `,
+          "app/routes/parent.tsx": js`
+            import { Link, Outlet, useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export function shouldRevalidate() {
+              return false;
+            }
+            export default function Component() {
+              return (
+                <>
+                  <p id="parent">Parent Count: {useLoaderData().count}</p>
+                  <Link to="/parent/a">Go to /parent/a</Link>
+                  <Link to="/parent/b">Go to /parent/b</Link>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.a.tsx": js`
+            import { useLoaderData } from "react-router";
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <p id="a">A Count: {useLoaderData().count}</p>;
+            }
+          `,
+          "app/routes/parent.b.tsx": js`
+            export default function Component() {
+              return <p id="b">B</p>;
+            }
+          `,
+        },
+      });
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      await app.goto("/");
+
+      await app.clickLink("/parent/a");
+      await page.waitForSelector("#a");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#a")).toContain("A Count: 1");
+      expect(urls.length).toBe(1);
+      // Not a revalidation on the first navigation so no params
+      expect(urls[0].endsWith("/parent/a.data")).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/b");
+      await page.waitForSelector("#b");
+      expect(await app.getHtml("#parent")).toContain("Parent Count: 1");
+      expect(await app.getHtml("#b")).toContain("B");
+      expect(urls.length).toBe(1);
+      // Don't reload the parent route
+      expect(urls[0].endsWith("/parent/b.data?_routes=root")).toBe(true);
+      urls = [];
+    });
+  });
+
+  test.describe("client loaders", () => {
+    test("when no routes have client loaders", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/a.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "A server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>A</h1>
+                  <p id="a-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "B server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>B</h1>
+                  <p id="b-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.c.tsx": js`
+            import { useLoaderData } from 'react-router';
+
+            export function  loader() {
+              return { message: "C server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>C</h1>
+                  <p id="c-data">{data.message}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.method() === "GET" && req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      await app.clickLink("/a/b/c");
+      await page.waitForSelector("#c-data");
+      expect(await app.getHtml("#a-data")).toContain("A server loader");
+      expect(await app.getHtml("#b-data")).toContain("B server loader");
+      expect(await app.getHtml("#c-data")).toContain("C server loader");
+
+      // No clientLoaders so we can make a single parameter-less fetch
+      expect(urls).toEqual([expect.stringMatching(/\/a\/b\/c\.data$/)]);
+    });
+
+    test("when one route has a client loader", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/a.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "A server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>A</h1>
+                  <p id="a-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "B server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>B</h1>
+                  <p id="b-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.c.tsx": js`
+            import { useLoaderData } from 'react-router';
+
+            export function  loader() {
+              return { message: "C server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (C client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>C</h1>
+                  <p id="c-data">{data.message}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.method() === "GET" && req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      await app.clickLink("/a/b/c");
+      await page.waitForSelector("#c-data");
+      expect(await app.getHtml("#a-data")).toContain("A server loader");
+      expect(await app.getHtml("#b-data")).toContain("B server loader");
+      expect(await app.getHtml("#c-data")).toContain(
+        "C server loader (C client loader)",
+      );
+
+      // root/A/B can be loaded together, C needs it's own call due to it's clientLoader
+      expect(urls.sort()).toEqual([
+        expect.stringMatching(
+          /\/a\/b\/c\.data\?_routes=root%2Croutes%2Fa%2Croutes%2Fa\.b$/,
+        ),
+        expect.stringMatching(/\/a\/b\/c\.data\?_routes=routes%2Fa\.b\.c$/),
+      ]);
+    });
+
+    test("when multiple routes have client loaders", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/a.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "A server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>A</h1>
+                  <p id="a-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "B server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (B client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>B</h1>
+                  <p id="b-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.c.tsx": js`
+            import { useLoaderData } from 'react-router';
+
+            export function  loader() {
+              return { message: "C server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (C client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>C</h1>
+                  <p id="c-data">{data.message}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.method() === "GET" && req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      await app.clickLink("/a/b/c");
+      await page.waitForSelector("#c-data");
+      expect(await app.getHtml("#a-data")).toContain("A server loader");
+      expect(await app.getHtml("#b-data")).toContain(
+        "B server loader (B client loader)",
+      );
+      expect(await app.getHtml("#c-data")).toContain(
+        "C server loader (C client loader)",
+      );
+
+      // B/C have client loaders so they get individual calls, root/A go together
+      expect(urls.sort()).toEqual([
+        expect.stringMatching(/\/a\/b\/c\.data\?_routes=root%2Croutes%2Fa$/),
+        expect.stringMatching(/\/a\/b\/c\.data\?_routes=routes%2Fa\.b$/),
+        expect.stringMatching(/\/a\/b\/c\.data\?_routes=routes%2Fa\.b\.c$/),
+      ]);
+    });
+
+    test("when all routes have client loaders", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/a.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "A server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (A client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>A</h1>
+                  <p id="a-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "B server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (B client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>B</h1>
+                  <p id="b-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.c.tsx": js`
+            import { useLoaderData } from 'react-router';
+
+            export function  loader() {
+              return { message: "C server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (C client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>C</h1>
+                  <p id="c-data">{data.message}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.method() === "GET" && req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/");
+      await app.clickLink("/a/b/c");
+      await page.waitForSelector("#c-data");
+      expect(await app.getHtml("#a-data")).toContain(
+        "A server loader (A client loader)",
+      );
+      expect(await app.getHtml("#b-data")).toContain(
+        "B server loader (B client loader)",
+      );
+      expect(await app.getHtml("#c-data")).toContain(
+        "C server loader (C client loader)",
+      );
+
+      // root/A/B/C all have client loaders so they get individual calls
+      expect(urls.sort()).toEqual([
+        expect.stringMatching(/\/a\/b\/c.data\?_routes=root$/),
+        expect.stringMatching(/\/a\/b\/c.data\?_routes=routes%2Fa$/),
+        expect.stringMatching(/\/a\/b\/c.data\?_routes=routes%2Fa.b$/),
+        expect.stringMatching(/\/a\/b\/c.data\?_routes=routes%2Fa.b.c$/),
+      ]);
+    });
+  });
+
+  test.describe("fetchers", () => {
+    test("Fetcher loaders call singular routes", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/a.tsx": js`
+            import { Outlet } from "react-router";
+            export default function Comp() {
+              return <Outlet />;
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { useFetcher } from "react-router";
+            export function loader() {
+              return { message: 'LOADER' };
+            }
+            export default function Comp() {
+              let fetcher = useFetcher();
+              return (
+                <>
+                  <button id="load" onClick={() => fetcher.load('/a/b')}>Load</button>
+                  {fetcher.data ? <p id="data">{fetcher.data.message}</p> : null}
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.method() === "GET" && req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/a/b");
+      await app.clickElement("#load");
+      await page.waitForSelector("#data");
+      expect(await app.getHtml("#data")).toContain("LOADER");
+
+      // No clientLoaders so we can make a single parameter-less fetch
+      expect(urls.length).toBe(1);
+      expect(urls[0].endsWith("/a/b.data?_routes=routes%2Fa.b")).toBe(true);
+    });
+
+    test("Fetcher actions call singular routes", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/a.tsx": js`
+            import { Outlet } from "react-router";
+            export default function Comp() {
+              return <Outlet />;
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { useFetcher } from "react-router";
+            export function action() {
+              return { message: 'ACTION' };
+            }
+            export default function Comp() {
+              let fetcher = useFetcher();
+              return (
+                <>
+                  <button id="submit" onClick={() => {
+                    fetcher.submit({}, {
+                      method: 'post',
+                      action: '/a/b'
+                    });
+                  }}>
+                    Load
+                  </button>
+                  {fetcher.data ? <p id="data">{fetcher.data.message}</p> : null}
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.method() === "GET" && req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/a/b");
+      await app.clickElement("#submit");
+      await page.waitForSelector("#data");
+      expect(await app.getHtml("#data")).toContain("ACTION");
+
+      // No clientLoaders so we can make a single parameter-less fetch
+      expect(urls.length).toBe(1);
+      expect(urls[0].endsWith("/a/b.data")).toBe(true);
+    });
+
+    test("Fetcher loads do not revalidate on GET navigations by default", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/parent.tsx": js`
+            import { Link, Outlet, useFetcher } from "react-router";
+            export default function Component() {
+              let fetcher = useFetcher();
+              return (
+                <>
+                  <Link to="/parent/a">Go to /parent/a</Link>
+                  <Link to="/parent/b">Go to /parent/b</Link>
+                  <button id="load" onClick={() => fetcher.load('/fetch')}>
+                    Load Fetcher
+                  </button>
+                  {fetcher.data ? <p id="fetch">Fetch Count: {fetcher.data.count}</p> : null}
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.a.tsx": js`
+            export default function Component() {
+              return <p id="a">A</p>;
+            }
+          `,
+          "app/routes/parent.b.tsx": js`
+            export default function Component() {
+              return <p id="b">B</p>;
+            }
+          `,
+          "app/routes/fetch.tsx": js`
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export default function Component() {
+              return <h1>Fetch</h1>;
+            }
+          `,
+        },
+      });
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      await app.goto("/parent/a");
+      await app.clickElement("#load");
+      await page.waitForSelector("#fetch");
+      expect(await app.getHtml("#fetch")).toContain("Fetch Count: 1");
+      expect(urls.length).toBe(1);
+      expect(urls[0].endsWith("/fetch.data?_routes=routes%2Ffetch")).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/b");
+      await page.waitForSelector("#b");
+      expect(await app.getHtml("#fetch")).toContain("Fetch Count: 1");
+      expect(urls.length).toBe(1);
+      expect(urls[0].endsWith("/parent/b.data")).toBe(true);
+    });
+
+    test("Fetcher loads can opt into revalidation on GET navigations", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/parent.tsx": js`
+            import { Link, Outlet, useFetcher } from "react-router";
+            export default function Component() {
+              let fetcher = useFetcher();
+              return (
+                <>
+                  <Link to="/parent/a">Go to /parent/a</Link>
+                  <Link to="/parent/b">Go to /parent/b</Link>
+                  <button id="load" onClick={() => fetcher.load('/fetch')}>
+                    Load Fetcher
+                  </button>
+                  {fetcher.data ? <p id="fetch">Fetch Count: {fetcher.data.count}</p> : null}
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/parent.a.tsx": js`
+            export default function Component() {
+              return <p id="a">A</p>;
+            }
+          `,
+          "app/routes/parent.b.tsx": js`
+            export default function Component() {
+              return <p id="b">B</p>;
+            }
+          `,
+          "app/routes/fetch.tsx": js`
+            let count = 0;
+            export function loader({ request }) {
+              return { count: ++count };
+            }
+            export function shouldRevalidate() {
+              return true;
+            }
+            export default function Component() {
+              return <h1>Fetch</h1>;
+            }
+          `,
+        },
+      });
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+
+      let urls: string[] = [];
+      page.on("request", (req) => {
+        if (req.url().includes(".data")) {
+          urls.push(req.url());
+        }
+      });
+
+      await app.goto("/parent/a");
+      await app.clickElement("#load");
+      await page.waitForSelector("#fetch");
+      expect(await app.getHtml("#fetch")).toContain("Fetch Count: 1");
+      expect(urls.length).toBe(1);
+      expect(urls[0].endsWith("/fetch.data?_routes=routes%2Ffetch")).toBe(true);
+      urls = [];
+
+      await app.clickLink("/parent/b");
+      await page.waitForSelector("#b");
+      expect(await app.getHtml("#fetch")).toContain("Fetch Count: 2");
+      expect(urls.length).toBe(2);
+      expect(urls[0].endsWith("/fetch.data?_routes=routes%2Ffetch")).toBe(true);
+      expect(urls[1].endsWith("/parent/b.data")).toBe(true);
+    });
+
+    test("Aborted fetcher loads don't cause console errors", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import { Form, redirect, useFetcher } from "react-router";
+
+            export function action() {
+              return redirect("/other");
+            }
+
+            export default function Page() {
+              const fetcher = useFetcher();
+              const isPending = fetcher.state !== "idle";
+
+              return (
+                <>
+                  <button id="fetch" onClick={() => fetcher.load("/fetch")}>
+                    {isPending ? "Loading..." : "First load data"}
+                  </button>
+                  <Form method="POST">
+                    <button type="submit">Then submit before load ends</button>
+                  </Form>
+                </>
+              );
+            }
+          `,
+          "app/routes/other.tsx": js`
+            export default function Component() {
+              return <p id="other">Other</p>;
+            }
+          `,
+          "app/routes/fetch.tsx": js`
+            export async function loader() {
+              await new Promise((r) => setTimeout(r, 10000));
+              return 'nope';
+            }
+          `,
+        },
+      });
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+
+      // Capture console logs and uncaught errors
+      let msgs: string[] = [];
+      page.on("console", (msg) => msgs.push(msg.text()));
+      page.on("pageerror", (error) => msgs.push(error.message));
+
+      await app.goto("/", true);
+      app.clickElement("#fetch");
+      await app.clickSubmitButton("/?index");
+      await page.waitForSelector("#other");
+      expect(msgs).toEqual([]);
+    });
+  });
+
+  test.describe("prefetching", () => {
+    test("when no routes have client loaders", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import {  Link } from "react-router";
+
+            export default function Index() {
+              return (
+                <nav>
+                  <Link to="/a/b/c" prefetch="render">/a/b/c</Link>
+                </nav>
+              );
+            }
+          `,
+          "app/routes/a.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "A server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>A</h1>
+                  <p id="a-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "B server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>B</h1>
+                  <p id="b-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.c.tsx": js`
+            import { useLoaderData } from 'react-router';
+
+            export function  loader() {
+              return { message: "C server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>C</h1>
+                  <p id="c-data">{data.message}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+      // No clientLoaders so we can make a single parameter-less fetch
+      await page.waitForSelector(
+        "link[rel='prefetch'][as='fetch'][href='/a/b/c.data']",
+        { state: "attached" },
+      );
+      expect(await app.page.locator("link[as='fetch']").count()).toEqual(1);
+    });
+
+    test("when one route has a client loader", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import {  Link } from "react-router";
+
+            export default function Index() {
+              return (
+                <nav>
+                  <Link to="/a/b/c" prefetch="render">/a/b/c</Link>
+                </nav>
+              );
+            }
+          `,
+          "app/routes/a.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "A server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>A</h1>
+                  <p id="a-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "B server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>B</h1>
+                  <p id="b-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.c.tsx": js`
+            import { useLoaderData } from 'react-router';
+
+            export function  loader() {
+              return { message: "C server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (C client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>C</h1>
+                  <p id="c-data">{data.message}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+
+      // root/A/B can be prefetched, C doesn't get prefetched due to its `clientLoader`
+      await page.waitForSelector(
+        "link[rel='prefetch'][as='fetch'][href='/a/b/c.data?_routes=root%2Croutes%2Fa%2Croutes%2Fa.b']",
+        { state: "attached" },
+      );
+      expect(await app.page.locator("link[as='fetch']").count()).toEqual(1);
+    });
+
+    test("when multiple routes have client loaders", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import {  Link } from "react-router";
+
+            export default function Index() {
+              return (
+                <nav>
+                  <Link to="/a/b/c" prefetch="render">/a/b/c</Link>
+                </nav>
+              );
+            }
+          `,
+          "app/routes/a.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "A server loader" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>A</h1>
+                  <p id="a-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "B server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (B client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>B</h1>
+                  <p id="b-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.c.tsx": js`
+            import { useLoaderData } from 'react-router';
+
+            export function  loader() {
+              return { message: "C server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (C client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>C</h1>
+                  <p id="c-data">{data.message}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+
+      // root/A can get prefetched, B/C can't due to `clientLoader`
+      await page.waitForSelector(
+        "link[rel='prefetch'][as='fetch'][href='/a/b/c.data?_routes=root%2Croutes%2Fa']",
+        { state: "attached" },
+      );
+      expect(await app.page.locator("link[as='fetch']").count()).toEqual(1);
+    });
+
+    test("when all routes have client loaders", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/root.tsx": js`
+            import { Links, Meta, Outlet, Scripts } from "react-router";
+            export function loader() {
+              return {
+                message: "ROOT",
+              };
+            }
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (root client loader)" };
+            }
+            export default function Root() {
+              return (
+                <html lang="en">
+                  <head>
+                    <Meta />
+                    <Links />
+                  </head>
+                  <body>
+                    <Outlet />
+                    <Scripts />
+                  </body>
+                </html>
+              );
+            }
+          `,
+          "app/routes/_index.tsx": js`
+            import {  Link } from "react-router";
+
+            export default function Index() {
+              return (
+                <nav>
+                  <Link to="/a/b/c" prefetch="render">/a/b/c</Link>
+                </nav>
+              );
+            }
+          `,
+          "app/routes/a.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "A server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (A client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>A</h1>
+                  <p id="a-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+
+            export function loader() {
+              return { message: "B server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (B client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>B</h1>
+                  <p id="b-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.c.tsx": js`
+            import { useLoaderData } from 'react-router';
+
+            export function  loader() {
+              return { message: "C server loader" };
+            }
+
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (C client loader)" };
+            }
+
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>C</h1>
+                  <p id="c-data">{data.message}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/", true);
+
+      // No prefetching due to clientLoaders
+      expect(await app.page.locator("link[as='fetch']").count()).toEqual(0);
+    });
+
+    test("when a reused route opts out of revalidation", async ({ page }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/a.tsx": js`
+            import { Link, Outlet, useLoaderData } from 'react-router';
+            export function loader() {
+              return { message: "A server loader" };
+            }
+            export function shouldRevalidate() {
+              return false;
+            }
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>A</h1>
+                  <p id="a-data">{data.message}</p>
+                  <nav>
+                    <Link to="/a/b/c" prefetch="render">/a/b/c</Link>
+                  </nav>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+            export function loader() {
+              return { message: "B server loader" };
+            }
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>B</h1>
+                  <p id="b-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.c.tsx": js`
+            import { useLoaderData } from 'react-router';
+            export function  loader() {
+              return { message: "C server loader" };
+            }
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>C</h1>
+                  <p id="c-data">{data.message}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/a", true);
+
+      // A opted out of revalidation
+      await page.waitForSelector(
+        "link[rel='prefetch'][as='fetch'][href='/a/b/c.data?_routes=root%2Croutes%2Fa.b%2Croutes%2Fa.b.c']",
+        { state: "attached" },
+      );
+      expect(await app.page.locator("link[as='fetch']").count()).toEqual(1);
+    });
+
+    test("when a reused route opts out of revalidation and another route has a clientLoader", async ({
+      page,
+    }) => {
+      let fixture = await createFixture({
+        files: {
+          ...files,
+          "app/routes/a.tsx": js`
+            import { Link, Outlet, useLoaderData } from 'react-router';
+            export function loader() {
+              return { message: "A server loader" };
+            }
+            export function shouldRevalidate() {
+              return false;
+            }
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>A</h1>
+                  <p id="a-data">{data.message}</p>
+                  <nav>
+                    <Link to="/a/b/c" prefetch="render">/a/b/c</Link>
+                  </nav>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.tsx": js`
+            import { Outlet, useLoaderData } from 'react-router';
+            export function loader() {
+              return { message: "B server loader" };
+            }
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>B</h1>
+                  <p id="b-data">{data.message}</p>
+                  <Outlet/>
+                </>
+              );
+            }
+          `,
+          "app/routes/a.b.c.tsx": js`
+            import { useLoaderData } from 'react-router';
+            export function  loader() {
+              return { message: "C server loader" };
+            }
+            export async function clientLoader({ serverLoader }) {
+              let data = await serverLoader();
+              return { message: data.message + " (C client loader)" };
+            }
+            export default function Comp() {
+              let data = useLoaderData();
+              return (
+                <>
+                  <h1>C</h1>
+                  <p id="c-data">{data.message}</p>
+                </>
+              );
+            }
+          `,
+        },
+      });
+
+      let appFixture = await createAppFixture(fixture);
+      let app = new PlaywrightFixture(appFixture, page);
+      await app.goto("/a", true);
+
+      // A opted out of revalidation
+      await page.waitForSelector(
+        "link[rel='prefetch'][as='fetch'][href='/a/b/c.data?_routes=root%2Croutes%2Fa.b']",
+        { state: "attached" },
+      );
+      expect(await app.page.locator("link[as='fetch']").count()).toEqual(1);
+    });
+  });
+
+  test("supports nonce on streaming script tags", async ({ page }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts } from "react-router";
+
+          export function loader() {
+            return {
+              message: "ROOT",
+            };
+          }
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <Outlet />
+                  <Scripts nonce="the-nonce" />
+                </body>
+              </html>
+            );
+          }
+        `,
+        "app/entry.server.tsx": js`
+          import { PassThrough } from "node:stream";
+
+          import type { EntryContext } from "react-router";
+          import { createReadableStreamFromReadable } from "@react-router/node";
+          import { ServerRouter } from "react-router";
+          import { renderToPipeableStream } from "react-dom/server";
+
+          export default function handleRequest(
+            request: Request,
+            responseStatusCode: number,
+            responseHeaders: Headers,
+            remixContext: EntryContext
+          ) {
+            return new Promise((resolve, reject) => {
+              const { pipe } = renderToPipeableStream(
+                <ServerRouter context={remixContext} url={request.url} nonce="the-nonce" />,
+                {
+                  onShellReady() {
+                    const body = new PassThrough();
+                    const stream = createReadableStreamFromReadable(body);
+                    responseHeaders.set("Content-Type", "text/html");
+                    resolve(
+                      new Response(stream, {
+                        headers: responseHeaders,
+                        status: responseStatusCode,
+                      })
+                    );
+                    pipe(body);
+                  },
+                  onShellError(error: unknown) {
+                    reject(error);
+                  },
+                  onError(error: unknown) {
+                    responseStatusCode = 500;
+                  },
+                }
+              );
+            });
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/data", true);
+    let scripts = await page.$$("script");
+
+    // Scripts:
+    // RR:    window.__reactRouterContext
+    // RR:    window.__reactRouterManifest/window.__reactRouterRouteModules
+    // React: requestAnimationFrame(function(){$RT=performance.now()});
+    // RR:    window.__reactRouterContext.streamController.enqueue()
+    // React: $RC=function(b,c,e){...
+    // RR:    window.__reactRouterContext.streamController.close();
+    // React: $RC("B:1","S:1")
+    expect(scripts.length).toBe(7);
+
+    let remixScriptsCount = 0;
+    for (let script of scripts) {
+      let content = await script.innerHTML();
+      if (content.includes("window.__reactRouter")) {
+        remixScriptsCount++;
+        expect(await script.getAttribute("nonce")).toEqual("the-nonce");
+      }
+    }
+    expect(remixScriptsCount).toBe(4);
+  });
+
+  test("supports loaders that return undefined", async ({ page }) => {
+    let fixture = await createFixture(
+      {
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import { Link } from "react-router";
+
+            export default function () {
+              return <Link to="/loader">Go to /loader</Link>;
+            }
+          `,
+          "app/routes/loader.tsx": js`
+            import { useLoaderData } from "react-router";
+
+            export async function loader() {}
+
+            export default function () {
+              let data = useLoaderData();
+              return <h1>{data === undefined? 'It worked!' : 'Error'}</h1>;
+            }
+          `,
+        },
+      },
+      ServerMode.Development,
+    );
+
+    // Document requests
+    let res = await fixture.requestDocument("/loader");
+    expect(res.status).toBe(200);
+    expect(await res.text()).toMatch("It worked!");
+
+    // SPA navigations
+    let appFixture = await createAppFixture(fixture, ServerMode.Development);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickLink("/loader");
+    await page.waitForSelector("h1");
+    expect(await app.getHtml("h1")).toMatch("It worked!");
+  });
+
+  test("supports actions that return undefined", async ({ page }) => {
+    let fixture = await createFixture(
+      {
+        files: {
+          ...files,
+          "app/routes/_index.tsx": js`
+            import { Form } from "react-router";
+
+            export default function () {
+              return (
+                <Form method="post" action="/action">
+                  <input name="test" />
+                  <button type="submit">Submit</button>
+                </Form>
+              );
+            }
+          `,
+          "app/routes/action.tsx": js`
+            import { useActionData } from "react-router";
+
+            export async function action() {}
+
+            export default function () {
+              let data = useActionData();
+              return <h1>{data === undefined? 'It worked!' : 'Error'}</h1>;
+            }
+          `,
+        },
+      },
+      ServerMode.Development,
+    );
+
+    // Document requests
+    let res = await fixture.requestDocument("/action");
+    expect(res.status).toBe(200);
+    expect(await res.text()).toMatch("It worked!");
+
+    // SPA navigations
+    let appFixture = await createAppFixture(fixture, ServerMode.Development);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    await app.clickSubmitButton("/action");
+    await page.waitForSelector("h1");
+    expect(await app.getHtml("h1")).toMatch("It worked!");
+  });
+
+  test("uses {path}.data or {path}/_.data depending on trailing slash", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      files: {
+        ...files,
+        "app/routes/_index.tsx": js`
+          import { Link } from "react-router";
+
+          export default function Index() {
+            return (
+              <div>
+                <h1>Home</h1>
+                <Link to="/about/">Go to About (with trailing slash)</Link>
+                <Link to="/about">Go to About (without trailing slash)</Link>
+              </div>
+            );
+          }
+        `,
+        "app/routes/about.tsx": js`
+          import { Link, useLoaderData } from "react-router";
+
+          export function loader({ request }) {
+            let pathname = new URL(request.url).pathname
+              .replace(/_\.data$/, "")
+              .replace(/\.data$/, "");
+            return {
+              pathname,
+              hasTrailingSlash: pathname.endsWith("/"),
+            };
+          }
+
+          export default function About() {
+            let { pathname, hasTrailingSlash } = useLoaderData();
+            return (
+              <div>
+                <h1>About</h1>
+                <p id="pathname">{pathname}</p>
+                <p id="trailing-slash">{String(hasTrailingSlash)}</p>
+                <Link to="/">Go back home</Link>
+              </div>
+            );
+          }
+        `,
+      },
+    });
+    let appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+
+    let requests: string[] = [];
+    page.on("request", (req) => {
+      let url = new URL(req.url());
+      if (url.pathname.endsWith(".data")) {
+        requests.push(url.pathname + url.search);
+      }
+    });
+
+    // Document load without trailing slash
+    await app.goto("/about");
+    await page.waitForSelector("#pathname");
+    expect(await page.locator("#pathname").innerText()).toEqual("/about");
+    expect(await page.locator("#trailing-slash").innerText()).toEqual("false");
+
+    // Client-side navigation without trailing slash
+    await app.goto("/");
+    await app.clickLink("/about");
+    await page.waitForSelector("#pathname");
+    expect(await page.locator("#pathname").innerText()).toEqual("/about");
+    expect(await page.locator("#trailing-slash").innerText()).toEqual("false");
+    expect(requests).toEqual(["/about.data"]);
+    requests = [];
+
+    // Document load with trailing slash
+    await app.goto("/about/");
+    await page.waitForSelector("#pathname");
+    expect(await page.locator("#pathname").innerText()).toEqual("/about/");
+    expect(await page.locator("#trailing-slash").innerText()).toEqual("true");
+
+    // Client-side navigation with trailing slash
+    await app.goto("/");
+    await app.clickLink("/about/");
+    await page.waitForSelector("#pathname");
+    expect(await page.locator("#pathname").innerText()).toEqual("/about/");
+    expect(await page.locator("#trailing-slash").innerText()).toEqual("true");
+    expect(requests).toEqual(["/about/_.data"]);
+    requests = [];
+
+    // Client-side navigation back to /
+    await app.clickLink("/");
+    await page.waitForSelector("h1:has-text('Home')");
+    expect(requests).toEqual(["/_.data"]);
+    requests = [];
+  });
+});
diff --git a/tests/react-router-framework/integration/spa-mode-test.ts b/tests/react-router-framework/integration/spa-mode-test.ts
new file mode 100644
index 00000000..7fa1afdc
--- /dev/null
+++ b/tests/react-router-framework/integration/spa-mode-test.ts
@@ -0,0 +1,1294 @@
+import fs from "node:fs";
+import path from "node:path";
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  css,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import { createProject, build, reactRouterConfig } from "./helpers/rsbuild.js";
+
+test.describe("SPA Mode", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  [true, false].forEach((splitRouteModules) => {
+    test.describe(`splitRouteModules: ${splitRouteModules}`, () => {
+      test.describe("custom builds", () => {
+        test.describe("build errors", () => {
+          test("errors on server-only exports", async () => {
+            let cwd = await createProject({
+              "react-router.config.ts": reactRouterConfig({
+                ssr: false,
+                splitRouteModules,
+              }),
+              "app/routes/invalid-exports.tsx": String.raw`
+              // Invalid exports
+              export function headers() {}
+              export function loader() {}
+              export function action() {}
+
+              // Valid exports
+              export function clientLoader() {}
+              export function clientAction() {}
+              export default function Component() {}
+            `,
+            });
+            let result = build({ cwd });
+            let stderr = result.stderr.toString("utf8");
+            expect(stderr).toMatch(
+              // rsbuild reports project-relative route paths.
+              "SPA Mode: 3 invalid route export(s) in `app/routes/invalid-exports.tsx`: " +
+                "`headers`, `loader`, `action`. See https://reactrouter.com/how-to/spa " +
+                "for more information.",
+            );
+          });
+
+          test("allows loader in root route", async () => {
+            let cwd = await createProject({
+              "react-router.config.ts": reactRouterConfig({
+                ssr: false,
+                splitRouteModules,
+              }),
+              "app/root.tsx": String.raw`
+                // Invalid exports
+                export function headers() {}
+                export function action() {}
+
+                // Valid exports
+                export function loader() {}
+                export function clientLoader() {}
+                export function clientAction() {}
+                export default function Component() {}
+              `,
+              "app/routes/_index.tsx": String.raw`
+                // Valid exports
+                export function clientLoader() {}
+                export function clientAction() {}
+                export default function Component() {}
+              `,
+            });
+            let result = build({ cwd });
+            let stderr = result.stderr.toString("utf8");
+            expect(stderr).toMatch(
+              // rsbuild reports project-relative route paths.
+              "SPA Mode: 2 invalid route export(s) in `app/root.tsx`: `headers`, `action`. " +
+                "See https://reactrouter.com/how-to/spa for more information.",
+            );
+          });
+
+          test("errors on HydrateFallback export from non-root route", async () => {
+            let cwd = await createProject({
+              "react-router.config.ts": reactRouterConfig({
+                ssr: false,
+                splitRouteModules,
+              }),
+              "app/routes/invalid-exports.tsx": String.raw`
+              // Invalid exports
+              export function HydrateFallback() {}
+
+              // Valid exports
+              export function clientLoader() {}
+              export function clientAction() {}
+              export default function Component() {}
+            `,
+            });
+            let result = build({ cwd });
+            let stderr = result.stderr.toString("utf8");
+            expect(stderr).toMatch(
+              // rsbuild reports project-relative route paths.
+              "SPA Mode: Invalid `HydrateFallback` export found in `app/routes/invalid-exports.tsx`. " +
+                "`HydrateFallback` is only permitted on the root route in SPA Mode. " +
+                "See https://reactrouter.com/how-to/spa for more information.",
+            );
+          });
+
+          test("errors on a non-200 status from entry.server.tsx", async () => {
+            let cwd = await createProject({
+              "react-router.config.ts": reactRouterConfig({
+                ssr: false,
+                splitRouteModules,
+              }),
+              "app/entry.server.tsx": js`
+              import { ServerRouter } from "react-router";
+              import { renderToString } from "react-dom/server";
+
+              export default function handleRequest(
+                request,
+                responseStatusCode,
+                responseHeaders,
+                remixContext
+              ) {
+                const html = renderToString(
+                  <ServerRouter context={remixContext} url={request.url} />
+                );
+                return new Response(html, {
+                  headers: { "Content-Type": "text/html" },
+                  status: 500,
+                });
+              }
+            `,
+              "app/root.tsx": js`
+              import { Links, Meta, Outlet, Scripts } from "react-router";
+
+              export default function Root() {
+                return (
+                  <html lang="en">
+                    <head>
+                      <Meta />
+                      <Links />
+                    </head>
+                    <body>
+                      <Outlet />
+                      <Scripts />
+                    </body>
+                  </html>
+                );
+              }
+
+              export function HydrateFallback() {
+                return (
+                  <html lang="en">
+                    <head>
+                      <Meta />
+                      <Links />
+                    </head>
+                    <body>
+                      <h1>Loading...</h1>
+                      <Scripts />
+                    </body>
+                  </html>
+                );
+              }
+            `,
+            });
+            let result = build({ cwd });
+            let stderr = result.stderr.toString("utf8");
+            expect(stderr).toMatch(
+              "SPA Mode: Received a 500 status code from `entry.server.tsx` while " +
+                "prerendering your SPA Fallback HTML file.",
+            );
+            expect(stderr).toMatch("<h1>Loading...</h1>");
+          });
+
+          test("errors if you do not include <Scripts> in your root <HydrateFallback>", async () => {
+            let cwd = await createProject({
+              "react-router.config.ts": reactRouterConfig({
+                ssr: false,
+                splitRouteModules,
+              }),
+              "app/root.tsx": String.raw`
+              export function HydrateFallback() {
+                return <h1>Loading</h1>
+              }
+            `,
+            });
+            let result = build({ cwd });
+            let stderr = result.stderr.toString("utf8");
+            expect(stderr).toMatch(
+              "SPA Mode: Did you forget to include `<Scripts/>` in your root route? " +
+                "Your pre-rendered HTML cannot hydrate without `<Scripts />`.",
+            );
+          });
+        });
+
+        test("prepends DOCTYPE to HTML in the default entry.server.tsx", async () => {
+          let fixture = await createFixture({
+            spaMode: true,
+            files: {
+              "react-router.config.ts": reactRouterConfig({
+                ssr: false,
+                splitRouteModules,
+              }),
+              "app/root.tsx": js`
+                import { Outlet, Scripts } from "react-router";
+
+                export default function Root() {
+                  return (
+                    <html lang="en">
+                      <head></head>
+                      <body>
+                        <h1 data-root>Root</h1>
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+
+                export function HydrateFallback() {
+                  return (
+                    <html lang="en">
+                      <head></head>
+                      <body>
+                        <h1 data-loading>Loading SPA...</h1>
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+              `,
+            },
+          });
+          let res = await fixture.requestDocument("/");
+          expect(await res.text()).toMatch(/^<!DOCTYPE html><html lang="en">/);
+        });
+
+        test("Ignores build-time headers at runtime", async () => {
+          let fixture = await createFixture({
+            files: {
+              "react-router.config.ts": reactRouterConfig({
+                splitRouteModules,
+              }),
+              "app/root.tsx": js`
+                import { Outlet, Scripts } from "react-router";
+
+                export default function Root() {
+                  return (
+                    <html lang="en">
+                      <head></head>
+                      <body>
+                        <h1 data-root>Root</h1>
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+              `,
+            },
+          });
+          let res = await fixture.requestDocument("/", {
+            headers: { "X-React-Router-SPA-Mode": "yes" },
+          });
+          let html = await res.text();
+          expect(html).toMatch('"isSpaMode":false');
+          expect(html).toMatch('<h1 data-root="true">Root</h1>');
+        });
+
+        test("works when combined with a basename", async ({ page }) => {
+          fixture = await createFixture({
+            spaMode: true,
+            files: {
+              "react-router.config.ts": reactRouterConfig({
+                basename: "/base/",
+                ssr: false,
+                splitRouteModules,
+              }),
+              "app/root.tsx": js`
+                import { Outlet, Scripts } from "react-router";
+
+                export default function Root() {
+                  return (
+                    <html lang="en">
+                      <head></head>
+                      <body>
+                        <h1 data-root>Root</h1>
+                        <Outlet />
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+
+                export function HydrateFallback() {
+                  return (
+                    <html lang="en">
+                      <head></head>
+                      <body>
+                        <h1 data-loading>Loading SPA...</h1>
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+              `,
+              "app/routes/_index.tsx": js`
+                import * as React  from "react";
+                import { useLoaderData } from "react-router";
+
+                export async function clientLoader({ request }) {
+                  return "Index Loader Data";
+                }
+
+                export default function Component() {
+                  let data = useLoaderData();
+                  const [mounted, setMounted] = React.useState(false);
+                  React.useEffect(() => setMounted(true), []);
+
+                  return (
+                    <>
+                      <h2 data-route>Index</h2>
+                      <p data-loader-data>{data}</p>
+                      {!mounted ? <h3>Unmounted</h3> : <h3 data-mounted>Mounted</h3>}
+                    </>
+                  );
+                }
+              `,
+            },
+          });
+          appFixture = await createAppFixture(fixture);
+
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/base/");
+          await page.waitForSelector("[data-mounted]");
+          expect(await page.locator("[data-route]").textContent()).toBe(
+            "Index",
+          );
+          expect(await page.locator("[data-loader-data]").textContent()).toBe(
+            "Index Loader Data",
+          );
+        });
+
+        test("can be used to hydrate only a div", async ({ page }) => {
+          fixture = await createFixture({
+            spaMode: true,
+            files: {
+              "react-router.config.ts": reactRouterConfig({
+                ssr: false,
+                splitRouteModules,
+              }),
+              "app/index.html": String.raw`
+                <!DOCTYPE html>
+                <html lang="en">
+                  <head>
+                    <title>Not from Remix!</title>
+                  </head>
+                  <body>
+                    <div id="app"><!-- Remix SPA --></div>
+                  </body>
+                </html>
+              `,
+              "app/entry.client.tsx": js`
+                import { HydratedRouter } from "react-router/dom";
+                import { startTransition, StrictMode } from "react";
+                import { hydrateRoot } from "react-dom/client";
+
+                startTransition(() => {
+                  hydrateRoot(
+                    document.querySelector("#app"),
+                    <StrictMode>
+                      <HydratedRouter />
+                    </StrictMode>
+                  );
+                });
+              `,
+              "app/entry.server.tsx": js`
+                import * as fs from "node:fs";
+                import * as path from "node:path";
+                import { PassThrough } from "node:stream";
+
+                import type { EntryContext, RouterContextProvider } from "react-router";
+                import { createReadableStreamFromReadable } from "@react-router/node";
+                import { ServerRouter } from "react-router";
+                import { renderToPipeableStream } from "react-dom/server";
+
+                export default function handleRequest(
+                  request: Request,
+                  responseStatusCode: number,
+                  responseHeaders: Headers,
+                  remixContext: EntryContext,
+                  loadContext: RouterContextProvider
+                ) {
+                  return handleBotRequest(
+                    request,
+                    responseStatusCode,
+                    responseHeaders,
+                    remixContext
+                  );
+                }
+
+                async function handleBotRequest(
+                  request: Request,
+                  responseStatusCode: number,
+                  responseHeaders: Headers,
+                  remixContext: EntryContext
+                ) {
+                  const html = await new Promise((resolve, reject) => {
+                    let shellRendered = false;
+                    const { pipe, abort } = renderToPipeableStream(
+                      <ServerRouter context={remixContext} url={request.url} />,
+                      {
+                        onAllReady() {
+                          shellRendered = true;
+                          const body = new PassThrough();
+                          const stream = createReadableStreamFromReadable(body);
+
+                          responseHeaders.set("Content-Type", "text/html");
+
+                          resolve(
+                            new Response(stream, {
+                              headers: responseHeaders,
+                              status: responseStatusCode,
+                            }).text()
+                          );
+
+                          pipe(body);
+                        },
+                        onShellError(error: unknown) {
+                          reject(error);
+                        },
+                        onError(error: unknown) {
+                          responseStatusCode = 500;
+                          // Log streaming rendering errors from inside the shell.  Don't log
+                          // errors encountered during initial shell rendering since they'll
+                          // reject and get logged in handleDocumentRequest.
+                          if (shellRendered) {
+                            console.error(error);
+                          }
+                        },
+                      }
+                    );
+
+                    setTimeout(abort, 5000);
+                  });
+
+                  const shellHtml = fs
+                    .readFileSync(
+                      path.join(process.cwd(), "app/index.html")
+                    )
+                    .toString();
+
+                  const finalHTML = shellHtml.replace("<!-- Remix SPA -->", html);
+                  return new Response(finalHTML, {
+                    headers: responseHeaders,
+                    status: responseStatusCode,
+                  });
+                }
+              `,
+              "app/root.tsx": js`
+                import { Outlet, Scripts } from "react-router";
+
+                export default function Root() {
+                  return (
+                    <>
+                      <h1 data-root>Root</h1>
+                      <Outlet />
+                      <Scripts />
+                    </>
+                  );
+                }
+
+                export function HydrateFallback() {
+                  return (
+                    <>
+                      <h1 data-loading>Loading SPA...</h1>
+                      <Scripts />
+                    </>
+                  );
+                }
+              `,
+              "app/routes/_index.tsx": js`
+                import * as React  from "react";
+                import { useLoaderData } from "react-router";
+
+                export async function clientLoader({ request }) {
+                  return "Index Loader Data";
+                }
+
+                export default function Component() {
+                  let data = useLoaderData();
+                  const [mounted, setMounted] = React.useState(false);
+                  React.useEffect(() => setMounted(true), []);
+
+                  return (
+                    <>
+                      <h2 data-route>Index</h2>
+                      <p data-loader-data>{data}</p>
+                      {!mounted ? <h3>Unmounted</h3> : <h3 data-mounted>Mounted</h3>}
+                    </>
+                  );
+                }
+              `,
+            },
+          });
+          appFixture = await createAppFixture(fixture);
+
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          expect(await page.locator("title").textContent()).toBe(
+            "Not from Remix!",
+          );
+          await page.waitForSelector("[data-mounted]");
+          expect(await page.locator("[data-route]").textContent()).toBe(
+            "Index",
+          );
+          expect(await page.locator("[data-loader-data]").textContent()).toBe(
+            "Index Loader Data",
+          );
+        });
+
+        test("works for migration apps with only a root route and no loader", async ({
+          page,
+        }) => {
+          fixture = await createFixture({
+            spaMode: true,
+            files: {
+              "react-router.config.ts": reactRouterConfig({
+                // We don't want to pick up the app/routes/_index.tsx file from
+                // the template and instead want to use only the src/root.tsx
+                // file below
+                appDirectory: "src",
+                ssr: false,
+                splitRouteModules,
+              }),
+              "src/routes.ts": js`
+                import { type RouteConfig } from "@react-router/dev/routes";
+                import { flatRoutes } from "@react-router/fs-routes";
+
+                export default flatRoutes() satisfies RouteConfig;
+              `,
+              "src/root.tsx": js`
+                import {
+                  Meta,
+                  Links,
+                  Outlet,
+                  Routes,
+                  Route,
+                  Scripts,
+                  ScrollRestoration,
+                } from "react-router";
+
+                export function Layout({ children }: { children: React.ReactNode }) {
+                  return (
+                    <html>
+                      <head>
+                        <Meta />
+                        <Links />
+                      </head>
+                      <body>
+                        {children}
+                        <ScrollRestoration />
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+
+                export default function Root() {
+                  return (
+                    <>
+                      <h1 data-root>Root</h1>
+                      <Routes>
+                        <Route path="/" element={<h2 data-index>Index</h2>} />
+                      </Routes>
+                    </>
+                  );
+                }
+
+                export function HydrateFallback() {
+                  return <h1 data-loading>Loading SPA...</h1>;
+                }
+              `,
+            },
+          });
+          appFixture = await createAppFixture(fixture);
+
+          let res = await fixture.requestDocument("/");
+          let html = await res.text();
+          expect(html).toMatch('<h1 data-loading="true">Loading SPA...</h1>');
+
+          let logs: string[] = [];
+          page.on("console", (msg) => logs.push(msg.text()));
+
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          await page.waitForSelector("[data-root]");
+          expect(await page.locator("[data-root]").textContent()).toBe("Root");
+          expect(await page.locator("[data-index]").textContent()).toBe(
+            "Index",
+          );
+        });
+
+        test("wraps default root HydrateFallback in user-provided Layout", async ({
+          page,
+        }) => {
+          fixture = await createFixture({
+            spaMode: true,
+            files: {
+              "react-router.config.ts": reactRouterConfig({
+                // We don't want to pick up the app/routes/_index.tsx file from
+                // the template and instead want to use only the src/root.tsx
+                // file below
+                appDirectory: "src",
+                ssr: false,
+                splitRouteModules,
+              }),
+              "src/routes.ts": js`
+                import { type RouteConfig } from "@react-router/dev/routes";
+                import { flatRoutes } from "@react-router/fs-routes";
+
+                export default flatRoutes() satisfies RouteConfig;
+              `,
+              "src/root.tsx": js`
+                import {
+                  Meta,
+                  Links,
+                  Outlet,
+                  Routes,
+                  Route,
+                  Scripts,
+                  ScrollRestoration,
+                } from "react-router";
+
+                export function Layout({ children }: { children: React.ReactNode }) {
+                  return (
+                    <html>
+                      <head>
+                        <Meta />
+                        <Links />
+                      </head>
+                      <body>
+                        <div data-layout>
+                          {children}
+                        </div>
+                        <ScrollRestoration />
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+
+                export default function Root() {
+                  return (
+                    <>
+                      <h1 data-root>Root</h1>
+                      <Routes>
+                        <Route path="/" element={<h2 data-index>Index</h2>} />
+                      </Routes>
+                    </>
+                  );
+                }
+              `,
+            },
+          });
+          appFixture = await createAppFixture(fixture);
+
+          let res = await fixture.requestDocument("/");
+          let html = await res.text();
+          expect(html.match(/<html/g)?.length).toBe(1);
+          expect(html.match(/<\/html/g)?.length).toBe(1);
+          expect(html.match(/window.__reactRouterContext =/g)?.length).toBe(1);
+          expect(html).toMatch('<div data-layout="true">');
+        });
+
+        test("does not inherit single fetch revalidation behavior", async ({
+          page,
+        }) => {
+          fixture = await createFixture({
+            spaMode: true,
+            files: {
+              "react-router.config.ts": reactRouterConfig({
+                ssr: false,
+                splitRouteModules,
+              }),
+              "app/routes/_index.tsx": js`
+                import { Link } from 'react-router';
+                export default function Component() {
+                  return <Link to="/parent">Go to parent</Link>;
+                }
+              `,
+              "app/routes/parent.tsx": js`
+                import { Link, Outlet } from 'react-router';
+                let count = 0;
+                export function clientLoader() {
+                  return ++count;
+                }
+                export default function Component({ loaderData }) {
+                  return (
+                    <>
+                      <h1>Parent: {loaderData}</h1>
+                      <Link to="./child">Go to child</Link>
+                      <Outlet />
+                    </>
+                  )
+                }
+              `,
+              "app/routes/parent.child.tsx": js`
+                import { Link } from 'react-router';
+                export default function Component({ loaderData }) {
+                  return <h2>Child</h2>;
+                }
+              `,
+            },
+          });
+          appFixture = await createAppFixture(fixture);
+
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/", true);
+          await page.waitForSelector('a[href="/parent"]');
+          await app.clickLink("/parent");
+          await page.waitForSelector("h1");
+          expect(await page.locator("h1").textContent()).toBe("Parent: 1");
+
+          await app.clickLink("/parent/child");
+          await page.waitForSelector("h2");
+          expect(await page.locator("h1").textContent()).toBe("Parent: 1");
+          expect(await page.locator("h2").textContent()).toBe("Child");
+        });
+
+        test("does not hydrate root loaderData if there's no root loader", async ({
+          page,
+        }) => {
+          fixture = await createFixture({
+            spaMode: true,
+            files: {
+              "react-router.config.ts": reactRouterConfig({
+                ssr: false,
+                splitRouteModules,
+              }),
+              "app/root.tsx": js`
+                import {
+                  Meta,
+                  Links,
+                  Outlet,
+                  Routes,
+                  Route,
+                  Scripts,
+                  ScrollRestoration,
+                } from "react-router";
+
+                export function Layout({ children }: { children: React.ReactNode }) {
+                  return (
+                    <html>
+                      <head>
+                        <Meta />
+                        <Links />
+                      </head>
+                      <body>
+                        {children}
+                        <ScrollRestoration />
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+
+                let count = 0;
+                export function clientLoader() {
+                  return ++count;
+                }
+
+                export default function Root({ loaderData }) {
+                  return (
+                    <>
+                      <h1>{loaderData}</h1>
+                      <Outlet />
+                    </>
+                  );
+                }
+              `,
+              "app/routes/_index.tsx": js`
+                import { redirect } from 'react-router';
+                export const clientLoader = () => redirect('/target');
+                export default function() { return null; }
+              `,
+              "app/routes/target.tsx": js`
+                import { useRouteLoaderData } from 'react-router';
+                export default function Comp() {
+                  return <h2>{useRouteLoaderData('root')}</h2>;
+                }
+              `,
+            },
+          });
+          appFixture = await createAppFixture(fixture);
+
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          await page.waitForSelector("h2");
+          expect(await page.locator("h1").textContent()).toBe("2");
+          expect(await page.locator("h2").textContent()).toBe("2");
+        });
+      });
+
+      test.describe("normal apps", () => {
+        test.beforeAll(async () => {
+          fixture = await createFixture({
+            spaMode: true,
+            files: {
+              "react-router.config.ts": reactRouterConfig({
+                ssr: false,
+                splitRouteModules,
+              }),
+              "rsbuild.config.ts": js`
+                import { defineConfig } from "@rsbuild/core";
+                import { pluginReact } from "@rsbuild/plugin-react";
+                import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+                export default defineConfig({
+                  output: { manifest: true }, // Rsbuild: output.manifest
+                  plugins: [pluginReact(), pluginReactRouter()],
+                });
+              `,
+              "public/styles-root.css": css`
+                body {
+                  background-color: rgba(255, 0, 0, 0.25);
+                }
+              `,
+              "public/styles-index.css": css`
+                body {
+                  background-color: rgba(0, 255, 0, 0.25);
+                }
+              `,
+              "app/root.tsx": js`
+                import * as React from "react";
+                import { Form, Link, Links, Meta, Outlet, Scripts, useLoaderData } from "react-router";
+
+                export function meta() {
+                  return [{
+                    title: "Root Title"
+                  }];
+                }
+
+                export function links() {
+                  return [{
+                    rel: "stylesheet",
+                    href: "styles-root.css"
+                  }];
+                }
+
+                export function loader() {
+                  return { message: "Root Loader Data" };
+                }
+
+                export default function Root() {
+                  let id = React.useId();
+                  return (
+                    <html lang="en">
+                      <head>
+                        <Meta />
+                        <Links />
+                      </head>
+                      <body>
+                          <h1 data-root>Root</h1>
+                          <pre data-use-id>{id}</pre>
+                          <nav>
+                            <Link to="/about">/about</Link>
+                            <br/>
+
+                            <Form method="post" action="/about">
+                              <button type="submit">
+                                Submit /about
+                              </button>
+                            </Form>
+                            <br/>
+
+                            <Link to="/error">/error</Link>
+                            <br/>
+
+                            <Form method="post" action="/error">
+                              <button type="submit">
+                                Submit /error
+                              </button>
+                            </Form>
+                            <br/>
+                          </nav>
+                          <Outlet />
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+
+                export function HydrateFallback() {
+                  const id = React.useId();
+                  const loaderData = useLoaderData();
+                  const [hydrated, setHydrated] = React.useState(false);
+                  React.useEffect(() => setHydrated(true), []);
+
+                  return (
+                    <html lang="en">
+                      <head>
+                        <Meta />
+                        <Links />
+                      </head>
+                      <body>
+                        <h1 data-loading>Loading SPA...</h1>
+                        <p data-loader-data>{loaderData?.message}</p>
+                        <pre data-use-id>{id}</pre>
+                        {hydrated ? <h3 data-hydrated>Hydrated</h3> : null}
+                        <Scripts />
+                      </body>
+                    </html>
+                  );
+                }
+              `,
+              "app/routes/_index.tsx": js`
+                import * as React  from "react";
+                import { useLoaderData } from "react-router";
+
+                export function meta({ loaderData }) {
+                  return [{
+                    title: "Index Title: " + loaderData
+                  }];
+                }
+
+                export function links() {
+                  return [{
+                    rel: "stylesheet",
+                    href: "styles-index.css"
+                  }];
+                }
+
+                export async function clientLoader({ request }) {
+                  if (new URL(request.url).searchParams.has('slow')) {
+                    await new Promise(r => setTimeout(r, 1000));
+                  }
+                  return "Index Loader Data";
+                }
+
+                export default function Component() {
+                  let data = useLoaderData();
+                  const [mounted, setMounted] = React.useState(false);
+                  React.useEffect(() => setMounted(true), []);
+
+                  return (
+                    <>
+                      <h2 data-route>Index</h2>
+                      <p data-loader-data>{data}</p>
+                      {!mounted ? <h3>Unmounted</h3> : <h3 data-mounted>Mounted</h3>}
+                    </>
+                  );
+                }
+              `,
+              "app/routes/about.tsx": js`
+                import { useActionData, useLoaderData } from "react-router";
+
+                export function meta({ loaderData }) {
+                  return [{
+                    title: "About Title: " + loaderData
+                  }];
+                }
+
+                export function clientLoader() {
+                  return "About Loader Data";
+                }
+
+                export function clientAction() {
+                  return "About Action Data";
+                }
+
+                export default function Component() {
+                  let data = useLoaderData();
+                  let actionData = useActionData();
+
+                  return (
+                    <>
+                      <h2 data-route>About</h2>
+                      <p data-loader-data>{data}</p>
+                      <p data-action-data>{actionData}</p>
+                    </>
+                  );
+                }
+              `,
+              "app/routes/error.tsx": js`
+                import { useRouteError } from "react-router";
+
+                export async function clientLoader({ serverLoader }) {
+                  await serverLoader();
+                  return null;
+                }
+
+                export async function clientAction({ serverAction }) {
+                  await serverAction();
+                  return null;
+                }
+
+                export default function Component() {
+                  return <h2>Error</h2>;
+                }
+
+                export function ErrorBoundary() {
+                  let error = useRouteError();
+                  return <pre data-error>{error.data}</pre>
+                }
+              `,
+            },
+          });
+
+          appFixture = await createAppFixture(fixture);
+        });
+
+        test.afterAll(() => {
+          appFixture.close();
+        });
+
+        test("renders the root HydrateFallback initially with access to the root loader data", async () => {
+          let res = await fixture.requestDocument("/");
+          let html = await res.text();
+          expect(html).toMatch('<h1 data-loading="true">Loading SPA...</h1>');
+          expect(html).toMatch(
+            '<p data-loader-data="true">Root Loader Data</p>',
+          );
+        });
+
+        test("does not include Meta/Links from routes below the root", async ({
+          page,
+        }) => {
+          let res = await fixture.requestDocument("/");
+          let html = await res.text();
+          expect(html).toMatch("<title>Root Title</title>");
+          expect(html).toMatch(
+            '<link rel="stylesheet" href="styles-root.css"/>',
+          );
+          expect(html).not.toMatch("Index Title");
+          expect(html).not.toMatch("styles-index.css");
+
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          await page.waitForSelector("[data-mounted]");
+          expect(
+            await page.locator('link[href="styles-index.css"]'),
+          ).toBeDefined();
+          expect(await page.locator("[data-route]").textContent()).toBe(
+            "Index",
+          );
+          expect(await page.locator("title").textContent()).toBe(
+            "Index Title: Index Loader Data",
+          );
+        });
+
+        test("hydrates", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          expect(await page.locator("[data-route]").textContent()).toBe(
+            "Index",
+          );
+          expect(await page.locator("[data-loader-data]").textContent()).toBe(
+            "Index Loader Data",
+          );
+          expect(await page.locator("[data-mounted]").textContent()).toBe(
+            "Mounted",
+          );
+          expect(await page.locator("title").textContent()).toBe(
+            "Index Title: Index Loader Data",
+          );
+        });
+
+        test("hydrates a proper useId value", async ({ page }) => {
+          // Ensure we SSR a proper useId value
+          let res = await fixture.requestDocument("/");
+          let html = await res.text();
+          expect(html).toMatch(/<pre data-use-id="true">([^<>]+)<\/pre>/);
+          let matches = /<pre data-use-id="true">([^<>]+)<\/pre>/.exec(html);
+          expect(matches?.length).toBe(2);
+          let useIdValue = matches?.[1];
+
+          // We should hydrate the same useId value in HydrateFallback
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/?slow");
+          await page.waitForSelector("[data-hydrated]");
+          expect(await page.locator("[data-use-id]").textContent()).toBe(
+            useIdValue,
+          );
+
+          // Once hydrated, we should get a different useId value from the root Component
+          await page.waitForSelector("[data-route]");
+          expect(await page.locator("[data-route]").textContent()).toBe(
+            "Index",
+          );
+          expect(await page.locator("[data-use-id]").textContent()).not.toBe(
+            useIdValue,
+          );
+        });
+
+        test("navigates and calls loaders", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          expect(await page.locator("[data-route]").textContent()).toBe(
+            "Index",
+          );
+
+          await app.clickLink("/about");
+          await page.waitForSelector('[data-route]:has-text("About")');
+          expect(await page.locator("[data-route]").textContent()).toBe(
+            "About",
+          );
+          expect(await page.locator("[data-loader-data]").textContent()).toBe(
+            "About Loader Data",
+          );
+          expect(await page.locator("title").textContent()).toBe(
+            "About Title: About Loader Data",
+          );
+        });
+
+        test("navigates and calls actions/loaders", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          expect(await page.locator("[data-route]").textContent()).toBe(
+            "Index",
+          );
+
+          await app.clickSubmitButton("/about");
+          await page.waitForSelector('[data-route]:has-text("About")');
+          expect(await page.locator("[data-route]").textContent()).toBe(
+            "About",
+          );
+          expect(await page.locator("[data-action-data]").textContent()).toBe(
+            "About Action Data",
+          );
+          expect(await page.locator("[data-loader-data]").textContent()).toBe(
+            "About Loader Data",
+          );
+          expect(await page.locator("title").textContent()).toBe(
+            "About Title: About Loader Data",
+          );
+        });
+
+        test("errors if you call serverLoader", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          expect(await page.locator("[data-route]").textContent()).toBe(
+            "Index",
+          );
+
+          await app.clickLink("/error");
+          await page.waitForSelector("[data-error]");
+          expect(await page.locator("[data-error]").textContent()).toBe(
+            'Error: You are trying to call serverLoader() on a route that does not have a server loader (routeId: "routes/error")',
+          );
+        });
+
+        test("errors if you call serverAction", async ({ page }) => {
+          let app = new PlaywrightFixture(appFixture, page);
+          await app.goto("/");
+          expect(await page.locator("[data-route]").textContent()).toBe(
+            "Index",
+          );
+
+          await app.clickSubmitButton("/error");
+          await page.waitForSelector("[data-error]");
+          expect(await page.locator("[data-error]").textContent()).toBe(
+            'Error: You are trying to call serverAction() on a route that does not have a server action (routeId: "routes/error")',
+          );
+        });
+
+        test("only generates client build manifest", () => {
+          // rsbuild emits manifest.json at the environment's dist root
+          expect(
+            fs.existsSync(
+              path.join(fixture.projectDir, "build", "client", "manifest.json"),
+            ),
+          ).toBe(true);
+          expect(
+            fs.existsSync(
+              path.join(fixture.projectDir, "build", "server", "manifest.json"),
+            ),
+          ).toBe(false);
+        });
+      });
+    });
+  });
+
+  test("only imports the root route in the server build when SSRing index.html", async ({
+    page,
+  }) => {
+    let fixture = await createFixture({
+      spaMode: true,
+      files: {
+        "react-router.config.ts": reactRouterConfig({
+          ssr: false,
+        }),
+        "rsbuild.config.ts": js`
+          import { defineConfig } from "@rsbuild/core";
+          import { pluginReact } from "@rsbuild/plugin-react";
+          import { pluginReactRouter } from "rsbuild-plugin-react-router";
+
+          export default defineConfig({
+            plugins: [pluginReact(), pluginReactRouter()],
+          });
+        `,
+        "app/routeImportTracker.ts": js`
+          // Track route module evaluation separately during SSR and CSR.
+          export async function logImport(url: string) {
+            if (import.meta.env.SSR) {
+              const fs = await import("node:fs");
+              const path = await import("node:path");
+              fs.appendFileSync(path.join(process.cwd(), "ssr-route-imports.txt"), url + "\n");
+            }
+            else {
+              (window.csrRouteImports ??= []).push(url);
+            }
+          }
+        `,
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts } from "react-router";
+          import { logImport } from "./routeImportTracker";
+          logImport("app/root.tsx");
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  hello world
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+        "app/routes/_index.tsx": js`
+          import { logImport } from "../routeImportTracker";
+          logImport("app/routes/_index.tsx");
+
+          // This should not cause an error on SSR because the module is not loaded
+          console.log(window);
+
+          export default function Component() {
+            return "index";
+          }
+        `,
+        "app/routes/about.tsx": js`
+          import * as React  from "react";
+          import { logImport } from "../routeImportTracker";
+          logImport("app/routes/about.tsx");
+
+          // This should not cause an error on SSR because the module is not loaded
+          console.log(window);
+
+          export default function Component() {
+            const [mounted, setMounted] = React.useState(false);
+            React.useEffect(() => setMounted(true), []);
+
+            return (
+              <>
+                {!mounted ? <span>Unmounted</span> : <span data-mounted>Mounted</span>}
+              </>
+            );
+          }
+        `,
+      },
+    });
+
+    let importedRoutes = (
+      await fs.promises.readFile(
+        path.join(fixture.projectDir, "ssr-route-imports.txt"),
+        "utf-8",
+      )
+    )
+      .trim()
+      .split("\n");
+    expect(importedRoutes).toStrictEqual([
+      "app/root.tsx",
+      // we should not have imported app/routes/_index.tsx
+      // we should not have imported app/routes/about.tsx
+    ]);
+
+    appFixture = await createAppFixture(fixture);
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/about");
+    await page.waitForSelector("[data-mounted]");
+    // @ts-expect-error
+    expect(await page.evaluate(() => window.csrRouteImports)).toStrictEqual([
+      "app/root.tsx",
+      "app/routes/about.tsx",
+    ]);
+  });
+});
diff --git a/tests/react-router-framework/integration/splat-routes-test.ts b/tests/react-router-framework/integration/splat-routes-test.ts
new file mode 100644
index 00000000..d41be124
--- /dev/null
+++ b/tests/react-router-framework/integration/splat-routes-test.ts
@@ -0,0 +1,129 @@
+import { test, expect } from "@playwright/test";
+
+import { createFixture, js } from "./helpers/create-fixture.js";
+import type { Fixture } from "./helpers/create-fixture.js";
+
+test.describe("rendering", () => {
+  let fixture: Fixture;
+
+  let ROOT_$ = "FLAT";
+  let ROOT_INDEX = "ROOT_INDEX";
+  let FLAT_$ = "FLAT";
+  let PARENT = "PARENT";
+  let NESTED_$ = "NESTED_$";
+  let NESTED_INDEX = "NESTED_INDEX";
+  let PARENTLESS_$ = "PARENTLESS_$";
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts } from "react-router";
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <Outlet />
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          export default function() {
+            return <h2>${ROOT_INDEX}</h2>;
+          }
+        `,
+
+        "app/routes/$.tsx": js`
+          export default function() {
+            return <h2>${ROOT_$}</h2>;
+          }
+        `,
+
+        "app/routes/flat.$.tsx": js`
+          export default function() {
+            return <h2>${FLAT_$}</h2>
+          }
+        `,
+
+        "app/routes/nested.tsx": js`
+          import { Outlet } from "react-router";
+          export default function() {
+            return (
+              <div>
+                <h2>${PARENT}</h2>
+                <Outlet/>
+              </div>
+            )
+          }
+        `,
+
+        "app/routes/nested.$.tsx": js`
+          export default function() {
+            return <h2>${NESTED_$}</h2>
+          }
+        `,
+
+        "app/routes/nested._index.tsx": js`
+          export default function() {
+            return <h2>${NESTED_INDEX}</h2>
+          }
+        `,
+
+        "app/routes/parentless.$.tsx": js`
+          export default function() {
+            return <h2>${PARENTLESS_$}</h2>
+          }
+        `,
+      },
+    });
+  });
+
+  test("flat exact match", async () => {
+    let res = await fixture.requestDocument("/flat");
+    expect(await res.text()).toMatch(FLAT_$);
+  });
+
+  test("flat deep match", async () => {
+    let res = await fixture.requestDocument("/flat/swig");
+    expect(await res.text()).toMatch(FLAT_$);
+  });
+
+  test("prioritizes index over root splat", async () => {
+    let res = await fixture.requestDocument("/");
+    expect(await res.text()).toMatch(ROOT_INDEX);
+  });
+
+  test("matches root splat", async () => {
+    let res = await fixture.requestDocument("/twisted/sugar");
+    expect(await res.text()).toMatch(ROOT_$);
+  });
+
+  test("prioritizes index over splat for parent route match", async () => {
+    let res = await fixture.requestDocument("/nested");
+    expect(await res.text()).toMatch(NESTED_INDEX);
+  });
+
+  test("nested child", async () => {
+    let res = await fixture.requestDocument("/nested/sodalicious");
+    expect(await res.text()).toMatch(NESTED_$);
+  });
+
+  test("parentless exact match", async () => {
+    let res = await fixture.requestDocument("/parentless");
+    expect(await res.text()).toMatch(PARENTLESS_$);
+  });
+
+  test("parentless deep match", async () => {
+    let res = await fixture.requestDocument("/parentless/chip");
+    expect(await res.text()).toMatch(PARENTLESS_$);
+  });
+});
diff --git a/tests/react-router-framework/integration/split-route-modules-test.ts b/tests/react-router-framework/integration/split-route-modules-test.ts
new file mode 100644
index 00000000..3385a993
--- /dev/null
+++ b/tests/react-router-framework/integration/split-route-modules-test.ts
@@ -0,0 +1,557 @@
+import { test, expect, type Page } from "@playwright/test";
+import getPort from "get-port";
+
+import {
+  createProject,
+  build,
+  reactRouterServe,
+  rsbuildConfig,
+  reactRouterConfig,
+} from "./helpers/rsbuild.js";
+
+const js = String.raw;
+
+const files = {
+  "app/routes/_index.tsx": js`
+    import { useState, useEffect } from "react";
+    import { Link } from "react-router";
+
+    export default function IndexRoute() {
+      return (
+        <ul>
+          <li>
+            <Link to="/splittable">/splittable</Link>
+          </li>
+          <li>
+            <Link to="/unsplittable">/unsplittable</Link>
+          </li>
+          <li>
+            <Link to="/mixed">/mixed</Link>
+          </li>
+        </ul>
+      );
+    }
+  `,
+  "app/routes/splittable/route.tsx": js`
+    import type { Route } from "./+types/splittable/route";
+    import { Form } from "react-router";
+
+    // Ensure these style imports are still included in the page even though
+    // they're not used in the main chunk
+    import clientLoaderStyles from "./clientLoader.module.css";
+    import clientActionStyles from "./clientAction.module.css";
+    import hydrateFallbackStyles from "./hydrateFallback.module.css";
+
+    // Usage of this exported function forces any consuming code into the main
+    // chunk. The variable name is globally unique to prevent name mangling,
+    // e.g. inSplittableMainChunk$1. The use of console.log prevents dead code
+    // elimination in the build by introducing a side effect
+    export const inSplittableMainChunk = () => console.log() || true;
+
+    export const clientLoader = async () => {
+      const pollingPromise = (async () => {
+        while (globalThis.blockClientLoader !== false) {
+          await new Promise((resolve) => setTimeout(resolve, 0));
+        }
+      })();
+      const timeoutPromise = new Promise((_, reject) => {
+        setTimeout(() => reject(new Error("Client loader wasn't unblocked after 5s")), 5000);
+      });
+      await Promise.race([pollingPromise, timeoutPromise]);
+      return {
+        message: "clientLoader in main chunk: " + eval("typeof inSplittableMainChunk === 'function'"),
+        className: clientLoaderStyles.root,
+      };
+    };
+
+    export const clientAction = () => ({
+      message: "clientAction in main chunk: " + eval("typeof inSplittableMainChunk === 'function'"),
+      className: clientActionStyles.root,
+    });
+
+    export const HydrateFallback = (function() {
+      (globalThis as any).splittableHydrateFallbackDownloaded = true;
+      return () => <div data-hydrate-fallback className={hydrateFallbackStyles.root}>Loading...</div>;
+    })();
+
+    export default function SplittableRoute({
+      loaderData,
+      actionData,
+    }: Route.ComponentProps) {
+      inSplittableMainChunk();
+      return (
+        <>
+          <h1>Splittable Route</h1>
+          <div
+            data-loader-data
+            className={loaderData.className}>
+            loaderData = {JSON.stringify(loaderData.message)}
+          </div>
+          {actionData ? (
+            <div
+              data-action-data
+              className={actionData.className}>
+              actionData = {JSON.stringify(actionData.message)}
+            </div>
+          ) : null}
+          <input type="text" />
+          <Form method="post">
+            <button>Submit</button>
+          </Form>
+        </>
+      );
+    }
+  `,
+  "app/routes/splittable/clientLoader.module.css": `
+    .root { padding: 20px; }
+  `,
+  "app/routes/splittable/clientAction.module.css": `
+    .root { padding: 20px; }
+  `,
+  "app/routes/splittable/hydrateFallback.module.css": `
+    .root { padding: 20px; }
+  `,
+
+  "app/routes/unsplittable.tsx": js`
+    import type { Route } from "./+types/unsplittable";
+    import { Form } from "react-router";
+
+    // Usage of this exported function forces any consuming code into the main
+    // chunk. The variable name is globally unique to prevent name mangling,
+    // e.g. inUnsplittableMainChunk$1. The use of console.log prevents dead code
+    // elimination in the build by introducing a side effect
+    export const inUnsplittableMainChunk = () => console.log() || true;
+
+    export const clientLoader = async () => {
+      inUnsplittableMainChunk();
+      const pollingPromise = (async () => {
+        while (globalThis.blockClientLoader !== false) {
+          await new Promise((resolve) => setTimeout(resolve, 0));
+        }
+      })();
+      const timeoutPromise = new Promise((_, reject) => {
+        setTimeout(() => reject(new Error("Client loader wasn't unblocked after 5s")), 5000);
+      });
+      await Promise.race([pollingPromise, timeoutPromise]);
+      return "clientLoader in main chunk: " + eval("typeof inUnsplittableMainChunk === 'function'");
+    };
+
+    export const clientAction = () => {
+      inUnsplittableMainChunk();
+      return "clientAction in main chunk: " + eval("typeof inUnsplittableMainChunk === 'function'");
+    }
+
+    export const HydrateFallback = (function() {
+      inUnsplittableMainChunk();
+      (globalThis as any).unsplittableHydrateFallbackDownloaded = true;
+      return () => <div data-hydrate-fallback>Loading...</div>;
+    })();
+
+    export default function UnsplittableRoute({
+      loaderData,
+      actionData,
+    }: Route.ComponentProps) {
+      inUnsplittableMainChunk();
+      return (
+        <>
+          <h1>Unsplittable Route</h1>
+          <div data-loader-data>loaderData = {JSON.stringify(loaderData)}</div>
+          {actionData ? (
+            <div data-action-data>actionData = {JSON.stringify(actionData)}</div>
+          ) : null}
+          <input type="text" />
+          <Form method="post">
+            <button>Submit</button>
+          </Form>
+        </>
+      );
+    }
+  `,
+
+  "app/routes/mixed.tsx": js`
+    import type { Route } from "./+types/mixed";
+    import { Form } from "react-router";
+
+    // Usage of this exported function forces any consuming code into the main
+    // chunk. The variable name is globally unique to prevent name mangling,
+    // e.g. inMixedMainChunk$1. The use of console.log prevents dead code
+    // elimination in the build by introducing a side effect
+    export const inMixedMainChunk = () => console.log() || true;
+
+    export const clientLoader = async () => {
+      inMixedMainChunk();
+      const pollingPromise = (async () => {
+        while (globalThis.blockClientLoader !== false) {
+          await new Promise((resolve) => setTimeout(resolve, 0));
+        }
+      })();
+      const timeoutPromise = new Promise((_, reject) => {
+        setTimeout(() => reject(new Error("Client loader wasn't unblocked after 2s")), 2000);
+      });
+      await Promise.race([pollingPromise, timeoutPromise]);
+      return "clientLoader in main chunk: " + eval("typeof inMixedMainChunk === 'function'");
+    };
+
+    export const clientAction = () => {
+      return "clientAction in main chunk: " + eval("typeof inMixedMainChunk === 'function'");
+    };
+
+    export const HydrateFallback = (function() {
+      inMixedMainChunk();
+      (globalThis as any).mixedHydrateFallbackDownloaded = true;
+      return () => <div data-hydrate-fallback>Loading...</div>;
+    })();
+
+    export default function MixedRoute({
+      loaderData,
+      actionData,
+    }: Route.ComponentProps) {
+      inMixedMainChunk();
+      return (
+        <>
+          <h1>Mixed Route</h1>
+          <div data-loader-data>loaderData = {JSON.stringify(loaderData)}</div>
+          {actionData ? (
+            <div data-action-data>actionData = {JSON.stringify(actionData)}</div>
+          ) : null}
+          <input type="text" />
+          <Form method="post">
+            <button>Submit</button>
+          </Form>
+        </>
+      );
+    }
+  `,
+};
+
+async function splittableHydrateFallbackDownloaded(page: Page) {
+  return await page.evaluate(() =>
+    Boolean((globalThis as any).splittableHydrateFallbackDownloaded),
+  );
+}
+
+async function unsplittableHydrateFallbackDownloaded(page: Page) {
+  return await page.evaluate(() =>
+    Boolean((globalThis as any).unsplittableHydrateFallbackDownloaded),
+  );
+}
+async function mixedHydrateFallbackDownloaded(page: Page) {
+  return await page.evaluate(() =>
+    Boolean((globalThis as any).mixedHydrateFallbackDownloaded),
+  );
+}
+
+async function unblockClientLoader(page: Page) {
+  await page.evaluate(() => {
+    (globalThis as any).blockClientLoader = false;
+  });
+}
+
+test.describe("Split route modules", async () => {
+  test.describe("enabled", () => {
+    let port: number;
+    let cwd: string;
+    let stop: Awaited<ReturnType<typeof reactRouterServe>>;
+
+    test.beforeAll(async () => {
+      port = await getPort();
+      cwd = await createProject({
+        "react-router.config.ts": reactRouterConfig(),
+        "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+        ...files,
+      });
+      build({ cwd });
+      stop = await reactRouterServe({ cwd, port });
+    });
+
+    test.afterAll(() => {
+      stop();
+    });
+
+    test("supports splitting route modules", async ({ page }) => {
+      let pageErrors: Error[] = [];
+      page.on("pageerror", (error) => pageErrors.push(error));
+
+      await page.goto(`http://localhost:${port}`, { waitUntil: "networkidle" });
+      await unblockClientLoader(page);
+      expect(pageErrors).toEqual([]);
+
+      // Ensure splittable exports are not in main chunk
+      await page.getByRole("link", { name: "/splittable" }).click();
+      await expect(page.getByText("Splittable Route")).toBeVisible();
+      expect(await splittableHydrateFallbackDownloaded(page)).toBe(false);
+      await expect(page.locator("[data-loader-data]")).toHaveText(
+        `loaderData = "clientLoader in main chunk: false"`,
+      );
+      expect(await splittableHydrateFallbackDownloaded(page)).toBe(false);
+      expect(page.locator("[data-loader-data]")).toHaveCSS("padding", "20px");
+      await page.getByRole("button").click();
+      await expect(page.locator("[data-action-data]")).toHaveText(
+        'actionData = "clientAction in main chunk: false"',
+      );
+      expect(page.locator("[data-action-data]")).toHaveCSS("padding", "20px");
+
+      await page.goBack();
+
+      // Ensure unsplittable exports are in main chunk
+      await page.getByRole("link", { name: "/unsplittable" }).click();
+      await expect(page.getByText("Unsplittable Route")).toBeVisible();
+      expect(await unsplittableHydrateFallbackDownloaded(page)).toBe(true);
+      await expect(page.locator("[data-loader-data]")).toHaveText(
+        'loaderData = "clientLoader in main chunk: true"',
+      );
+      await page.getByRole("button").click();
+      await expect(page.locator("[data-action-data]")).toHaveText(
+        'actionData = "clientAction in main chunk: true"',
+      );
+
+      await page.goBack();
+
+      // Ensure mix of splittable and unsplittable exports are handled correctly.
+      // Note that only the client action is in its own chunk.
+      await page.getByRole("link", { name: "/mixed" }).click();
+      await expect(page.getByText("Mixed Route")).toBeVisible();
+      await expect(page.locator("[data-loader-data]")).toHaveText(
+        'loaderData = "clientLoader in main chunk: true"',
+      );
+      expect(await mixedHydrateFallbackDownloaded(page)).toBe(true);
+      await page.getByRole("button").click();
+      await expect(page.locator("[data-action-data]")).toHaveText(
+        'actionData = "clientAction in main chunk: false"',
+      );
+
+      // Ensure splittable HydrateFallback and client loader work during SSR
+      await page.goto(`http://localhost:${port}/splittable`);
+      await expect(page.locator("[data-hydrate-fallback]")).toHaveText(
+        "Loading...",
+      );
+      await expect(page.locator("[data-hydrate-fallback]")).toHaveCSS(
+        "padding",
+        "20px",
+      );
+      expect(await splittableHydrateFallbackDownloaded(page)).toBe(true);
+      await unblockClientLoader(page);
+      await expect(page.locator("[data-loader-data]")).toHaveText(
+        `loaderData = "clientLoader in main chunk: false"`,
+      );
+      await expect(page.locator("[data-loader-data]")).toHaveCSS(
+        "padding",
+        "20px",
+      );
+
+      // Ensure unsplittable HydrateFallback and client loader work during SSR
+      await page.goto(`http://localhost:${port}/unsplittable`);
+      await expect(page.locator("[data-hydrate-fallback]")).toHaveText(
+        "Loading...",
+      );
+      expect(await unsplittableHydrateFallbackDownloaded(page)).toBe(true);
+      await unblockClientLoader(page);
+      await expect(page.locator("[data-loader-data]")).toHaveText(
+        `loaderData = "clientLoader in main chunk: true"`,
+      );
+    });
+  });
+
+  test.describe("disabled", () => {
+    let splitRouteModules = false;
+    let port: number;
+    let cwd: string;
+    let stop: Awaited<ReturnType<typeof reactRouterServe>>;
+
+    test.beforeAll(async () => {
+      port = await getPort();
+      cwd = await createProject({
+        "react-router.config.ts": reactRouterConfig({
+          splitRouteModules,
+        }),
+        "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+        ...files,
+      });
+      build({ cwd });
+      stop = await reactRouterServe({ cwd, port });
+    });
+
+    test.afterAll(() => {
+      stop();
+    });
+
+    test("keeps route module in a single chunk", async ({ page }) => {
+      let pageErrors: Error[] = [];
+      page.on("pageerror", (error) => pageErrors.push(error));
+
+      await page.goto(`http://localhost:${port}`, { waitUntil: "networkidle" });
+      await unblockClientLoader(page);
+      expect(pageErrors).toEqual([]);
+
+      // Ensure splittable exports are kept in main chunk
+      await page.getByRole("link", { name: "/splittable" }).click();
+      await expect(page.getByText("Splittable Route")).toBeVisible();
+      expect(await splittableHydrateFallbackDownloaded(page)).toBe(true);
+      await expect(page.locator("[data-loader-data]")).toHaveText(
+        `loaderData = "clientLoader in main chunk: true"`,
+      );
+      await expect(page.locator("[data-loader-data]")).toHaveCSS(
+        "padding",
+        "20px",
+      );
+      await page.getByRole("button").click();
+      await expect(page.locator("[data-action-data]")).toHaveText(
+        'actionData = "clientAction in main chunk: true"',
+      );
+      await expect(page.locator("[data-action-data]")).toHaveCSS(
+        "padding",
+        "20px",
+      );
+
+      await page.goBack();
+
+      // Ensure unsplittable exports are kept in main chunk
+      await page.getByRole("link", { name: "/unsplittable" }).click();
+      await expect(page.getByText("Unsplittable Route")).toBeVisible();
+      expect(await unsplittableHydrateFallbackDownloaded(page)).toBe(true);
+      await expect(page.locator("[data-loader-data]")).toHaveText(
+        'loaderData = "clientLoader in main chunk: true"',
+      );
+      await page.getByRole("button").click();
+      await expect(page.locator("[data-action-data]")).toHaveText(
+        'actionData = "clientAction in main chunk: true"',
+      );
+
+      // Ensure splittable client loader works during SSR
+      await page.goto(`http://localhost:${port}/splittable`);
+      await expect(page.locator("[data-hydrate-fallback]")).toHaveText(
+        "Loading...",
+      );
+      await expect(page.locator("[data-hydrate-fallback]")).toHaveCSS(
+        "padding",
+        "20px",
+      );
+      await unblockClientLoader(page);
+      await expect(page.locator("[data-loader-data]")).toHaveText(
+        `loaderData = "clientLoader in main chunk: true"`,
+      );
+
+      // Ensure unsplittable client loader works during SSR
+      await page.goto(`http://localhost:${port}/unsplittable`);
+      await expect(page.locator("[data-hydrate-fallback]")).toHaveText(
+        "Loading...",
+      );
+      await unblockClientLoader(page);
+      await expect(page.locator("[data-loader-data]")).toHaveText(
+        `loaderData = "clientLoader in main chunk: true"`,
+      );
+    });
+  });
+
+  test.describe("enforce", () => {
+    let splitRouteModules = "enforce" as const;
+    let port: number;
+    let cwd: string;
+
+    test.describe("splittable routes", () => {
+      test.beforeAll(async () => {
+        port = await getPort();
+        cwd = await createProject({
+          "react-router.config.ts": reactRouterConfig({
+            splitRouteModules,
+          }),
+          "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+          // Make unsplittable routes valid so the build can pass
+          "app/routes/unsplittable.tsx": "export default function(){}",
+          "app/routes/mixed.tsx": "export default function(){}",
+        });
+      });
+
+      test("build passes", async () => {
+        let { status } = build({ cwd });
+        expect(status).toBe(0);
+      });
+    });
+
+    test.describe("splittable routes with splittable root route exports", () => {
+      test.beforeAll(async () => {
+        port = await getPort();
+        cwd = await createProject({
+          "react-router.config.ts": reactRouterConfig({
+            splitRouteModules,
+          }),
+          "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+          "app/root.tsx": js`
+            import { Outlet } from "react-router";
+            export const clientLoader = () => null;
+            export const clientAction = () => null;
+            export default function() {
+              return <Outlet />;
+            }
+          `,
+          // Make unsplittable routes valid so the build can pass
+          "app/routes/unsplittable.tsx": "export default function(){}",
+          "app/routes/mixed.tsx": "export default function(){}",
+        });
+      });
+
+      test("build passes", async () => {
+        let { status } = build({ cwd });
+        expect(status).toBe(0);
+      });
+    });
+
+    test.describe("splittable routes with unsplittable root route exports", () => {
+      test.beforeAll(async () => {
+        port = await getPort();
+        cwd = await createProject({
+          "react-router.config.ts": reactRouterConfig({
+            splitRouteModules,
+          }),
+          "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+          "app/root.tsx": js`
+            import { Outlet } from "react-router";
+            const shared = null;
+            export const clientLoader = () => shared;
+            export const clientAction = () => shared;
+            export default function() {
+              return <Outlet />;
+            }
+          `,
+          // Make unsplittable routes valid so the build can pass
+          "app/routes/unsplittable.tsx": "export default function(){}",
+          "app/routes/mixed.tsx": "export default function(){}",
+        });
+      });
+
+      test("build passes", async () => {
+        let { status } = build({ cwd });
+        expect(status).toBe(0);
+      });
+    });
+
+    test.describe("unsplittable routes", () => {
+      test.beforeAll(async () => {
+        port = await getPort();
+        cwd = await createProject({
+          "react-router.config.ts": reactRouterConfig({
+            splitRouteModules,
+          }),
+          "rsbuild.config.ts": await rsbuildConfig.basic({ port }),
+          ...files,
+          // Ensure we're only testing the mixed route
+          "app/routes/unsplittable.tsx": "export default function(){}",
+        });
+      });
+
+      test("build fails", async () => {
+        let { stderr, status } = build({ cwd });
+        let output = stderr.toString();
+        expect(status).toBe(1);
+        expect(output).toContain(
+          "Error splitting route module: routes/mixed.tsx",
+        );
+        expect(output).toContain("- clientLoader");
+        expect(output).toContain("- HydrateFallback");
+        expect(output).toContain(
+          "These exports could not be split into their own chunks because they share code with other exports.",
+        );
+      });
+    });
+  });
+});
diff --git a/tests/react-router-framework/integration/sri-test.ts b/tests/react-router-framework/integration/sri-test.ts
new file mode 100644
index 00000000..b61a2e9b
--- /dev/null
+++ b/tests/react-router-framework/integration/sri-test.ts
@@ -0,0 +1,87 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { AppFixture, Fixture } from "./helpers/create-fixture.js";
+import { reactRouterConfig } from "./helpers/rsbuild.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("CSub-Resource Integrity", () => {
+  test.use({ javaScriptEnabled: false });
+
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "react-router.config.ts": reactRouterConfig({
+          subResourceIntegrity: true,
+        }),
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts } from "react-router";
+
+          export default function Root() {
+            return (
+              <html>
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <Outlet />
+                  <Scripts nonce="test-nonce-123" />
+                </body>
+              </html>
+            );
+          }
+        `,
+      },
+    });
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test("includes an importmap", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    let json = await page.locator('script[type="importmap"]').innerText();
+    let importMap = JSON.parse(json);
+    expect(Object.keys(importMap.integrity).length).toBeGreaterThan(0);
+    for (let key in importMap.integrity) {
+      if (key.includes("manifest")) continue;
+      let value = importMap.integrity[key];
+      expect(value).toMatch(/^sha384-/);
+
+      let linkEl = page.locator(`link[rel="modulepreload"][href="${key}"]`);
+      expect(await linkEl.getAttribute("href")).toBe(key);
+      expect(await linkEl.getAttribute("integrity")).toBe(value);
+
+      let scriptEl = page.locator(`script[type="module"]`);
+      expect(await scriptEl.innerText()).toContain(key);
+    }
+  });
+
+  test("includes a nonce on the importmap script", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    expect(
+      await page.locator('script[type="importmap"]').getAttribute("nonce"),
+    ).toBe("test-nonce-123");
+  });
+
+  test("includes a nonce on modulepreload links", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    let modulePreloads = page.locator('link[rel="modulepreload"]');
+    let count = await modulePreloads.count();
+    expect(count).toBeGreaterThan(0);
+    for (let i = 0; i < count; i++) {
+      expect(await modulePreloads.nth(i).getAttribute("nonce")).toBe(
+        "test-nonce-123",
+      );
+    }
+  });
+});
diff --git a/tests/react-router-framework/integration/svgr-test.ts b/tests/react-router-framework/integration/svgr-test.ts
new file mode 100644
index 00000000..8eb41dd3
--- /dev/null
+++ b/tests/react-router-framework/integration/svgr-test.ts
@@ -0,0 +1,108 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createFixture,
+  createAppFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import { type TemplateName, rsbuildConfig } from "./helpers/rsbuild.js";
+
+// Upstream react-router has ZERO svgr coverage; these tests define the parity
+// bar for `@rsbuild/plugin-svgr`. Correct `.svg?react` / `.svg?url` usage
+// mirrors rsbuild's own `plugin-svgr/query-react` e2e case.
+const templateNames = [
+  "rsbuild-template",
+  "rsc-framework",
+] as const satisfies TemplateName[];
+
+// Simple, server-first-compatible SVG (no runtime hooks). The known viewBox is
+// asserted on the inline <svg> the SVGR component renders.
+const ICON_SVG = js`
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4 4h16v16H4z" fill="currentColor" />
+  </svg>
+`;
+
+test.describe("SVGR", () => {
+  for (const templateName of templateNames) {
+    test.describe(`template: ${templateName}`, () => {
+      let fixture: Fixture;
+      let appFixture: AppFixture;
+
+      test.beforeAll(async () => {
+        fixture = await createFixture({
+          templateName,
+          files: {
+            "rsbuild.config.ts": await rsbuildConfig.basic({
+              templateName,
+              svgr: true,
+            }),
+            "app/assets/icon.svg": ICON_SVG,
+            "app/root.tsx": js`
+              import { Outlet, Scripts } from "react-router"
+
+              export default function Root() {
+                return (
+                  <html>
+                    <head></head>
+                    <body>
+                      <main>
+                        <Outlet />
+                      </main>
+                      <Scripts />
+                    </body>
+                  </html>
+                );
+              }
+            `,
+            "app/routes/_index.tsx": js`
+              import Icon from "../assets/icon.svg?react";
+              import iconUrl from "../assets/icon.svg?url";
+
+              export default function Component() {
+                return (
+                  <>
+                    <Icon data-svg-component />
+                    <img data-svg-url src={iconUrl} alt="icon" />
+                  </>
+                );
+              }
+            `,
+          },
+        });
+
+        appFixture = await createAppFixture(fixture);
+      });
+
+      test.afterAll(() => {
+        appFixture.close();
+      });
+
+      test("resolves .svg?react to an inline component and .svg?url to an asset URL", async ({
+        page,
+      }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+
+        // `.svg?react` renders an inline <svg> element carrying the source
+        // viewBox and any spread props (data-svg-component).
+        let component = page.locator("[data-svg-component]");
+        await expect(component).toBeAttached();
+        await expect(component).toHaveAttribute("viewBox", "0 0 24 24");
+        expect(
+          await component.evaluate((el) => el.tagName.toLowerCase()),
+        ).toBe("svg");
+
+        // `.svg?url` resolves to an emitted asset URL (or an inlined data URI
+        // when under the data-uri limit).
+        let urlImg = page.locator("[data-svg-url]");
+        await expect(urlImg).toBeAttached();
+        let src = await urlImg.getAttribute("src");
+        expect(src).toBeTruthy();
+        expect(src ?? "").toMatch(/\.svg$|^data:image\/svg/);
+      });
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/tailwind-test.ts b/tests/react-router-framework/integration/tailwind-test.ts
new file mode 100644
index 00000000..1ab27ddb
--- /dev/null
+++ b/tests/react-router-framework/integration/tailwind-test.ts
@@ -0,0 +1,102 @@
+import { test, expect } from "@playwright/test";
+
+import {
+  createFixture,
+  createAppFixture,
+  js,
+  css,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+import { type TemplateName, rsbuildConfig } from "./helpers/rsbuild.js";
+
+// Upstream react-router has ZERO Tailwind coverage; these tests define the
+// parity bar for `@rsbuild/plugin-tailwindcss`. Tailwind v4 is CSS-first
+// (`@import "tailwindcss";`) with no tailwind.config.js — content sources are
+// auto-detected. Mirrors rsbuild's own `plugin-tailwindcss/basic` e2e case.
+const templateNames = [
+  "rsbuild-template",
+  "rsc-framework",
+] as const satisfies TemplateName[];
+
+// Tailwind v4 automatic content detection anchors at the nearest git root.
+// This fixture lives inside the plugin monorepo (`.tmp/integration/...`), whose
+// git root carries a huge node_modules/examples tree — unscoped detection walks
+// it and the build never completes. `source("../")` (relative to this CSS file
+// at app/styles/) scopes detection to `app/`, which is the idiomatic Tailwind v4
+// way to bound sources and mirrors how a real app declares its content.
+const TAILWIND_CSS = css`
+  @import "tailwindcss" source("../");
+`;
+
+test.describe("Tailwind", () => {
+  for (const templateName of templateNames) {
+    test.describe(`template: ${templateName}`, () => {
+      let fixture: Fixture;
+      let appFixture: AppFixture;
+
+      test.beforeAll(async () => {
+        fixture = await createFixture({
+          templateName,
+          files: {
+            "rsbuild.config.ts": await rsbuildConfig.basic({
+              templateName,
+              tailwind: true,
+            }),
+            "app/styles/tailwind.css": TAILWIND_CSS,
+            // <Links /> is required so classic framework mode injects the
+            // route's imported CSS (the Tailwind stylesheet) into the document.
+            "app/root.tsx": js`
+              import { Links, Meta, Outlet, Scripts } from "react-router"
+
+              export default function Root() {
+                return (
+                  <html>
+                    <head>
+                      <Meta />
+                      <Links />
+                    </head>
+                    <body>
+                      <main>
+                        <Outlet />
+                      </main>
+                      <Scripts />
+                    </body>
+                  </html>
+                );
+              }
+            `,
+            "app/routes/_index.tsx": js`
+              import "../styles/tailwind.css";
+
+              export default function Component() {
+                return (
+                  <div data-tailwind className="text-3xl font-bold underline">
+                    Tailwind utilities applied
+                  </div>
+                );
+              }
+            `,
+          },
+        });
+
+        appFixture = await createAppFixture(fixture);
+      });
+
+      test.afterAll(() => {
+        appFixture.close();
+      });
+
+      test("compiles Tailwind v4 utility classes", async ({ page }) => {
+        let app = new PlaywrightFixture(appFixture, page);
+        await app.goto("/");
+
+        let el = page.locator("[data-tailwind]");
+        await expect(el).toBeAttached();
+        // `underline` -> text-decoration-line: underline confirms the Tailwind
+        // stylesheet was generated and applied.
+        await expect(el).toHaveCSS("text-decoration-line", "underline");
+      });
+    });
+  }
+});
diff --git a/tests/react-router-framework/integration/transition-test.ts b/tests/react-router-framework/integration/transition-test.ts
new file mode 100644
index 00000000..78e3cc16
--- /dev/null
+++ b/tests/react-router-framework/integration/transition-test.ts
@@ -0,0 +1,338 @@
+import { test, expect } from "@playwright/test";
+
+import { UNSAFE_decodeViaTurboStream as decodeViaTurboStream } from "react-router";
+
+import {
+  createAppFixture,
+  createFixture,
+  js,
+} from "./helpers/create-fixture.js";
+import type { Fixture, AppFixture } from "./helpers/create-fixture.js";
+import { PlaywrightFixture } from "./helpers/playwright-fixture.js";
+
+test.describe("rendering", () => {
+  let fixture: Fixture;
+  let appFixture: AppFixture;
+
+  let PAGE = "page";
+  let PAGE_TEXT = "PAGE_TEXT";
+  let PAGE_INDEX_TEXT = "PAGE_INDEX_TEXT";
+  let CHILD = "child";
+  let CHILD_TEXT = "CHILD_TEXT";
+  let REDIRECT = "redirect";
+  let REDIRECT_HASH = "redirect-hash";
+  let REDIRECT_TARGET = "page";
+
+  test.beforeAll(async () => {
+    fixture = await createFixture({
+      files: {
+        "app/root.tsx": js`
+          import { Links, Meta, Outlet, Scripts } from "react-router";
+
+          export function shouldRevalidate() {
+            return false;
+          }
+
+          export default function Root() {
+            return (
+              <html lang="en">
+                <head>
+                  <Meta />
+                  <Links />
+                </head>
+                <body>
+                  <main>
+                    <Outlet />
+                  </main>
+                  <Scripts />
+                </body>
+              </html>
+            );
+          }
+        `,
+
+        "app/routes/_index.tsx": js`
+          import { Link } from "react-router";
+          export default function() {
+            return (
+              <div>
+                <h2>Index</h2>
+                <Link to="/${PAGE}">${PAGE}</Link>
+                <Link to="/${REDIRECT}">${REDIRECT}</Link>
+                <Link to="/${REDIRECT_HASH}">${REDIRECT_HASH}</Link>
+              </div>
+            );
+          }
+        `,
+
+        [`app/routes/${PAGE}.jsx`]: js`
+          import { Outlet, useLoaderData } from "react-router";
+
+          export function loader() {
+            return "${PAGE_TEXT}"
+          }
+
+          export function shouldRevalidate() {
+            return false;
+          }
+
+          export default function() {
+            let text = useLoaderData();
+            return (
+              <>
+                <h2>{text}</h2>
+                <Outlet />
+              </>
+            );
+          }
+        `,
+
+        [`app/routes/${PAGE}._index.jsx`]: js`
+          import { useLoaderData, Link } from "react-router";
+
+          export function loader() {
+            return "${PAGE_INDEX_TEXT}"
+          }
+
+          export default function() {
+            let text = useLoaderData();
+            return (
+              <>
+                <h3>{text}</h3>
+                <Link to="/${PAGE}/${CHILD}">${CHILD}</Link>
+              </>
+            );
+          }
+        `,
+
+        [`app/routes/${PAGE}.${CHILD}.jsx`]: js`
+          import { useLoaderData } from "react-router";
+
+          export function loader() {
+            return "${CHILD_TEXT}"
+          }
+
+          export default function() {
+            let text = useLoaderData();
+            return <h3>{text}</h3>;
+          }
+        `,
+
+        [`app/routes/${REDIRECT}.jsx`]: js`
+          import { redirect } from "react-router";
+          export function loader() {
+            return redirect("/${REDIRECT_TARGET}")
+          }
+          export default function() {
+            return null;
+          }
+        `,
+
+        [`app/routes/${REDIRECT_HASH}.jsx`]: js`
+          import { redirect } from "react-router";
+          export function loader() {
+            return redirect("/${REDIRECT_TARGET}#my-hash")
+          }
+          export default function() {
+            return null;
+          }
+        `,
+
+        "app/routes/gh-1691.tsx": js`
+          import { redirect, useFetcher } from "react-router";
+
+          export const action = async ( ) => {
+            return redirect("/gh-1691");
+          };
+
+          export const loader = async () => {
+            return {};
+          };
+
+          export default function GitHubIssue1691() {
+            const fetcher = useFetcher();
+
+            return (
+              <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.4" }}>
+                <span>{fetcher.state}</span>
+                <fetcher.Form method="post">
+                  <input type="hidden" name="source" value="fetcher" />
+                  <button type="submit" name="intent" value="add">
+                    Submit
+                  </button>
+                </fetcher.Form>
+              </div>
+            );
+          }
+        `,
+
+        "app/routes/parent.tsx": js`
+          import { Outlet, useLoaderData } from "react-router";
+
+          if (!global.counts) {
+            global.count = 0;
+            global.counts = new Set();
+          }
+          export const loader = async ({ request, context }) => {
+            let count = global.count;
+            if (!global.counts.has(context)) {
+              counts.add(context);
+              count = ++global.count;
+            }
+            return { count };
+          };
+
+          export default function Parent() {
+            const data = useLoaderData();
+            return (
+              <div>
+                <div id="parent">{data.count}</div>
+                <Outlet />
+              </div>
+            );
+          }
+        `,
+
+        "app/routes/parent.child.tsx": js`
+          import { redirect, useFetcher } from "react-router";
+
+          export const action = async ({ request }) => {
+            return redirect("/parent");
+          };
+
+          export default function Child() {
+            const fetcher = useFetcher();
+
+            return (
+              <fetcher.Form method="post">
+                <button id="fetcher-submit-redirect" type="submit">Submit</button>
+              </fetcher.Form>
+            );
+          }
+        `,
+      },
+    });
+
+    appFixture = await createAppFixture(fixture);
+  });
+
+  test.afterAll(() => {
+    appFixture.close();
+  });
+
+  test("calls all loaders for new routes", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+    let responses = app.collectSingleFetchResponses();
+
+    await app.clickLink(`/${PAGE}`);
+    await page.waitForLoadState("networkidle");
+
+    expect(responses.map((res) => new URL(res.url()).pathname)).toEqual([
+      `/${PAGE}.data`,
+    ]);
+
+    await page.waitForSelector(`h2:has-text("${PAGE_TEXT}")`);
+    await page.waitForSelector(`h3:has-text("${PAGE_INDEX_TEXT}")`);
+  });
+
+  test("calls only loaders for changing routes", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto(`/${PAGE}`);
+    let responses = app.collectSingleFetchResponses();
+    await app.clickLink(`/${PAGE}/${CHILD}`);
+    await page.waitForLoadState("networkidle");
+
+    expect(responses.map((res) => new URL(res.url()).pathname)).toEqual([
+      `/${PAGE}/${CHILD}.data`,
+    ]);
+
+    let body = new ReadableStream<Uint8Array>({
+      async start(controller) {
+        let buffer = await responses[0].body();
+        controller.enqueue(new Uint8Array(buffer));
+      },
+    });
+    const decoded = await decodeViaTurboStream(body, global);
+
+    expect(Object.keys(decoded.value as Record<string, unknown>)).toEqual([
+      "routes/page.child",
+    ]);
+
+    await page.waitForSelector(`h2:has-text("${PAGE_TEXT}")`);
+    await page.waitForSelector(`h3:has-text("${CHILD_TEXT}")`);
+  });
+
+  test("loader redirect", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+
+    let responses = app.collectSingleFetchResponses();
+
+    await app.clickLink(`/${REDIRECT}`);
+    await page.waitForURL(/\/page/);
+    await page.waitForLoadState("networkidle");
+
+    expect(responses.map((res) => new URL(res.url()).pathname)).toEqual([
+      `/${REDIRECT}.data`,
+      `/${PAGE}.data`,
+    ]);
+
+    await page.waitForSelector(`h2:has-text("${PAGE_TEXT}")`);
+    await page.waitForSelector(`h3:has-text("${PAGE_INDEX_TEXT}")`);
+  });
+
+  test("loader redirect with hash", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/");
+
+    await app.clickLink(`/${REDIRECT_HASH}`);
+
+    await page.waitForURL(/\/page#my-hash/);
+    let url = new URL(page.url());
+    expect(url.pathname).toBe(`/${REDIRECT_TARGET}`);
+    expect(url.hash).toBe(`#my-hash`);
+  });
+
+  test("calls changing routes on POP", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto(`/${PAGE}`);
+    await app.clickLink(`/${PAGE}/${CHILD}`);
+
+    let responses = app.collectSingleFetchResponses();
+    await app.goBack();
+    await page.waitForLoadState("networkidle");
+
+    expect(responses.map((res) => new URL(res.url()).pathname)).toEqual([
+      `/${PAGE}.data`,
+    ]);
+    // expect(
+    //   responses.map((res) => new URL(res.url()).searchParams.get("_data"))
+    // ).toEqual([`routes/${PAGE}._index`]);
+
+    await page.waitForSelector(`h2:has-text("${PAGE_TEXT}")`);
+    await page.waitForSelector(`h3:has-text("${PAGE_INDEX_TEXT}")`);
+  });
+
+  test("useFetcher state should return to the idle when redirect from an action", async ({
+    page,
+  }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/gh-1691");
+    expect(await app.getHtml("span")).toMatch("idle");
+
+    await app.waitForNetworkAfter(async () => {
+      await app.clickSubmitButton("/gh-1691");
+    });
+    await page.waitForSelector(`span:has-text("idle")`);
+  });
+
+  test("fetcher action redirects re-call parent loaders", async ({ page }) => {
+    let app = new PlaywrightFixture(appFixture, page);
+    await app.goto("/parent/child");
+    await page.waitForSelector(`#parent:has-text("1")`);
+
+    await app.clickElement("#fetcher-submit-redirect");
+    await page.waitForSelector(`#parent:has-text("2")`);
+  });
+});
diff --git a/tests/react-router-framework/integration/tsconfig.json b/tests/react-router-framework/integration/tsconfig.json
new file mode 100644
index 00000000..59279c50
--- /dev/null
+++ b/tests/react-router-framework/integration/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "extends": "../tsconfig.base.json",
+  "include": ["**/*.ts"],
+  "exclude": [
+    ".tmp/**",
+    "helpers/rsbuild-template/**",
+    "helpers/rsc-framework/**",
+    "helpers/rsc-preview/**",
+    "test-results/**"
+  ],
+  "compilerOptions": {
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "types": ["node"],
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "noEmit": true,
+    "rootDir": "."
+  }
+}
diff --git a/tests/react-router-framework/integration/typegen-test.ts b/tests/react-router-framework/integration/typegen-test.ts
new file mode 100644
index 00000000..95e0e754
--- /dev/null
+++ b/tests/react-router-framework/integration/typegen-test.ts
@@ -0,0 +1,885 @@
+import fs from "node:fs/promises";
+
+import tsx from "dedent";
+import * as Path from "pathe";
+
+import { test } from "./helpers/fixtures";
+import { reactRouterConfig, rsbuildConfig } from "./helpers/rsbuild";
+
+test.use({
+  files: {
+    "rsbuild.config.ts": await rsbuildConfig.basic({
+      templateName: "rsbuild-template",
+    }),
+    "app/expect-type.ts": tsx`
+      export type Expect<T extends true> = T
+
+      export type Equal<X, Y> =
+        (<T>() => T extends X ? 1 : 2) extends
+        (<T>() => T extends Y ? 1 : 2) ? true : false
+    `,
+  },
+});
+
+test.describe("typegen", () => {
+  test("basic", async ({ edit, $ }) => {
+    await edit({
+      "app/routes.ts": tsx`
+        import { type RouteConfig, route } from "@react-router/dev/routes";
+
+        export default [
+          route("products/:id", "routes/product.tsx")
+        ] satisfies RouteConfig;
+      `,
+      "app/routes/product.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/product"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { id: string} >>
+          return { planet: "world" }
+        }
+
+        export default function Component({ loaderData }: Route.ComponentProps) {
+          type Test = Expect<Equal<typeof loaderData.planet, string>>
+          return <h1>Hello, {loaderData.planet}!</h1>
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test("repeated params", async ({ edit, $ }) => {
+    await edit({
+      "app/routes.ts": tsx`
+        import { type RouteConfig, route } from "@react-router/dev/routes";
+
+        export default [
+          route("only-required/:id/:id", "routes/only-required.tsx"),
+          route("only-optional/:id?/:id?", "routes/only-optional.tsx"),
+          route("optional-then-required/:id?/:id", "routes/optional-then-required.tsx"),
+          route("required-then-optional/:id/:id?", "routes/required-then-optional.tsx"),
+        ] satisfies RouteConfig;
+      `,
+      "app/routes/only-required.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/only-required"
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { id: string }>>
+          return null
+        }
+      `,
+      "app/routes/only-optional.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/only-optional"
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params.id, string | undefined>>
+          return null
+        }
+      `,
+      "app/routes/optional-then-required.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/optional-then-required"
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params.id,  string>>
+          return null
+        }
+      `,
+      "app/routes/required-then-optional.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/required-then-optional"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params.id, string>>
+          return null
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test("params with extension", async ({ edit, $ }) => {
+    await edit({
+      "app/routes.ts": tsx`
+        import { type RouteConfig, route } from "@react-router/dev/routes";
+
+        export default [
+          route(":lang.xml", "routes/param-with-ext.tsx"),
+          route(":user?.pdf", "routes/optional-param-with-ext.tsx"),
+        ] satisfies RouteConfig;
+      `,
+      "app/routes/param-with-ext.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/param-with-ext"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { lang: string }>>
+          return null
+        }
+      `,
+      "app/routes/optional-param-with-ext.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/optional-param-with-ext"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { user?: string }>>
+          return null
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test("normalized param", async ({ edit, $ }) => {
+    await edit({
+      "app/routes.ts": tsx`
+        import { type RouteConfig, route, layout } from "@react-router/dev/routes";
+
+        export default [
+          route("parent/:p", "routes/parent.tsx", [
+            route("route/:r", "routes/route.tsx", [
+              route("child1/:c1a/:c1b", "routes/child1.tsx"),
+              route("child2/:c2a/:c2b", "routes/child2.tsx")
+            ]),
+          ]),
+          layout("routes/layout.tsx", [
+            route("in-layout1/:id", "routes/in-layout1.tsx"),
+            route("in-layout2/:id/:other", "routes/in-layout2.tsx")
+          ])
+        ] satisfies RouteConfig;
+      `,
+      "app/routes/parent.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/parent"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params,
+            | { p: string, r?: undefined, c1a?: undefined,  c1b?: undefined, c2a?: undefined, c2b?: undefined }
+            | { p: string, r: string, c1a?: undefined,  c1b?: undefined, c2a?: undefined, c2b?: undefined }
+            | { p: string, r: string, c1a: string,  c1b: string, c2a?: undefined, c2b?: undefined }
+            | { p: string, r: string, c1a?: undefined,  c1b?: undefined, c2a: string, c2b: string }
+          >>
+          return null
+        }
+      `,
+      "app/routes/route.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/route"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params,
+            | { p: string, r: string, c1a?: undefined,  c1b?: undefined, c2a?: undefined, c2b?: undefined }
+            | { p: string, r: string, c1a: string,  c1b: string, c2a?: undefined, c2b?: undefined }
+            | { p: string, r: string, c1a?: undefined,  c1b?: undefined, c2a: string, c2b: string }
+          >>
+          return null
+        }
+      `,
+      "app/routes/child1.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/child1"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { p: string, r: string, c1a: string,  c1b: string }>>
+          return null
+        }
+      `,
+      "app/routes/child2.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/child2"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { p: string, r: string, c2a: string, c2b: string }>>
+          return null
+        }
+      `,
+      "app/routes/layout.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/layout"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { id: string, other?: undefined } | { id: string, other: string } >>
+          return null
+        }
+      `,
+      "app/routes/in-layout1.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/in-layout1"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { id: string }>>
+          return null
+        }
+      `,
+      "app/routes/in-layout2.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/in-layout2"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { id: string, other: string }>>
+          return null
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test("splat", async ({ edit, $ }) => {
+    await edit({
+      "app/routes.ts": tsx`
+        import { type RouteConfig, route } from "@react-router/dev/routes";
+
+        export default [
+          route("splat/*", "routes/splat.tsx")
+        ] satisfies RouteConfig;
+      `,
+      "app/routes/splat.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/splat"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { "*": string }>>
+          return null
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test("clientLoader.hydrate = true", async ({ edit, $ }) => {
+    await edit({
+      "app/routes/_index.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/_index"
+
+        export function loader() {
+          return { server: "server" }
+        }
+
+        export function clientLoader() {
+          return { client: "client" }
+        }
+        clientLoader.hydrate = true as const
+
+        export function HydrateFallback() {
+          return <h1>Loading...</h1>
+        }
+
+        export default function Component({ loaderData }: Route.ComponentProps) {
+          type Test = Expect<Equal<typeof loaderData, { client: string }>>
+          return <h1>Hello from {loaderData.client}!</h1>
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test("clientLoader data should not be serialized", async ({ edit, $ }) => {
+    await edit({
+      "app/routes/_index.tsx": tsx`
+        import { useRouteLoaderData } from "react-router"
+
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/_index"
+
+        export function clientLoader({}: Route.ClientLoaderArgs) {
+          return { fn: () => 0 }
+        }
+
+        export default function Component({ loaderData }: Route.ComponentProps) {
+          type Test1 = Expect<Equal<typeof loaderData, { fn: () => number }>>
+
+          const routeLoaderData = useRouteLoaderData<typeof clientLoader>("routes/_index")
+          type Test2 = Expect<Equal<typeof routeLoaderData, { fn: () => number} | undefined>>
+
+          return <h1>Hello, world!</h1>
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test("custom app dir", async ({ cwd, edit, $ }) => {
+    await edit({
+      "react-router.config.ts": reactRouterConfig({
+        appDirectory: "src/myapp",
+      }),
+      "app/routes/products.$id.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/products.$id"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { id: string }>>
+          return { planet: "world" }
+        }
+
+        export default function Component({ loaderData }: Route.ComponentProps) {
+          type Test = Expect<Equal<typeof loaderData.planet, string>>
+          return <h1>Hello, {loaderData.planet}!</h1>
+        }
+      `,
+    });
+    await fs.mkdir(Path.join(cwd, "src"));
+    await fs.rename(Path.join(cwd, "app"), Path.join(cwd, "src/myapp"));
+    await $("pnpm typecheck");
+  });
+
+  test("matches", async ({ edit, $ }) => {
+    await edit({
+      "app/routes.ts": tsx`
+        import { type RouteConfig, route } from "@react-router/dev/routes";
+
+        export default [
+          route("parent1/:parent1", "routes/parent1.tsx", [
+            route("parent2/:parent2", "routes/parent2.tsx", [
+              route("current", "routes/current.tsx")
+            ])
+          ])
+        ] satisfies RouteConfig;
+      `,
+      "app/routes/parent1.tsx": tsx`
+        import { Outlet } from "react-router"
+
+        export function loader() {
+          return { parent1: 1 }
+        }
+
+        export default function Component() {
+          return (
+            <section>
+              <h1>Parent1</h1>
+              <Outlet />
+            </section>
+          )
+        }
+      `,
+      "app/routes/parent2.tsx": tsx`
+        import { Outlet } from "react-router"
+
+        export function loader() {
+          return { parent2: 2 }
+        }
+
+        export default function Component() {
+          return (
+            <section>
+              <h2>Parent2</h2>
+              <Outlet />
+            </section>
+          )
+        }
+      `,
+      "app/routes/current.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/current"
+
+        export function loader() {
+          return { current: 3 }
+        }
+
+        export function meta({ matches }: Route.MetaArgs) {
+          const parent1 = matches[1]
+          type Test1 = Expect<Equal<typeof parent1.loaderData, { parent1: number }>>
+
+          const parent2 = matches[2]
+          type Test2 = Expect<Equal<typeof parent2.loaderData, { parent2: number }>>
+
+          const current = matches[3]
+          type Test3 = Expect<Equal<typeof current.loaderData, { current: number }>>
+
+          const child1 = matches[4]
+          type Test4a = Expect<undefined extends typeof child1 ? true : false>
+          if (child1) {
+            type Test4b = Expect<Equal<typeof child1.loaderData, unknown>>
+          }
+          return []
+        }
+
+        export default function Component({ matches }: Route.ComponentProps) {
+          const parent1 = matches[1]
+          type Test1 = Expect<Equal<typeof parent1.loaderData, { parent1: number }>>
+
+          const parent2 = matches[2]
+          type Test2 = Expect<Equal<typeof parent2.loaderData, { parent2: number }>>
+
+          const current = matches[3]
+          type Test3 = Expect<Equal<typeof current.loaderData, { current: number }>>
+
+          const child1 = matches[4]
+          type Test4a = Expect<undefined extends typeof child1 ? true : false>
+          if (child1) {
+            type Test4b = Expect<Equal<typeof child1.loaderData, unknown>>
+          }
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test("route files with absolute paths", async ({ edit, $ }) => {
+    await edit({
+      "app/routes.ts": tsx`
+        import path from "node:path";
+        import { type RouteConfig, route } from "@react-router/dev/routes";
+
+        export default [
+          route("absolute/:id", path.resolve(import.meta.dirname, "routes/absolute.tsx")),
+        ] satisfies RouteConfig;
+      `,
+      "app/routes/absolute.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/absolute"
+
+        export function loader({ params }: Route.LoaderArgs) {
+          type Test = Expect<Equal<typeof params, { id: string }>>
+          return { planet: "world" }
+        }
+
+        export default function Component({ loaderData }: Route.ComponentProps) {
+          type Test = Expect<Equal<typeof loaderData.planet, string>>
+          return <h1>Hello, {loaderData.planet}!</h1>
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test("route files with paths outside of app directory", async ({
+    cwd,
+    edit,
+    $,
+  }) => {
+    await fs.mkdir(Path.join(cwd, "node_modules/external_dependency"), {
+      recursive: true,
+    });
+    await edit({
+      "app/routes.ts": tsx`
+        import { type RouteConfig, route } from "@react-router/dev/routes";
+
+        export default [
+          route("outside/:id", "../node_modules/external_dependency/index.js"),
+        ] satisfies RouteConfig;
+      `,
+      "node_modules/external_dependency/index.js": tsx`
+        export default function Component() {
+          return <div>External Dependency</div>
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test("href", async ({ edit, $ }) => {
+    await edit({
+      "app/routes.ts": tsx`
+        import path from "node:path";
+        import { type RouteConfig, route } from "@react-router/dev/routes";
+
+        export default [
+          route("optional-static/opt?", "routes/optional-static.tsx"),
+          route("no-params", "routes/no-params.tsx"),
+          route("required-param/:req", "routes/required-param.tsx"),
+          route("optional-param/:opt?", "routes/optional-param.tsx"),
+          route("/leading-and-trailing-slash/", "routes/leading-and-trailing-slash.tsx"),
+          route("some-other-route", "routes/some-other-route.tsx"),
+        ] satisfies RouteConfig;
+      `,
+      "app/routes/optional-static.tsx": tsx`
+        export default function Component() {}
+      `,
+      "app/routes/no-params.tsx": tsx`
+        export default function Component() {}
+      `,
+      "app/routes/required-param.tsx": tsx`
+        export default function Component() {}
+      `,
+      "app/routes/optional-param.tsx": tsx`
+        export default function Component() {}
+      `,
+      "app/routes/leading-and-trailing-slash.tsx": tsx`
+        export default function Component() {}
+      `,
+      "app/routes/some-other-route.tsx": tsx`
+        import { href } from "react-router"
+
+        // @ts-expect-error
+        href("/does-not-exist")
+
+        href("/optional-static")
+        href("/optional-static/opt")
+        // @ts-expect-error
+        href("/optional-static/opt?")
+
+        href("/no-params")
+
+        // @ts-expect-error
+        href("/required-param/:req")
+        href("/required-param/:req", { req: "hello" })
+
+        // @ts-expect-error
+        href("/optional-param")
+        // @ts-expect-error
+        href("/optional-param/:opt", { opt: "hello" })
+        href("/optional-param/:opt?")
+        href("/optional-param/:opt?", { opt: "hello" })
+
+        href("/leading-and-trailing-slash")
+        // @ts-expect-error
+        href("/leading-and-trailing-slash/")
+
+        export default function Component() {}
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test("reuse route file at multiple paths", async ({ edit, $ }) => {
+    await edit({
+      "app/routes.ts": tsx`
+        import { type RouteConfig, route } from "@react-router/dev/routes";
+        export default [
+          route("base/:base", "routes/base.tsx", [
+            route("home/:home", "routes/route.tsx", { id: "home" }),
+            route("changelog/:changelog", "routes/route.tsx", { id: "changelog" }),
+            route("splat/*", "routes/route.tsx", { id: "splat" }),
+          ]),
+          route("other/:other", "routes/route.tsx", { id: "other" })
+        ] satisfies RouteConfig;
+      `,
+      "app/routes/base.tsx": tsx`
+        import { Outlet } from "react-router"
+        import type { Route } from "./+types/base"
+
+        export function loader() {
+          return { base: "hello" }
+        }
+
+        export default function Component() {
+          return (
+            <>
+              <h1>Layout</h1>
+              <Outlet/>
+            </>
+          )
+        }
+      `,
+      "app/routes/route.tsx": tsx`
+        import type { Expect, Equal } from "../expect-type"
+        import type { Route } from "./+types/route"
+
+        export function loader() {
+          return { route: "world" }
+        }
+
+        export default function Component({ params, matches }: Route.ComponentProps) {
+          type Test = Expect<Equal<typeof params,
+            | {
+                  base: string;
+                  home: string;
+                  changelog?: undefined;
+                  "*"?: undefined;
+                  other?: undefined;
+                }
+              | {
+                  base: string;
+                  home?: undefined;
+                  changelog: string;
+                  "*"?: undefined;
+                  other?: undefined;
+                }
+              | {
+                  base: string;
+                  home?: undefined;
+                  changelog?: undefined;
+                  "*": string;
+                  other?: undefined;
+                }
+              | {
+                  base?: undefined;
+                  home?: undefined;
+                  changelog?: undefined;
+                  "*"?: undefined;
+                  other: string;
+                }
+          >>
+          return <h1>Hello, world!</h1>
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+
+  test.describe("virtual:react-router/server-build", async () => {
+    test("static import matches 'createRequestHandler' argument type", async ({
+      edit,
+      $,
+    }) => {
+      await edit({
+        "app/routes.ts": tsx`
+          import { type RouteConfig } from "@react-router/dev/routes";
+          export default [] satisfies RouteConfig;
+        `,
+        "app/handler.ts": tsx`
+          import { createRequestHandler } from "react-router";
+          import * as serverBuild from "virtual:react-router/server-build";
+          export default createRequestHandler(serverBuild);
+        `,
+      });
+      await $("pnpm typecheck");
+    });
+
+    test("works with tsconfig 'moduleDetection' set to 'force'", async ({
+      edit,
+      $,
+    }) => {
+      await edit({
+        "app/routes.ts": tsx`
+          import { type RouteConfig } from "@react-router/dev/routes";
+          export default [] satisfies RouteConfig;
+        `,
+        "app/handler.ts": tsx`
+          import { createRequestHandler } from "react-router";
+          import * as serverBuild from "virtual:react-router/server-build";
+          export default createRequestHandler(serverBuild);
+        `,
+        "tsconfig.json": (contents) => {
+          const tsconfig = JSON.parse(contents);
+          tsconfig.compilerOptions.moduleDetection = "force";
+          return JSON.stringify(tsconfig, null, 2);
+        },
+      });
+      await $("pnpm typecheck");
+    });
+
+    test("dynamic import matches 'createRequestHandler' function argument type", async ({
+      edit,
+      $,
+    }) => {
+      await edit({
+        "app/routes.ts": tsx`
+          import { type RouteConfig } from "@react-router/dev/routes";
+          export default [] satisfies RouteConfig;
+        `,
+        "app/handler.ts": tsx`
+          import { createRequestHandler } from "react-router";
+          export default createRequestHandler(
+            () => import("virtual:react-router/server-build")
+          );
+        `,
+      });
+      await $("pnpm typecheck");
+    });
+  });
+
+  test.describe("server-first route component detection", () => {
+    test.describe("ServerComponent export", () => {
+      test("when RSC Framework Mode plugin is present", async ({ edit, $ }) => {
+        await edit({
+          "rsbuild.config.ts": await rsbuildConfig.basic({
+            templateName: "rsc-framework",
+          }),
+          "app/routes.ts": tsx`
+            import { type RouteConfig, route } from "@react-router/dev/routes";
+
+            export default [
+              route("server-component/:id", "routes/server-component.tsx")
+            ] satisfies RouteConfig;
+          `,
+          "app/routes/server-component.tsx": tsx`
+            import type { Expect, Equal } from "../expect-type"
+            import type { Route } from "./+types/server-component"
+
+            export function loader({ params }: Route.LoaderArgs) {
+              type Test = Expect<Equal<typeof params, { id: string} >>
+              return { server: "server" }
+            }
+
+            export function clientLoader() {
+              return { client: "client" }
+            }
+
+            export function action() {
+              return { server: "server" }
+            }
+
+            export function clientAction() {
+              return { client: "client" }
+            }
+
+            export function ServerComponent({
+              loaderData,
+              actionData
+            }: Route.ServerComponentProps) {
+              type TestLoaderData = Expect<Equal<typeof loaderData, { server: string }>>
+              type TestActionData = Expect<Equal<typeof actionData, { server: string } | undefined>>
+
+              return (
+                <>
+                  <h1>ServerComponent</h1>
+                  <p>Loader data: {loaderData.server}</p>
+                  <p>Action data: {actionData?.server}</p>
+                </>
+              )
+            }
+
+            export function ServerErrorBoundary({
+              loaderData,
+              actionData
+            }: Route.ServerErrorBoundaryProps) {
+              type TestLoaderData = Expect<Equal<typeof loaderData, { server: string } | undefined>>
+              type TestActionData = Expect<Equal<typeof actionData, { server: string } | undefined>>
+
+              return (
+                <>
+                  <h1>ErrorBoundary</h1>
+                  <p>Loader data: {loaderData?.server}</p>
+                  <p>Action data: {actionData?.server}</p>
+                </>
+              )
+            }
+
+            export function ServerHydrateFallback({
+              loaderData,
+              actionData
+            }: Route.ServerHydrateFallbackProps) {
+              type TestLoaderData = Expect<Equal<typeof loaderData, { server: string } | undefined>>
+              type TestActionData = Expect<Equal<typeof actionData, { server: string } | undefined>>
+
+              return (
+                <>
+                  <h1>HydrateFallback</h1>
+                  <p>Loader data: {loaderData?.server}</p>
+                  <p>Action data: {actionData?.server}</p>
+                </>
+              )
+            }
+          `,
+        });
+        await $("pnpm typecheck");
+      });
+    });
+
+    test.describe("default export", () => {
+      const clientFirstRouteFiles = {
+        "app/routes.ts": tsx`
+          import { type RouteConfig, route } from "@react-router/dev/routes";
+
+          export default [
+            route("client-component/:id", "routes/client-component.tsx")
+          ] satisfies RouteConfig;
+        `,
+        "app/routes/client-component.tsx": tsx`
+          import type { Expect, Equal } from "../expect-type"
+          import type { Route } from "./+types/client-component"
+
+          export function loader({ params }: Route.LoaderArgs) {
+            type Test = Expect<Equal<typeof params, { id: string} >>
+            return { server: "server" }
+          }
+
+          export function clientLoader() {
+            return { client: "client" }
+          }
+
+          export function action() {
+            return { server: "server" }
+          }
+
+          export function clientAction() {
+            return { client: "client" }
+          }
+
+          export default function ClientComponent({
+            loaderData,
+            actionData
+          }: Route.ComponentProps) {
+            type TestLoaderData = Expect<Equal<typeof loaderData, { server: string } | { client: string }>>
+            type TestActionData = Expect<Equal<typeof actionData, { server: string } | { client: string } | undefined>>
+
+            return (
+              <>
+                <h1>default (Component)</h1>
+                <p>Loader data: {"server" in loaderData ? loaderData.server : loaderData.client}</p>
+                {actionData && <p>Action data: {"server" in actionData ? actionData.server : actionData.client}</p>}
+              </>
+            )
+          }
+
+          export function ErrorBoundary({
+            loaderData,
+            actionData
+          }: Route.ErrorBoundaryProps) {
+            type TestLoaderData = Expect<Equal<typeof loaderData, { server: string } | { client: string } | undefined>>
+            type TestActionData = Expect<Equal<typeof actionData, { server: string } | { client: string } | undefined>>
+
+            return (
+              <>
+                <h1>ErrorBoundary</h1>
+                {loaderData && <p>Loader data: {"server" in loaderData ? loaderData.server : loaderData.client}</p>}
+                {actionData && <p>Action data: {"server" in actionData ? actionData.server : actionData.client}</p>}
+              </>
+            )
+          }
+
+          export function HydrateFallback({
+            loaderData,
+            actionData
+          }: Route.HydrateFallbackProps) {
+            type TestLoaderData = Expect<Equal<typeof loaderData, { server: string } | { client: string } | undefined>>
+            type TestActionData = Expect<Equal<typeof actionData, { server: string } | { client: string } | undefined>>
+
+            return (
+              <>
+                <h1>HydrateFallback</h1>
+                {loaderData && <p>Loader data: {"server" in loaderData ? loaderData.server : loaderData.client}</p>}
+                {actionData && <p>Action data: {"server" in actionData ? actionData.server : actionData.client}</p>}
+              </>
+            )
+          }
+        `,
+      };
+
+      test("when RSC Framework Mode plugin is present", async ({ edit, $ }) => {
+        await edit({
+          "rsbuild.config.ts": await rsbuildConfig.basic({
+            templateName: "rsc-framework",
+          }),
+          ...clientFirstRouteFiles,
+        });
+        await $("pnpm typecheck");
+      });
+
+      test("when RSC Framework Mode plugin is not present", async ({
+        edit,
+        $,
+      }) => {
+        await edit({
+          "rsbuild.config.ts": await rsbuildConfig.basic({
+            templateName: "rsbuild-template",
+          }),
+          ...clientFirstRouteFiles,
+        });
+        await $("pnpm typecheck");
+      });
+    });
+  });
+
+  test("layout without pages", async ({ edit, $ }) => {
+    await edit({
+      "app/routes.ts": tsx`
+        import { type RouteConfig, layout } from "@react-router/dev/routes";
+
+        export default [
+          layout("routes/layout.tsx", []),
+        ] satisfies RouteConfig;
+      `,
+      "app/routes/layout.tsx": tsx`
+        import { Outlet } from "react-router"
+        export default function Component() {
+          return <div><Outlet /></div>
+        }
+      `,
+    });
+    await $("pnpm typecheck");
+  });
+});
diff --git a/tests/react-router-framework/integration/unused-route-exports-test.ts b/tests/react-router-framework/integration/unused-route-exports-test.ts
new file mode 100644
index 00000000..96e44b47
--- /dev/null
+++ b/tests/react-router-framework/integration/unused-route-exports-test.ts
@@ -0,0 +1,37 @@
+import * as path from "node:path";
+import { test, expect } from "@playwright/test";
+
+import { createProject, grep, build } from "./helpers/rsbuild.js";
+
+test("dead-code elimination for unused route exports", async () => {
+  let cwd = await createProject({
+    "app/routes/custom-route-exports.tsx": String.raw`
+      const unusedMessage = "ROUTE_EXPORT_THAT_ISNT_USED";
+      const usedMessage = "ROUTE_EXPORT_THAT_IS_USED";
+
+      export const unusedRouteExport = unusedMessage;
+      export const usedRouteExport = usedMessage;
+
+      export default function CustomExportsRoute() {
+        return <h1>Custom route exports</h1>
+      }
+    `,
+    "app/routes/use-route-export.tsx": String.raw`
+      import { usedRouteExport } from "./custom-route-exports";
+
+      export default function CustomExportsRoute() {
+        return <h1>{usedRouteExport}</h1>
+      }
+    `,
+  });
+  let { status } = build({ cwd });
+  expect(status).toBe(0);
+
+  expect(
+    grep(path.join(cwd, "build/client"), /ROUTE_EXPORT_THAT_ISNT_USED/).length,
+  ).toBe(0);
+
+  expect(
+    grep(path.join(cwd, "build/client"), /ROUTE_EXPORT_THAT_IS_USED/).length,
+  ).toBeGreaterThanOrEqual(1);
+});
diff --git a/tests/react-router-framework/integration/use-route-test.ts b/tests/react-router-framework/integration/use-route-test.ts
new file mode 100644
index 00000000..14515bb1
--- /dev/null
+++ b/tests/react-router-framework/integration/use-route-test.ts
@@ -0,0 +1,138 @@
+import tsx from "dedent";
+import { expect } from "@playwright/test";
+
+import { test } from "./helpers/fixtures";
+import * as Stream from "./helpers/stream";
+import getPort from "get-port";
+
+test.use({
+  files: {
+    "app/expect-type.ts": tsx`
+      export type Expect<T extends true> = T
+
+      export type Equal<X, Y> =
+        (<T>() => T extends X ? 1 : 2) extends
+        (<T>() => T extends Y ? 1 : 2) ? true : false
+    `,
+    "app/routes.ts": tsx`
+      import { type RouteConfig, route } from "@react-router/dev/routes"
+
+      export default [
+        route("parent", "routes/parent.tsx", [
+          route("current", "routes/current.tsx")
+        ]),
+        route("other", "routes/other.tsx"),
+      ] satisfies RouteConfig
+    `,
+    "app/root.tsx": tsx`
+      import { Outlet } from "react-router"
+
+      export const handle = { rootHandle: "root/handle" }
+      export const loader = () => ({ rootLoader: "root/loader" })
+      export const action = () => ({ rootAction: "root/action" })
+
+      export default function Component() {
+        return (
+          <>
+            <h1>Root</h1>
+            <Outlet />
+          </>
+        )
+      }
+    `,
+    "app/routes/parent.tsx": tsx`
+      import { Outlet } from "react-router"
+
+      export const handle = { parentHandle: "parent/handle" }
+      export const loader = () => ({ parentLoader: "parent/loader" })
+      export const action = () => ({ parentAction: "parent/action" })
+
+      export default function Component() {
+        return (
+          <>
+            <h2>Parent</h2>
+            <Outlet />
+          </>
+        )
+      }
+    `,
+    "app/routes/current.tsx": tsx`
+      import { unstable_useRoute as useRoute } from "react-router"
+
+      import type { Expect, Equal } from "../expect-type"
+
+      export const handle = { currentHandle: "current/handle" }
+      export const loader = () => ({ currentLoader: "current/loader" })
+      export const action = () => ({ currentAction: "current/action" })
+
+      export default function Component() {
+        const current = useRoute()
+        type Test1 = Expect<Equal<typeof current, {
+          handle: unknown,
+          loaderData: unknown,
+          actionData: unknown,
+        }>>
+
+        const root = useRoute("root")
+        type Test2 = Expect<Equal<typeof root, {
+          handle: { rootHandle: string },
+          loaderData: { rootLoader: string } | undefined,
+          actionData: { rootAction: string } | undefined,
+        }>>
+
+        const parent = useRoute("routes/parent")
+        type Test3 = Expect<Equal<typeof parent, {
+          handle: { parentHandle: string },
+          loaderData: { parentLoader: string } | undefined,
+          actionData: { parentAction: string } | undefined
+        } | undefined>>
+
+        const other = useRoute("routes/other")
+        type Test4 = Expect<Equal<typeof other, {
+          handle: { otherHandle: string },
+          loaderData: { otherLoader: string } | undefined,
+          actionData: { otherAction: string } | undefined,
+        } | undefined>>
+
+        return (
+          <>
+            <pre data-root>{root.loaderData?.rootLoader}</pre>
+            <pre data-parent>{parent?.loaderData?.parentLoader}</pre>
+            {/* @ts-expect-error */}
+            <pre data-current>{current?.loaderData?.currentLoader}</pre>
+            <pre data-other>{other === undefined ? "undefined" : "something else"}</pre>
+          </>
+        )
+      }
+    `,
+    "app/routes/other.tsx": tsx`
+      export const handle = { otherHandle: "other/handle" }
+      export const loader = () => ({ otherLoader: "other/loader" })
+      export const action = () => ({ otherAction: "other/action" })
+
+      export default function Component() {
+        return <h2>Other</h2>
+      }
+    `,
+  },
+});
+
+test("useRoute", async ({ $, page }) => {
+  await $("pnpm typecheck");
+
+  const port = await getPort();
+  const url = `http://localhost:${port}`;
+
+  const dev = $(`pnpm dev --port ${port}`);
+  await Stream.match(dev.stdout, url);
+
+  await page.goto(url + "/parent/current", { waitUntil: "networkidle" });
+
+  await expect(page.locator("[data-root]")).toHaveText("root/loader");
+
+  await expect(page.locator("[data-parent]")).toHaveText("parent/loader");
+
+  await expect(page.locator("[data-current]")).toHaveText("current/loader");
+
+  await expect(page.locator("[data-other]")).toHaveText("undefined");
+});
diff --git a/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/.gitignore b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/.gitignore
new file mode 100644
index 00000000..752e5fe8
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+
+/build
+.env
+
+.react-router/
diff --git a/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/app/root.tsx b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/app/root.tsx
new file mode 100644
index 00000000..b36392b4
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/app/root.tsx
@@ -0,0 +1,19 @@
+import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
+
+export default function App() {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <Outlet />
+        <ScrollRestoration />
+        <Scripts />
+      </body>
+    </html>
+  );
+}
diff --git a/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/app/routes.ts b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/app/routes.ts
new file mode 100644
index 00000000..49b6a048
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/app/routes.ts
@@ -0,0 +1,5 @@
+// Note that since this is used in a unit test context, we don't have access to
+// the `dev` build yet, so we can't import from `@react-router/dev/routes`.
+const routes = [{ file: "routes/_index.tsx", index: true }];
+
+export default routes;
diff --git a/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/app/routes/_index.tsx b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/app/routes/_index.tsx
new file mode 100644
index 00000000..ecfc25c6
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/app/routes/_index.tsx
@@ -0,0 +1,16 @@
+import type { MetaFunction } from "react-router";
+
+export const meta: MetaFunction = () => {
+  return [
+    { title: "New React Router App" },
+    { name: "description", content: "Welcome to React Router!" },
+  ];
+};
+
+export default function Index() {
+  return (
+    <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
+      <h1>Welcome to React Router</h1>
+    </div>
+  );
+}
diff --git a/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/package.json b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/package.json
new file mode 100644
index 00000000..3dca4dc1
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/package.json
@@ -0,0 +1,28 @@
+{
+  "private": true,
+  "sideEffects": false,
+  "type": "module",
+  "scripts": {
+    "build": "react-router build",
+    "dev": "react-router dev",
+    "start": "react-router-serve build/index.js",
+    "typecheck": "tsc"
+  },
+  "dependencies": {
+    "react-router": "*",
+    "@react-router/node": "*",
+    "@react-router/serve": "*",
+    "isbot": "^5.1.11",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
+  },
+  "devDependencies": {
+    "@react-router/dev": "*",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": ">=22.22.0"
+  }
+}
diff --git a/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/public/favicon.ico b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/public/favicon.ico
new file mode 100644
index 00000000..5dbdfcdd
Binary files /dev/null and b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/public/favicon.ico differ
diff --git a/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/tsconfig.json b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/tsconfig.json
new file mode 100644
index 00000000..b058d9be
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/fixtures/basic/tsconfig.json
@@ -0,0 +1,16 @@
+{
+  "extends": "../../../../../tsconfig.base.json",
+  "include": ["**/*.ts", "**/*.tsx"],
+  "compilerOptions": {
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "types": ["@react-router/node", "@rsbuild/core/types"],
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "paths": {
+      "~/*": ["./app/*"]
+    },
+    "noEmit": true
+  }
+}
diff --git a/tests/react-router-framework/react-router-dev/__tests__/route-config-test.ts b/tests/react-router-framework/react-router-dev/__tests__/route-config-test.ts
new file mode 100644
index 00000000..8ecc5f03
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/route-config-test.ts
@@ -0,0 +1,565 @@
+import path from "node:path";
+import { normalize as normalizePath } from "pathe";
+
+import {
+  validateRouteConfig,
+  route,
+  layout,
+  index,
+  prefix,
+  relative,
+} from "../config/routes";
+
+const cleanPathsForSnapshot = (obj: any): any =>
+  JSON.parse(
+    JSON.stringify(obj, (_key, value) =>
+      typeof value === "string" && path.isAbsolute(value)
+        ? normalizePath(value.replace(process.cwd(), "{{CWD}}"))
+        : value,
+    ),
+  );
+
+describe("route config", () => {
+  describe("validateRouteConfig", () => {
+    it("validates a route config", () => {
+      const routeConfig = prefix("prefix", [
+        route("parent", "parent.tsx", [route("child", "child.tsx")]),
+      ]);
+      expect(
+        validateRouteConfig({
+          routeConfigFile: "routes.ts",
+          routeConfig,
+        }),
+      ).toEqual({
+        valid: true,
+        routeConfig,
+      });
+    });
+
+    it("is invalid when not an array", () => {
+      let result = validateRouteConfig({
+        routeConfigFile: "routes.ts",
+        routeConfig: route("path", "file.tsx"),
+      });
+
+      expect(result.valid).toBe(false);
+      expect(!result.valid && result.message).toMatchInlineSnapshot(
+        `"Route config in "routes.ts" must be an array."`,
+      );
+    });
+
+    it("is invalid when route is a promise", () => {
+      let result = validateRouteConfig({
+        routeConfigFile: "routes.ts",
+        /* @ts-expect-error */
+        routeConfig: [route("parent", "parent.tsx", [Promise.resolve({})])],
+      });
+
+      expect(result.valid).toBe(false);
+      expect(!result.valid && result.message).toMatchInlineSnapshot(`
+        "Route config in "routes.ts" is invalid.
+
+        Path: routes.0.children.0
+        Invalid type: Expected object but received a promise. Did you forget to await?"
+      `);
+    });
+
+    it("is invalid when file is missing", () => {
+      let result = validateRouteConfig({
+        routeConfigFile: "routes.ts",
+        /* @ts-expect-error */
+        routeConfig: [route("parent", "parent.tsx", [{ id: "child" }])],
+      });
+
+      expect(result.valid).toBe(false);
+      expect(!result.valid && result.message).toMatchInlineSnapshot(`
+        "Route config in "routes.ts" is invalid.
+
+        Path: routes.0.children.0.file
+        Invalid key: Expected "file" but received undefined"
+      `);
+    });
+
+    it("is invalid it uses the 'root' id", () => {
+      let result = validateRouteConfig({
+        routeConfigFile: "routes.ts",
+        routeConfig: [route("/", "root.tsx", { id: "root" })],
+      });
+
+      expect(result.valid).toBe(false);
+      expect(!result.valid && result.message).toMatchInlineSnapshot(`
+        "Route config in "routes.ts" is invalid.
+
+        Path: routes.0.id
+        A route cannot use the reserved id 'root'."
+      `);
+    });
+
+    it("is invalid when property is wrong type", () => {
+      let result = validateRouteConfig({
+        routeConfigFile: "routes.ts",
+        /* @ts-expect-error */
+        routeConfig: [route("parent", "parent.tsx", [{ file: 123 }])],
+      });
+
+      expect(result.valid).toBe(false);
+      expect(!result.valid && result.message).toMatchInlineSnapshot(`
+        "Route config in "routes.ts" is invalid.
+
+        Path: routes.0.children.0.file
+        Invalid type: Expected string but received 123"
+      `);
+    });
+
+    it("shows multiple error messages", () => {
+      let result = validateRouteConfig({
+        routeConfigFile: "routes.ts",
+        routeConfig: [
+          /* @ts-expect-error */
+          route("parent", "parent.tsx", [
+            { id: "child" },
+            { file: 123 },
+            Promise.resolve(),
+          ]),
+        ],
+      });
+
+      expect(result.valid).toBe(false);
+      expect(!result.valid && result.message).toMatchInlineSnapshot(`
+        "Route config in "routes.ts" is invalid.
+
+        Path: routes.0.children.0.file
+        Invalid key: Expected "file" but received undefined
+
+        Path: routes.0.children.1.file
+        Invalid type: Expected string but received 123
+
+        Path: routes.0.children.2
+        Invalid type: Expected object but received a promise. Did you forget to await?"
+      `);
+    });
+  });
+
+  describe("route helpers", () => {
+    describe("route", () => {
+      it("supports basic routes", () => {
+        expect(route("path", "file.tsx")).toMatchInlineSnapshot(`
+          {
+            "children": undefined,
+            "file": "file.tsx",
+            "path": "path",
+          }
+        `);
+      });
+
+      it("supports children", () => {
+        expect(route("parent", "parent.tsx", [route("child", "child.tsx")]))
+          .toMatchInlineSnapshot(`
+          {
+            "children": [
+              {
+                "children": undefined,
+                "file": "child.tsx",
+                "path": "child",
+              },
+            ],
+            "file": "parent.tsx",
+            "path": "parent",
+          }
+        `);
+      });
+
+      it("supports custom IDs", () => {
+        expect(route("path", "file.tsx", { id: "custom-id" }))
+          .toMatchInlineSnapshot(`
+          {
+            "children": undefined,
+            "file": "file.tsx",
+            "id": "custom-id",
+            "path": "path",
+          }
+        `);
+      });
+
+      it("supports custom IDs with children", () => {
+        expect(
+          route("parent", "parent.tsx", { id: "custom-id" }, [
+            route("child", "child.tsx"),
+          ]),
+        ).toMatchInlineSnapshot(`
+          {
+            "children": [
+              {
+                "children": undefined,
+                "file": "child.tsx",
+                "path": "child",
+              },
+            ],
+            "file": "parent.tsx",
+            "id": "custom-id",
+            "path": "parent",
+          }
+        `);
+      });
+
+      it("supports case sensitive routes", () => {
+        expect(route("path", "file.tsx", { caseSensitive: true }))
+          .toMatchInlineSnapshot(`
+          {
+            "caseSensitive": true,
+            "children": undefined,
+            "file": "file.tsx",
+            "path": "path",
+          }
+        `);
+      });
+
+      it("supports pathless index", () => {
+        expect(route(null, "file.tsx", { index: true })).toMatchInlineSnapshot(`
+          {
+            "children": undefined,
+            "file": "file.tsx",
+            "index": true,
+            "path": undefined,
+          }
+        `);
+      });
+
+      it("ignores unsupported options", () => {
+        expect(
+          // @ts-expect-error unsupportedOption
+          route(null, "file.tsx", {
+            index: true,
+            unsupportedOption: 123,
+          }),
+        ).toMatchInlineSnapshot(`
+          {
+            "children": undefined,
+            "file": "file.tsx",
+            "index": true,
+            "path": undefined,
+          }
+        `);
+      });
+    });
+
+    describe("index", () => {
+      it("supports basic routes", () => {
+        expect(index("file.tsx")).toMatchInlineSnapshot(`
+          {
+            "file": "file.tsx",
+            "index": true,
+          }
+        `);
+      });
+
+      it("supports custom IDs", () => {
+        expect(index("file.tsx", { id: "custom-id" })).toMatchInlineSnapshot(`
+          {
+            "file": "file.tsx",
+            "id": "custom-id",
+            "index": true,
+          }
+        `);
+      });
+
+      it("ignores unsupported options", () => {
+        expect(
+          index("file.tsx", {
+            id: "custom-id",
+            // @ts-expect-error
+            unsupportedOption: 123,
+          }),
+        ).toMatchInlineSnapshot(`
+          {
+            "file": "file.tsx",
+            "id": "custom-id",
+            "index": true,
+          }
+        `);
+      });
+    });
+
+    describe("layout", () => {
+      it("supports basic routes", () => {
+        expect(layout("layout.tsx")).toMatchInlineSnapshot(`
+          {
+            "children": undefined,
+            "file": "layout.tsx",
+          }
+        `);
+      });
+
+      it("supports children", () => {
+        expect(layout("layout.tsx", [route("child", "child.tsx")]))
+          .toMatchInlineSnapshot(`
+          {
+            "children": [
+              {
+                "children": undefined,
+                "file": "child.tsx",
+                "path": "child",
+              },
+            ],
+            "file": "layout.tsx",
+          }
+        `);
+      });
+
+      it("supports custom IDs", () => {
+        expect(layout("layout.tsx", { id: "custom-id" }))
+          .toMatchInlineSnapshot(`
+          {
+            "children": undefined,
+            "file": "layout.tsx",
+            "id": "custom-id",
+          }
+        `);
+      });
+
+      it("supports custom IDs with children", () => {
+        expect(
+          layout("layout.tsx", { id: "custom-id" }, [
+            route("child", "child.tsx"),
+          ]),
+        ).toMatchInlineSnapshot(`
+          {
+            "children": [
+              {
+                "children": undefined,
+                "file": "child.tsx",
+                "path": "child",
+              },
+            ],
+            "file": "layout.tsx",
+            "id": "custom-id",
+          }
+        `);
+      });
+    });
+
+    describe("prefix", () => {
+      it("adds a prefix to routes", () => {
+        expect(prefix("prefix", [route("route", "routes/route.tsx")]))
+          .toMatchInlineSnapshot(`
+          [
+            {
+              "children": undefined,
+              "file": "routes/route.tsx",
+              "path": "prefix/route",
+            },
+          ]
+        `);
+      });
+
+      it("adds a prefix to routes with a blank path", () => {
+        expect(prefix("prefix", [route("", "routes/route.tsx")]))
+          .toMatchInlineSnapshot(`
+          [
+            {
+              "children": undefined,
+              "file": "routes/route.tsx",
+              "path": "prefix",
+            },
+          ]
+        `);
+      });
+
+      it("adds a prefix with a trailing slash to routes", () => {
+        expect(prefix("prefix/", [route("route", "routes/route.tsx")]))
+          .toMatchInlineSnapshot(`
+          [
+            {
+              "children": undefined,
+              "file": "routes/route.tsx",
+              "path": "prefix/route",
+            },
+          ]
+        `);
+      });
+
+      it("adds a prefix to routes with leading slash", () => {
+        expect(prefix("prefix", [route("/route", "routes/route.tsx")]))
+          .toMatchInlineSnapshot(`
+          [
+            {
+              "children": undefined,
+              "file": "routes/route.tsx",
+              "path": "prefix/route",
+            },
+          ]
+        `);
+      });
+
+      it("adds a prefix with a trailing slash to routes with leading slash", () => {
+        expect(prefix("prefix/", [route("/route", "routes/route.tsx")]))
+          .toMatchInlineSnapshot(`
+          [
+            {
+              "children": undefined,
+              "file": "routes/route.tsx",
+              "path": "prefix/route",
+            },
+          ]
+        `);
+      });
+
+      it("adds a prefix to index routes", () => {
+        expect(prefix("prefix", [index("routes/index.tsx")]))
+          .toMatchInlineSnapshot(`
+          [
+            {
+              "children": undefined,
+              "file": "routes/index.tsx",
+              "index": true,
+              "path": "prefix",
+            },
+          ]
+        `);
+      });
+
+      it("adds a prefix to children of layout routes", () => {
+        expect(
+          prefix("prefix", [
+            layout("routes/layout.tsx", [route("route", "routes/route.tsx")]),
+          ]),
+        ).toMatchInlineSnapshot(`
+          [
+            {
+              "children": [
+                {
+                  "children": undefined,
+                  "file": "routes/route.tsx",
+                  "path": "prefix/route",
+                },
+              ],
+              "file": "routes/layout.tsx",
+            },
+          ]
+        `);
+      });
+
+      it("adds a prefix to children of nested layout routes", () => {
+        expect(
+          prefix("prefix", [
+            layout("routes/layout-1.tsx", [
+              route("layout-1-child", "routes/layout-1-child.tsx"),
+              layout("routes/layout-2.tsx", [
+                route("layout-2-child", "routes/layout-2-child.tsx"),
+                layout("routes/layout-3.tsx", [
+                  route("layout-3-child", "routes/layout-3-child.tsx"),
+                ]),
+              ]),
+            ]),
+          ]),
+        ).toMatchInlineSnapshot(`
+          [
+            {
+              "children": [
+                {
+                  "children": undefined,
+                  "file": "routes/layout-1-child.tsx",
+                  "path": "prefix/layout-1-child",
+                },
+                {
+                  "children": [
+                    {
+                      "children": undefined,
+                      "file": "routes/layout-2-child.tsx",
+                      "path": "prefix/layout-2-child",
+                    },
+                    {
+                      "children": [
+                        {
+                          "children": undefined,
+                          "file": "routes/layout-3-child.tsx",
+                          "path": "prefix/layout-3-child",
+                        },
+                      ],
+                      "file": "routes/layout-3.tsx",
+                    },
+                  ],
+                  "file": "routes/layout-2.tsx",
+                },
+              ],
+              "file": "routes/layout-1.tsx",
+            },
+          ]
+        `);
+      });
+    });
+
+    describe("relative", () => {
+      it("supports relative routes", () => {
+        let { route } = relative(path.join(process.cwd(), "/path/to/dirname"));
+        expect(
+          cleanPathsForSnapshot(
+            route("parent", "nested/parent.tsx", [
+              route("child", "nested/child.tsx", { id: "child" }),
+            ]),
+          ),
+        ).toMatchInlineSnapshot(`
+          {
+            "children": [
+              {
+                "file": "{{CWD}}/path/to/dirname/nested/child.tsx",
+                "id": "child",
+                "path": "child",
+              },
+            ],
+            "file": "{{CWD}}/path/to/dirname/nested/parent.tsx",
+            "path": "parent",
+          }
+        `);
+      });
+
+      it("supports relative index routes", () => {
+        let { index } = relative(path.join(process.cwd(), "/path/to/dirname"));
+        expect(
+          cleanPathsForSnapshot([
+            index("nested/without-options.tsx"),
+            index("nested/with-options.tsx", { id: "with-options" }),
+          ]),
+        ).toMatchInlineSnapshot(`
+          [
+            {
+              "file": "{{CWD}}/path/to/dirname/nested/without-options.tsx",
+              "index": true,
+            },
+            {
+              "file": "{{CWD}}/path/to/dirname/nested/with-options.tsx",
+              "id": "with-options",
+              "index": true,
+            },
+          ]
+        `);
+      });
+
+      it("supports relative layout routes", () => {
+        let { layout } = relative(path.join(process.cwd(), "/path/to/dirname"));
+        expect(
+          cleanPathsForSnapshot(
+            layout("nested/parent.tsx", [
+              layout("nested/child.tsx", { id: "child" }),
+            ]),
+          ),
+        ).toMatchInlineSnapshot(`
+          {
+            "children": [
+              {
+                "file": "{{CWD}}/path/to/dirname/nested/child.tsx",
+                "id": "child",
+              },
+            ],
+            "file": "{{CWD}}/path/to/dirname/nested/parent.tsx",
+          }
+        `);
+      });
+
+      it("provides passthrough for non-relative APIs", () => {
+        let { prefix: relativePrefix } = relative("/path/to/dirname");
+        expect(relativePrefix).toBe(prefix);
+      });
+    });
+  });
+});
diff --git a/tests/react-router-framework/react-router-dev/__tests__/rsc-virtual-route-modules-test.ts b/tests/react-router-framework/react-router-dev/__tests__/rsc-virtual-route-modules-test.ts
new file mode 100644
index 00000000..852d79b8
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/rsc-virtual-route-modules-test.ts
@@ -0,0 +1,688 @@
+import * as assert from "node:assert";
+import ts from "typescript";
+import { describe, expect, it } from "@rstest/core";
+
+import { transformRscRouteModule } from "../../../../src/rsc-route-transforms";
+import type { RouteChunkConfig } from "../../../../src/route-chunks";
+import { removeExports, removeUnusedImports } from "../../../../src/route-export-pruning";
+import { generate, parse } from "../../../../src/yuku";
+
+const routeChunkConfig: RouteChunkConfig = {
+  splitRouteModules: false,
+  appDirectory: "/app",
+  rootRouteFile: "root.tsx",
+};
+
+const routeChunkCache = new Map();
+const plugin = {
+  getRouteIdForFile() {
+    return "test-route-id";
+  },
+  isRootRouteModule() {
+    return false;
+  },
+  async transformToJs(code: string, filename: string) {
+    return await ts.transpile(code, {
+      target: ts.ScriptTarget.ESNext,
+      module: ts.ModuleKind.ESNext,
+      jsx: ts.JsxEmit.ReactJSX,
+    });
+  },
+  async transform(_code: string, id: string) {
+    const [resourcePath, resourceQuery] = id.split("?");
+    const code = await plugin.transformToJs(_code, resourcePath);
+    return await transformRscRouteModule({
+      code,
+      resourcePath,
+      resourceQuery: resourceQuery ? `?${resourceQuery}` : undefined,
+      isRootRoute: plugin.isRootRouteModule(resourcePath),
+      routeId: plugin.getRouteIdForFile(resourcePath)!,
+      routeChunkCache,
+      routeChunkConfig,
+      isServerEnvironment: this.environment.name === "rsc",
+      isDev: this.environment.mode === "dev",
+    });
+  },
+};
+
+function createClientRouteModuleForOptimizeDepsScan(code: string) {
+  const ast = parse(code, { sourceType: "module" });
+  removeExports(ast, [
+    "ServerComponent",
+    "ServerLayout",
+    "ServerHydrateFallback",
+    "ServerErrorBoundary",
+    "loader",
+    "action",
+    "middleware",
+    "headers",
+  ]);
+  removeUnusedImports(ast);
+  return generate(ast);
+}
+
+const js = String.raw;
+
+const fullClientModule = js`
+  import "./side-effect.css";
+  import { client } from "./client";
+  import { server } from "./server";
+  import { shared } from "./shared";
+  export function loader() { console.log(server, shared); }
+  export function action() { console.log(server, shared); }
+  export function headers() { console.log(server, shared); }
+  export function clientLoader() { console.log(client, shared); }
+  export function clientAction() { console.log(client, shared); }
+  export function links() { console.log(client, shared); }
+  export function meta() { console.log(client, shared); }
+  export default function Route() { console.log(client, shared); }
+  export function Layout() { console.log(client, shared); }
+  export function ErrorBoundary() { console.log(client, shared); }
+  export function HydrateFallback() { console.log(client, shared); }
+`;
+
+const fullServerModule = js`
+  import "./side-effect.css";
+  import { client } from "./client";
+  import { server } from "./server";
+  import { shared } from "./shared";
+  export function loader() { console.log(server, shared); }
+  export function action() { console.log(server, shared); }
+  export function headers() { console.log(server, shared); }
+  export function clientLoader() { console.log(client, shared); }
+  export function clientAction() { console.log(client, shared); }
+  export function links() { console.log(client, shared); }
+  export function meta() { console.log(client, shared); }
+  export function ServerComponent() { console.log(server, shared); }
+  export function ServerLayout() { console.log(server, shared); }
+  export function ServerErrorBoundary() { console.log(server, shared); }
+  export function ServerHydrateFallback() { console.log(server, shared); }
+`;
+
+const mixedModule = js`
+  import "./side-effect.css";
+  import { client } from "./client";
+  import { server } from "./server";
+  import { shared } from "./shared";
+  export function loader() { console.log(server, shared); }
+  export function action() { console.log(server, shared); }
+  export function headers() { console.log(server, shared); }
+  export function clientLoader() { console.log(client, shared); }
+  export function clientAction() { console.log(client, shared); }
+  export function links() { console.log(client, shared); }
+  export function meta() { console.log(client, shared); }
+  export function ServerComponent() { console.log(server, shared); }
+  export function Layout() { console.log(client, shared); }
+  export function ErrorBoundary() { console.log(client, shared); }
+  export function HydrateFallback() { console.log(client, shared); }
+`;
+
+const unsplittableModule = js`
+  import "./side-effect.css";
+  import { client } from "./client";
+  import { server } from "./server";
+  import { shared } from "./shared";
+  export const test = "test";
+  export function loader() { console.log(server, shared); }
+  export function action() { console.log(server, shared); }
+  export function headers() { console.log(server, shared); }
+  export function clientLoader() { console.log(client, shared, test); }
+  export function clientAction() { console.log(client, shared, test); }
+  export function links() { console.log(client, shared); }
+  export function meta() { console.log(client, shared); }
+  export default function Route() { console.log(client, shared); }
+  export function Layout() { console.log(client, shared); }
+  export function ErrorBoundary() { console.log(client, shared); }
+  export function HydrateFallback() { console.log(client, shared, test); }
+`;
+
+const transform = plugin.transform.bind({
+  environment: { name: "rsc" },
+} as any);
+
+function withSharedChunkHmr(lines: string[]) {
+  return [
+    ...lines,
+    "",
+    'import * as ___EnsureClientRouteModuleForHMR_REACT___ from "react";',
+    "export function EnsureClientRouteModuleForHMR___() { return ___EnsureClientRouteModuleForHMR_REACT___.createElement(___EnsureClientRouteModuleForHMR_REACT___.Fragment, null) }",
+    "",
+  ];
+}
+
+// Intentional divergence from upstream: the rsbuild/rspack RSC flavor isolates
+// route data exports (`links`/`meta`/`handle`/`shouldRevalidate`) into a
+// dedicated CSS-free `?client-route-module=data` chunk instead of grouping them
+// into the `route` chunk. This keeps that chunk's client-manifest `cssFiles`
+// empty so the native rspack `RscServerPlugin` never wraps the data functions
+// in a CSS-injecting component wrapper. If a sync reintroduces `=route` targets
+// for `links`/`meta`, restore the `=data` form.
+describe("route entry", () => {
+  describe("client environment", () => {
+    const transform = plugin.transform.bind({
+      environment: { name: "client" },
+    } as any);
+
+    it("transforms full client modules", async () => {
+      const transformed = await transform(fullClientModule, "/test.js");
+      assert.ok(transformed);
+      expect(transformed.code).toBe(
+        [
+          '"use client";',
+          'import * as React from "react";',
+          'export const clientLoader = async (...args) => import("/test.js?client-route-module=clientLoader").then(mod => mod.clientLoader(...args));',
+          'export const clientAction = async (...args) => import("/test.js?client-route-module=clientAction").then(mod => mod.clientAction(...args));',
+          'export { links } from "/test.js?client-route-module=data";',
+          'export { meta } from "/test.js?client-route-module=data";',
+          'export { default } from "/test.js?client-route-module=route";',
+          'export { Layout } from "/test.js?client-route-module=route";',
+          'export { ErrorBoundary } from "/test.js?client-route-module=route";',
+          'export const HydrateFallback = React.lazy(() => import("/test.js?client-route-module=HydrateFallback").then(mod => ({ default: mod.HydrateFallback })));\n',
+        ].join("\n"),
+      );
+    });
+
+    it("transforms full server modules", async () => {
+      const transformed = await transform(fullServerModule, "/test.js");
+      assert.ok(transformed);
+      expect(transformed.code).toBe(
+        [
+          '"use client";',
+          'export const clientLoader = async (...args) => import("/test.js?client-route-module=clientLoader").then(mod => mod.clientLoader(...args));',
+          'export const clientAction = async (...args) => import("/test.js?client-route-module=clientAction").then(mod => mod.clientAction(...args));',
+          'export { links } from "/test.js?client-route-module=data";',
+          'export { meta } from "/test.js?client-route-module=data";\n',
+        ].join("\n"),
+      );
+    });
+
+    it("transforms mixed modules", async () => {
+      const transformed = await transform(mixedModule, "/test.js");
+      assert.ok(transformed);
+      expect(transformed.code).toBe(
+        [
+          '"use client";',
+          'import * as React from "react";',
+          'export const clientLoader = async (...args) => import("/test.js?client-route-module=clientLoader").then(mod => mod.clientLoader(...args));',
+          'export const clientAction = async (...args) => import("/test.js?client-route-module=clientAction").then(mod => mod.clientAction(...args));',
+          'export { links } from "/test.js?client-route-module=data";',
+          'export { meta } from "/test.js?client-route-module=data";',
+          'export { Layout } from "/test.js?client-route-module=route";',
+          'export { ErrorBoundary } from "/test.js?client-route-module=route";',
+          'export const HydrateFallback = React.lazy(() => import("/test.js?client-route-module=HydrateFallback").then(mod => ({ default: mod.HydrateFallback })));\n',
+        ].join("\n"),
+      );
+    });
+
+    it("transforms unsplittable modules", async () => {
+      const transformed = await transform(unsplittableModule, "/test.js");
+      assert.ok(transformed);
+      expect(transformed.code).toBe(
+        [
+          '"use client";',
+          'import * as React from "react";',
+          'export { test } from "/test.js?client-route-module=shared";',
+          'export const clientLoader = async (...args) => import("/test.js?client-route-module=route").then(mod => mod.clientLoader(...args));',
+          'export const clientAction = async (...args) => import("/test.js?client-route-module=route").then(mod => mod.clientAction(...args));',
+          'export { links } from "/test.js?client-route-module=data";',
+          'export { meta } from "/test.js?client-route-module=data";',
+          'export { default } from "/test.js?client-route-module=route";',
+          'export { Layout } from "/test.js?client-route-module=route";',
+          'export { ErrorBoundary } from "/test.js?client-route-module=route";',
+          'export const HydrateFallback = React.lazy(() => import("/test.js?client-route-module=route").then(mod => ({ default: mod.HydrateFallback })));\n',
+        ].join("\n"),
+      );
+    });
+  });
+
+  describe("server environment", () => {
+    // Intentional divergence from the upstream Vite oracle: the rsbuild
+    // flavor streams `entryCssFiles` links (via the `'use server-entry'`
+    // mechanism) instead of upstream's `import.meta.viteRsc.loadCss()`.
+    function withCss(name: string) {
+      return [
+        `import { ${name} as ${name}WithoutClientChunk } from "/test.js?server-route-module=";`,
+        `export function ${name}(props) {`,
+        `  return React.createElement(React.Fragment, null,`,
+        `    ...(${name}WithoutClientChunk.entryCssFiles ?? []).map(href =>`,
+        `      React.createElement("link", { key: href, rel: "stylesheet", href: href, precedence: "default" })),`,
+        `    React.createElement(EnsureClientRouteModuleForHMR___, null),`,
+        `    React.createElement(${name}WithoutClientChunk, props),`,
+        `  );`,
+        `}`,
+      ];
+    }
+
+    it("transforms full client modules", async () => {
+      const transformed = await transform(fullClientModule, "/test.js");
+      assert.ok(transformed);
+      // Intentional divergence from the upstream Vite oracle: a client route
+      // that imports side-effect CSS (`import "./side-effect.css"`) has its
+      // bundled (non-vanilla) CSS orphaned in the initial browser entry chunk,
+      // so the client reference's `cssFiles` never captures it. The rsbuild
+      // flavor promotes the server module to a `'use server-entry'` CSS carrier
+      // (see `createServerRouteModule`) and wraps the `default` component here
+      // so the carrier's `entryCssFiles` stream as stylesheet links at first
+      // paint (mirrors the server-component `withCss` path). Without a
+      // side-effect style import, `default` is re-exported unchanged.
+      expect(transformed.code).toBe(
+        [
+          'import * as React from "react";',
+          'import { RscRouteStyleEntry___ } from "/test.js?server-route-module=";',
+          'export { loader } from "/test.js?server-route-module=";',
+          'export { action } from "/test.js?server-route-module=";',
+          'export { headers } from "/test.js?server-route-module=";',
+          'export { clientLoader } from "/test.js?client-route-module=clientLoader";',
+          'export { clientAction } from "/test.js?client-route-module=clientAction";',
+          'export { links } from "/test.js?client-route-module=data";',
+          'export { meta } from "/test.js?client-route-module=data";',
+          'import RscClientRouteDefault___ from "/test.js?client-route-module=route";',
+          'export default function RscClientRouteWithStyles___(props) {',
+          '  return React.createElement(React.Fragment, null,',
+          '    ...(RscRouteStyleEntry___.entryCssFiles ?? []).map(href =>',
+          '      React.createElement("link", { key: href, rel: "stylesheet", href: href, precedence: "default" })),',
+          '    React.createElement(RscClientRouteDefault___, props),',
+          '  );',
+          '}',
+          'export { Layout } from "/test.js?client-route-module=route";',
+          'export { ErrorBoundary } from "/test.js?client-route-module=route";',
+          'export { HydrateFallback } from "/test.js?client-route-module=HydrateFallback";\n',
+        ].join("\n"),
+      );
+    });
+
+    it("transforms full server modules", async () => {
+      const transformed = await transform(fullServerModule, "/test.js");
+      assert.ok(transformed);
+
+      expect(transformed.code).toBe(
+        [
+          'import * as React from "react";',
+          'import { EnsureClientRouteModuleForHMR___ } from "/test.js?client-route-module=shared";',
+          'export { loader } from "/test.js?server-route-module=";',
+          'export { action } from "/test.js?server-route-module=";',
+          'export { headers } from "/test.js?server-route-module=";',
+          'export { clientLoader } from "/test.js?client-route-module=clientLoader";',
+          'export { clientAction } from "/test.js?client-route-module=clientAction";',
+          'export { links } from "/test.js?client-route-module=data";',
+          'export { meta } from "/test.js?client-route-module=data";',
+          ...withCss("ServerComponent"),
+          ...withCss("ServerLayout"),
+          ...withCss("ServerErrorBoundary"),
+          ...withCss("ServerHydrateFallback"),
+        ].join("\n") + "\n",
+      );
+    });
+
+    it("transforms mixed modules", async () => {
+      const transformed = await transform(mixedModule, "/test.js");
+      assert.ok(transformed);
+      expect(transformed.code).toBe(
+        [
+          'import * as React from "react";',
+          'import { EnsureClientRouteModuleForHMR___ } from "/test.js?client-route-module=shared";',
+          'export { loader } from "/test.js?server-route-module=";',
+          'export { action } from "/test.js?server-route-module=";',
+          'export { headers } from "/test.js?server-route-module=";',
+          'export { clientLoader } from "/test.js?client-route-module=clientLoader";',
+          'export { clientAction } from "/test.js?client-route-module=clientAction";',
+          'export { links } from "/test.js?client-route-module=data";',
+          'export { meta } from "/test.js?client-route-module=data";',
+          ...withCss("ServerComponent"),
+          'export { Layout } from "/test.js?client-route-module=route";',
+          'export { ErrorBoundary } from "/test.js?client-route-module=route";',
+          'export { HydrateFallback } from "/test.js?client-route-module=HydrateFallback";',
+        ].join("\n") + "\n",
+      );
+    });
+
+    it("transforms unsplittable modules", async () => {
+      const transformed = await transform(unsplittableModule, "/test.js");
+      assert.ok(transformed);
+      // Same client-route CSS carrier divergence as "transforms full client
+      // modules": the side-effect CSS import makes `default` render through the
+      // `RscRouteStyleEntry___` `entryCssFiles` wrapper.
+      expect(transformed.code).toBe(
+        [
+          'import * as React from "react";',
+          'import { RscRouteStyleEntry___ } from "/test.js?server-route-module=";',
+          'export { test } from "/test.js?server-route-module=";',
+          'export { loader } from "/test.js?server-route-module=";',
+          'export { action } from "/test.js?server-route-module=";',
+          'export { headers } from "/test.js?server-route-module=";',
+          'export { clientLoader } from "/test.js?client-route-module=route";',
+          'export { clientAction } from "/test.js?client-route-module=route";',
+          'export { links } from "/test.js?client-route-module=data";',
+          'export { meta } from "/test.js?client-route-module=data";',
+          'import RscClientRouteDefault___ from "/test.js?client-route-module=route";',
+          'export default function RscClientRouteWithStyles___(props) {',
+          '  return React.createElement(React.Fragment, null,',
+          '    ...(RscRouteStyleEntry___.entryCssFiles ?? []).map(href =>',
+          '      React.createElement("link", { key: href, rel: "stylesheet", href: href, precedence: "default" })),',
+          '    React.createElement(RscClientRouteDefault___, props),',
+          '  );',
+          '}',
+          'export { Layout } from "/test.js?client-route-module=route";',
+          'export { ErrorBoundary } from "/test.js?client-route-module=route";',
+          'export { HydrateFallback } from "/test.js?client-route-module=route";\n',
+        ].join("\n"),
+      );
+    });
+  });
+});
+
+describe("server-route-module", () => {
+  it("transforms full client modules", async () => {
+    const transformed = await transform(
+      fullClientModule,
+      "/test.js?server-route-module=",
+    );
+    assert.ok(transformed);
+    // Intentional divergence from the upstream Vite oracle: a client route's
+    // pruned server module retains its side-effect CSS imports (specifier-less
+    // style imports survive `removeUnusedImports`). The rsbuild flavor promotes
+    // it to a `'use server-entry'` module with a null-rendering
+    // `RscRouteStyleEntry___` carrier so the RSC runtime attaches this graph's
+    // CSS as the carrier's `entryCssFiles`, which `createServerRouteEntry`
+    // streams as first-paint stylesheet links. A server module WITHOUT any
+    // side-effect style import keeps its plain (directive-free) form.
+    expect(transformed.code).toBe(
+      [
+        "'use server-entry';",
+        'import "./side-effect.css";',
+        'import { server } from "./server";',
+        'import { shared } from "./shared";',
+        "export function loader() {\n  console.log(server, shared);\n}",
+        "export function action() {\n  console.log(server, shared);\n}",
+        "export function headers() {\n  console.log(server, shared);\n}",
+        "export function RscRouteStyleEntry___() { return null; }\n",
+      ].join("\n"),
+    );
+  });
+
+  it("transforms full server modules", async () => {
+    const transformed = await transform(
+      fullServerModule,
+      "/test.js?server-route-module=",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      [
+        // rsbuild flavor: server-component modules carry `'use server-entry'`
+        // so the rspack RSC runtime records `entryCssFiles` for them.
+        "'use server-entry';",
+        'import "./side-effect.css";',
+        'import { server } from "./server";',
+        'import { shared } from "./shared";',
+        "export function loader() {\n  console.log(server, shared);\n}",
+        "export function action() {\n  console.log(server, shared);\n}",
+        "export function headers() {\n  console.log(server, shared);\n}",
+        "export function ServerComponent() {\n  console.log(server, shared);\n}",
+        "export function ServerLayout() {\n  console.log(server, shared);\n}",
+        "export function ServerErrorBoundary() {\n  console.log(server, shared);\n}",
+        "export function ServerHydrateFallback() {\n  console.log(server, shared);\n}",
+      ].join("\n"),
+    );
+  });
+
+  it("transforms mixed modules", async () => {
+    const transformed = await transform(
+      mixedModule,
+      "/test.js?server-route-module=",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      [
+        "'use server-entry';",
+        'import "./side-effect.css";',
+        'import { server } from "./server";',
+        'import { shared } from "./shared";',
+        "export function loader() {\n  console.log(server, shared);\n}",
+        "export function action() {\n  console.log(server, shared);\n}",
+        "export function headers() {\n  console.log(server, shared);\n}",
+        "export function ServerComponent() {\n  console.log(server, shared);\n}",
+      ].join("\n"),
+    );
+  });
+});
+
+describe("client-route-module=shared", () => {
+  it("transforms full client modules", async () => {
+    const transformed = await transform(
+      fullClientModule,
+      "/test.js?client-route-module=shared",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      withSharedChunkHmr([
+        '"use client";',
+        'import "./side-effect.css";',
+      ]).join("\n"),
+    );
+  });
+
+  it("transforms full server modules", async () => {
+    const transformed = await transform(
+      fullServerModule,
+      "/test.js?client-route-module=shared",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      withSharedChunkHmr([
+        '"use client";',
+        'import "./side-effect.css";',
+      ]).join("\n"),
+    );
+  });
+
+  it("transforms mixed modules", async () => {
+    const transformed = await transform(
+      mixedModule,
+      "/test.js?client-route-module=shared",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      withSharedChunkHmr([
+        '"use client";',
+        'import "./side-effect.css";',
+      ]).join("\n"),
+    );
+  });
+
+  it("transforms unsplittable modules", async () => {
+    const transformed = await transform(
+      unsplittableModule,
+      "/test.js?client-route-module=shared",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      withSharedChunkHmr([
+        '"use client";',
+        'import "./side-effect.css";',
+        'export const test = "test";',
+      ]).join("\n"),
+    );
+  });
+});
+
+describe("client-route-module=clientLoader", () => {
+  it("transforms full client modules", async () => {
+    const transformed = await transform(
+      fullClientModule,
+      "/test.js?client-route-module=clientLoader",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      [
+        '"use client";',
+        'import "./side-effect.css";',
+        'import { client } from "./client";',
+        'import { shared } from "./shared";',
+        "export function clientLoader() {\n  console.log(client, shared);\n}",
+      ].join("\n"),
+    );
+  });
+
+  it("transforms full server modules", async () => {
+    const transformed = await transform(
+      fullServerModule,
+      "/test.js?client-route-module=clientLoader",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      [
+        '"use client";',
+        'import "./side-effect.css";',
+        'import { client } from "./client";',
+        'import { shared } from "./shared";',
+        "export function clientLoader() {\n  console.log(client, shared);\n}",
+      ].join("\n"),
+    );
+  });
+
+  it("transforms mixed modules", async () => {
+    const transformed = await transform(
+      mixedModule,
+      "/test.js?client-route-module=clientLoader",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      [
+        '"use client";',
+        'import "./side-effect.css";',
+        'import { client } from "./client";',
+        'import { shared } from "./shared";',
+        "export function clientLoader() {\n  console.log(client, shared);\n}",
+      ].join("\n"),
+    );
+  });
+});
+
+describe("client-route-module=clientAction", () => {
+  it("transforms full client modules", async () => {
+    const transformed = await transform(
+      fullClientModule,
+      "/test.js?client-route-module=clientAction",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      [
+        '"use client";',
+        'import "./side-effect.css";',
+        'import { client } from "./client";',
+        'import { shared } from "./shared";',
+        "export function clientAction() {\n  console.log(client, shared);\n}",
+      ].join("\n"),
+    );
+  });
+
+  it("transforms full server modules", async () => {
+    const transformed = await transform(
+      fullServerModule,
+      "/test.js?client-route-module=clientAction",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      [
+        '"use client";',
+        'import "./side-effect.css";',
+        'import { client } from "./client";',
+        'import { shared } from "./shared";',
+        "export function clientAction() {\n  console.log(client, shared);\n}",
+      ].join("\n"),
+    );
+  });
+
+  it("transforms mixed modules", async () => {
+    const transformed = await transform(
+      mixedModule,
+      "/test.js?client-route-module=clientAction",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      [
+        '"use client";',
+        'import "./side-effect.css";',
+        'import { client } from "./client";',
+        'import { shared } from "./shared";',
+        "export function clientAction() {\n  console.log(client, shared);\n}",
+      ].join("\n"),
+    );
+  });
+});
+
+describe("client-route-module=HydrateFallback", () => {
+  it("transforms full client modules", async () => {
+    const transformed = await transform(
+      fullClientModule,
+      "/test.js?client-route-module=HydrateFallback",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      [
+        '"use client";',
+        'import "./side-effect.css";',
+        'import { client } from "./client";',
+        'import { shared } from "./shared";',
+        "export function HydrateFallback() {\n  console.log(client, shared);\n}",
+      ].join("\n"),
+    );
+  });
+
+  it("transforms mixed modules", async () => {
+    const transformed = await transform(
+      mixedModule,
+      "/test.js?client-route-module=HydrateFallback",
+    );
+    assert.ok(transformed);
+    expect(transformed.code).toBe(
+      [
+        '"use client";',
+        'import "./side-effect.css";',
+        'import { client } from "./client";',
+        'import { shared } from "./shared";',
+        "export function HydrateFallback() {\n  console.log(client, shared);\n}",
+      ].join("\n"),
+    );
+  });
+});
+
+describe("optimizeDeps scan", () => {
+  it("removes server-only route exports before scanning client deps", () => {
+    let transformed = createClientRouteModuleForOptimizeDepsScan(js`
+      import { clientOnly } from "./client";
+      import { serverOnly } from "server-only-package";
+      import { shared } from "./shared";
+
+      export async function loader() {
+        return serverOnly();
+      }
+
+      export async function action() {
+        return serverOnly();
+      }
+
+      export function ServerComponent() {
+        return serverOnly();
+      }
+
+      export const meta = () => [{ title: shared }];
+
+      export default function Route() {
+        return clientOnly(shared);
+      }
+    `);
+
+    expect(transformed.code).toContain(
+      'import { clientOnly } from "./client";',
+    );
+    expect(transformed.code).toContain('import { shared } from "./shared";');
+    expect(transformed.code).toContain("export const meta");
+    expect(transformed.code).toContain("export default function Route");
+    expect(transformed.code).not.toContain("server-only-package");
+    expect(transformed.code).not.toContain("serverOnly");
+    expect(transformed.code).not.toContain("loader");
+    expect(transformed.code).not.toContain("action");
+    expect(transformed.code).not.toContain("ServerComponent");
+  });
+});
diff --git a/tests/react-router-framework/react-router-dev/__tests__/setupAfterEnv.ts b/tests/react-router-framework/react-router-dev/__tests__/setupAfterEnv.ts
new file mode 100644
index 00000000..6a8ce708
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/setupAfterEnv.ts
@@ -0,0 +1,3 @@
+export let jestTimeout = process.platform === "win32" ? 20_000 : 10_000;
+
+jest.setTimeout(jestTimeout);
diff --git a/tests/react-router-framework/react-router-dev/__tests__/utils/captureError.ts b/tests/react-router-framework/react-router-dev/__tests__/utils/captureError.ts
new file mode 100644
index 00000000..545a5f16
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/utils/captureError.ts
@@ -0,0 +1,14 @@
+class NoErrorThrownError extends Error {}
+
+export default async function captureError(
+  erroring: Promise<unknown> | (() => Promise<unknown>),
+) {
+  try {
+    let promise = typeof erroring === "function" ? erroring() : erroring;
+    await promise;
+    throw new NoErrorThrownError();
+  } catch (error: unknown) {
+    if (error instanceof NoErrorThrownError) throw error;
+    return error;
+  }
+}
diff --git a/tests/react-router-framework/react-router-dev/__tests__/utils/cli.ts b/tests/react-router-framework/react-router-dev/__tests__/utils/cli.ts
new file mode 100644
index 00000000..ab91e64e
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/utils/cli.ts
@@ -0,0 +1,105 @@
+import { createRequire } from "node:module";
+import type { Stats } from "node:fs";
+import { statSync } from "node:fs";
+import path from "node:path";
+import { execa, type ExecaError, type Options } from "execa";
+import glob from "fast-glob";
+
+import captureError from "./captureError";
+
+const nodeRequire = createRequire(import.meta.url);
+
+export const isExecaError = (error: unknown): error is ExecaError => {
+  if (!(error instanceof Error)) return false;
+  return "exitCode" in error;
+};
+
+/**
+ * Read the details (`stat`) for a file or directory,
+ * or return `undefined` if the file or directory does not exist.
+ */
+const safeStat = (fileOrDir: string): Stats | undefined => {
+  try {
+    return statSync(fileOrDir);
+  } catch (error: unknown) {
+    let systemError = error as { code?: string };
+    if (!systemError.code) throw error;
+    if (systemError.code !== "ENOENT") throw error;
+    throw error;
+  }
+};
+
+/**
+ * Find the latest modified time (`mtime`) across all files (recursively) in a directory.
+ */
+const mtimeDir = async (dir: string): Promise<Date> => {
+  let files = await glob(`**/*.{js,jsx,ts,tsx}`, {
+    cwd: dir,
+    ignore: [
+      "**/node_modules/**",
+      "**/dist/**",
+      "**/.git/**",
+      "**/__tests__/**",
+    ],
+  });
+
+  let maxMtime: Date = new Date(0);
+  if (files.length === 0) return maxMtime;
+  for (let file of files) {
+    let filepath = path.resolve(dir, file);
+    let stat = safeStat(filepath);
+    if (stat === undefined) continue;
+    if (stat.mtime > maxMtime) {
+      maxMtime = stat.mtime;
+    }
+  }
+  return maxMtime;
+};
+
+export const run = async (args: string[], options: Options = {}) => {
+  // // Running build `.js` is ~8x faster than running source `.ts` via `esbuild-register`,
+  // // so unless source code changes are not yet reflected in the build, prefer running the built `.js`.
+  // // To get speed ups in dev, make sure you build before running tests or are running `pnpm watch`
+  let sourceDir = path.resolve(__dirname, "../..");
+  let sourceTS = path.resolve(sourceDir, "cli/index.ts");
+  // // when the most recent change happened _anywhere_ within `packages/react-router-dev/`
+
+  let sourceModified = await mtimeDir(sourceDir);
+
+  let buildDir = path.resolve(
+    __dirname,
+    "../../../../build/node_modules/@react-router/dev",
+  );
+  let builtJS = path.resolve(buildDir, "dist/cli/index.js");
+  let buildModified = await mtimeDir(buildDir);
+
+  // sometimes `pnpm watch` is so fast that the build mtime is reported
+  // to be _before_ the mtime for the change in source that _caused_ the build
+  // so we only use source if changes there are at least 5ms newer than latest build change
+  let thresholdMs = 5;
+  let isBuildUpToDate =
+    buildModified.valueOf() + thresholdMs >= sourceModified.valueOf();
+
+  let result = await execa(
+    "node",
+    [
+      ...(isBuildUpToDate
+        ? [builtJS]
+        : ["--require", nodeRequire.resolve("esbuild-register"), sourceTS]),
+      ...args,
+    ],
+    {
+      ...options,
+      env: { ...process.env, NO_COLOR: "1", ...(options?.env ?? {}) },
+    },
+  );
+  return result;
+};
+
+export const shouldError = async (args: string[]) => {
+  let error = await captureError(async () => {
+    await run(args);
+  });
+  if (!isExecaError(error)) throw error;
+  return error;
+};
diff --git a/tests/react-router-framework/react-router-dev/__tests__/utils/eol.ts b/tests/react-router-framework/react-router-dev/__tests__/utils/eol.ts
new file mode 100644
index 00000000..bb393135
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/utils/eol.ts
@@ -0,0 +1,2 @@
+export const normalize = (text: string, normalized = "\n") =>
+  text.replace(/\r?\n/g, normalized);
diff --git a/tests/react-router-framework/react-router-dev/__tests__/utils/git.ts b/tests/react-router-framework/react-router-dev/__tests__/utils/git.ts
new file mode 100644
index 00000000..f5d7a640
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/utils/git.ts
@@ -0,0 +1,18 @@
+import { execa } from "execa";
+
+export const initialCommit = async (projectDir: string) => {
+  let run = (cmd: string, args: string[]) =>
+    execa(cmd, args, { cwd: projectDir });
+  let commands = [
+    ["init"],
+
+    ["config", "user.name", '"github-actions[bot]"'],
+    ["config", "user.email", '"github-actions[bot]@users.noreply.github.com"'],
+
+    ["add", "."],
+    ["commit", "--message", '"initial commit"'],
+  ];
+  for (let command of commands) {
+    await run("git", command);
+  }
+};
diff --git a/tests/react-router-framework/react-router-dev/__tests__/utils/withApp.ts b/tests/react-router-framework/react-router-dev/__tests__/utils/withApp.ts
new file mode 100644
index 00000000..389d1383
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/utils/withApp.ts
@@ -0,0 +1,46 @@
+import { cpSync, realpathSync } from "node:fs";
+import { mkdir, rm } from "node:fs/promises";
+import os from "node:os";
+import path from "node:path";
+
+const retry = async (
+  callback: () => Promise<void>,
+  times: number,
+  delayMs: number = 0,
+) => {
+  try {
+    await callback();
+  } catch (error: unknown) {
+    if (times === 0) throw error;
+    setTimeout(() => retry(callback, times - 1), delayMs);
+  }
+};
+
+export default async function withApp<Result>(
+  fixture: string,
+  callback: (projectDir: string) => Promise<Result>,
+): Promise<Result> {
+  let TEMP_DIR = path.join(
+    realpathSync(os.tmpdir()),
+    `remix-tests-${Math.random().toString(32).slice(2)}`,
+  );
+
+  let projectDir = path.join(TEMP_DIR);
+  await rm(TEMP_DIR, { force: true, recursive: true });
+  await mkdir(TEMP_DIR, { recursive: true });
+  cpSync(fixture, projectDir, { recursive: true });
+  try {
+    let result = await callback(projectDir);
+    return result;
+  } finally {
+    // Windows sometimes throws `EBUSY: resource busy or locked, rmdir`
+    // errors when attempting to remove the temporary directory.
+    // Retrying a couple of times seems to get it to succeed.
+    // See https://github.com/jprichardson/node-fs-extra/issues?q=EBUSY%3A+resource+busy+or+locked%2C+rmdir
+    await retry(
+      async () => await rm(TEMP_DIR, { force: true, recursive: true }),
+      3,
+      200,
+    );
+  }
+}
diff --git a/tests/react-router-framework/react-router-dev/__tests__/watcher-ignored-test.ts b/tests/react-router-framework/react-router-dev/__tests__/watcher-ignored-test.ts
new file mode 100644
index 00000000..6d06533b
--- /dev/null
+++ b/tests/react-router-framework/react-router-dev/__tests__/watcher-ignored-test.ts
@@ -0,0 +1,70 @@
+import path from "node:path";
+import fs from "node:fs";
+import net from "node:net";
+import os from "node:os";
+
+import { isIgnoredByWatcher } from "../config/config";
+
+describe("isIgnoredByWatcher", () => {
+  let tmpDir: string;
+  let root: string;
+  let appDirectory: string;
+
+  beforeEach(() => {
+    tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), "rr-watcher-test-"));
+    root = tmpDir;
+    appDirectory = path.join(root, "app");
+    fs.mkdirSync(appDirectory, { recursive: true });
+  });
+
+  afterEach(() => {
+    fs.rmSync(tmpDir, { recursive: true, force: true });
+  });
+
+  it("does not ignore regular files at root level", () => {
+    let filePath = path.join(root, "react-router.config.ts");
+    fs.writeFileSync(filePath, "");
+    expect(isIgnoredByWatcher(filePath, { root, appDirectory })).toBe(false);
+  });
+
+  it("does not ignore the root directory itself", () => {
+    expect(isIgnoredByWatcher(root, { root, appDirectory })).toBe(false);
+  });
+
+  it("does not ignore files inside app directory", () => {
+    let filePath = path.join(appDirectory, "root.tsx");
+    fs.writeFileSync(filePath, "");
+    expect(isIgnoredByWatcher(filePath, { root, appDirectory })).toBe(false);
+  });
+
+  it("ignores files in subdirectories outside the app directory", () => {
+    let subDir = path.join(root, "node_modules", "some-package");
+    fs.mkdirSync(subDir, { recursive: true });
+    let filePath = path.join(subDir, "index.js");
+    fs.writeFileSync(filePath, "");
+    expect(isIgnoredByWatcher(filePath, { root, appDirectory })).toBe(true);
+  });
+
+  it("ignores Unix socket files at the root level", async () => {
+    let socketPath = path.join(root, "overmind.sock");
+    let server = net.createServer();
+
+    await new Promise<void>((resolve) => server.listen(socketPath, resolve));
+    try {
+      expect(isIgnoredByWatcher(socketPath, { root, appDirectory })).toBe(true);
+    } finally {
+      await new Promise<void>((resolve) => server.close(() => resolve()));
+    }
+  });
+
+  it("ignores paths that cannot be stat'd", () => {
+    let nonexistent = path.join(root, "ghost.sock");
+    // File doesn't exist — statSync with throwIfNoEntry: false returns
+    // undefined, so this should fall through to `return false`. But if
+    // statSync throws for another reason, the catch block returns true.
+    // Here we just verify it doesn't throw.
+    expect(() =>
+      isIgnoredByWatcher(nonexistent, { root, appDirectory }),
+    ).not.toThrow();
+  });
+});
diff --git a/tests/react-router-framework/tsconfig.base.json b/tests/react-router-framework/tsconfig.base.json
new file mode 100644
index 00000000..18eff5ff
--- /dev/null
+++ b/tests/react-router-framework/tsconfig.base.json
@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "noEmit": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ES2022",
+    "verbatimModuleSyntax": true
+  }
+}
diff --git a/tests/route-artifacts.test.ts b/tests/route-artifacts.test.ts
index dbf32829..72dc619c 100644
--- a/tests/route-artifacts.test.ts
+++ b/tests/route-artifacts.test.ts
@@ -1,6 +1,5 @@
 import { describe, expect, it } from '@rstest/core';
 import {
-  buildRouteHmrFlags,
   createRouteChunkArtifact,
   createRouteClientEntryArtifact,
 } from '../src/route-artifacts';
@@ -31,6 +30,11 @@ const enforceRouteChunkConfig: RouteChunkConfig = {
 
 const resourcePath = '/app/routes/demo.tsx';
 const routeRequest = `${resourcePath}?react-router-route`;
+const mainRouteChunkRequest = getRouteChunkModuleId(resourcePath, 'main');
+const customExportChunkRequest = getRouteChunkModuleId(
+  resourcePath,
+  'customExport'
+);
 
 const createRouteChunk = async (
   source: string,
@@ -58,6 +62,7 @@ describe('route artifact helpers', () => {
           export async function loader() { return null; }
           export async function clientLoader() { return null; }
           export { meta as meta };
+          export const customExport = true;
           const meta = () => [];
           export default function Route() { return null; }
         `,
@@ -68,9 +73,7 @@ describe('route artifact helpers', () => {
       });
 
       expect(result).toEqual({
-        code: `export { clientLoader, default, meta } from ${JSON.stringify(
-          routeRequest
-        )};`,
+        code: `export { clientLoader, default, meta } from ${JSON.stringify(routeRequest)};`,
       });
     });
 
@@ -90,7 +93,7 @@ describe('route artifact helpers', () => {
 
       expect(result).toEqual({
         code: `export { action, clientLoader, default, loader } from ${JSON.stringify(
-          routeRequest
+          resourcePath
         )};`,
       });
     });
@@ -109,7 +112,53 @@ describe('route artifact helpers', () => {
       });
 
       expect(result).toEqual({
-        code: `export { default } from ${JSON.stringify(routeRequest)};`,
+        code: `export { default } from ${JSON.stringify(
+          mainRouteChunkRequest
+        )};`,
+      });
+    });
+
+    it('reexports independent custom exports from shared route chunks', async () => {
+      const result = await createRouteClientEntryArtifact({
+        code: `
+          export const clientLoader = async () => {};
+          export const customExport = true;
+          export default function Route() { return null; }
+        `,
+        resourcePath,
+        environmentName: 'web',
+        isBuild: true,
+        routeChunkConfig,
+      });
+
+      expect(result).toEqual({
+        code: [
+          `export { default } from ${JSON.stringify(mainRouteChunkRequest)};`,
+          `export { customExport } from ${JSON.stringify(
+            customExportChunkRequest
+          )};`,
+        ].join('\n'),
+      });
+    });
+
+    it('excludes custom exports from production route entries', async () => {
+      const result = await createRouteClientEntryArtifact({
+        code: `
+          export const clientLoader = async () => {};
+          clientLoader.hydrate = true;
+          export const customExport = true;
+          export default function Route() { return null; }
+        `,
+        resourcePath,
+        environmentName: 'web',
+        isBuild: true,
+        routeChunkConfig,
+      });
+
+      expect(result).toEqual({
+        code: `export { clientLoader, default } from ${JSON.stringify(
+          routeRequest
+        )};`,
       });
     });
 
@@ -153,36 +202,25 @@ describe('route artifact helpers', () => {
       });
     });
 
-    it('uses compact dev HMR route flag metadata', async () => {
-      expect(
-        buildRouteHmrFlags([
-          'action',
-          'clientLoader',
-          'default',
-          'ErrorBoundary',
-          'loader',
-        ])
-      ).toBe((1 << 0) | (1 << 2) | (1 << 4) | (1 << 5));
-
+    it('self-accepts dev HMR route entries so metadata is refreshed', async () => {
       const result = await createRouteClientEntryArtifact({
         code: `
           export async function loader() { return null; }
-          export async function clientLoader() { return null; }
           export default function Route() { return null; }
         `,
         resourcePath,
-        routeId: 'routes/demo',
         environmentName: 'web',
         isBuild: false,
-        devHmr: true,
         routeChunkConfig: disabledRouteChunkConfig,
+        routeId: 'routes/demo',
+        devHmr: true,
       });
 
-      expect(result.code).toContain('const __rrf = 36;');
-      expect(result.code).toContain(
-        'scheduleReactRouterRouteUpdate as __rru'
+      expect(result.code).toContain('import.meta.webpackHot.accept();');
+      expect(result.code).not.toContain(
+        'import.meta.webpackHot.accept("./demo.tsx?react-router-route"'
       );
-      expect(result.code).not.toContain('hasClientLoader');
+      expect(result.code).toContain('"hasLoader":true');
     });
   });
 
@@ -207,13 +245,13 @@ describe('route artifact helpers', () => {
       await expect(
         createRouteChunkArtifact({
           code: `export const clientLoader = async () => {};`,
-          resource: `${resourcePath}?route-chunk=invalid`,
+          resource: `${resourcePath}?route-chunk=invalid-name`,
           resourcePath,
           routeChunkConfig,
           isBuild: true,
         })
       ).rejects.toThrow(
-        `Invalid route chunk name in "${resourcePath}?route-chunk=invalid"`
+        `Invalid route chunk name in "${resourcePath}?route-chunk=invalid-name"`
       );
     });
 
@@ -236,6 +274,24 @@ describe('route artifact helpers', () => {
       expect(result).toEqual({ code: expectedCode, map: null });
     });
 
+    it('omits server-only exports and imports from main route chunks', async () => {
+      const result = await createRouteChunk(
+        `
+          import { clientValue } from '../client-data.client';
+          import { serverValue } from '../server-data.server';
+          export async function loader() { return serverValue; }
+          export async function clientLoader() { return clientValue; }
+          export default function Route() { return null; }
+        `,
+        'main'
+      );
+
+      expect(result.code).not.toContain('server-data.server');
+      expect(result.code).not.toContain('loader');
+      expect(result.code).not.toContain('clientLoader');
+      expect(result.code).toContain('function Route');
+    });
+
     it('generates route chunks through the Effect API', async () => {
       const source = `
         export const clientAction = async () => {};
diff --git a/tests/route-chunks-cache.test.ts b/tests/route-chunks-cache.test.ts
index a84b4f04..4729f7e6 100644
--- a/tests/route-chunks-cache.test.ts
+++ b/tests/route-chunks-cache.test.ts
@@ -126,7 +126,7 @@ describe('route chunk cache', () => {
       'routes/demo.tsx::getChunkedExport::clientLoader',
       'routes/demo.tsx::getChunkedExport::clientMiddleware',
       'routes/demo.tsx::getExportDependencies',
-      'routes/demo.tsx::omitChunkedExports::clientAction,clientLoader,clientMiddleware,HydrateFallback',
+      'routes/demo.tsx::omitChunkedExports::clientAction,clientLoader,clientMiddleware,HydrateFallback,action',
     ]);
   });
 
diff --git a/tests/route-chunks.test.ts b/tests/route-chunks.test.ts
index 4b53e43a..87cc64de 100644
--- a/tests/route-chunks.test.ts
+++ b/tests/route-chunks.test.ts
@@ -37,6 +37,7 @@ const rootRouteId = '/app/root.tsx';
 const emptyChunkInfo: RouteChunkInfo = {
   exportNames: [],
   chunkedExports: [],
+  sharedChunkedExports: [],
   hasRouteChunks: false,
   hasRouteChunkByExportName: {
     clientAction: false,
@@ -70,6 +71,26 @@ const codeWithActionAndDefault = `
   export default function Route() { return null; }
 `;
 
+const codeWithHydratedClientLoaderGlobals = `
+  export const customExport = (() => {
+    globalThis.custom_export_count = (globalThis.custom_export_count || 0) + 1;
+    return () => true;
+  })();
+
+  export const clientLoader = (() => {
+    globalThis.client_loader_count = (globalThis.client_loader_count || 0) + 1;
+    return async () => globalThis.client_loader_count;
+  })();
+  clientLoader.hydrate = true;
+
+  const Route = (() => {
+    globalThis.component_count = (globalThis.component_count || 0) + 1;
+    return () => null;
+  })();
+
+  export default Route;
+`;
+
 const detect = (code: string, id = routeId) =>
   detectRouteChunksIfEnabled(new Map(), config, id, code);
 
@@ -147,6 +168,126 @@ describe('route chunks', () => {
       expect(result.chunkedExports).toEqual(routeChunkExportNames);
     });
 
+    it('splits a HydrateFallback initialized by an independent IIFE', async () => {
+      const code = `
+        import { jsx as _jsx } from 'react/jsx-runtime';
+        export const inSplittableMainChunk = () => console.log() || true;
+        export const HydrateFallback = function() {
+          globalThis.hydrateFallbackDownloaded = true;
+          return () => _jsx('div', {});
+        }();
+        export default function Route() {
+          inSplittableMainChunk();
+          return _jsx('div', {});
+        }
+      `;
+
+      const result = await detect(code);
+
+      expect(result.hasRouteChunkByExportName).toEqual({
+        clientAction: false,
+        clientLoader: false,
+        clientMiddleware: false,
+        HydrateFallback: true,
+      });
+    });
+
+    it('does not treat undeclared globals as shared export dependencies', async () => {
+      const code = codeWithHydratedClientLoaderGlobals;
+
+      const result = await detect(code);
+
+      expect(result.hasRouteChunks).toBe(false);
+      expect(result.chunkedExports).toEqual([]);
+      expect(result.sharedChunkedExports).toEqual([]);
+      expect(result.hasRouteChunkByExportName.clientLoader).toBe(false);
+
+      const mainChunk = await getRouteChunkIfEnabled(
+        new Map(),
+        config,
+        routeId,
+        'main',
+        code
+      );
+      expect(mainChunk).toContain('custom_export_count');
+    });
+
+    it('keeps client loaders that import entry.client in the main route chunk', async () => {
+      const code = `
+        import { myContext } from "../entry.client";
+
+        export function clientLoader({ context }) {
+          return context.get(myContext);
+        }
+
+        export default function Route() {
+          return null;
+        }
+      `;
+
+      const result = await detect(code, '/app/routes/_index.tsx');
+
+      expectNoRouteChunks(result, ['clientLoader', 'default']);
+    });
+
+    it('keeps hydrated client loaders in main JSX route chunks', async () => {
+      const code = `
+        import { Link } from "react-router";
+
+        export const customExport = (() => {
+          globalThis.custom_export_count = (globalThis.custom_export_count || 0) + 1;
+          return () => true;
+        })();
+
+        export const loader = (() => {
+          globalThis.loader_count = (globalThis.loader_count || 0) + 1;
+          return () => ({
+            customExportCount: globalThis.custom_export_count,
+            loaderCount: globalThis.loader_count,
+            componentCount: globalThis.component_count,
+          });
+        })();
+
+        export const clientLoader = (() => {
+          globalThis.client_loader_count = (globalThis.client_loader_count || 0) + 1;
+          return async ({ serverLoader }) => {
+            const loaderData = await serverLoader();
+            return {
+              loaderCount: loaderData.loaderCount,
+              clientLoaderCount: globalThis.client_loader_count,
+              serverCustomExportCount: loaderData.customExportCount,
+              clientCustomExportCount: globalThis.custom_export_count,
+              serverComponentCount: loaderData.componentCount,
+              clientComponentCount: globalThis.component_count,
+            };
+          };
+        })();
+        clientLoader.hydrate = true;
+
+        const RouteA = (() => {
+          globalThis.component_count = (globalThis.component_count || 0) + 1;
+          return ({ loaderData }: Route.ComponentProps) => {
+            return (
+              <>
+                <h1>Module Count</h1>
+                <p>Loader count: <span data-loader-count>{loaderData.loaderCount}</span></p>
+                <p><Link to="/client-first/b">Go to Route B</Link></p>
+              </>
+            );
+          };
+        })();
+
+        export default RouteA;
+      `;
+
+      const result = await detect(code);
+
+      expect(result.hasRouteChunks).toBe(false);
+      expect(result.chunkedExports).toEqual([]);
+      expect(result.sharedChunkedExports).toEqual([]);
+      expect(result.hasRouteChunkByExportName.clientLoader).toBe(false);
+    });
+
     it('returns runtime export names from route chunk analysis', async () => {
       const result = await detectRouteChunksIfEnabled(
         new Map(),
@@ -298,7 +439,7 @@ describe('route chunks', () => {
   });
 
   describe('generate route chunk code', () => {
-    it('omits chunkable client exports from the main chunk while retaining default and server exports', async () => {
+    it('omits chunkable client and server-only exports from the main chunk', async () => {
       const code = `
         import { json } from 'react-router';
         export async function action() { return json({}); }
@@ -314,7 +455,7 @@ describe('route chunks', () => {
         code
       );
 
-      await expectExports(chunk, ['default', 'action'], ['clientAction']);
+      await expectExports(chunk, ['default'], ['action', 'clientAction']);
     });
 
     it('returns main chunk code without analysis when no route chunk exports exist', async () => {
@@ -372,6 +513,52 @@ describe('route chunks', () => {
       await expectExports(chunk, ['clientLoader'], ['default']);
     });
 
+    it('keeps hydrated client loaders out of individual route chunks', async () => {
+      const code = codeWithHydratedClientLoaderGlobals;
+
+      const chunk = await getRouteChunkIfEnabled(
+        new Map(),
+        config,
+        routeId,
+        'clientLoader',
+        code
+      );
+
+      expect(chunk).toBeNull();
+    });
+
+    it('keeps shared custom export initializers when no route exports split', async () => {
+      const code = `
+        export const customExport = (() => {
+          globalThis.custom_export_count = (globalThis.custom_export_count || 0) + 1;
+          return () => true;
+        })();
+
+        export const clientLoader = (() => {
+          globalThis.client_loader_count = (globalThis.client_loader_count || 0) + 1;
+          return async () => globalThis.client_loader_count;
+        })();
+        clientLoader.hydrate = true;
+
+        export default function Route() { return null; }
+      `;
+
+      const result = await detect(code);
+      expect(result.exportNames).toContain('customExport');
+      expect(result.sharedChunkedExports).toEqual([]);
+
+      const chunk = await getRouteChunkIfEnabled(
+        new Map(),
+        config,
+        routeId,
+        'main',
+        code
+      );
+
+      expect(chunk).toContain('custom_export_count');
+      await expectExports(chunk, ['clientLoader', 'customExport', 'default']);
+    });
+
     it('keeps side-effect imports in the main chunk and omits them from individual client chunks', async () => {
       const code = `
         import './polyfill';
@@ -483,6 +670,9 @@ describe('route chunks', () => {
       expect(getRouteChunkNameFromModuleId('/app/routes/r.tsx')).toBeNull();
       expect(
         getRouteChunkNameFromModuleId('/app/routes/r.tsx?route-chunk=bogus')
+      ).toBe('bogus');
+      expect(
+        getRouteChunkNameFromModuleId('/app/routes/r.tsx?route-chunk=not-valid')
       ).toBeNull();
       expect(getRouteChunkEntryName('routes/clients', 'clientAction')).toBe(
         'routes/clients-client-action'
diff --git a/tests/route-imports.test.ts b/tests/route-imports.test.ts
new file mode 100644
index 00000000..28e91894
--- /dev/null
+++ b/tests/route-imports.test.ts
@@ -0,0 +1,73 @@
+import { describe, expect, it } from '@rstest/core';
+
+import { resolveQuerylessRouteImportRequest } from '../src/route-imports';
+import type { Route } from '../src/types';
+
+const routeByFilePath = new Map<string, Route>([
+  ['/app/routes/source.tsx', { id: 'routes/source', file: 'routes/source.tsx' }],
+  ['/app/routes/target.tsx', { id: 'routes/target', file: 'routes/target.tsx' }],
+]);
+
+describe('queryless route imports', () => {
+  it('rewrites web route imports to client route build requests', () => {
+    expect(
+      resolveQuerylessRouteImportRequest({
+        compilerName: 'web',
+        context: '/app/routes',
+        issuer: '/app/routes/source.tsx',
+        request: './target',
+        routeByFilePath,
+      })
+    ).toBe('/app/routes/target.tsx?react-router-route');
+  });
+
+  it('rewrites RSC client route module imports to shared client modules', () => {
+    expect(
+      resolveQuerylessRouteImportRequest({
+        compilerName: 'node',
+        context: '/app/routes',
+        issuer: '/app/routes/source.tsx?client-route-module=default',
+        request: './target',
+        routeByFilePath,
+      })
+    ).toBe('/app/routes/target.tsx?client-route-module=shared');
+  });
+
+  it('leaves classic node route imports alone', () => {
+    expect(
+      resolveQuerylessRouteImportRequest({
+        compilerName: 'node',
+        context: '/app/routes',
+        issuer: '/app/routes/source.tsx?server-route-module=',
+        request: './target',
+        routeByFilePath,
+      })
+    ).toBeUndefined();
+  });
+
+  it('rewrites RSC web route imports to shared client route modules', () => {
+    expect(
+      resolveQuerylessRouteImportRequest({
+        compilerName: 'web',
+        context: '/app/routes',
+        issuer: '/app/routes/source.tsx',
+        rsc: true,
+        request: './target',
+        routeByFilePath,
+      })
+    ).toBe('/app/routes/target.tsx?client-route-module=shared');
+  });
+
+  it('rewrites RSC node route imports to server route modules', () => {
+    expect(
+      resolveQuerylessRouteImportRequest({
+        compilerName: 'node',
+        context: '/app/routes',
+        issuer: '/app/routes/source.tsx?server-route-module=',
+        rsc: true,
+        request: './target',
+        routeByFilePath,
+      })
+    ).toBe('/app/routes/target.tsx?server-route-module=');
+  });
+});
diff --git a/tests/route-watch.test.ts b/tests/route-watch.test.ts
index 315f741d..2174564c 100644
--- a/tests/route-watch.test.ts
+++ b/tests/route-watch.test.ts
@@ -8,15 +8,79 @@ import {
 } from 'node:fs';
 import { tmpdir } from 'node:os';
 import { join, resolve } from 'node:path';
-import { describe, expect, it, rstest } from '@rstest/core';
+import { afterAll, describe, expect, it, rstest } from '@rstest/core';
+import * as Option from 'effect/Option';
+import { createPluginEffectRuntime } from '../src/effect-runtime';
 import {
+  acquireRouteTopologyWatcher,
   createRouteManifestSnapshot,
-  createRouteTopologyWatcher,
   ensureDevRestartMarker,
   getRouteRestartMarkerPath,
+  type CreateRouteTopologyWatcherOptions,
 } from '../src/route-watch';
 
+const routeWatchRuntime = createPluginEffectRuntime();
+const createRouteTopologyWatcher = async (
+  options: Omit<CreateRouteTopologyWatcherOptions, 'runtime'>
+) => {
+  const closeEffect = await routeWatchRuntime.runPromise(
+    acquireRouteTopologyWatcher({ runtime: routeWatchRuntime, ...options })
+  );
+  return () => routeWatchRuntime.runPromise(closeEffect());
+};
+
+afterAll(() => routeWatchRuntime.dispose());
+
 describe('route watch restart marker', () => {
+  it('settles runtime disposal triggered by a topology change', async () => {
+    const root = mkdtempSync(join(tmpdir(), 'rr-route-watch-'));
+    const markerPath = join(root, 'build/.react-router-route-watch');
+    const watchedDirectory = join(root, 'app');
+    mkdirSync(watchedDirectory, { recursive: true });
+    let topology = new Set(['initial']);
+    const errors: unknown[] = [];
+    let triggerChange!: () => void;
+    let disposePromise: Promise<void> | undefined;
+    const runtime = createPluginEffectRuntime();
+
+    try {
+      await runtime.runPromise(
+        acquireRouteTopologyWatcher({
+          runtime,
+          watchDirectory: watchedDirectory,
+          restartMarkerPath: markerPath,
+          getRouteTopology: async () => topology,
+          onRouteTopologyChange: () => {
+            disposePromise = runtime.dispose();
+          },
+          onError: error => errors.push(error),
+          watchDirectoryEntry: (_directory, onChange) => {
+            triggerChange = onChange;
+            return { close: () => {} };
+          },
+        })
+      );
+
+      topology = new Set(['changed']);
+      triggerChange();
+
+      await expect.poll(() => disposePromise !== undefined).toBe(true);
+      expect(errors).toEqual([]);
+      if (!disposePromise) throw new Error('Expected runtime disposal.');
+      await expect(
+        Promise.race([
+          disposePromise,
+          new Promise((_, reject) =>
+            setTimeout(() => reject(new Error('dispose timed out')), 1_000)
+          ),
+        ])
+      ).resolves.toBeUndefined();
+    } finally {
+      await runtime.dispose();
+      rmSync(root, { recursive: true, force: true });
+    }
+  });
+
   it('allows a topology callback to await watcher shutdown', async () => {
     const root = mkdtempSync(join(tmpdir(), 'rr-route-watch-'));
     const markerPath = join(root, 'build/.react-router-route-watch');
@@ -55,7 +119,7 @@ describe('route watch restart marker', () => {
     }
   });
 
-  it('does not recreate watchers or touch the marker after close', async () => {
+  it('does not recreate watchers or touch the marker after scope disposal', async () => {
     const root = mkdtempSync(join(tmpdir(), 'rr-route-watch-'));
     const markerPath = join(root, 'build/.react-router-route-watch');
     const watchedDirectory = join(root, 'app');
@@ -73,46 +137,109 @@ describe('route watch restart marker', () => {
     });
     let triggerChange!: () => void;
     const closeWatcher = rstest.fn();
+    const runtime = createPluginEffectRuntime();
+    const runFork = rstest.spyOn(runtime, 'runFork');
 
     try {
-      const close = await createRouteTopologyWatcher({
-        watchDirectory: watchedDirectory,
-        restartMarkerPath: markerPath,
-        onError: error => {
-          throw error;
-        },
-        getRouteTopology: async () => {
-          topologyReads += 1;
-          if (topologyReads === 1) {
-            return new Set(['initial']);
-          }
-          markRescanStarted();
-          await rescanReleased;
-          return new Set(['changed']);
-        },
-        watchDirectoryEntry: (_directory, onChange) => {
-          triggerChange = onChange;
-          return { close: closeWatcher };
-        },
-      });
+      await runtime.runPromise(
+        acquireRouteTopologyWatcher({
+          runtime,
+          watchDirectory: watchedDirectory,
+          restartMarkerPath: markerPath,
+          onError: error => {
+            throw error;
+          },
+          getRouteTopology: async () => {
+            topologyReads += 1;
+            if (topologyReads === 1) {
+              return new Set(['initial']);
+            }
+            markRescanStarted();
+            await rescanReleased;
+            return new Set(['changed']);
+          },
+          watchDirectoryEntry: (_directory, onChange) => {
+            triggerChange = onChange;
+            return { close: closeWatcher };
+          },
+        })
+      );
 
       triggerChange();
       await rescanStarted;
-      const closePromise = close();
+      await runtime.dispose();
       releaseRescan();
-      await closePromise;
+      await new Promise(resolve => setImmediate(resolve));
+      runFork.mockClear();
+      triggerChange();
 
       expect(readFileSync(markerPath, 'utf8')).toBe(initialMarker);
-      expect(closeWatcher).toHaveBeenCalled();
+      expect(closeWatcher).toHaveBeenCalledTimes(1);
+      expect(runFork).not.toHaveBeenCalled();
     } finally {
       releaseRescan();
+      await runtime.dispose();
+      runFork.mockRestore();
+      rmSync(root, { recursive: true, force: true });
+    }
+  });
+
+  it('finalizes a pending rescan when watcher close fails', async () => {
+    const root = mkdtempSync(join(tmpdir(), 'rr-route-watch-'));
+    const markerPath = join(root, 'build/.react-router-route-watch');
+    const watchedDirectory = join(root, 'app');
+    const runtime = createPluginEffectRuntime();
+    const closeError = new Error('watcher close failed');
+    const runFork = runtime.runFork;
+    let rescanFiber: ReturnType<typeof runtime.runFork> | undefined;
+    let triggerChange!: () => void;
+    rstest.spyOn(runtime, 'runFork').mockImplementation((effect, options) => {
+      const fiber = runFork(effect, options);
+      rescanFiber = fiber;
+      return fiber;
+    });
+    mkdirSync(watchedDirectory, { recursive: true });
+
+    try {
+      const closeEffect = await runtime.runPromise(
+        acquireRouteTopologyWatcher({
+          runtime,
+          watchDirectory: watchedDirectory,
+          restartMarkerPath: markerPath,
+          getRouteTopology: async () => new Set(['initial']),
+          onError: () => {},
+          watchDirectoryEntry: (_directory, onChange) => {
+            triggerChange = onChange;
+            return {
+              close: () => {
+                throw closeError;
+              },
+            };
+          },
+        })
+      );
+
+      triggerChange();
+      if (!rescanFiber) {
+        throw new Error('Expected route watcher rescan to be scheduled.');
+      }
+      const fiber = rescanFiber;
+      expect(Option.isNone(await runtime.runPromise(fiber.poll))).toBe(true);
+
+      await expect(runtime.runPromise(closeEffect())).rejects.toThrow(
+        closeError.message
+      );
+
+      expect(Option.isSome(await runtime.runPromise(fiber.poll))).toBe(true);
+    } finally {
+      await runtime.dispose();
       rmSync(root, { recursive: true, force: true });
     }
   });
 
-  it('places the restart marker in the client build output', () => {
-    expect(getRouteRestartMarkerPath('/project/build/client')).toBe(
-      resolve('/project/build/client', '.react-router/route-watch')
+  it('places the restart marker beside the app directory', () => {
+    expect(getRouteRestartMarkerPath('/project/app')).toBe(
+      resolve('/project', '.react-router/route-watch')
     );
   });
 
diff --git a/tests/rsc-dev-server.test.ts b/tests/rsc-dev-server.test.ts
new file mode 100644
index 00000000..3e08c4d2
--- /dev/null
+++ b/tests/rsc-dev-server.test.ts
@@ -0,0 +1,219 @@
+import { createServer } from 'node:http';
+import type { IncomingMessage, ServerResponse } from 'node:http';
+import type { AddressInfo } from 'node:net';
+import { describe, expect, it } from '@rstest/core';
+import {
+  createReactRouterRscDevServerSetup,
+  shouldBypassRscDevRequest,
+} from '../src/rsc-dev-server';
+
+type ConnectMiddleware = (
+  req: IncomingMessage,
+  res: ServerResponse,
+  next: (err?: unknown) => void
+) => void;
+
+describe('shouldBypassRscDevRequest', () => {
+  it('routes the root path to the RSC handler', () => {
+    expect(shouldBypassRscDevRequest({ url: '/' })).toBe(false);
+  });
+
+  it('routes extensionless document paths to the RSC handler', () => {
+    expect(shouldBypassRscDevRequest({ url: '/about' })).toBe(false);
+  });
+
+  it('routes resource routes with file extensions to the RSC handler', () => {
+    // The middleware runs after Rsbuild's static asset middlewares, so an
+    // extension no longer implies a static asset: /sitemap.xml, /feed.rss,
+    // /og.png reaching this middleware means no asset matched.
+    expect(shouldBypassRscDevRequest({ url: '/sitemap.xml' })).toBe(false);
+    expect(shouldBypassRscDevRequest({ url: '/feed.rss' })).toBe(false);
+    expect(shouldBypassRscDevRequest({ url: '/og.png' })).toBe(false);
+  });
+
+  it('routes unmatched compiled-asset-shaped paths to the RSC handler', () => {
+    // Real compiled assets are served by Rsbuild's assetsMiddleware before
+    // this middleware runs; anything arriving here gets RSC 404 semantics.
+    expect(shouldBypassRscDevRequest({ url: '/static/js/index.js' })).toBe(
+      false
+    );
+  });
+
+  it('bypasses Rsbuild internal endpoints', () => {
+    expect(shouldBypassRscDevRequest({ url: '/__rsbuild_hmr' })).toBe(true);
+    expect(shouldBypassRscDevRequest({ url: '/__rsbuild_ping?token=1' })).toBe(
+      true
+    );
+  });
+
+  it('routes .rsc and .manifest payload requests to the RSC handler', () => {
+    expect(shouldBypassRscDevRequest({ url: '/about.rsc' })).toBe(false);
+    expect(shouldBypassRscDevRequest({ url: '/__manifest.manifest' })).toBe(
+      false
+    );
+    expect(shouldBypassRscDevRequest({ url: '/route.data' })).toBe(false);
+  });
+
+  it('routes any HTTP method to the RSC handler', () => {
+    // Method is intentionally ignored: DELETE/PUT/PATCH resource routes must
+    // reach the RSC server so it can produce proper 404/405 semantics.
+    expect(shouldBypassRscDevRequest({ url: '/resource' })).toBe(false);
+  });
+
+  it('bypasses requests without a url', () => {
+    expect(shouldBypassRscDevRequest({})).toBe(true);
+  });
+});
+
+describe('createReactRouterRscDevServerSetup', () => {
+  const createFakeServer = () => {
+    const middlewares: ConnectMiddleware[] = [];
+    const handled: Array<{ method: string; pathname: string }> = [];
+    const server = {
+      middlewares: {
+        use: (middleware: ConnectMiddleware) => {
+          middlewares.push(middleware);
+        },
+      },
+      environments: {
+        node: {
+          loadBundle: async () => ({
+            default: {
+              fetch: async (request: Request) => {
+                const { pathname } = new URL(request.url);
+                handled.push({ method: request.method, pathname });
+                return new Response(`rsc:${request.method}:${pathname}`, {
+                  status: 200,
+                });
+              },
+            },
+          }),
+        },
+      },
+    };
+    return { server, middlewares, handled };
+  };
+
+  it('defers middleware registration until after built-in middlewares', () => {
+    const { server, middlewares } = createFakeServer();
+    const setup = createReactRouterRscDevServerSetup({
+      entryName: 'index',
+      pluginName: 'test-plugin',
+    });
+
+    const postSetup = (setup as (context: unknown) => unknown)({ server });
+
+    // Nothing may be registered synchronously: setup-time middlewares run
+    // BEFORE Rsbuild's static asset middlewares and would shadow them.
+    expect(middlewares).toHaveLength(0);
+    expect(typeof postSetup).toBe('function');
+
+    (postSetup as () => void)();
+    expect(middlewares).toHaveLength(1);
+  });
+
+  it('handles fallthrough requests of any method and bypasses internals', async () => {
+    const { server, middlewares, handled } = createFakeServer();
+    const setup = createReactRouterRscDevServerSetup({
+      entryName: 'index',
+      pluginName: 'test-plugin',
+    });
+    const postSetup = (setup as (context: unknown) => unknown)({ server });
+    (postSetup as () => void)();
+    const middleware = middlewares[0];
+
+    const httpServer = createServer((req, res) => {
+      middleware(req, res, () => {
+        res.statusCode = 404;
+        res.end('static-404');
+      });
+    });
+    await new Promise<void>(resolve =>
+      httpServer.listen(0, '127.0.0.1', resolve)
+    );
+    const { port } = httpServer.address() as AddressInfo;
+    const origin = `http://127.0.0.1:${port}`;
+
+    try {
+      const getRoot = await fetch(`${origin}/`);
+      expect(getRoot.status).toBe(200);
+      expect(await getRoot.text()).toBe('rsc:GET:/');
+
+      const resourceRoute = await fetch(`${origin}/sitemap.xml`);
+      expect(resourceRoute.status).toBe(200);
+      expect(await resourceRoute.text()).toBe('rsc:GET:/sitemap.xml');
+
+      const deleteRoute = await fetch(`${origin}/items/1`, {
+        method: 'DELETE',
+      });
+      expect(deleteRoute.status).toBe(200);
+      expect(await deleteRoute.text()).toBe('rsc:DELETE:/items/1');
+
+      const internal = await fetch(`${origin}/__rsbuild_hmr`);
+      expect(internal.status).toBe(404);
+      expect(await internal.text()).toBe('static-404');
+
+      expect(handled).toEqual([
+        { method: 'GET', pathname: '/' },
+        { method: 'GET', pathname: '/sitemap.xml' },
+        { method: 'DELETE', pathname: '/items/1' },
+      ]);
+    } finally {
+      await new Promise<void>((resolve, reject) =>
+        httpServer.close(err => (err ? reject(err) : resolve()))
+      );
+    }
+  });
+
+  it('renders a 500 document whose <main> carries the thrown error', async () => {
+    const middlewares: ConnectMiddleware[] = [];
+    const server = {
+      middlewares: {
+        use: (middleware: ConnectMiddleware) => {
+          middlewares.push(middleware);
+        },
+      },
+      environments: {
+        node: {
+          loadBundle: async () => ({
+            default: {
+              fetch: async () => {
+                throw new Error('crash-loader');
+              },
+            },
+          }),
+        },
+      },
+    };
+    const setup = createReactRouterRscDevServerSetup({
+      entryName: 'index',
+      pluginName: 'test-plugin',
+    });
+    const postSetup = (setup as (context: unknown) => unknown)({ server });
+    (postSetup as () => void)();
+    const middleware = middlewares[0];
+
+    const httpServer = createServer((req, res) => {
+      middleware(req, res, () => {
+        res.statusCode = 404;
+        res.end('static-404');
+      });
+    });
+    await new Promise<void>(resolve =>
+      httpServer.listen(0, '127.0.0.1', resolve)
+    );
+    const { port } = httpServer.address() as AddressInfo;
+
+    try {
+      const response = await fetch(`http://127.0.0.1:${port}/error-route`);
+      expect(response.status).toBe(500);
+      const body = await response.text();
+      expect(body).toContain('<main>');
+      expect(body).toContain('Error: crash-loader');
+    } finally {
+      await new Promise<void>((resolve, reject) =>
+        httpServer.close(err => (err ? reject(err) : resolve()))
+      );
+    }
+  });
+});
diff --git a/tests/rsc-prerender.test.ts b/tests/rsc-prerender.test.ts
new file mode 100644
index 00000000..9a1bcbb0
--- /dev/null
+++ b/tests/rsc-prerender.test.ts
@@ -0,0 +1,190 @@
+import { mkdir, mkdtemp, rm, writeFile } from 'node:fs/promises';
+import { tmpdir } from 'node:os';
+import { resolve } from 'node:path';
+import { createLogger } from '@rsbuild/core';
+import { describe, expect, it } from '@rstest/core';
+import {
+  SPA_FALLBACK_REQUEST_PATH,
+  extractRscFlightData,
+  getRscHtmlFilePath,
+  getRscPayloadFilePath,
+  getRscPrerenderRequests,
+  normalizeRscPrerenderBasename,
+  runReactRouterRscPrerenderBuild,
+} from '../src/rsc-prerender';
+
+const flightScript = (chunk: string) =>
+  `<script>(self.__FLIGHT_DATA||=[]).push(${JSON.stringify(chunk)})</script>`;
+
+describe('normalizeRscPrerenderBasename', () => {
+  it('defaults to a root basename', () => {
+    expect(normalizeRscPrerenderBasename('')).toBe('/');
+    expect(normalizeRscPrerenderBasename('/')).toBe('/');
+  });
+
+  it('appends a trailing slash when missing', () => {
+    expect(normalizeRscPrerenderBasename('/base')).toBe('/base/');
+    expect(normalizeRscPrerenderBasename('/base/')).toBe('/base/');
+  });
+});
+
+describe('getRscPrerenderRequestPaths', () => {
+  it('returns the prerender paths for ssr builds', () => {
+    expect(
+      getRscPrerenderRequests({
+        prerenderPaths: ['/', '/about'],
+        ssr: true,
+        basename: '/',
+      }).map(r => r.requestPath)
+    ).toEqual(['/', '/about']);
+  });
+
+  it('adds the SPA fallback document when ssr is disabled', () => {
+    expect(
+      getRscPrerenderRequests({
+        prerenderPaths: ['/'],
+        ssr: false,
+        basename: '/',
+      }).map(r => r.requestPath)
+    ).toEqual(['/', SPA_FALLBACK_REQUEST_PATH]);
+  });
+
+  it('prerenders only the SPA fallback for ssr:false without prerender paths', () => {
+    expect(
+      getRscPrerenderRequests({
+        prerenderPaths: [],
+        ssr: false,
+        basename: '/',
+      }).map(r => r.requestPath)
+    ).toEqual([SPA_FALLBACK_REQUEST_PATH]);
+  });
+
+  it('joins paths with the basename', () => {
+    expect(
+      getRscPrerenderRequests({
+        prerenderPaths: ['/', '/products/1'],
+        ssr: true,
+        basename: '/base',
+      }).map(r => r.requestPath)
+    ).toEqual(['/base/', '/base/products/1']);
+  });
+
+  it('keeps basename request paths separate from artifact paths', () => {
+    expect(
+      getRscPrerenderRequests({
+        prerenderPaths: [],
+        ssr: false,
+        basename: '/base',
+      })
+    ).toEqual([
+      {
+        requestPath: '/base/__spa-fallback.html',
+        artifactPath: SPA_FALLBACK_REQUEST_PATH,
+      },
+    ]);
+  });
+
+  it('deduplicates paths', () => {
+    expect(
+      getRscPrerenderRequests({
+        prerenderPaths: ['/', '/'],
+        ssr: true,
+        basename: '/',
+      }).map(r => r.requestPath)
+    ).toEqual(['/']);
+  });
+});
+
+describe('extractRscFlightData', () => {
+  it('returns null when the document has no flight data', () => {
+    expect(extractRscFlightData('<html><body>hi</body></html>')).toBeNull();
+  });
+
+  it('extracts a single flight chunk', () => {
+    const html = `<html><body>${flightScript('chunk-a')}</body></html>`;
+    expect(extractRscFlightData(html)).toBe('chunk-a');
+  });
+
+  it('concatenates multiple flight chunks in order', () => {
+    const html = [
+      '<html><body>',
+      flightScript('chunk-a'),
+      '<div>content</div>',
+      flightScript('chunk-b'),
+      '</body></html>',
+    ].join('');
+    expect(extractRscFlightData(html)).toBe('chunk-achunk-b');
+  });
+
+  it('decodes JSON-escaped chunk contents', () => {
+    const chunk = '1:{"a":"line\nbreak \\"quoted\\""}\n';
+    const html = flightScript(chunk);
+    expect(extractRscFlightData(html)).toBe(chunk);
+  });
+});
+
+describe('getRscHtmlFilePath', () => {
+  it('maps the root path to index.html', () => {
+    expect(getRscHtmlFilePath('/')).toBe('/index.html');
+  });
+
+  it('maps nested paths to a nested index.html', () => {
+    expect(getRscHtmlFilePath('/products/1')).toBe('/products/1/index.html');
+    expect(getRscHtmlFilePath('/about/')).toBe('/about/index.html');
+  });
+
+  it('maps the SPA fallback request to a top-level file', () => {
+    expect(getRscHtmlFilePath(SPA_FALLBACK_REQUEST_PATH)).toBe(
+      '__spa-fallback.html'
+    );
+  });
+});
+
+describe('getRscPayloadFilePath', () => {
+  it('maps the root path to _.rsc', () => {
+    expect(getRscPayloadFilePath('/')).toBe('_.rsc');
+  });
+
+  it('maps nested paths to <path>.rsc', () => {
+    expect(getRscPayloadFilePath('/products/1')).toBe('/products/1.rsc');
+  });
+
+  it('maps the SPA fallback request to __spa-fallback.rsc', () => {
+    expect(getRscPayloadFilePath(SPA_FALLBACK_REQUEST_PATH)).toBe(
+      '__spa-fallback.rsc'
+    );
+  });
+});
+
+describe('runReactRouterRscPrerenderBuild', () => {
+  it('reports a failed RSC response without duplicating the path', async () => {
+    const buildDirectory = await mkdtemp(
+      resolve(tmpdir(), 'rsbuild-rsc-prerender-')
+    );
+
+    try {
+      const serverDirectory = resolve(buildDirectory, 'server');
+      await mkdir(serverDirectory);
+      await writeFile(
+        resolve(serverDirectory, 'index.js'),
+        'export default { fetch: async () => new Response(null, { status: 500 }) };'
+      );
+
+      await expect(
+        runReactRouterRscPrerenderBuild({
+          api: { logger: createLogger({ level: 'silent' }) },
+          hasWebEnvironment: true,
+          buildDirectory,
+          ssr: true,
+          prerenderConfig: true,
+          prerenderPaths: ['/about'],
+          basename: '/',
+        })
+      ).rejects.toThrowError(
+        /^Prerender: Received a 500 status code from the RSC server while prerendering the `\/about` path\.$/
+      );
+    } finally {
+      await rm(buildDirectory, { recursive: true, force: true });
+    }
+  });
+});
diff --git a/tests/rsc-route-config.test.ts b/tests/rsc-route-config.test.ts
new file mode 100644
index 00000000..c1da949b
--- /dev/null
+++ b/tests/rsc-route-config.test.ts
@@ -0,0 +1,29 @@
+import { describe, expect, it } from '@rstest/core';
+import { createRscRouteConfig } from '../src/rsc-route-config';
+
+describe('RSC route config', () => {
+  it('preserves declared sibling order', () => {
+    const code = createRscRouteConfig({
+      appDirectory: '/app',
+      routes: {
+        root: { id: 'root', file: 'root.tsx' },
+        'routes/b': {
+          id: 'routes/b',
+          parentId: 'root',
+          path: 'b',
+          file: 'routes/b.tsx',
+        },
+        'routes/a': {
+          id: 'routes/a',
+          parentId: 'root',
+          path: 'a',
+          file: 'routes/a.tsx',
+        },
+      },
+    });
+
+    expect(code.indexOf('id: "routes/b"')).toBeLessThan(
+      code.indexOf('id: "routes/a"')
+    );
+  });
+});
diff --git a/tests/rsc-route-exports.test.ts b/tests/rsc-route-exports.test.ts
new file mode 100644
index 00000000..57c534fa
--- /dev/null
+++ b/tests/rsc-route-exports.test.ts
@@ -0,0 +1,64 @@
+import { describe, expect, it } from '@rstest/core';
+import {
+  describeRscRouteExportConflict,
+  RSC_CLIENT_COMPONENT_EXPORTS,
+  RSC_MUTUALLY_EXCLUSIVE_ROUTE_EXPORTS,
+  RSC_ROUTE_COMPONENT_EXPORTS,
+  RSC_SERVER_COMPONENT_EXPORTS,
+} from '../src/rsc-route-exports';
+
+describe('RSC route export policy', () => {
+  it('keeps client and server component export pairs in one canonical order', () => {
+    expect(RSC_ROUTE_COMPONENT_EXPORTS).toEqual([
+      {
+        routeProperty: 'Component',
+        clientExport: 'default',
+        serverExport: 'ServerComponent',
+      },
+      {
+        routeProperty: 'Layout',
+        clientExport: 'Layout',
+        serverExport: 'ServerLayout',
+      },
+      {
+        routeProperty: 'ErrorBoundary',
+        clientExport: 'ErrorBoundary',
+        serverExport: 'ServerErrorBoundary',
+      },
+      {
+        routeProperty: 'HydrateFallback',
+        clientExport: 'HydrateFallback',
+        serverExport: 'ServerHydrateFallback',
+      },
+    ]);
+    expect(RSC_CLIENT_COMPONENT_EXPORTS).toEqual([
+      'default',
+      'Layout',
+      'ErrorBoundary',
+      'HydrateFallback',
+    ]);
+    expect(RSC_SERVER_COMPONENT_EXPORTS).toEqual([
+      'ServerComponent',
+      'ServerLayout',
+      'ServerErrorBoundary',
+      'ServerHydrateFallback',
+    ]);
+    expect(RSC_MUTUALLY_EXCLUSIVE_ROUTE_EXPORTS).toEqual([
+      ['default', 'ServerComponent'],
+      ['Layout', 'ServerLayout'],
+      ['ErrorBoundary', 'ServerErrorBoundary'],
+      ['HydrateFallback', 'ServerHydrateFallback'],
+    ]);
+  });
+
+  it('uses the same conflict wording for default and named exports', () => {
+    expect(
+      describeRscRouteExportConflict('default', 'ServerComponent')
+    ).toBe(
+      'Module cannot have both a default export and a ServerComponent export'
+    );
+    expect(describeRscRouteExportConflict('Layout', 'ServerLayout')).toBe(
+      'Module cannot have both a Layout export and a ServerLayout export'
+    );
+  });
+});
diff --git a/tests/rsc-route-transforms.test.ts b/tests/rsc-route-transforms.test.ts
new file mode 100644
index 00000000..c5126006
--- /dev/null
+++ b/tests/rsc-route-transforms.test.ts
@@ -0,0 +1,614 @@
+import { describe, expect, it } from '@rstest/core';
+import { transformRscRouteModule } from '../src/rsc-route-transforms';
+import type { RouteChunkConfig } from '../src/route-chunks';
+import type { Route } from '../src/types';
+
+const routeChunkConfig: RouteChunkConfig = {
+  splitRouteModules: false,
+  appDirectory: '/app',
+  rootRouteFile: 'root.tsx',
+};
+const enforceRouteChunkConfig: RouteChunkConfig = {
+  ...routeChunkConfig,
+  splitRouteModules: 'enforce',
+};
+const routeByFilePath = new Map<string, Route>([
+  ['/app/routes/client.tsx', { id: 'routes/client', file: 'routes/client.tsx' }],
+  ['/app/routes/target.tsx', { id: 'routes/target', file: 'routes/target.tsx' }],
+]);
+
+type TransformOverrides = Partial<Parameters<typeof transformRscRouteModule>[0]> &
+  Pick<Parameters<typeof transformRscRouteModule>[0], 'code' | 'resourcePath' | 'routeId'>;
+
+const transform = (overrides: TransformOverrides) =>
+  transformRscRouteModule({
+    isRootRoute: false,
+    routeChunkCache: new Map(),
+    routeChunkConfig,
+    isServerEnvironment: false,
+    isDev: false,
+    ...overrides,
+  });
+
+describe('RSC route transforms', () => {
+  it('reexports the default root ErrorBoundary from root server route entries', async () => {
+    const result = await transform({
+      code: `
+        export default function Root() {
+          return null;
+        }
+      `,
+      resourcePath: '/app/root.tsx',
+      isRootRoute: true,
+      routeId: 'root',
+      isServerEnvironment: true,
+    });
+
+    expect(result.code).toContain(
+      'export { ErrorBoundary } from "/app/root.tsx?client-route-module=shared";'
+    );
+    expect(result.code).not.toContain('UNSAFE_RSCDefaultRootErrorBoundary');
+  });
+
+  it('adds the default root ErrorBoundary to root shared client route chunks', async () => {
+    const result = await transform({
+      code: `
+        export default function Root() {
+          return null;
+        }
+      `,
+      resourcePath: '/app/root.tsx',
+      resourceQuery: '?client-route-module=shared',
+      isRootRoute: true,
+      routeId: 'root',
+      isServerEnvironment: true,
+    });
+
+    expect(result.code).toContain(
+      'import { createElement as __rr_createElement } from "react";'
+    );
+    expect(result.code).not.toContain('UNSAFE_RSCDefaultRootErrorBoundary');
+    expect(result.code).toContain('export function ErrorBoundary()');
+    expect(result.code).toContain('"Unexpected Server Error"');
+  });
+
+  it('renders non-Error route rejections in the dev root ErrorBoundary', async () => {
+    // A react-router ErrorResponse (a plain object, no `.stack`) previously
+    // collapsed to "[object Object]" via String(error). The dev boundary must
+    // pretty-print such objects so the real payload is visible.
+    const result = await transform({
+      code: `
+        export default function Root() {
+          return null;
+        }
+      `,
+      resourcePath: '/app/root.tsx',
+      resourceQuery: '?client-route-module=shared',
+      isRootRoute: true,
+      routeId: 'root',
+      isServerEnvironment: true,
+      isDev: true,
+    });
+
+    expect(result.code).toContain('export function ErrorBoundary()');
+    expect(result.code).toContain('function __rr_formatRouteError(error)');
+    // Errors keep their (source-mapped) stack.
+    expect(result.code).toContain('if (error && error.stack) return String(error.stack)');
+    // Non-Error objects fall back to a JSON dump instead of "[object Object]".
+    expect(result.code).toContain('JSON.stringify(error, null, 2)');
+
+    // Behavioral check: exercise the emitted formatter against an
+    // ErrorResponse-shaped object and a real Error.
+    const fnMatch = result.code.match(
+      /function __rr_formatRouteError[\s\S]*?\n\}\n/
+    );
+    expect(fnMatch).not.toBeNull();
+    const format = new Function(
+      'error',
+      `${fnMatch![0]}\nreturn __rr_formatRouteError(error);`
+    ) as (error: unknown) => string;
+
+    const errorResponse = {
+      status: 404,
+      statusText: 'Not Found',
+      data: 'Error: No route matches URL',
+      internal: true,
+    };
+    const formatted = format(errorResponse);
+    expect(formatted).not.toBe('[object Object]');
+    expect(formatted).toContain('"status": 404');
+
+    const realError = new Error('boom');
+    expect(format(realError)).toContain('Error: boom');
+  });
+
+  it('targets client route chunks from the client route module query', async () => {
+    const result = await transform({
+      code: `
+        export async function loader() {
+          return null;
+        }
+        export async function clientLoader() {
+          return null;
+        }
+        export default function Route() {
+          return null;
+        }
+      `,
+      resourcePath: '/app/routes/client.tsx',
+      resourceQuery: '?client-route-module=clientLoader',
+      routeId: 'routes/client',
+    });
+
+    expect(result.code).toContain('export async function clientLoader()');
+    expect(result.code).not.toContain('export async function loader()');
+    expect(result.code).not.toContain('export default function Route()');
+  });
+
+  it('targets RSC client route exports separately from shared exports', async () => {
+    const result = await transform({
+      code: `
+        export async function loader() {
+          return null;
+        }
+        export async function clientLoader() {
+          return null;
+        }
+        export const customExport = true;
+        export default function Route() {
+          return null;
+        }
+      `,
+      resourcePath: '/app/routes/client.tsx',
+      routeId: 'routes/client',
+    });
+
+    expect(result.code).toContain(
+      'export const clientLoader = async (...args) => import("/app/routes/client.tsx?client-route-module=clientLoader")'
+    );
+    expect(result.code).toContain(
+      'export { customExport } from "/app/routes/client.tsx?client-route-module=shared";'
+    );
+    expect(result.code).toContain(
+      'export { default } from "/app/routes/client.tsx?client-route-module=route";'
+    );
+    expect(result.code).not.toContain(
+      'clientLoader")}).then(mod => mod.clientLoader'
+    );
+  });
+
+  it('escapes route module ids embedded in generated dynamic imports', async () => {
+    const resourcePath = '/app/routes/quote"\\\\line\n);globalThis.pwned=true;//.tsx';
+    const result = await transform({
+      code: `
+        export async function clientLoader() {
+          return null;
+        }
+        export function HydrateFallback() {
+          return null;
+        }
+        export default function Route() {
+          return null;
+        }
+      `,
+      resourcePath,
+      routeId: 'routes/adversarial',
+    });
+
+    for (const chunk of ['clientLoader', 'HydrateFallback']) {
+      const expectedTarget = `${resourcePath}?client-route-module=${chunk}`;
+      expect(result.code).toContain(`import(${JSON.stringify(expectedTarget)})`);
+    }
+    expect(result.code).not.toContain('import("/app/routes/quote"\\\\line');
+  });
+
+  it('keeps unsplittable RSC client route exports in the shared client module', async () => {
+    const result = await transform({
+      code: `
+        const shared = true;
+        export async function clientLoader() {
+          return shared;
+        }
+        export default function Route() {
+          return shared ? null : null;
+        }
+      `,
+      resourcePath: '/app/routes/client.tsx',
+      routeId: 'routes/client',
+    });
+
+    expect(result.code).toContain(
+      'export const clientLoader = async (...args) => import("/app/routes/client.tsx?client-route-module=route")'
+    );
+    expect(result.code).toContain(
+      'export { default } from "/app/routes/client.tsx?client-route-module=route";'
+    );
+  });
+
+  it('rejects unsplittable clientMiddleware exports in enforce mode', async () => {
+    await expect(
+      transform({
+        code: `
+          const shared = true;
+          export const clientMiddleware = [
+            async ({ request }, next) => {
+              return shared ? next() : undefined;
+            },
+          ];
+          export default function Route() {
+            return shared ? null : null;
+          }
+        `,
+        resourcePath: '/app/routes/client.tsx',
+        routeId: 'routes/client',
+        routeChunkConfig: enforceRouteChunkConfig,
+      })
+    ).rejects.toThrowError(
+      /Error splitting route module: routes\/client[\s\S]*- clientMiddleware[\s\S]*This export[\s\S]*its own chunk[\s\S]*it shares/
+    );
+  });
+
+  it('refreshes default RSC client route modules when they update', async () => {
+    const result = await transform({
+      code: 'export default function Route() { return null; }',
+      resourcePath: '/app/routes/client.tsx',
+      resourceQuery: '?client-route-module=route',
+      routeId: 'routes/client',
+      isDev: true,
+    });
+
+    expect(result.code).toContain('import.meta.webpackHot.accept(() =>');
+    expect(result.code).toContain('const basename = router.basename || "/"');
+    expect(result.code).toContain(
+      'router.navigate(pathname + location.search + location.hash'
+    );
+    // A trailing-slash basename (e.g. "/mybase/") consumes the leading slash
+    // when stripped, producing a relative `to` that react-router resolves
+    // against the current location and doubles into the URL (which route
+    // discovery then 404s). Re-assert absolute after stripping.
+    expect(result.code).toContain('if (pathname[0] !== "/") pathname = "/" + pathname');
+  });
+
+  it('strips side-effect style imports from the data route chunk', async () => {
+    // The `?client-route-module=data` chunk carries only route data exports and
+    // must keep its client-manifest `cssFiles` empty so the native rspack
+    // `RscServerPlugin` never wraps these non-component exports in a
+    // CSS-injecting component wrapper. Assert the bare style side-effect import
+    // is dropped from the emitted data chunk.
+    const result = await transform({
+      code: `
+        import "./styles.css";
+        export const meta = () => [];
+        export const links = () => [];
+        export default function Route() { return null; }
+      `,
+      resourcePath: '/app/routes/client.tsx',
+      resourceQuery: '?client-route-module=data',
+      routeId: 'routes/client',
+    });
+
+    expect(result.code).not.toContain('.css');
+    expect(result.code).toContain('export const meta');
+    expect(result.code).toContain('export const links');
+  });
+
+  it('groups RSC client route exports in one route client module', async () => {
+    const result = await transform({
+      code: `
+        export async function loader() {
+          return null;
+        }
+        export async function clientLoader() {
+          return null;
+        }
+        export const customExport = true;
+        export default function Route() {
+          return null;
+        }
+      `,
+      resourcePath: '/app/routes/client.tsx',
+      resourceQuery: '?client-route-module=route',
+      routeId: 'routes/client',
+    });
+
+    expect(result.code).toContain('export async function clientLoader()');
+    expect(result.code).toContain('export default function Route()');
+    expect(result.code).not.toContain('export async function loader()');
+    expect(result.code).not.toContain('export const customExport = true');
+  });
+
+  it('keeps exported shared dependencies in unsplittable route client chunks', async () => {
+    const result = await transform({
+      code: `
+        export const shared = true;
+        export async function loader() {
+          return null;
+        }
+        export async function clientLoader() {
+          return shared;
+        }
+        export default function Route() {
+          return shared ? null : null;
+        }
+      `,
+      resourcePath: '/app/routes/client.tsx',
+      resourceQuery: '?client-route-module=route',
+      routeId: 'routes/client',
+    });
+
+    expect(result.code).toContain('const shared = true;');
+    expect(result.code).toContain('export async function clientLoader()');
+    expect(result.code).toContain('export default function Route()');
+    expect(result.code).not.toContain('export async function loader()');
+  });
+
+  it('keeps shared RSC route exports in shared client route chunks', async () => {
+    const result = await transform({
+      code: `
+        export async function loader() {
+          return null;
+        }
+        export async function clientLoader() {
+          return null;
+        }
+        export const customExport = true;
+        export default function Route() {
+          return null;
+        }
+      `,
+      resourcePath: '/app/routes/client.tsx',
+      resourceQuery: '?client-route-module=shared',
+      routeId: 'routes/client',
+    });
+
+    expect(result.code).toContain('export const customExport = true;');
+    expect(result.code).not.toContain('export async function clientLoader()');
+    expect(result.code).not.toContain('export default function Route()');
+  });
+
+  it('re-adds a bare vanilla style import to the shared client chunk of a server-first route', async () => {
+    const result = await transform({
+      code: `
+        import * as localStyles from "./styles-vanilla-local.css";
+        export function ServerComponent() {
+          return localStyles.index;
+        }
+      `,
+      resourcePath: '/app/routes/server.tsx',
+      resourceQuery: '?client-route-module=shared',
+      routeId: 'routes/server',
+      isServerEnvironment: true,
+    });
+
+    // The server component (and its value import) is stripped from the client
+    // module, so a bare side-effect import is re-added to make the client build
+    // extract the scoped stylesheet the server entry's `entryCssFiles` links.
+    expect(result.code).toContain('"use client";');
+    expect(result.code).toContain('import "./styles-vanilla-local.css";');
+    expect(result.code).not.toContain('export function ServerComponent()');
+  });
+
+  it('does not re-add the vanilla style import to the data client chunk of a server-first route', async () => {
+    const result = await transform({
+      code: `
+        import * as localStyles from "./styles-vanilla-local.css";
+        export function loader() {
+          return null;
+        }
+        export function ServerComponent() {
+          return localStyles.index;
+        }
+      `,
+      resourcePath: '/app/routes/server.tsx',
+      resourceQuery: '?client-route-module=data',
+      routeId: 'routes/server',
+      isServerEnvironment: true,
+    });
+
+    // The data chunk keeps `cssFiles` empty so RSC never wraps data exports in a
+    // CSS-injecting component; the vanilla import must not leak into it.
+    expect(result.code).not.toContain('import "./styles-vanilla-local.css";');
+  });
+
+  it('does not re-add vanilla style imports to client (non-server-component) route chunks', async () => {
+    const result = await transform({
+      code: `
+        import * as localStyles from "./styles-vanilla-local.css";
+        export default function Route() {
+          return localStyles.index;
+        }
+      `,
+      resourcePath: '/app/routes/client.tsx',
+      resourceQuery: '?client-route-module=route',
+      routeId: 'routes/client',
+      isServerEnvironment: true,
+    });
+
+    // A client route's component stays in the client graph, so its vanilla value
+    // import extracts normally — no synthetic bare import is added.
+    expect(result.code).not.toContain('import "./styles-vanilla-local.css";');
+    expect(result.code).toContain('export default function Route()');
+  });
+
+  it('rewrites RSC client route module imports to shared client modules', async () => {
+    const result = await transform({
+      code: `
+        import { customExport } from "./target";
+
+        export const handle = customExport;
+        export default function Route() {
+          return customExport ? null : null;
+        }
+      `,
+      resourcePath: '/app/routes/client.tsx',
+      resourceQuery: '?client-route-module=default',
+      routeId: 'routes/client',
+      routeByFilePath,
+      isServerEnvironment: true,
+    });
+
+    expect(result.code).toContain(
+      'from \"/app/routes/target.tsx?client-route-module=shared\"'
+    );
+    expect(result.code).not.toContain('from \"./target\"');
+  });
+
+  it('targets server route modules from the server route module query', async () => {
+    const result = await transform({
+      code: `
+        export async function loader() {
+          return null;
+        }
+        export async function clientLoader() {
+          return null;
+        }
+        export default function Route() {
+          return null;
+        }
+      `,
+      resourcePath: '/app/routes/server.tsx',
+      resourceQuery: '?server-route-module=',
+      routeId: 'routes/server',
+      isServerEnvironment: true,
+    });
+
+    expect(result.code).toContain('export async function loader()');
+    expect(result.code).not.toContain('export async function clientLoader()');
+    expect(result.code).not.toContain('export default function Route()');
+  });
+
+  it('marks server-first route modules as server entries so RSC collects their CSS', async () => {
+    const result = await transform({
+      code: `
+        import "./styles.css";
+        export function ServerComponent() {
+          return null;
+        }
+      `,
+      resourcePath: '/app/routes/server.tsx',
+      resourceQuery: '?server-route-module=',
+      routeId: 'routes/server',
+      isServerEnvironment: true,
+    });
+
+    expect(result.code).toContain("'use server-entry';");
+    expect(result.code).toContain('import "./styles.css"');
+    expect(result.code).toContain('export function ServerComponent()');
+  });
+
+  it('re-adds a bare side-effect import for value-imported vanilla styles in server-first route modules', async () => {
+    const result = await transform({
+      code: `
+        import * as localStyles from "./styles-vanilla-local.css";
+        export function ServerComponent() {
+          return localStyles.index;
+        }
+      `,
+      resourcePath: '/app/routes/server.tsx',
+      resourceQuery: '?server-route-module=',
+      routeId: 'routes/server',
+      isServerEnvironment: true,
+    });
+
+    // The value import (used for the scoped class name) survives, and a bare
+    // side-effect import of the same file is added so the vanilla CSS side
+    // effect is retained in the server graph and recorded in `entryCssFiles`.
+    expect(result.code).toContain("'use server-entry';");
+    expect(result.code).toContain(
+      'import * as localStyles from "./styles-vanilla-local.css"'
+    );
+    expect(result.code).toContain('import "./styles-vanilla-local.css";');
+  });
+
+  it('does not re-add bare imports for CSS Modules or `?url` value imports in server-first route modules', async () => {
+    const result = await transform({
+      code: `
+        import moduleStyles from "./styles.module.css";
+        import cssUrl from "./styles.css?url";
+        export function ServerComponent() {
+          return moduleStyles.index + cssUrl;
+        }
+      `,
+      resourcePath: '/app/routes/server.tsx',
+      resourceQuery: '?server-route-module=',
+      routeId: 'routes/server',
+      isServerEnvironment: true,
+    });
+
+    // CSS Modules are handled by the native CSS pipeline and `?url` imports ride
+    // the asset-relocation path; neither should gain a synthetic bare import.
+    expect(result.code).not.toContain('import "./styles.module.css";');
+    expect(result.code).not.toContain('import "./styles.css?url";');
+    expect(result.code).not.toContain('import "./styles.css";');
+  });
+
+  it('does not mark data-only server route modules as server entries', async () => {
+    const result = await transform({
+      code: `
+        export async function loader() {
+          return null;
+        }
+      `,
+      resourcePath: '/app/routes/server.tsx',
+      resourceQuery: '?server-route-module=',
+      routeId: 'routes/server',
+      isServerEnvironment: true,
+    });
+
+    expect(result.code).not.toContain('use server-entry');
+    expect(result.code).toContain('export async function loader()');
+  });
+
+  it('streams server-entry CSS links from server-first route entries', async () => {
+    const result = await transform({
+      code: `
+        export function ServerComponent() {
+          return null;
+        }
+      `,
+      resourcePath: '/app/routes/server.tsx',
+      routeId: 'routes/server',
+      isServerEnvironment: true,
+    });
+
+    expect(result.code).toContain(
+      'import { ServerComponent as ServerComponentWithoutClientChunk } from "/app/routes/server.tsx?server-route-module="'
+    );
+    expect(result.code).toContain(
+      '...(ServerComponentWithoutClientChunk.entryCssFiles ?? []).map(href =>'
+    );
+    expect(result.code).toContain(
+      'React.createElement("link", { key: href, rel: "stylesheet", href: href, precedence: "default" })'
+    );
+    expect(result.code).toContain(
+      'React.createElement(ServerComponentWithoutClientChunk, props)'
+    );
+  });
+
+  it('preserves client component initializer side effects in server route modules', async () => {
+    const result = await transform({
+      code: `
+        export async function loader() {
+          return globalThis.componentCount;
+        }
+        export const clientLoader = (() => {
+          globalThis.clientLoaderCount = true;
+          return async () => null;
+        })();
+        const Route = (() => {
+          globalThis.componentCount = true;
+          return () => null;
+        })();
+        export default Route;
+      `,
+      resourcePath: '/app/routes/server.tsx',
+      resourceQuery: '?server-route-module=',
+      routeId: 'routes/server',
+      isServerEnvironment: true,
+    });
+
+    expect(result.code).toContain('globalThis.componentCount = true');
+    expect(result.code).not.toContain('globalThis.clientLoaderCount = true');
+    expect(result.code).not.toContain('export default');
+  });
+});
diff --git a/tests/rsc-support.test.ts b/tests/rsc-support.test.ts
new file mode 100644
index 00000000..daa8dbda
--- /dev/null
+++ b/tests/rsc-support.test.ts
@@ -0,0 +1,188 @@
+import { mkdtempSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { describe, expect, it } from '@rstest/core';
+import {
+  assertReactRouterRscConfigSupport,
+  assertReactRouterRscSupport,
+  createReactRouterRscResolveAliases,
+  createReactRouterRscVirtualModules,
+  setupReactRouterRscPlugin,
+} from '../src/rsc-support';
+
+describe('RSC support helpers', () => {
+  it('creates aliases for upstream colon virtual IDs and internal client modules', () => {
+    const aliases = createReactRouterRscResolveAliases('/repo');
+
+    expect(aliases).toMatchObject({
+      'virtual:react-router/unstable_rsc/routes': expect.stringContaining(
+        'virtual/react-router/unstable_rsc/routes.js'
+      ),
+      'virtual/react-router/unstable_rsc/routes': expect.stringContaining(
+        'virtual/react-router/unstable_rsc/routes.js'
+      ),
+      'react-router/internal/react-server-client': expect.stringContaining(
+        'virtual/react-router/rsc-internal-client.js'
+      ),
+    });
+  });
+
+  it('creates only RSC virtual modules with normalized bootstrap scripts', () => {
+    const modules = createReactRouterRscVirtualModules({
+      allowedActionOrigins: ['https://app.example.com'],
+      appDirectory: '/repo/app',
+      basename: '/',
+      buildDirectory: '/repo/build',
+      isBuild: false,
+      jsDistPath: 'custom/js',
+      outputClientPath: '/repo/build/client',
+      publicPath: '/assets',
+      routeDiscovery: { mode: 'initial' },
+      routes: {
+        root: {
+          id: 'root',
+          file: 'root.tsx',
+          path: '',
+        },
+      },
+      ssr: true,
+    });
+
+    expect(modules['virtual/react-router/server-build']).toBeUndefined();
+    expect(
+      modules['virtual/react-router/unstable_rsc/bootstrap-scripts']
+    ).toContain('/assets/custom/js/index.js');
+    // The RSC HMR runtime only self-accepts; the single `rsc:update` navigate
+    // handler now lives in the RSC client entry, not this virtual module.
+    expect(
+      modules['virtual/react-router/unstable_rsc/inject-hmr-runtime']
+    ).toContain('import.meta.webpackHot.accept()');
+    expect(
+      modules['virtual/react-router/unstable_rsc/allowed-action-origins']
+    ).toBe('export default ["https://app.example.com"];');
+    expect(
+      modules['virtual/react-router/unstable_rsc/server-manifest']
+    ).toContain('__webpack_require__.rscM?.serverManifest');
+  });
+
+  it('defaults RSC route discovery for SSR and SPA mode', () => {
+    const createModules = (
+      ssr: boolean,
+      routeDiscovery?: Parameters<
+        typeof createReactRouterRscVirtualModules
+      >[0]['routeDiscovery']
+    ) =>
+      createReactRouterRscVirtualModules({
+        allowedActionOrigins: undefined,
+        appDirectory: '/repo/app',
+        basename: '/',
+        buildDirectory: '/repo/build',
+        isBuild: true,
+        jsDistPath: 'static/js',
+        outputClientPath: '/repo/build/client',
+        publicPath: '/',
+        routeDiscovery,
+        routes: {},
+        ssr,
+      });
+
+    expect(
+      createModules(true)[
+        'virtual/react-router/unstable_rsc/route-discovery'
+      ]
+    ).toBe('export default {"mode":"lazy"};');
+    expect(
+      createModules(false, { mode: 'lazy' })[
+        'virtual/react-router/unstable_rsc/route-discovery'
+      ]
+    ).toBe('export default {"mode":"initial"};');
+  });
+
+  it('rejects config options RSC framework mode does not support', () => {
+    expect(() =>
+      assertReactRouterRscConfigSupport({
+        pluginName: 'test-plugin',
+        userConfig: {
+          buildEnd: async () => {},
+          serverBundles: () => 'bundle',
+          subResourceIntegrity: true,
+        },
+      })
+    ).toThrow(
+      /does not currently support[\s\S]*- buildEnd[\s\S]*- serverBundles[\s\S]*- subResourceIntegrity/
+    );
+
+    expect(() =>
+      assertReactRouterRscConfigSupport({
+        pluginName: 'test-plugin',
+        userConfig: { ssr: true, basename: '/app' },
+      })
+    ).not.toThrow();
+  });
+
+  it('rejects the legacy SRI future alias after config normalization', () => {
+    expect(() =>
+      assertReactRouterRscConfigSupport({
+        pluginName: 'test-plugin',
+        userConfig: {
+          future: { unstable_subResourceIntegrity: true },
+          subResourceIntegrity: true,
+        },
+      })
+    ).toThrow(/subResourceIntegrity/);
+  });
+
+  it('rejects separately registered rsbuild-plugin-rsc instances', async () => {
+    await expect(
+      setupReactRouterRscPlugin({
+        api: {
+          isPluginExists: () => true,
+        } as any,
+        entryRscPath: '/repo/app/entry.rsc.tsx',
+        entrySsrPath: '/repo/app/entry.rsc.ssr.tsx',
+        pluginName: 'test-plugin',
+        rsc: {},
+      })
+    ).rejects.toThrow(/already registered/);
+  });
+
+  it('rejects React Router versions before the RSC export surface', () => {
+    const tempDir = mkdtempSync(join(tmpdir(), 'rr-rsc-support-'));
+    const packageJsonPath = join(tempDir, 'react-router.json');
+    writeFileSync(packageJsonPath, JSON.stringify({ version: '7.17.0' }));
+
+    try {
+      expect(() =>
+        assertReactRouterRscSupport({
+          pluginName: 'test-plugin',
+          resolvePackagePath: specifier =>
+            specifier === 'react-router/package.json'
+              ? packageJsonPath
+              : '/repo/node_modules/fake.js',
+        })
+      ).toThrow('requires react-router >=7.18.0 or >=8.0.0');
+    } finally {
+      rmSync(tempDir, { force: true, recursive: true });
+    }
+  });
+
+  it('rejects missing RSC runtime dependencies', () => {
+    const tempDir = mkdtempSync(join(tmpdir(), 'rr-rsc-support-'));
+    const packageJsonPath = join(tempDir, 'react-router.json');
+    writeFileSync(packageJsonPath, JSON.stringify({ version: '8.0.1' }));
+
+    try {
+      expect(() =>
+        assertReactRouterRscSupport({
+          pluginName: 'test-plugin',
+          resolvePackagePath: specifier =>
+            specifier === 'react-router/package.json'
+              ? packageJsonPath
+              : undefined,
+        })
+      ).toThrow('requires `react-server-dom-rspack/client.browser`');
+    } finally {
+      rmSync(tempDir, { force: true, recursive: true });
+    }
+  });
+});
diff --git a/tests/server-utils.test.ts b/tests/server-utils.test.ts
index 8f01667b..f2a64d91 100644
--- a/tests/server-utils.test.ts
+++ b/tests/server-utils.test.ts
@@ -104,17 +104,6 @@ describe('resolveReactRouterServerBuild', () => {
     ).resolves.toMatchObject({ assets: { version: 'async' } });
   });
 
-  it('resolves server builds through the Effect path', async () => {
-    const build = createBuild('effect');
-
-    await expect(
-      resolveReactRouterServerBuild({
-        ...build,
-        assets: async () => build.assets,
-      })
-    ).resolves.toMatchObject({ assets: { version: 'effect' } });
-  });
-
   it('rejects modules without a React Router server build', async () => {
     await expect(
       resolveReactRouterServerBuild({ default: { routes: {} } })
diff --git a/tests/setup.ts b/tests/setup.ts
index 4b5f77df..cb449e62 100644
--- a/tests/setup.ts
+++ b/tests/setup.ts
@@ -149,7 +149,6 @@ rstest.mock('@scripts/test-helper', () => ({
 
     const mergeRsbuildConfig = (a: any, b: any) => deepMerge(a, b);
     const pending: Promise<unknown>[] = [];
-
     const stub: any = {
       addPlugins: rstest.fn(),
       unwrapConfig: rstest.fn(),
@@ -158,13 +157,17 @@ rstest.mock('@scripts/test-helper', () => ({
       onAfterStartDevServer: rstest.fn(),
       onCloseDevServer: rstest.fn(),
       onCloseBuild: rstest.fn(),
+      onExit: rstest.fn(),
       onBeforeBuild: rstest.fn(),
       onAfterBuild: rstest.fn(),
       onBeforeDevCompile: rstest.fn(),
       onAfterDevCompile: rstest.fn(),
+      onBeforeCreateCompiler: rstest.fn(),
       onAfterCreateCompiler: rstest.fn(),
       getNormalizedConfig: rstest.fn().mockImplementation(() => mergedConfig),
+      isPluginExists: rstest.fn().mockReturnValue(false),
       modifyRsbuildConfig: rstest.fn(),
+      modifyBundlerChain: rstest.fn(),
       onAfterEnvironmentCompile: rstest.fn(),
       // Keep as a spy-only hook; tests in this repo assert against the merged
       // Rsbuild config (modifyRsbuildConfig), not post-normalization environment
@@ -207,8 +210,11 @@ rstest.mock('@scripts/test-helper', () => ({
     });
 
     // In Rsbuild, `addPlugins()` triggers plugin setup before config is read.
+    const flattenPlugins = (plugins: any[]): any[] =>
+      plugins.flatMap(plugin => (Array.isArray(plugin) ? flattenPlugins(plugin) : plugin));
+
     stub.addPlugins.mockImplementation((next: any[]) => {
-      for (const plugin of next) {
+      for (const plugin of flattenPlugins(next)) {
         if (typeof plugin?.setup === 'function') {
           // Tests do not await `addPlugins`, so ensure `unwrapConfig` waits for setup.
           pending.push(Promise.resolve(plugin.setup(stub)));
diff --git a/tests/spa-mode.test.ts b/tests/spa-mode.test.ts
index 0fdc20ef..97225bae 100644
--- a/tests/spa-mode.test.ts
+++ b/tests/spa-mode.test.ts
@@ -21,6 +21,7 @@ describe('SPA Mode (ssr: false)', () => {
         basename: '/',
         appDirectory: 'app',
         ssr: false,
+        isSpaMode: true,
         routeDiscovery: { mode: 'initial' },
       });
 
@@ -28,6 +29,52 @@ describe('SPA Mode (ssr: false)', () => {
       expect(result).toContain('export const ssr = false');
     });
 
+    it('should only import the root route when ssr is false', () => {
+      const result = generateServerBuild(
+        {
+          rootKey: mockRoutes.root,
+          homeKey: mockRoutes['routes/home'],
+        },
+        {
+          entryServerPath: './app/entry.server.tsx',
+          assetsBuildDirectory: 'build/client',
+          basename: '/',
+          appDirectory: 'app',
+          ssr: false,
+          isSpaMode: true,
+          routeDiscovery: { mode: 'initial' },
+        }
+      );
+
+      expect(result).toMatch(/import \* as route0 from ".+\/app\/root\.tsx";/);
+      expect(result).not.toContain('routes/home.tsx');
+      expect(result).toContain('const route1 = { default: () => null };');
+    });
+
+    it('should import non-root routes for ssr false prerender paths', () => {
+      const result = generateServerBuild(
+        {
+          rootKey: mockRoutes.root,
+          homeKey: mockRoutes['routes/home'],
+        },
+        {
+          entryServerPath: './app/entry.server.tsx',
+          assetsBuildDirectory: 'build/client',
+          basename: '/',
+          appDirectory: 'app',
+          ssr: false,
+          isSpaMode: false,
+          prerender: ['/'],
+          routeDiscovery: { mode: 'initial' },
+        }
+      );
+
+      expect(result).toMatch(/import \* as route0 from ".+\/app\/root\.tsx";/);
+      expect(result).toMatch(
+        /import \* as route1 from ".+\/app\/routes\/home\.tsx";/
+      );
+    });
+
     it('should set isSpaMode to false when ssr is true', () => {
       const result = generateServerBuild(mockRoutes, {
         entryServerPath: './app/entry.server.tsx',
@@ -35,6 +82,7 @@ describe('SPA Mode (ssr: false)', () => {
         basename: '/',
         appDirectory: 'app',
         ssr: true,
+        isSpaMode: false,
         routeDiscovery: { mode: 'lazy', manifestPath: '/__manifest' },
       });
 
@@ -55,6 +103,7 @@ describe('SPA Mode (ssr: false)', () => {
         basename: '/',
         appDirectory: 'app',
         ssr: false,
+        isSpaMode: true,
         routeDiscovery: { mode: 'initial' },
       });
 
@@ -68,6 +117,7 @@ describe('SPA Mode (ssr: false)', () => {
         basename: '/',
         appDirectory: 'app',
         ssr: true,
+        isSpaMode: false,
         routeDiscovery: { mode: 'lazy', manifestPath: '/__manifest' },
       });
 
@@ -88,6 +138,7 @@ describe('SPA Mode (ssr: false)', () => {
         basename: '/',
         appDirectory: 'app',
         ssr: true,
+        isSpaMode: false,
         federation: true,
         routeDiscovery: { mode: 'lazy', manifestPath: '/__manifest' },
       });
@@ -104,6 +155,7 @@ describe('SPA Mode (ssr: false)', () => {
         basename: '/',
         appDirectory: 'app',
         ssr: true,
+        isSpaMode: false,
         federation: false,
         routeDiscovery: { mode: 'lazy', manifestPath: '/__manifest' },
       });
@@ -126,6 +178,7 @@ describe('SPA Mode (ssr: false)', () => {
         basename: '/my-app',
         appDirectory: 'app',
         ssr: true,
+        isSpaMode: false,
         routeDiscovery: { mode: 'lazy', manifestPath: '/__manifest' },
       });
 
@@ -139,6 +192,7 @@ describe('SPA Mode (ssr: false)', () => {
         basename: '/',
         appDirectory: 'app',
         ssr: true,
+        isSpaMode: false,
         routeDiscovery: { mode: 'lazy', manifestPath: '/__manifest' },
       });
 
@@ -158,6 +212,7 @@ describe('SPA Mode (ssr: false)', () => {
         basename: '/',
         appDirectory: 'app',
         ssr: true,
+        isSpaMode: false,
         future: { v3_fetcherPersist: true },
         routeDiscovery: { mode: 'lazy', manifestPath: '/__manifest' },
       });
@@ -172,6 +227,7 @@ describe('SPA Mode (ssr: false)', () => {
         basename: '/',
         appDirectory: 'app',
         ssr: true,
+        isSpaMode: false,
         routeDiscovery: { mode: 'lazy', manifestPath: '/__manifest' },
       });
 
@@ -191,6 +247,7 @@ describe('SPA Mode (ssr: false)', () => {
         basename: '/',
         appDirectory: 'app',
         ssr: true,
+        isSpaMode: false,
         allowedActionOrigins: ['https://example.com'],
         routeDiscovery: { mode: 'lazy', manifestPath: '/__manifest' },
       });
diff --git a/tests/ssr-asset-relocation.test.ts b/tests/ssr-asset-relocation.test.ts
new file mode 100644
index 00000000..97e8b1d8
--- /dev/null
+++ b/tests/ssr-asset-relocation.test.ts
@@ -0,0 +1,238 @@
+import { describe, expect, it } from '@rstest/core';
+import { join } from 'pathe';
+import {
+  collectRelocatableServerAssets,
+  isRelocatableServerAsset,
+  relocateServerAssetsToClient,
+  type RelocatableAssetCompilation,
+  type RelocatableAssetInfo,
+} from '../src/ssr-asset-relocation';
+
+type FakeAsset = {
+  info: RelocatableAssetInfo;
+  buffer: Buffer;
+};
+
+const createCompilation = (
+  assets: Record<string, FakeAsset>
+): RelocatableAssetCompilation & { deleted: string[] } => {
+  const store: Record<string, FakeAsset> = { ...assets };
+  const deleted: string[] = [];
+  return {
+    deleted,
+    assets: store,
+    getAsset(name: string) {
+      const asset = store[name];
+      if (!asset) {
+        return undefined;
+      }
+      return {
+        name,
+        source: { buffer: () => asset.buffer },
+        info: asset.info,
+      };
+    },
+    deleteAsset(name: string) {
+      deleted.push(name);
+      delete store[name];
+    },
+  };
+};
+
+describe('isRelocatableServerAsset', () => {
+  it('treats asset-module outputs (with sourceFilename) as relocatable', () => {
+    expect(
+      isRelocatableServerAsset({ sourceFilename: 'app/assets/test.txt?url' })
+    ).toBe(true);
+    expect(
+      isRelocatableServerAsset({ sourceFilename: 'app/assets/test.css' })
+    ).toBe(true);
+  });
+
+  it('excludes JavaScript chunks even when they carry a sourceFilename', () => {
+    expect(
+      isRelocatableServerAsset({
+        sourceFilename: 'app/entry.server.tsx',
+        javascriptModule: true,
+      })
+    ).toBe(false);
+  });
+
+  it('excludes generated files with no sourceFilename (e.g. package.json)', () => {
+    expect(isRelocatableServerAsset({})).toBe(false);
+    expect(isRelocatableServerAsset(undefined)).toBe(false);
+    expect(isRelocatableServerAsset({ javascriptModule: true })).toBe(false);
+  });
+});
+
+describe('collectRelocatableServerAssets', () => {
+  it('returns only static assets, sorted by public path', () => {
+    const compilation = createCompilation({
+      'static/js/app.js': {
+        info: { javascriptModule: true, sourceFilename: 'app/entry.tsx' },
+        buffer: Buffer.from('js'),
+      },
+      'package.json': { info: {}, buffer: Buffer.from('{}') },
+      'static/assets/test.4fdcca.txt': {
+        info: { sourceFilename: 'app/assets/test.txt?url' },
+        buffer: Buffer.from('test'),
+      },
+      'static/assets/test.454e65.css': {
+        info: { sourceFilename: 'app/assets/test.css?url' },
+        buffer: Buffer.from('.test{color:red}'),
+      },
+      'static/js/async/780.js': {
+        info: { javascriptModule: true, sourceFilename: 'app/lib.ts' },
+        buffer: Buffer.from('chunk'),
+      },
+    });
+
+    const collected = collectRelocatableServerAssets(compilation);
+
+    expect(collected.map(asset => asset.name)).toEqual([
+      'static/assets/test.454e65.css',
+      'static/assets/test.4fdcca.txt',
+    ]);
+  });
+});
+
+describe('relocateServerAssetsToClient', () => {
+  it('writes missing assets into the client output and strips them from the server build', async () => {
+    const outputClientPath = '/build/client';
+    const compilation = createCompilation({
+      'static/assets/test.4fdcca.txt': {
+        info: { sourceFilename: 'app/assets/test.txt?url' },
+        buffer: Buffer.from('test'),
+      },
+      'static/assets/test.454e65.css': {
+        info: { sourceFilename: 'app/assets/test.css?url' },
+        buffer: Buffer.from('.test{color:red}'),
+      },
+      'static/js/app.js': {
+        info: { javascriptModule: true, sourceFilename: 'app/entry.tsx' },
+        buffer: Buffer.from('js'),
+      },
+      'static/js/async/780.js': {
+        info: { javascriptModule: true, sourceFilename: 'app/lib.ts' },
+        buffer: Buffer.from('chunk'),
+      },
+    });
+
+    const mkdirCalls: string[] = [];
+    const writes: Array<{ path: string; data: string }> = [];
+    const renames: Array<{ from: string; to: string }> = [];
+
+    const result = await relocateServerAssetsToClient({
+      compilation,
+      outputClientPath,
+      existsSyncFn: () => false,
+      mkdirFn: async dir => {
+        mkdirCalls.push(dir);
+      },
+      writeFileFn: async (path, data) => {
+        writes.push({ path, data: data.toString('utf8') });
+      },
+      renameFn: async (from, to) => {
+        renames.push({ from, to });
+      },
+    });
+
+    expect(result.written).toEqual([
+      'static/assets/test.454e65.css',
+      'static/assets/test.4fdcca.txt',
+    ]);
+    expect(result.skipped).toEqual([]);
+
+    expect(writes.map(write => write.data)).toEqual([
+      '.test{color:red}',
+      'test',
+    ]);
+    expect(renames).toEqual([
+      {
+        from: expect.stringContaining(
+          join(outputClientPath, 'static/assets/test.454e65.css.tmp-')
+        ),
+        to: join(outputClientPath, 'static/assets/test.454e65.css'),
+      },
+      {
+        from: expect.stringContaining(
+          join(outputClientPath, 'static/assets/test.4fdcca.txt.tmp-')
+        ),
+        to: join(outputClientPath, 'static/assets/test.4fdcca.txt'),
+      },
+    ]);
+
+    // Static assets removed from the server build; JS chunks untouched.
+    expect(compilation.deleted.sort()).toEqual([
+      'static/assets/test.454e65.css',
+      'static/assets/test.4fdcca.txt',
+    ]);
+    expect(compilation.assets['static/js/app.js']).toBeDefined();
+    expect(compilation.assets['static/js/async/780.js']).toBeDefined();
+  });
+
+  it('does not overwrite an asset already present in the client build but still strips it from the server', async () => {
+    const compilation = createCompilation({
+      'static/assets/shared.abc.txt': {
+        info: { sourceFilename: 'app/assets/shared.txt?url' },
+        buffer: Buffer.from('shared'),
+      },
+    });
+
+    const writes: string[] = [];
+
+    const result = await relocateServerAssetsToClient({
+      compilation,
+      outputClientPath: '/build/client',
+      existsSyncFn: () => true,
+      mkdirFn: async () => undefined,
+      readFileFn: async () => Buffer.from('shared'),
+      writeFileFn: async path => {
+        writes.push(path);
+      },
+      renameFn: async () => undefined,
+    });
+
+    expect(result.written).toEqual([]);
+    expect(result.skipped).toEqual(['static/assets/shared.abc.txt']);
+    expect(writes).toEqual([]);
+    expect(compilation.deleted).toEqual(['static/assets/shared.abc.txt']);
+  });
+
+  it('overwrites an existing stale asset atomically', async () => {
+    const compilation = createCompilation({
+      'static/assets/shared.css': {
+        info: { sourceFilename: 'app/assets/shared.css' },
+        buffer: Buffer.from('.fresh{color:green}'),
+      },
+    });
+    const writes: Array<{ path: string; data: string }> = [];
+    const renames: Array<{ from: string; to: string }> = [];
+
+    const result = await relocateServerAssetsToClient({
+      compilation,
+      outputClientPath: '/build/client',
+      existsSyncFn: () => true,
+      mkdirFn: async () => undefined,
+      readFileFn: async () => Buffer.from('.stale{color:red}'),
+      writeFileFn: async (path, data) => {
+        writes.push({ path, data: data.toString('utf8') });
+      },
+      renameFn: async (from, to) => {
+        renames.push({ from, to });
+      },
+    });
+
+    expect(result.written).toEqual(['static/assets/shared.css']);
+    expect(result.skipped).toEqual([]);
+    expect(writes).toHaveLength(1);
+    expect(writes[0].data).toBe('.fresh{color:green}');
+    expect(renames).toEqual([
+      {
+        from: writes[0].path,
+        to: '/build/client/static/assets/shared.css',
+      },
+    ]);
+    expect(compilation.deleted).toEqual(['static/assets/shared.css']);
+  });
+});
diff --git a/tests/typegen.test.ts b/tests/typegen.test.ts
index a67c89bb..4afa934c 100644
--- a/tests/typegen.test.ts
+++ b/tests/typegen.test.ts
@@ -1,5 +1,6 @@
 import { describe, expect, it, rstest } from '@rstest/core';
 import type { ResultPromise } from 'execa';
+import { createPluginEffectRuntime } from '../src/effect-runtime';
 import {
   createReactRouterTypegenRunner,
   registerReactRouterTypegen,
@@ -18,6 +19,52 @@ const createProcess = () => {
   return { process, rejectProcess };
 };
 
+const createDefaultTypegenRunner = () => ({
+  startWatch: rstest.fn().mockResolvedValue(undefined),
+  closeWatch: rstest.fn().mockResolvedValue(undefined),
+  runBuild: rstest.fn().mockResolvedValue(undefined),
+});
+
+type TypegenRunnerSpies = ReturnType<typeof createDefaultTypegenRunner>;
+
+const createTypegenRegistrationHarness = (
+  {
+    action = 'dev',
+    runner: runnerOverrides,
+  }: {
+    action?: 'dev' | 'build';
+    runner?: Partial<TypegenRunnerSpies>;
+  } = {}
+) => {
+  let afterDevCompile: (() => void) | undefined;
+  const runnerSpies = { ...createDefaultTypegenRunner(), ...runnerOverrides };
+  const runner: ReactRouterTypegenRunner = runnerSpies;
+  const runtime = createPluginEffectRuntime();
+  const api = {
+    context: { action },
+    logger: { warn: rstest.fn() },
+    onAfterDevCompile: rstest.fn((callback: () => void) => {
+      afterDevCompile = callback;
+    }),
+    onBeforeStartDevServer: rstest.fn(),
+    onCloseDevServer: rstest.fn(),
+    onBeforeBuild: rstest.fn(),
+  };
+
+  return {
+    runtime,
+    api,
+    runner,
+    ...runnerSpies,
+    get afterDevCompile(): () => void {
+      if (!afterDevCompile) {
+        throw new Error('expected onAfterDevCompile to be registered');
+      }
+      return afterDevCompile;
+    },
+  };
+};
+
 describe('React Router typegen runner', () => {
   it('starts one watch process and kills it on close', async () => {
     const first = createProcess();
@@ -56,6 +103,23 @@ describe('React Router typegen runner', () => {
     expect(execa).toHaveBeenCalledTimes(2);
   });
 
+  it('does not launch a watch after close finishes during execa loading', async () => {
+    let resolveExeca!: (execa: ReturnType<typeof rstest.fn>) => void;
+    const execaLoaded = new Promise<ReturnType<typeof rstest.fn>>(resolve => {
+      resolveExeca = resolve;
+    });
+    const process = createProcess();
+    const execa = rstest.fn().mockReturnValue(process.process);
+    const runner = createReactRouterTypegenRunner(async () => execaLoaded);
+
+    const startWatch = runner.startWatch();
+    await runner.closeWatch();
+    resolveExeca(execa);
+    await startWatch;
+
+    expect(execa).not.toHaveBeenCalled();
+  });
+
   it('runs one-shot build typegen through npx when no app directory is given', async () => {
     const execa = rstest.fn().mockResolvedValue(undefined);
     const runner = createReactRouterTypegenRunner(async () => execa);
@@ -104,126 +168,82 @@ describe('React Router typegen runner', () => {
   });
 
   it('starts dev watch after the first dev compile without blocking startup', async () => {
-    let afterDevCompile!: () => void;
-    const startWatch = rstest.fn().mockResolvedValue(undefined);
-    const runner: ReactRouterTypegenRunner = {
-      startWatch,
-      closeWatch: rstest.fn().mockResolvedValue(undefined),
-      runBuild: rstest.fn().mockResolvedValue(undefined),
-    };
-    const api = {
-      context: { action: 'dev' },
-      logger: { warn: rstest.fn() },
-      onAfterDevCompile: rstest.fn(callback => {
-        afterDevCompile = callback;
-      }),
-      onBeforeStartDevServer: rstest.fn(),
-      onCloseDevServer: rstest.fn(),
-      onBeforeBuild: rstest.fn(),
-    };
-
-    registerReactRouterTypegen(api as never, { runner, devWatchDelayMs: 0 });
-
-    expect(api.onBeforeStartDevServer).not.toHaveBeenCalled();
-    const result = afterDevCompile();
+    const harness = createTypegenRegistrationHarness();
+
+    await registerReactRouterTypegen(harness.api as never, {
+      runtime: harness.runtime,
+      runner: harness.runner,
+      devWatchDelayMs: 0,
+    });
+
+    expect(harness.api.onBeforeStartDevServer).not.toHaveBeenCalled();
+    const result = harness.afterDevCompile();
     expect(result).toBeUndefined();
-    afterDevCompile();
-    expect(startWatch).not.toHaveBeenCalled();
-    await expect.poll(() => startWatch.mock.calls.length).toBe(1);
+    harness.afterDevCompile();
+    expect(harness.startWatch).not.toHaveBeenCalled();
+    await expect.poll(() => harness.startWatch.mock.calls.length).toBe(1);
+    await harness.runtime.dispose();
   });
 
   it('defers the dev watch while compiles keep happening', async () => {
-    let afterDevCompile!: () => void;
-    const startWatch = rstest.fn().mockResolvedValue(undefined);
-    const runner: ReactRouterTypegenRunner = {
-      startWatch,
-      closeWatch: rstest.fn().mockResolvedValue(undefined),
-      runBuild: rstest.fn().mockResolvedValue(undefined),
-    };
-    const api = {
-      context: { action: 'dev' },
-      logger: { warn: rstest.fn() },
-      onAfterDevCompile: rstest.fn(callback => {
-        afterDevCompile = callback;
-      }),
-      onBeforeStartDevServer: rstest.fn(),
-      onCloseDevServer: rstest.fn(),
-      onBeforeBuild: rstest.fn(),
-    };
-
-    registerReactRouterTypegen(api as never, { runner, devWatchDelayMs: 200 });
+    const harness = createTypegenRegistrationHarness();
+
+    await registerReactRouterTypegen(harness.api as never, {
+      runtime: harness.runtime,
+      runner: harness.runner,
+      devWatchDelayMs: 200,
+    });
 
     // Compiles arriving faster than the idle delay keep pushing the start out.
     for (let i = 0; i < 4; i += 1) {
-      afterDevCompile();
+      harness.afterDevCompile();
       await new Promise(resolve => setTimeout(resolve, 50));
-      expect(startWatch).not.toHaveBeenCalled();
+      expect(harness.startWatch).not.toHaveBeenCalled();
     }
 
     await expect
-      .poll(() => startWatch.mock.calls.length, { timeout: 1000 })
+      .poll(() => harness.startWatch.mock.calls.length, { timeout: 1000 })
       .toBe(1);
 
     // Once started, later compiles do not restart or duplicate the watch.
-    afterDevCompile();
+    harness.afterDevCompile();
     await new Promise(resolve => setTimeout(resolve, 100));
-    expect(startWatch).toHaveBeenCalledTimes(1);
+    expect(harness.startWatch).toHaveBeenCalledTimes(1);
+    await harness.runtime.dispose();
   });
 
-  it('cancels delayed dev watch startup on close', async () => {
-    let afterDevCompile!: () => void;
-    let closeDevServer!: () => Promise<void>;
-    const startWatch = rstest.fn().mockResolvedValue(undefined);
-    const closeWatch = rstest.fn().mockResolvedValue(undefined);
-    const runner: ReactRouterTypegenRunner = {
-      startWatch,
-      closeWatch,
-      runBuild: rstest.fn().mockResolvedValue(undefined),
-    };
-    const api = {
-      context: { action: 'dev' },
-      logger: { warn: rstest.fn() },
-      onAfterDevCompile: rstest.fn(callback => {
-        afterDevCompile = callback;
-      }),
-      onBeforeStartDevServer: rstest.fn(),
-      onCloseDevServer: rstest.fn(callback => {
-        closeDevServer = callback;
-      }),
-      onBeforeBuild: rstest.fn(),
-    };
-
-    registerReactRouterTypegen(api as never, {
-      runner,
-      devWatchDelayMs: 1000,
+  it('cancels delayed startup and surfaces close failures during disposal', async () => {
+    const closeWatch = rstest
+      .fn()
+      .mockRejectedValue(new Error('typegen close failed'));
+    const harness = createTypegenRegistrationHarness({
+      runner: { closeWatch },
+    });
+
+    await registerReactRouterTypegen(harness.api as never, {
+      runtime: harness.runtime,
+      runner: harness.runner,
+      devWatchDelayMs: 25,
     });
 
-    afterDevCompile();
-    await closeDevServer();
-    await new Promise(resolve => setTimeout(resolve, 20));
+    harness.afterDevCompile();
+    await expect(harness.runtime.dispose()).rejects.toThrow('typegen close failed');
+    await new Promise(resolve => setTimeout(resolve, 50));
 
-    expect(startWatch).not.toHaveBeenCalled();
+    expect(harness.startWatch).not.toHaveBeenCalled();
     expect(closeWatch).toHaveBeenCalledTimes(1);
   });
 
-  it('does not register the dev watch hook during production builds', () => {
-    const runner: ReactRouterTypegenRunner = {
-      startWatch: rstest.fn().mockResolvedValue(undefined),
-      closeWatch: rstest.fn().mockResolvedValue(undefined),
-      runBuild: rstest.fn().mockResolvedValue(undefined),
-    };
-    const api = {
-      context: { action: 'build' },
-      logger: { warn: rstest.fn() },
-      onAfterDevCompile: rstest.fn(),
-      onBeforeStartDevServer: rstest.fn(),
-      onCloseDevServer: rstest.fn(),
-      onBeforeBuild: rstest.fn(),
-    };
-
-    registerReactRouterTypegen(api as never, { runner });
-
-    expect(api.onAfterDevCompile).not.toHaveBeenCalled();
-    expect(api.onBeforeBuild).toHaveBeenCalled();
+  it('does not register the dev watch hook during production builds', async () => {
+    const harness = createTypegenRegistrationHarness({ action: 'build' });
+
+    await registerReactRouterTypegen(harness.api as never, {
+      runtime: harness.runtime,
+      runner: harness.runner,
+    });
+
+    expect(harness.api.onAfterDevCompile).not.toHaveBeenCalled();
+    expect(harness.api.onBeforeBuild).toHaveBeenCalled();
+    await harness.runtime.dispose();
   });
 });
diff --git a/tsconfig.tests.json b/tsconfig.tests.json
new file mode 100644
index 00000000..e33e8959
--- /dev/null
+++ b/tsconfig.tests.json
@@ -0,0 +1,9 @@
+{
+  "extends": "./config/tsconfig-node16.json",
+  "compilerOptions": {
+    "composite": false,
+    "noEmit": true,
+    "rootDir": "."
+  },
+  "include": ["tests/react-router-framework-*.test.ts"]
+}