From cd3d309a3ee6c1f32446155981e1e8556ac12cbf Mon Sep 17 00:00:00 2001
From: Daniel Williams <me@dannyhw.com>
Date: Thu, 22 Oct 2026 14:18:59 +0100
Subject: [PATCH 1/4] feat: add Re.Pack DevTools plugin with agent tools for
 runtime debugging

Add a private, workspace-only Rozenite plugin (packages/repack-devtools-plugin)
that records ScriptManager activity, Module Federation runtime state and
events, uncaught errors, dev-server compilations and requests, and turns them
into diagnostics.

- Panels for scripts, federation, dev server and errors/symbolication
- 16 `rozenite agent callstack/repack-devtools` tools, including actions to
  reproduce issues headlessly (load-script, load-remote, invalidate-scripts,
  symbolicate, reload)
- `withRepackDevTools` adds a compilation collector and
  `/repack-devtools/state` endpoints to any Re.Pack dev server
- MF 2 runtime plugin export for recording from container start-up

Wire it into all tester apps behind WITH_ROZENITE=true and add the
repack-debug-runtime and repack-reproduce-issue skills describing how to use
it to reproduce and root-cause issues.
---
 .agents/skills/repack-debug-runtime/SKILL.md  | 173 ++++
 .../skills/repack-reproduce-issue/SKILL.md    |  89 ++
 .claude/skills/repack-debug-runtime           |   1 +
 .claude/skills/repack-reproduce-issue         |   1 +
 .gitignore                                    |   3 +
 CONTRIBUTING.md                               |   2 +
 agent_context/README.md                       |   1 +
 .../repack-devtools-oct2026/design.md         |  86 ++
 apps/tester-app/index.js                      |   2 +
 apps/tester-app/package.json                  |   2 +
 apps/tester-app/rspack.config.mjs             |  12 +-
 apps/tester-app/src/App.tsx                   |   2 +
 apps/tester-app/webpack.config.mjs            |  12 +-
 apps/tester-expo/app/_layout.tsx              |   2 +
 apps/tester-expo/package.json                 |   2 +
 apps/tester-expo/rspack.config.mjs            |  18 +-
 apps/tester-federation-v2/config.host-app.mts |  12 +-
 apps/tester-federation-v2/config.mini-app.mts |   9 +-
 .../configs/rspack.host-app.mts               |  13 +
 apps/tester-federation-v2/package.json        |   2 +
 apps/tester-federation-v2/src/host/App.tsx    |   2 +
 apps/tester-federation-v2/src/host/index.js   |   2 +
 apps/tester-federation/config.host-app.mts    |  12 +-
 apps/tester-federation/config.mini-app.mts    |   9 +-
 apps/tester-federation/package.json           |   2 +
 apps/tester-federation/src/host/App.tsx       |   2 +
 apps/tester-federation/src/host/index.js      |   2 +
 packages/repack-devtools-plugin/README.md     |  54 +
 packages/repack-devtools-plugin/bundler.ts    |   8 +
 packages/repack-devtools-plugin/package.json  |  75 ++
 .../repack-devtools-plugin/react-native.ts    |  24 +
 .../repack-devtools-plugin/rozenite.config.ts |   9 +
 .../scripts/rozenite.mjs                      |  53 +
 packages/repack-devtools-plugin/sdk.ts        |  22 +
 .../src/__tests__/bundler.test.ts             | 258 +++++
 .../src/__tests__/federationState.test.ts     | 192 ++++
 .../__tests__/scriptManagerRecorder.test.ts   | 131 +++
 .../src/__tests__/symbolication.test.ts       | 170 +++
 .../src/bundler/collector.ts                  | 148 +++
 .../src/bundler/diagnostics.ts                | 131 +++
 .../src/bundler/middleware.ts                 | 185 ++++
 .../src/bundler/store.ts                      |  64 ++
 .../src/bundler/withRepackDevTools.ts         |  89 ++
 .../src/react-native/api.ts                   | 367 +++++++
 .../src/react-native/environment.ts           |  93 ++
 .../src/react-native/errorRecorder.ts         |  39 +
 .../react-native/federation/runtimePlugin.ts  | 264 +++++
 .../src/react-native/federation/state.ts      | 316 ++++++
 .../src/react-native/install.ts               |  78 ++
 .../src/react-native/rows.ts                  |  68 ++
 .../src/react-native/scriptManagerRecorder.ts | 302 ++++++
 .../src/react-native/store.ts                 | 155 +++
 .../src/react-native/symbolication.ts         | 265 +++++
 .../src/react-native/useRepackDevTools.ts     |  88 ++
 .../useRepackDevToolsAgentTools.ts            | 203 ++++
 .../src/shared/agent-tools.ts                 | 493 +++++++++
 .../src/shared/constants.ts                   |  21 +
 .../src/shared/guards.ts                      |  78 ++
 .../src/shared/messaging.ts                   |  51 +
 .../src/shared/types.ts                       | 313 ++++++
 .../src/ui/components.tsx                     | 125 +++
 .../repack-devtools-plugin/src/ui/css.d.ts    |   2 +
 .../src/ui/dev-server-panel.tsx               | 194 ++++
 .../src/ui/errors-panel.tsx                   | 207 ++++
 .../src/ui/federation-panel.tsx               | 281 +++++
 .../src/ui/scripts-panel.tsx                  | 229 ++++
 .../src/ui/useDevToolsData.ts                 |  93 ++
 .../tsconfig.bundler.json                     |  16 +
 packages/repack-devtools-plugin/tsconfig.json |  34 +
 .../repack-devtools-plugin/vite.config.ts     |  15 +
 .../repack-devtools-plugin/vitest.config.ts   |   8 +
 pnpm-lock.yaml                                | 974 ++++++++++++++++--
 pnpm-workspace.yaml                           |   1 +
 73 files changed, 7339 insertions(+), 122 deletions(-)
 create mode 100644 .agents/skills/repack-debug-runtime/SKILL.md
 create mode 100644 .agents/skills/repack-reproduce-issue/SKILL.md
 create mode 120000 .claude/skills/repack-debug-runtime
 create mode 120000 .claude/skills/repack-reproduce-issue
 create mode 100644 agent_context/repack-devtools-oct2026/design.md
 create mode 100644 packages/repack-devtools-plugin/README.md
 create mode 100644 packages/repack-devtools-plugin/bundler.ts
 create mode 100644 packages/repack-devtools-plugin/package.json
 create mode 100644 packages/repack-devtools-plugin/react-native.ts
 create mode 100644 packages/repack-devtools-plugin/rozenite.config.ts
 create mode 100644 packages/repack-devtools-plugin/scripts/rozenite.mjs
 create mode 100644 packages/repack-devtools-plugin/sdk.ts
 create mode 100644 packages/repack-devtools-plugin/src/__tests__/bundler.test.ts
 create mode 100644 packages/repack-devtools-plugin/src/__tests__/federationState.test.ts
 create mode 100644 packages/repack-devtools-plugin/src/__tests__/scriptManagerRecorder.test.ts
 create mode 100644 packages/repack-devtools-plugin/src/__tests__/symbolication.test.ts
 create mode 100644 packages/repack-devtools-plugin/src/bundler/collector.ts
 create mode 100644 packages/repack-devtools-plugin/src/bundler/diagnostics.ts
 create mode 100644 packages/repack-devtools-plugin/src/bundler/middleware.ts
 create mode 100644 packages/repack-devtools-plugin/src/bundler/store.ts
 create mode 100644 packages/repack-devtools-plugin/src/bundler/withRepackDevTools.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/api.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/environment.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/errorRecorder.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/federation/runtimePlugin.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/federation/state.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/install.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/rows.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/scriptManagerRecorder.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/store.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/symbolication.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/useRepackDevTools.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/useRepackDevToolsAgentTools.ts
 create mode 100644 packages/repack-devtools-plugin/src/shared/agent-tools.ts
 create mode 100644 packages/repack-devtools-plugin/src/shared/constants.ts
 create mode 100644 packages/repack-devtools-plugin/src/shared/guards.ts
 create mode 100644 packages/repack-devtools-plugin/src/shared/messaging.ts
 create mode 100644 packages/repack-devtools-plugin/src/shared/types.ts
 create mode 100644 packages/repack-devtools-plugin/src/ui/components.tsx
 create mode 100644 packages/repack-devtools-plugin/src/ui/css.d.ts
 create mode 100644 packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx
 create mode 100644 packages/repack-devtools-plugin/src/ui/errors-panel.tsx
 create mode 100644 packages/repack-devtools-plugin/src/ui/federation-panel.tsx
 create mode 100644 packages/repack-devtools-plugin/src/ui/scripts-panel.tsx
 create mode 100644 packages/repack-devtools-plugin/src/ui/useDevToolsData.ts
 create mode 100644 packages/repack-devtools-plugin/tsconfig.bundler.json
 create mode 100644 packages/repack-devtools-plugin/tsconfig.json
 create mode 100644 packages/repack-devtools-plugin/vite.config.ts
 create mode 100644 packages/repack-devtools-plugin/vitest.config.ts

diff --git a/.agents/skills/repack-debug-runtime/SKILL.md b/.agents/skills/repack-debug-runtime/SKILL.md
new file mode 100644
index 000000000..9c0c80de6
--- /dev/null
+++ b/.agents/skills/repack-debug-runtime/SKILL.md
@@ -0,0 +1,173 @@
+---
+name: repack-debug-runtime
+description: >
+  Use when inspecting a running Re.Pack app or dev server to find out why
+  something fails at runtime: chunks or scripts not loading (404, timeouts,
+  cache), Module Federation remotes/shared packages misbehaving, compilation or
+  HMR errors, LogBox stacks that are not symbolicated, or uncaught JS errors.
+  Covers starting the tester apps with the Re.Pack DevTools plugin, the
+  `rozenite agent` tools of `callstack/repack-devtools`, the
+  `/repack-devtools/*` dev-server endpoints, and playbooks per failure type.
+---
+
+# Debug a running Re.Pack app
+
+`packages/repack-devtools-plugin` (private, workspace only) records what
+Re.Pack does at runtime and on the dev server, computes diagnostics, and
+exposes them two ways:
+
+- **App side** (needs a running app): `rozenite agent callstack/repack-devtools <tool>`
+- **Dev-server side** (works without an app, even when the bundle fails to
+  build): `curl <origin>/repack-devtools/state`
+
+Both are wired into every tester app behind `WITH_ROZENITE=true`. Never touch
+ports or devices you did not start: other sessions often own `8081` and
+`emulator-5554`.
+
+## 1. Start
+
+```sh
+cd apps/tester-app                    # or tester-federation, tester-federation-v2, tester-expo
+WITH_ROZENITE=true pnpm start --port 8091   # MF testers: start:hostapp / start:miniapp
+```
+
+The log must show `[Rozenite] Loaded N plugin(s)` including
+`@callstack/repack-devtools-plugin`. Check the endpoint before launching the app:
+
+```sh
+curl -s localhost:8091/repack-devtools/state?requests=none
+```
+
+Point a debug build at the port (Android; package ids are in each `app.json`):
+
+```sh
+adb -s <serial> reverse tcp:8091 tcp:8091
+adb -s <serial> shell "run-as <pkg> sh -c 'mkdir -p shared_prefs && echo \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\" standalone=\\\"yes\\\" ?><map><string name=\\\"debug_http_host\\\">localhost:8091</string></map>\" > shared_prefs/<pkg>_preferences.xml'"
+adb -s <serial> shell am force-stop <pkg>
+adb -s <serial> shell am start -n <pkg>/com.microsoft.reacttestapp.MainActivity
+```
+
+MF remotes have fixed URLs in the host config (`localhost:8082`, `8083`); also
+`adb reverse` those ports. On iOS simulators, `localhost` already reaches the
+host; use the dev menu or `RCT_jsLocation` to change the port.
+
+## 2. Inspect
+
+Run from an app directory so `rozenite` resolves (`pnpm exec rozenite …`).
+Pass `--port <dev server port>` to every call.
+
+```sh
+pnpm exec rozenite agent targets --port 8091                  # app connected?
+pnpm exec rozenite agent callstack/repack-devtools get-overview --port 8091
+pnpm exec rozenite agent session stop --port 8091             # when done
+```
+
+**Always start with `get-overview`.** It returns app info (platform, RN
+version, bundle URL, public path, dev server), record counts, and
+severity-sorted `diagnostics` merged from the app and the dev server. Every
+diagnostic has a `ref` that tells you which tool gives details:
+
+| `ref` | Follow up with |
+| --- | --- |
+| `<script uniqueId>` | `get-script --uniqueId <ref>` |
+| `federation-event:<seq>` | `list-federation-events --errorsOnly true` |
+| `<instance>:<scope>/<pkg>` | `get-federation` |
+| `err-<n>` | `get-error --id <ref>`, then `symbolicate --errorId <ref>` |
+| `request:<seq>` | `get-dev-server --requests failed` |
+| `compilation:<platform>` | `curl <origin>/repack-devtools/compilation?platform=<platform>` |
+
+### Tools
+
+Read-only: `get-overview [--devServer false]`, `list-scripts [--status failed] [--search x]`,
+`get-script --uniqueId`, `list-script-events [--uniqueId] [--since seq]`,
+`get-federation`, `list-federation-events [--type] [--errorsOnly true]`,
+`list-errors [--source global-handler|script-manager|federation]`, `get-error --id`,
+`symbolicate [--stack "<raw stack>"] [--errorId]`,
+`get-dev-server [--origin http://localhost:8082] [--requests failed|all|none]`.
+List tools paginate with `--limit` and `--cursor` (take the cursor from `page`).
+
+Actions, to reproduce issues without driving the UI:
+`load-script --scriptId <id> [--caller <id>]`, `prefetch-script`,
+`invalidate-scripts [--scriptIds a,b]`, `load-remote --id Remote/Module [--instance]`,
+`clear [--scope scripts|federation|errors|all]`, `reload`.
+
+### Dev-server endpoints (curl, no app needed)
+
+- `GET /repack-devtools/state?requests=failed|all|none`: per-platform
+  compilation (`status`, `builds`, errors, warnings, assets, changed files),
+  request log (failed requests keep the first 4 KB of the response body), and
+  diagnostics.
+- `GET /repack-devtools/compilation?platform=android`: one compilation in full.
+- `POST /repack-devtools/clear`: empties the request log.
+
+Every MF dev server has its own endpoint (host and each mini app).
+`builds: 0` with `status: compiling` means that platform was never requested.
+
+## 3. Playbooks
+
+**Chunk / script fails to load.** `list-scripts --status failed`, then
+`get-script`. `error.stage` says where it broke (`resolve` = no resolver
+matched or the resolver threw; `load` = download or evaluation;
+`create` = bad locator). Compare `locator.url` with the dev server: a 404
+diagnostic lists emitted assets with similar names. If the record shows
+`source: cache`, call `invalidate-scripts` and `load-script` again to tell
+cache problems from server problems.
+
+**Module Federation.** `get-federation` shows each host instance's remotes
+(`loaded`), shared packages per scope with every registered version, who
+provided it (`from`), and which one is `loaded`. Diagnostics flag singletons
+loaded twice and loaded versions that miss a `requiredVersion`. For load
+failures, `list-federation-events --errorsOnly true` gives the hook,
+remote entry URL and error. Then check the remote's own dev server:
+`get-dev-server --origin http://localhost:8082 --requests failed`.
+Use `load-remote --id MiniApp/<exposed>` to retry a single remote load.
+If `runtimePluginInstalled` is false, MF events are not recorded: add
+`require.resolve('@callstack/repack-devtools-plugin/mf-runtime-plugin')` to
+`runtimePlugins`, or call `installRepackDevTools()` in the entry.
+
+**Compilation or HMR broken.** Use curl, since the app may not load.
+`compilations[].errors` carry ANSI-stripped messages with module names, and
+`changedFiles` lists what triggered the last rebuild.
+
+**Unsymbolicated stacks / `/symbolicate` 400.** Run `symbolicate` (no args
+throws and symbolicates a probe error in the app) or
+`symbolicate --errorId err-N`. Frames with `unmapped: true` still point at a
+bundle URL; `sourceMaps[]` gives the HTTP status of each bundle's `.map`.
+Re.Pack's `/symbolicate` only keeps frames whose `file` is an http(s) URL, and
+answers 400 "Cannot infer platform" when none carries a platform (query
+`platform=` or `name.<platform>.bundle`).
+
+**Uncaught errors.** `list-errors`, `get-error --id`, then
+`symbolicate --errorId`.
+
+## Gotchas
+
+- **Startup is only captured** when the entry calls
+  `installRepackDevTools({ boot: true })` before other code
+  (`app.bootRecording: true`). The testers do this.
+- **After a reload the agent session goes stale**: tool calls time out with
+  `Tool call timeout` or `ReactNativeApplication.enable timed out`. Run
+  `rozenite agent session stop` and retry; the new runtime starts with empty
+  records.
+- **Rebuilding the plugin package while a dev server runs** (`pnpm build` wipes
+  `dist` first) leaves the server's resolver with a stale
+  `Cannot find module '@callstack/repack-devtools-plugin'`. Restart the dev
+  server, then relaunch the app.
+- **"More than one device is connected"**: every app pointed at the port
+  (including a previous tester left running on the same emulator) is a
+  target. Pass `--device <id>` from `rozenite agent targets` or set
+  `ROZENITE_DEVICE`, or force-stop the other app.
+- **`Unknown domain "callstack/repack-devtools"`** means the app has not
+  called `useRepackDevTools()` yet: it crashed or is stuck before the first
+  render. Read `rozenite agent console getMessages --limit 40` and take a
+  screenshot.
+- Launch Android apps with
+  `adb shell am start -n <pkg>/com.microsoft.reacttestapp.MainActivity` for
+  the testers; `monkey` launches are unreliable.
+- Ignore the `/_expo/*` and `/json*` requests made by DevTools; the request log
+  already filters them.
+- `rozenite agent domains` lists only built-in domains on some versions. Call
+  `rozenite agent callstack/repack-devtools` to list the plugin's tools.
+- Rozenite's own docs: `pnpm exec rozenite skills list` / `skills show <name>`.
+- From scripts, use `@rozenite/agent-sdk` with the typed descriptors in
+  `@callstack/repack-devtools-plugin/sdk` (`repackDevToolsTools.getOverview`).
diff --git a/.agents/skills/repack-reproduce-issue/SKILL.md b/.agents/skills/repack-reproduce-issue/SKILL.md
new file mode 100644
index 000000000..22c4de541
--- /dev/null
+++ b/.agents/skills/repack-reproduce-issue/SKILL.md
@@ -0,0 +1,89 @@
+---
+name: repack-reproduce-issue
+description: >
+  Use when asked to reproduce, root-cause or fix a Re.Pack bug report (GitHub
+  issue, crash log, "X doesn't work with Re.Pack") end to end and unattended:
+  pick the right tester app, reproduce the failure on a device or simulator,
+  gather evidence with the Re.Pack DevTools agent tools, find the root cause in
+  packages/, fix it, and add a regression test.
+---
+
+# Reproduce and root-cause a Re.Pack issue
+
+Work through these steps in order and keep notes of every command and its output.
+The final report must say what was observed, not only what was inferred.
+Runtime inspection is covered by the `repack-debug-runtime` skill; load it
+alongside this one.
+
+## 1. Pin the report down
+
+Extract: platform(s), RN version, bundler (Rspack/webpack, `USE_WEBPACK`),
+Module Federation version (none, v1, v2), dev vs release, Hermes, and the exact
+symptom (error text, stack, which screen). If the report has a repro repo,
+read its config before touching ours.
+
+## 2. Pick the closest tester
+
+| Area | Tester |
+| --- | --- |
+| Async/remote chunks, ScriptManager, assets, NativeWind, Reanimated | `apps/tester-app` |
+| Module Federation v1 (`Federated`, `ModuleFederationPluginV1`) | `apps/tester-federation` |
+| Module Federation v2, manifests, `preloadRemote`, runtime plugins | `apps/tester-federation-v2` |
+| Expo modules / expo-router / `@callstack/repack-expo` | `apps/tester-expo` |
+| Pure bundling/resolution, no device needed | `tests/integration`, `tests/resolver-cases`, `tests/metro-compat` |
+
+Prefer a no-device reproduction when the bug is in compilation or resolution:
+an integration test or a `pnpm bundle:<platform>` run is faster and deterministic.
+
+## 3. Reproduce
+
+1. `pnpm install && pnpm build` at the root (stale `dist` output causes false
+   failures).
+2. Pick free ports and your own device. Do not reuse a device or port that
+   another session is using (`adb devices`, `lsof -iTCP -sTCP:LISTEN`).
+3. Start the dev server(s) with `WITH_ROZENITE=true` and launch the debug build
+   (see `repack-debug-runtime` §1). Build native apps once per RN upgrade:
+   `cd android && ./gradlew assembleDebug`, or `pnpm ios` for the simulator.
+4. Make the minimal code/config change in the tester that triggers the bug.
+   Keep it as a separate commit so it can be dropped or turned into a test.
+5. Trigger it. Prefer agent tools over UI driving:
+   `load-script`, `prefetch-script`, `invalidate-scripts`, `load-remote`,
+   `reload`. When the bug needs UI interaction, drive the device with
+   `agent-device` if it is available, or with `adb shell input`.
+6. Confirm the failure: `get-overview` must show the diagnostic that matches
+   the report, or `list-errors` must show the reported error. Take a
+   screenshot (`adb exec-out screencap -p`) when the symptom is visual.
+
+If it does not reproduce, record the environment differences (versions,
+config, platform) and stop guessing; ask for the missing detail or try the
+reporter's repro.
+
+## 4. Find the root cause
+
+- Follow each diagnostic's `ref` to the raw record (`get-script`,
+  `get-federation`, `list-federation-events`, `get-dev-server`).
+- Compare app-side and server-side evidence. A script 404 plus a
+  "similar asset" hint means a URL/filename mismatch; a 200 from the dev server
+  plus a ScriptManager `load` error means evaluation or native-side failure.
+- Map the failure to source in `packages/repack/src` (ScriptManager, plugins,
+  loaders) or `packages/dev-server/src` (routes, symbolication). Read
+  `agent_context/` for the area first.
+- State the root cause as a falsifiable claim, then verify it: revert or patch
+  the suspected line and show the symptom disappears and reappears.
+
+## 5. Fix and lock it in
+
+1. Fix in `packages/`, not in the tester (shipped code must not depend on
+   monorepo layout).
+2. Add a regression test next to the code (`vitest` in the package) or in
+   `tests/integration`. It must fail without the fix.
+3. Re-run the reproduction: the diagnostic is gone and the feature works on
+   device. Run the package tests plus `pnpm typecheck` and `pnpm lint`.
+4. Add a changeset for published packages (`pnpm changeset`).
+
+## 6. Report
+
+Include: environment (device, ports, versions), the repro steps as commands,
+the evidence (tool outputs trimmed to the relevant fields), root cause with
+file and line, the fix, and the test. Clean up: stop dev servers you started,
+`rozenite agent session stop`, and shut down emulators you created.
diff --git a/.claude/skills/repack-debug-runtime b/.claude/skills/repack-debug-runtime
new file mode 120000
index 000000000..2ec333bd6
--- /dev/null
+++ b/.claude/skills/repack-debug-runtime
@@ -0,0 +1 @@
+../../.agents/skills/repack-debug-runtime
\ No newline at end of file
diff --git a/.claude/skills/repack-reproduce-issue b/.claude/skills/repack-reproduce-issue
new file mode 120000
index 000000000..46bc50307
--- /dev/null
+++ b/.claude/skills/repack-reproduce-issue
@@ -0,0 +1 @@
+../../.agents/skills/repack-reproduce-issue
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index a57347794..4eadda292 100644
--- a/.gitignore
+++ b/.gitignore
@@ -389,3 +389,6 @@ packages/**/docs
 
 # watchman
 .watchman-cookie*
+
+# Rozenite plugin build intermediates
+.rozenite/
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 39ef07a31..34866b89c 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -23,6 +23,8 @@ All development is done directly on GitHub, and all work is public.
 
 To get extra [Rozenite](https://www.rozenite.dev) panels (network activity, plus navigation and storage in the Module Federation hosts) in React Native DevTools while testing, start a tester app's dev server with `WITH_ROZENITE=true`, e.g. `WITH_ROZENITE=true pnpm start`.
 
+This also enables the workspace-only Re.Pack DevTools plugin (`packages/repack-devtools-plugin`): panels for ScriptManager, Module Federation, the dev server and symbolication, the same data as `rozenite agent callstack/repack-devtools` tools, and `GET /repack-devtools/state` on every dev server. The `repack-debug-runtime` and `repack-reproduce-issue` skills in `.agents/skills` describe how to use them.
+
 ### Commit message convention
 
 We follow the [conventional commits specification](https://www.conventionalcommits.org/en) for our commit messages:
diff --git a/agent_context/README.md b/agent_context/README.md
index 35109711a..cba5b8b93 100644
--- a/agent_context/README.md
+++ b/agent_context/README.md
@@ -9,3 +9,4 @@ works, and is kept in sync with the implementation as it evolves.
 | Folder | Topic |
 | --- | --- |
 | [rspackv2-jul2026](./rspackv2-jul2026/design.md) | Dual Rspack 1.x/2.x support |
+| [repack-devtools-oct2026](./repack-devtools-oct2026/design.md) | Re.Pack DevTools plugin: runtime/dev-server diagnostics for panels and agents |
diff --git a/agent_context/repack-devtools-oct2026/design.md b/agent_context/repack-devtools-oct2026/design.md
new file mode 100644
index 000000000..9edd06e34
--- /dev/null
+++ b/agent_context/repack-devtools-oct2026/design.md
@@ -0,0 +1,86 @@
+# Re.Pack DevTools plugin: Technical Design
+
+`packages/repack-devtools-plugin` (`@callstack/repack-devtools-plugin`,
+`private`, workspace only) is a [Rozenite](https://www.rozenite.dev) plugin
+that records what Re.Pack does at runtime and on the dev server, turns it
+into diagnostics, and exposes the result to DevTools panels and to agents.
+The goal is unattended reproduction and root-causing of Re.Pack issues.
+Agent workflows live in the `repack-debug-runtime` and
+`repack-reproduce-issue` skills (`.agents/skills`).
+
+## Two halves
+
+| | App (React Native) | Dev server (Node) |
+| --- | --- | --- |
+| Entry | `react-native.ts` (`installRepackDevTools`, `useRepackDevTools`, MF runtime plugin) | `bundler.ts` (`withRepackDevTools`) |
+| Store | `globalThis.__REPACK_DEVTOOLS_STORE__` | `globalThis.__REPACK_DEVTOOLS_DEV_SERVER_STORE__` |
+| Sources | `ScriptManager.shared` events, `ErrorUtils` global handler, MF 2 runtime hooks, `__FEDERATION__` / `__webpack_require__.S` | compiler `watchRun`/`invalid`/`done`, a request-log middleware |
+| Exposed via | Rozenite agent tools + RPC to panels | `GET /repack-devtools/state`, `/compilation`, `POST /clear` |
+
+The halves are joined by the app: `get-overview` and `get-dev-server` fetch
+`<devServer>/repack-devtools/state` from the device, so one call returns app
+and bundler diagnostics. The dev-server half also works alone (curl). That is
+the only option when the bundle does not build.
+
+## App side
+
+- `installRepackDevTools({ boot })` attaches recorders once per JS runtime
+  (`store.hooked` guards). Called from the entry file so startup is captured;
+  `useRepackDevTools()` calls it too and registers the RPC handlers
+  (panels) and agent tools (`useRozenitePluginAgentTool`).
+- `scriptManagerRecorder.applyScriptManagerEvent` is a pure reducer from
+  ScriptManager event payloads to `ScriptRecord`s (keyed by ScriptManager's
+  unique id `<caller>_<scriptId>`) and a bounded event log. Error stage comes
+  from the ScriptManager message, error code from `originalError.code` or a
+  `[CODE]` argument.
+- `federation/runtimePlugin.ts` is an MF 2 runtime plugin that only observes:
+  waterfall hooks return their arguments, error hooks return `undefined` so
+  MF's own recovery stays in charge. It is installed through `runtimePlugins`
+  (`./mf-runtime-plugin` export) or registered on live instances and
+  `__GLOBAL_PLUGIN__` by `installRepackDevTools`. Plugins are deduped by name.
+- `federation/state.ts` reads instances, remotes, the module cache and share
+  scopes, and diagnoses duplicate singletons, `requiredVersion` mismatches
+  (small semver subset, unknown ranges never flag), non-semver versions
+  (`catalog:`/`workspace:` copied from package.json), and failed
+  remote/manifest loads.
+- `symbolication.ts` posts only frames whose `file` is an http(s) URL to
+  `/symbolicate`. Re.Pack's symbolicator drops the others and returns a
+  shorter array, so results are matched by position against that subset. It
+  then `HEAD`s source maps of frames that stayed unmapped.
+- Everything read from globals, event payloads or JSON goes through
+  `shared/guards.ts` (`unknown` + field readers). Upstream shape changes
+  degrade to missing data and never need casts.
+- Production builds: `react-native.ts` swaps the implementations for no-ops
+  when `NODE_ENV === 'production'`, like the official Rozenite plugins.
+
+## Dev-server side
+
+`withRepackDevTools(config, { enabled })` wraps a Re.Pack config (object or
+function). It only changes configs evaluated with `env.devServer` (never
+`bundle`), adds `RepackDevToolsCollectorPlugin({ platform })`, and prepends
+the state and request-log middlewares through `devServer.setupMiddlewares`.
+Middlewares are marked `__repackDevTools` so they are added once. The
+request log captures the first 4 KB of failed responses (the dev server's
+explanation) and skips tooling paths. Diagnostics compare 404'd asset URLs
+with the platform's emitted asset names.
+
+## Build
+
+`rozenite build` compiles panels with Vite and the React Native/SDK entry
+points with `tsc` (ESM + a CommonJS pass using `moduleResolution: node10`).
+TypeScript 7 removed `node10`, so `scripts/rozenite.mjs` runs the CLI with
+TypeScript 5 (the `typescript-5` alias) as `tsc`. The package's own
+`typescript` stays the workspace version. Otherwise pnpm resolves
+`react-native`'s `typescript` peer differently from the apps and the testers
+bundle two React Native copies. `tsconfig.json` maps `react-native` types for
+`node10`, because RN >= 0.87 only declares types through `exports`.
+`tsc -p tsconfig.bundler.json` builds `bundler.ts` as NodeNext ESM.
+
+## Tester integration
+
+All four testers depend on it (`workspace:*`), call
+`installRepackDevTools({ boot: true })` in the entry (not tester-expo, whose
+entry is `expo-router/entry`) and `useRepackDevTools()` in the root, and wrap
+configs with `withRepackDevTools` behind `WITH_ROZENITE=true`, including MF
+mini-app configs. tester-federation-v2's host also adds the runtime plugin
+through `runtimePlugins` in development.
diff --git a/apps/tester-app/index.js b/apps/tester-app/index.js
index 51cef7418..2b1f6ca44 100644
--- a/apps/tester-app/index.js
+++ b/apps/tester-app/index.js
@@ -1,3 +1,4 @@
+import { installRepackDevTools } from '@callstack/repack-devtools-plugin';
 import { withOnBootNetworkActivityRecording } from '@rozenite/network-activity-plugin';
 import { AppRegistry } from 'react-native';
 import { name as appName } from './app.json';
@@ -6,6 +7,7 @@ import App from './src/App';
 // ScriptManager setup
 import './src/setup';
 
+installRepackDevTools({ boot: true });
 withOnBootNetworkActivityRecording();
 
 AppRegistry.registerComponent(appName, () => App);
diff --git a/apps/tester-app/package.json b/apps/tester-app/package.json
index 84a71c34b..376f00fd2 100644
--- a/apps/tester-app/package.json
+++ b/apps/tester-app/package.json
@@ -44,6 +44,7 @@
     "@react-native/babel-preset": "catalog:testers",
     "@react-native/metro-config": "catalog:testers",
     "@react-native/typescript-config": "catalog:testers",
+    "@callstack/repack-devtools-plugin": "workspace:*",
     "@rozenite/network-activity-plugin": "catalog:testers",
     "@rozenite/repack": "catalog:testers",
     "@rsdoctor/rspack-plugin": "1.6.4",
@@ -60,6 +61,7 @@
     "postcss": "^8.5.23",
     "postcss-loader": "^8.1.1",
     "react-native-test-app": "catalog:testers",
+    "rozenite": "catalog:testers",
     "tailwindcss": "^3.4.17",
     "terser-webpack-plugin": "catalog:",
     "thread-loader": "^4.0.4",
diff --git a/apps/tester-app/rspack.config.mjs b/apps/tester-app/rspack.config.mjs
index 1432943f5..612197d04 100644
--- a/apps/tester-app/rspack.config.mjs
+++ b/apps/tester-app/rspack.config.mjs
@@ -1,5 +1,6 @@
 import path from 'node:path';
 import * as Repack from '@callstack/repack';
+import { withRepackDevTools } from '@callstack/repack-devtools-plugin/bundler';
 import { NativeWindPlugin } from '@callstack/repack-plugin-nativewind';
 import { ReanimatedPlugin } from '@callstack/repack-plugin-reanimated';
 import { withRozenite } from '@rozenite/repack';
@@ -136,6 +137,11 @@ const config = Repack.defineRspackConfig((env) => {
   };
 });
 
-export default withRozenite(config, {
-  enabled: process.env.WITH_ROZENITE === 'true',
-});
+const withDevTools = process.env.WITH_ROZENITE === 'true';
+
+export default withRozenite(
+  withRepackDevTools(config, { enabled: withDevTools }),
+  {
+    enabled: withDevTools,
+  }
+);
diff --git a/apps/tester-app/src/App.tsx b/apps/tester-app/src/App.tsx
index 3de6da3d1..faaee415b 100644
--- a/apps/tester-app/src/App.tsx
+++ b/apps/tester-app/src/App.tsx
@@ -1,3 +1,4 @@
+import { useRepackDevTools } from '@callstack/repack-devtools-plugin';
 import { useNetworkActivityDevTools } from '@rozenite/network-activity-plugin';
 import { Appearance } from 'react-native';
 
@@ -18,6 +19,7 @@ Appearance.setColorScheme('light');
 
 const App = () => {
   useNetworkActivityDevTools();
+  useRepackDevTools();
 
   return (
     <AppContainer>
diff --git a/apps/tester-app/webpack.config.mjs b/apps/tester-app/webpack.config.mjs
index bcc0bd798..9c0cd0947 100644
--- a/apps/tester-app/webpack.config.mjs
+++ b/apps/tester-app/webpack.config.mjs
@@ -1,5 +1,6 @@
 import path from 'node:path';
 import * as Repack from '@callstack/repack';
+import { withRepackDevTools } from '@callstack/repack-devtools-plugin/bundler';
 import { NativeWindPlugin } from '@callstack/repack-plugin-nativewind';
 import { ReanimatedPlugin } from '@callstack/repack-plugin-reanimated';
 import { withRozenite } from '@rozenite/repack';
@@ -135,6 +136,11 @@ const config = Repack.defineWebpackConfig((env) => {
   };
 });
 
-export default withRozenite(config, {
-  enabled: process.env.WITH_ROZENITE === 'true',
-});
+const withDevTools = process.env.WITH_ROZENITE === 'true';
+
+export default withRozenite(
+  withRepackDevTools(config, { enabled: withDevTools }),
+  {
+    enabled: withDevTools,
+  }
+);
diff --git a/apps/tester-expo/app/_layout.tsx b/apps/tester-expo/app/_layout.tsx
index 47d437509..322ab7b7c 100644
--- a/apps/tester-expo/app/_layout.tsx
+++ b/apps/tester-expo/app/_layout.tsx
@@ -1,8 +1,10 @@
+import { useRepackDevTools } from '@callstack/repack-devtools-plugin';
 import { useNetworkActivityDevTools } from '@rozenite/network-activity-plugin';
 import { Stack } from 'expo-router';
 
 export default function RootLayout() {
   useNetworkActivityDevTools();
+  useRepackDevTools();
 
   return <Stack />;
 }
diff --git a/apps/tester-expo/package.json b/apps/tester-expo/package.json
index 9f4895336..e1f814ca1 100644
--- a/apps/tester-expo/package.json
+++ b/apps/tester-expo/package.json
@@ -39,11 +39,13 @@
     "@react-native-community/cli-platform-ios": "catalog:testers",
     "@react-native/babel-preset": "catalog:testers",
     "@react-native/community-cli-plugin": "catalog:testers",
+    "@callstack/repack-devtools-plugin": "workspace:*",
     "@rozenite/network-activity-plugin": "catalog:testers",
     "@rozenite/repack": "catalog:testers",
     "@rspack/core": "catalog:",
     "@types/react": "catalog:testers",
     "babel-preset-expo": "catalog:expo58",
+    "rozenite": "catalog:testers",
     "typescript": "catalog:",
     "ws": "^8.21.1"
   }
diff --git a/apps/tester-expo/rspack.config.mjs b/apps/tester-expo/rspack.config.mjs
index e94818c9a..6a8d943d4 100644
--- a/apps/tester-expo/rspack.config.mjs
+++ b/apps/tester-expo/rspack.config.mjs
@@ -2,6 +2,7 @@ import { createRequire } from 'node:module';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import * as Repack from '@callstack/repack';
+import { withRepackDevTools } from '@callstack/repack-devtools-plugin/bundler';
 import { ExpoPlugin } from '@callstack/repack-expo/rspack';
 import { ReanimatedPlugin } from '@callstack/repack-plugin-reanimated';
 import { withRozenite } from '@rozenite/repack';
@@ -66,9 +67,14 @@ const config = (env) => {
   };
 };
 
-export default withRozenite(config, {
-  enabled: process.env.WITH_ROZENITE === 'true',
-  // Re.Pack serves DevTools through React Native's dev-middleware, not the copy
-  // bundled with Expo's CLI, so Rozenite has to patch that one.
-  projectType: 'react-native-cli',
-});
+const withDevTools = process.env.WITH_ROZENITE === 'true';
+
+export default withRozenite(
+  withRepackDevTools(config, { enabled: withDevTools }),
+  {
+    enabled: withDevTools,
+    // Re.Pack serves DevTools through React Native's dev-middleware, not the copy
+    // bundled with Expo's CLI, so Rozenite has to patch that one.
+    projectType: 'react-native-cli',
+  }
+);
diff --git a/apps/tester-federation-v2/config.host-app.mts b/apps/tester-federation-v2/config.host-app.mts
index c3654b22d..5ffa927a9 100644
--- a/apps/tester-federation-v2/config.host-app.mts
+++ b/apps/tester-federation-v2/config.host-app.mts
@@ -1,6 +1,7 @@
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import type * as Repack from '@callstack/repack';
+import { withRepackDevTools } from '@callstack/repack-devtools-plugin/bundler';
 import { withRozenite } from '@rozenite/repack';
 
 import rspackConfig from './configs/rspack.host-app.mts';
@@ -17,6 +18,11 @@ const config = (env: Repack.EnvOptions) => {
   return useWebpack ? webpackConfig(env) : rspackConfig(env);
 };
 
-export default withRozenite(config, {
-  enabled: process.env.WITH_ROZENITE === 'true',
-});
+const withDevTools = process.env.WITH_ROZENITE === 'true';
+
+export default withRozenite(
+  withRepackDevTools(config, { enabled: withDevTools }),
+  {
+    enabled: withDevTools,
+  }
+);
diff --git a/apps/tester-federation-v2/config.mini-app.mts b/apps/tester-federation-v2/config.mini-app.mts
index f23e09347..d3c2527ef 100644
--- a/apps/tester-federation-v2/config.mini-app.mts
+++ b/apps/tester-federation-v2/config.mini-app.mts
@@ -1,6 +1,7 @@
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import type * as Repack from '@callstack/repack';
+import { withRepackDevTools } from '@callstack/repack-devtools-plugin/bundler';
 
 import rspackConfig from './configs/rspack.mini-app.mts';
 import webpackConfig from './configs/webpack.mini-app.mts';
@@ -10,8 +11,14 @@ const __dirname = path.dirname(__filename);
 
 const useWebpack = Boolean(process.env.USE_WEBPACK);
 
-export default (env: Repack.EnvOptions) => {
+const config = (env: Repack.EnvOptions) => {
   env.context = __dirname;
 
   return useWebpack ? webpackConfig(env) : rspackConfig(env);
 };
+
+// Exposes /repack-devtools/state on the remote's dev server too, so chunk 404s
+// and compilation errors of the mini app can be inspected.
+export default withRepackDevTools(config, {
+  enabled: process.env.WITH_ROZENITE === 'true',
+});
diff --git a/apps/tester-federation-v2/configs/rspack.host-app.mts b/apps/tester-federation-v2/configs/rspack.host-app.mts
index 43fedabe2..f341a62ae 100644
--- a/apps/tester-federation-v2/configs/rspack.host-app.mts
+++ b/apps/tester-federation-v2/configs/rspack.host-app.mts
@@ -1,9 +1,12 @@
+import { createRequire } from 'node:module';
 import * as Repack from '@callstack/repack';
 import rspack from '@rspack/core';
 import reactPkg from 'react/package.json' with { type: 'json' };
 import reactNativePkg from 'react-native/package.json' with { type: 'json' };
 import pkg from '../package.json' with { type: 'json' };
 
+const require = createRequire(import.meta.url);
+
 export default Repack.defineRspackConfig((env) => {
   const { mode, context, platform } = env;
 
@@ -47,6 +50,16 @@ export default Repack.defineRspackConfig((env) => {
       }),
       new Repack.plugins.ModuleFederationPluginV2({
         name: 'HostApp',
+        // Records MF lifecycle events from container start-up; without it the
+        // devtools register their runtime plugin from the app entry instead.
+        runtimePlugins:
+          mode === 'development' && process.env.WITH_ROZENITE === 'true'
+            ? [
+                require.resolve(
+                  '@callstack/repack-devtools-plugin/mf-runtime-plugin'
+                ),
+              ]
+            : [],
         filename: 'HostApp.container.js.bundle',
         remotes: {
           MiniApp: `MiniApp@http://localhost:8082/${platform}/mf-manifest.json`,
diff --git a/apps/tester-federation-v2/package.json b/apps/tester-federation-v2/package.json
index 41a554d5d..ba17ea12a 100644
--- a/apps/tester-federation-v2/package.json
+++ b/apps/tester-federation-v2/package.json
@@ -32,6 +32,7 @@
     "@react-native/community-cli-plugin": "catalog:testers",
     "@react-native/metro-config": "catalog:testers",
     "@react-native/typescript-config": "catalog:testers",
+    "@callstack/repack-devtools-plugin": "workspace:*",
     "@rozenite/network-activity-plugin": "catalog:testers",
     "@rozenite/react-navigation-plugin": "catalog:testers",
     "@rozenite/repack": "catalog:testers",
@@ -42,6 +43,7 @@
     "@types/jest": "^29.5.13",
     "@types/react": "catalog:testers",
     "react-native-test-app": "catalog:testers",
+    "rozenite": "catalog:testers",
     "terser-webpack-plugin": "catalog:",
     "typescript": "catalog:",
     "webpack": "catalog:"
diff --git a/apps/tester-federation-v2/src/host/App.tsx b/apps/tester-federation-v2/src/host/App.tsx
index 014c41058..d620fc25a 100644
--- a/apps/tester-federation-v2/src/host/App.tsx
+++ b/apps/tester-federation-v2/src/host/App.tsx
@@ -1,3 +1,4 @@
+import { useRepackDevTools } from '@callstack/repack-devtools-plugin';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import {
   NavigationContainer,
@@ -22,6 +23,7 @@ const App = () => {
   useNetworkActivityDevTools();
   useReactNavigationDevTools({ ref: navigationRef });
   useRozeniteStoragePlugin({ storages });
+  useRepackDevTools();
 
   return (
     <NavigationContainer ref={navigationRef}>
diff --git a/apps/tester-federation-v2/src/host/index.js b/apps/tester-federation-v2/src/host/index.js
index ec2981a48..476a52608 100644
--- a/apps/tester-federation-v2/src/host/index.js
+++ b/apps/tester-federation-v2/src/host/index.js
@@ -1,4 +1,5 @@
 import { ScriptManager } from '@callstack/repack/client';
+import { installRepackDevTools } from '@callstack/repack-devtools-plugin';
 import { preloadRemote } from '@module-federation/runtime';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { withOnBootNetworkActivityRecording } from '@rozenite/network-activity-plugin';
@@ -7,6 +8,7 @@ import { AppRegistry } from 'react-native';
 import { components } from '../../app.json';
 import App from './App';
 
+installRepackDevTools({ boot: true });
 withOnBootNetworkActivityRecording();
 
 if (__WITH_PRELOAD__) {
diff --git a/apps/tester-federation/config.host-app.mts b/apps/tester-federation/config.host-app.mts
index c3654b22d..5ffa927a9 100644
--- a/apps/tester-federation/config.host-app.mts
+++ b/apps/tester-federation/config.host-app.mts
@@ -1,6 +1,7 @@
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import type * as Repack from '@callstack/repack';
+import { withRepackDevTools } from '@callstack/repack-devtools-plugin/bundler';
 import { withRozenite } from '@rozenite/repack';
 
 import rspackConfig from './configs/rspack.host-app.mts';
@@ -17,6 +18,11 @@ const config = (env: Repack.EnvOptions) => {
   return useWebpack ? webpackConfig(env) : rspackConfig(env);
 };
 
-export default withRozenite(config, {
-  enabled: process.env.WITH_ROZENITE === 'true',
-});
+const withDevTools = process.env.WITH_ROZENITE === 'true';
+
+export default withRozenite(
+  withRepackDevTools(config, { enabled: withDevTools }),
+  {
+    enabled: withDevTools,
+  }
+);
diff --git a/apps/tester-federation/config.mini-app.mts b/apps/tester-federation/config.mini-app.mts
index f23e09347..d3c2527ef 100644
--- a/apps/tester-federation/config.mini-app.mts
+++ b/apps/tester-federation/config.mini-app.mts
@@ -1,6 +1,7 @@
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import type * as Repack from '@callstack/repack';
+import { withRepackDevTools } from '@callstack/repack-devtools-plugin/bundler';
 
 import rspackConfig from './configs/rspack.mini-app.mts';
 import webpackConfig from './configs/webpack.mini-app.mts';
@@ -10,8 +11,14 @@ const __dirname = path.dirname(__filename);
 
 const useWebpack = Boolean(process.env.USE_WEBPACK);
 
-export default (env: Repack.EnvOptions) => {
+const config = (env: Repack.EnvOptions) => {
   env.context = __dirname;
 
   return useWebpack ? webpackConfig(env) : rspackConfig(env);
 };
+
+// Exposes /repack-devtools/state on the remote's dev server too, so chunk 404s
+// and compilation errors of the mini app can be inspected.
+export default withRepackDevTools(config, {
+  enabled: process.env.WITH_ROZENITE === 'true',
+});
diff --git a/apps/tester-federation/package.json b/apps/tester-federation/package.json
index b6afa05ae..f59e8fb66 100644
--- a/apps/tester-federation/package.json
+++ b/apps/tester-federation/package.json
@@ -35,6 +35,7 @@
     "@react-native/babel-preset": "catalog:testers",
     "@react-native/metro-config": "catalog:testers",
     "@react-native/typescript-config": "catalog:testers",
+    "@callstack/repack-devtools-plugin": "workspace:*",
     "@rozenite/network-activity-plugin": "catalog:testers",
     "@rozenite/react-navigation-plugin": "catalog:testers",
     "@rozenite/repack": "catalog:testers",
@@ -45,6 +46,7 @@
     "@types/jest": "^29.5.13",
     "@types/react": "catalog:testers",
     "react-native-test-app": "catalog:testers",
+    "rozenite": "catalog:testers",
     "terser-webpack-plugin": "catalog:",
     "typescript": "catalog:",
     "webpack": "catalog:"
diff --git a/apps/tester-federation/src/host/App.tsx b/apps/tester-federation/src/host/App.tsx
index 014c41058..d620fc25a 100644
--- a/apps/tester-federation/src/host/App.tsx
+++ b/apps/tester-federation/src/host/App.tsx
@@ -1,3 +1,4 @@
+import { useRepackDevTools } from '@callstack/repack-devtools-plugin';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import {
   NavigationContainer,
@@ -22,6 +23,7 @@ const App = () => {
   useNetworkActivityDevTools();
   useReactNavigationDevTools({ ref: navigationRef });
   useRozeniteStoragePlugin({ storages });
+  useRepackDevTools();
 
   return (
     <NavigationContainer ref={navigationRef}>
diff --git a/apps/tester-federation/src/host/index.js b/apps/tester-federation/src/host/index.js
index 569c9af84..2ce5c3012 100644
--- a/apps/tester-federation/src/host/index.js
+++ b/apps/tester-federation/src/host/index.js
@@ -1,4 +1,5 @@
 import { Federated, ScriptManager } from '@callstack/repack/client';
+import { installRepackDevTools } from '@callstack/repack-devtools-plugin';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { withOnBootNetworkActivityRecording } from '@rozenite/network-activity-plugin';
 import { AppRegistry, Platform } from 'react-native';
@@ -6,6 +7,7 @@ import { AppRegistry, Platform } from 'react-native';
 import { components } from '../../app.json';
 import App from './App';
 
+installRepackDevTools({ boot: true });
 withOnBootNetworkActivityRecording();
 
 ScriptManager.shared.setStorage(AsyncStorage);
diff --git a/packages/repack-devtools-plugin/README.md b/packages/repack-devtools-plugin/README.md
new file mode 100644
index 000000000..84335f768
--- /dev/null
+++ b/packages/repack-devtools-plugin/README.md
@@ -0,0 +1,54 @@
+# @callstack/repack-devtools-plugin
+
+Private, workspace-only [Rozenite](https://www.rozenite.dev) plugin for
+debugging Re.Pack apps. It is not published; the tester apps install it from
+the workspace.
+
+- **Panels** in React Native DevTools: ScriptManager scripts and events,
+  Module Federation state and runtime events, dev-server compilation and
+  request log, errors and symbolication.
+- **Agent tools** (`rozenite agent callstack/repack-devtools <tool>`), the
+  same data plus actions (`load-script`, `load-remote`, `invalidate-scripts`,
+  `symbolicate`, `reload`, …), with computed diagnostics in `get-overview`.
+- **Dev-server endpoints**: `GET /repack-devtools/state`,
+  `GET /repack-devtools/compilation?platform=…`, `POST /repack-devtools/clear`.
+
+Usage, tool reference and debugging playbooks:
+[`.agents/skills/repack-debug-runtime`](../../.agents/skills/repack-debug-runtime/SKILL.md).
+Design: [`agent_context/repack-devtools-oct2026`](../../agent_context/repack-devtools-oct2026/design.md).
+
+## Setup in an app
+
+```js
+// index.js: first, so startup is recorded
+import { installRepackDevTools } from '@callstack/repack-devtools-plugin';
+installRepackDevTools({ boot: true });
+
+// App root
+import { useRepackDevTools } from '@callstack/repack-devtools-plugin';
+useRepackDevTools();
+```
+
+```js
+// rspack.config.mjs / webpack.config.mjs
+import { withRepackDevTools } from '@callstack/repack-devtools-plugin/bundler';
+import { withRozenite } from '@rozenite/repack';
+
+const enabled = process.env.WITH_ROZENITE === 'true';
+export default withRozenite(withRepackDevTools(config, { enabled }), { enabled });
+```
+
+For Module Federation 2, optionally add the runtime plugin so events are
+recorded from container start-up:
+
+```js
+runtimePlugins: [require.resolve('@callstack/repack-devtools-plugin/mf-runtime-plugin')],
+```
+
+## Development
+
+```sh
+pnpm --filter @callstack/repack-devtools-plugin build      # stop dev servers first
+pnpm --filter @callstack/repack-devtools-plugin test
+pnpm --filter @callstack/repack-devtools-plugin typecheck
+```
diff --git a/packages/repack-devtools-plugin/bundler.ts b/packages/repack-devtools-plugin/bundler.ts
new file mode 100644
index 000000000..99f71ba9a
--- /dev/null
+++ b/packages/repack-devtools-plugin/bundler.ts
@@ -0,0 +1,8 @@
+export { RepackDevToolsCollectorPlugin } from './src/bundler/collector.js';
+export { getDevServerState } from './src/bundler/middleware.js';
+export {
+  type RepackDevToolsOptions,
+  withRepackDevTools,
+} from './src/bundler/withRepackDevTools.js';
+export { DEV_SERVER_ROUTE } from './src/shared/constants.js';
+export type * from './src/shared/types.js';
diff --git a/packages/repack-devtools-plugin/package.json b/packages/repack-devtools-plugin/package.json
new file mode 100644
index 000000000..5e9d29883
--- /dev/null
+++ b/packages/repack-devtools-plugin/package.json
@@ -0,0 +1,75 @@
+{
+  "name": "@callstack/repack-devtools-plugin",
+  "version": "0.0.0",
+  "private": true,
+  "description": "Rozenite DevTools panels and agent tools for debugging Re.Pack apps: ScriptManager, Module Federation, dev server compilation and symbolication",
+  "license": "MIT",
+  "homepage": "https://github.com/callstack/repack",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/callstack/repack.git"
+  },
+  "type": "module",
+  "files": [
+    "dist",
+    "!dist/**/*.tsbuildinfo"
+  ],
+  "main": "./dist/react-native/cjs/react-native.js",
+  "module": "./dist/react-native/react-native.js",
+  "types": "./dist/react-native/react-native.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/react-native/react-native.d.ts",
+      "import": "./dist/react-native/react-native.js",
+      "require": "./dist/react-native/cjs/react-native.js"
+    },
+    "./package.json": "./package.json",
+    "./sdk": {
+      "types": "./dist/sdk/sdk.d.ts",
+      "default": "./dist/sdk/sdk.js"
+    },
+    "./bundler": {
+      "types": "./dist/bundler/bundler.d.ts",
+      "default": "./dist/bundler/bundler.js"
+    },
+    "./mf-runtime-plugin": {
+      "types": "./dist/react-native/src/react-native/federation/runtimePlugin.d.ts",
+      "import": "./dist/react-native/src/react-native/federation/runtimePlugin.js",
+      "require": "./dist/react-native/cjs/src/react-native/federation/runtimePlugin.js"
+    }
+  },
+  "scripts": {
+    "build": "node scripts/rozenite.mjs build && tsc -p tsconfig.bundler.json",
+    "dev": "node scripts/rozenite.mjs dev",
+    "typecheck": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.bundler.json --noEmit",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@rozenite/agent-bridge": "2.5.0",
+    "@rozenite/agent-shared": "2.5.0",
+    "@rozenite/plugin-bridge": "2.5.0",
+    "@rozenite/ui": "2.5.0"
+  },
+  "devDependencies": {
+    "@callstack/repack": "workspace:*",
+    "@rozenite/vite-plugin": "2.5.0",
+    "@swc/helpers": "catalog:",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:testers",
+    "@types/react-dom": "^19.2.0",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "react-native": "catalog:",
+    "react-native-web": "^0.21.4",
+    "rozenite": "catalog:testers",
+    "typescript": "catalog:",
+    "typescript-5": "npm:typescript@~5.9.3",
+    "vite": "^7.3.1",
+    "vitest": "catalog:"
+  },
+  "peerDependencies": {
+    "@callstack/repack": "workspace:*",
+    "react": "*",
+    "react-native": "*"
+  }
+}
diff --git a/packages/repack-devtools-plugin/react-native.ts b/packages/repack-devtools-plugin/react-native.ts
new file mode 100644
index 000000000..a1f3ae7cd
--- /dev/null
+++ b/packages/repack-devtools-plugin/react-native.ts
@@ -0,0 +1,24 @@
+export { createRepackDevToolsRuntimePlugin } from './src/react-native/federation/runtimePlugin';
+export type { InstallOptions } from './src/react-native/install';
+export { DEV_SERVER_ROUTE, PLUGIN_ID } from './src/shared/constants';
+export type * from './src/shared/types';
+
+export let useRepackDevTools: typeof import('./src/react-native/useRepackDevTools').useRepackDevTools;
+export let installRepackDevTools: typeof import('./src/react-native/install').installRepackDevTools;
+
+// Same gating as the official Rozenite plugins: in production builds the
+// `require`s below are dead code and the exports become no-ops.
+declare const lynx: unknown;
+
+const isDev = process.env.NODE_ENV !== 'production';
+const isServer = typeof window === 'undefined' && typeof lynx === 'undefined';
+
+if (isDev && !isServer) {
+  useRepackDevTools =
+    require('./src/react-native/useRepackDevTools').useRepackDevTools;
+  installRepackDevTools =
+    require('./src/react-native/install').installRepackDevTools;
+} else {
+  useRepackDevTools = () => undefined;
+  installRepackDevTools = () => undefined;
+}
diff --git a/packages/repack-devtools-plugin/rozenite.config.ts b/packages/repack-devtools-plugin/rozenite.config.ts
new file mode 100644
index 000000000..c140eef87
--- /dev/null
+++ b/packages/repack-devtools-plugin/rozenite.config.ts
@@ -0,0 +1,9 @@
+export default {
+  panels: [
+    { name: 'Re.Pack Scripts', source: './src/ui/scripts-panel.tsx' },
+    { name: 'Re.Pack Federation', source: './src/ui/federation-panel.tsx' },
+    { name: 'Re.Pack Dev Server', source: './src/ui/dev-server-panel.tsx' },
+    { name: 'Re.Pack Errors', source: './src/ui/errors-panel.tsx' },
+  ],
+  integrations: ['react-native'],
+};
diff --git a/packages/repack-devtools-plugin/scripts/rozenite.mjs b/packages/repack-devtools-plugin/scripts/rozenite.mjs
new file mode 100644
index 000000000..78f6fb764
--- /dev/null
+++ b/packages/repack-devtools-plugin/scripts/rozenite.mjs
@@ -0,0 +1,53 @@
+// Runs the `rozenite` CLI with TypeScript 5 as `tsc`.
+//
+// `rozenite build` compiles the React Native and SDK entry points by spawning
+// `tsc` from PATH, and its CommonJS pass uses `moduleResolution: node10`,
+// which TypeScript 7 removed. The package keeps the workspace's TypeScript as
+// its `typescript` dependency (so react-native resolves to the same peer
+// variant as the tester apps and is not bundled twice) and gets TypeScript 5
+// through the `typescript-5` alias, exposed here as `tsc`.
+import { spawnSync } from 'node:child_process';
+import { mkdirSync, writeFileSync } from 'node:fs';
+import { createRequire } from 'node:module';
+import path from 'node:path';
+
+const require = createRequire(import.meta.url);
+const packageRoot = path.dirname(import.meta.dirname);
+const tsc = path.join(
+  path.dirname(require.resolve('typescript-5/package.json')),
+  'bin',
+  'tsc'
+);
+const rozenite = path.join(
+  path.dirname(require.resolve('rozenite/package.json')),
+  'bin.js'
+);
+
+const binDir = path.join(packageRoot, 'node_modules', '.typescript-5-bin');
+mkdirSync(binDir, { recursive: true });
+writeFileSync(
+  path.join(binDir, 'tsc'),
+  `#!/bin/sh\nexec "${process.execPath}" "${tsc}" "$@"\n`,
+  { mode: 0o755 }
+);
+writeFileSync(
+  path.join(binDir, 'tsc.cmd'),
+  `@"${process.execPath}" "${tsc}" %*\r\n`
+);
+
+const pathKey =
+  Object.keys(process.env).find((key) => key.toUpperCase() === 'PATH') ??
+  'PATH';
+const result = spawnSync(
+  process.execPath,
+  [rozenite, ...process.argv.slice(2)],
+  {
+    cwd: packageRoot,
+    stdio: 'inherit',
+    env: {
+      ...process.env,
+      [pathKey]: `${binDir}${path.delimiter}${process.env[pathKey] ?? ''}`,
+    },
+  }
+);
+process.exit(result.status ?? 1);
diff --git a/packages/repack-devtools-plugin/sdk.ts b/packages/repack-devtools-plugin/sdk.ts
new file mode 100644
index 000000000..cba846660
--- /dev/null
+++ b/packages/repack-devtools-plugin/sdk.ts
@@ -0,0 +1,22 @@
+import { defineAgentToolDescriptors } from '@rozenite/agent-shared';
+import {
+  REPACK_DEVTOOLS_AGENT_PLUGIN_ID,
+  repackDevToolsToolDefinitions,
+} from './src/shared/agent-tools';
+
+export { REPACK_DEVTOOLS_AGENT_PLUGIN_ID, repackDevToolsToolDefinitions };
+
+/**
+ * Typed descriptors for `@rozenite/agent-sdk`:
+ *
+ * ```ts
+ * await session.tools.call(repackDevToolsTools.getOverview, {});
+ * ```
+ */
+export const repackDevToolsTools = defineAgentToolDescriptors(
+  REPACK_DEVTOOLS_AGENT_PLUGIN_ID,
+  repackDevToolsToolDefinitions
+);
+
+export type * from './src/shared/agent-tools';
+export type * from './src/shared/types';
diff --git a/packages/repack-devtools-plugin/src/__tests__/bundler.test.ts b/packages/repack-devtools-plugin/src/__tests__/bundler.test.ts
new file mode 100644
index 000000000..5e53400bb
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/__tests__/bundler.test.ts
@@ -0,0 +1,258 @@
+import { createServer, type Server } from 'node:http';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import {
+  RepackDevToolsCollectorPlugin,
+  recordBuildDone,
+  recordBuildStart,
+} from '../bundler/collector';
+import { diagnoseRequests, getRequestPlatform } from '../bundler/diagnostics';
+import {
+  createRequestLogMiddleware,
+  createStateMiddleware,
+  getDevServerState,
+  type Middleware,
+} from '../bundler/middleware';
+import { getCompilation, getDevServerStore } from '../bundler/store';
+import { withRepackDevTools } from '../bundler/withRepackDevTools';
+import { DEV_SERVER_STORE_GLOBAL } from '../shared/constants';
+import { isDevServerState } from '../shared/guards';
+
+const stats = (json: Record<string, unknown>, hasErrors = false) => ({
+  hasErrors: () => hasErrors,
+  toJson: () => json,
+});
+
+beforeEach(() => {
+  Reflect.deleteProperty(globalThis, DEV_SERVER_STORE_GLOBAL);
+});
+
+describe('collector', () => {
+  it('records build status, issues and assets per platform', () => {
+    const store = getDevServerStore();
+    recordBuildStart(
+      store,
+      'android',
+      { modifiedFiles: new Set(['/app/src/App.tsx']) },
+      1000
+    );
+    expect(getCompilation(store, 'android').status).toBe('compiling');
+
+    recordBuildDone(
+      store,
+      'android',
+      stats(
+        {
+          hash: 'abc',
+          errors: [
+            {
+              message:
+                '\u001b[31mModule not found: Error: Can\'t resolve "./Missing"\u001b[39m',
+              moduleName: './src/App.tsx',
+              loc: '3:0-30',
+            },
+          ],
+          warnings: [],
+          errorsCount: 1,
+          warningsCount: 0,
+          assets: [{ name: 'index.bundle', size: 1024, chunkNames: ['main'] }],
+        },
+        true
+      ),
+      1500
+    );
+
+    const compilation = getCompilation(store, 'android');
+    expect(compilation).toMatchObject({
+      status: 'failed',
+      builds: 1,
+      durationMs: 500,
+      hash: 'abc',
+      errorCount: 1,
+      changedFiles: ['/app/src/App.tsx'],
+      assets: [{ name: 'index.bundle', size: 1024, chunkNames: ['main'] }],
+    });
+    expect(compilation.errors[0].message).toBe(
+      'Module not found: Error: Can\'t resolve "./Missing"'
+    );
+    expect(getDevServerState().diagnostics[0]).toMatchObject({
+      severity: 'error',
+      area: 'compilation',
+      ref: 'compilation:android',
+    });
+  });
+
+  it('taps the compiler hooks', () => {
+    const taps = new Map<string, (...args: never[]) => void>();
+    const hook = (name: string) => ({
+      tap: (_: string, callback: (...args: never[]) => void) => {
+        taps.set(name, callback);
+      },
+    });
+    new RepackDevToolsCollectorPlugin({ platform: 'ios' }).apply({
+      hooks: {
+        watchRun: hook('watchRun'),
+        invalid: hook('invalid'),
+        done: hook('done'),
+      },
+    });
+    expect(Array.from(taps.keys())).toEqual(['watchRun', 'invalid', 'done']);
+  });
+});
+
+describe('diagnoseRequests', () => {
+  it('suggests similar emitted assets for a chunk 404', () => {
+    const store = getDevServerStore();
+    const compilation = getCompilation(store, 'android');
+    compilation.assets = [
+      { name: 'src_Async_tsx.chunk.bundle', size: 10 },
+      { name: 'index.bundle', size: 10 },
+    ];
+    const [diagnostic] = diagnoseRequests(
+      [
+        {
+          seq: 1,
+          at: 0,
+          method: 'GET',
+          url: '/android/src_Async_ts.chunk.bundle',
+          status: 404,
+          durationMs: 1,
+          platform: getRequestPlatform('/android/src_Async_ts.chunk.bundle'),
+        },
+      ],
+      [compilation]
+    );
+    expect(diagnostic.severity).toBe('error');
+    expect(diagnostic.hint).toContain('src_Async_tsx.chunk.bundle');
+  });
+
+  it('groups repeated failures', () => {
+    const request = {
+      at: 0,
+      method: 'POST',
+      url: '/symbolicate',
+      status: 400,
+      durationMs: 1,
+      responseBody: 'Cannot infer platform from stack trace',
+    };
+    const diagnostics = diagnoseRequests(
+      [
+        { ...request, seq: 1 },
+        { ...request, seq: 2 },
+      ],
+      []
+    );
+    expect(diagnostics).toHaveLength(1);
+    expect(diagnostics[0].message).toBe(
+      'POST /symbolicate 400 (2x): Cannot infer platform from stack trace.'
+    );
+  });
+});
+
+describe('middlewares', () => {
+  let server: Server;
+  let origin: string;
+
+  const listen = (middlewares: Middleware[]) =>
+    new Promise<void>((resolve) => {
+      server = createServer((req, res) => {
+        const run = (index: number) => {
+          const middleware = middlewares[index];
+          if (middleware) {
+            middleware(req, res, () => run(index + 1));
+            return;
+          }
+          if (req.url?.startsWith('/missing')) {
+            res.statusCode = 404;
+            res.write('Cannot GET ');
+            res.end(req.url);
+            return;
+          }
+          res.end('ok');
+        };
+        run(0);
+      });
+      server.listen(0, '127.0.0.1', () => {
+        const address = server.address();
+        if (address && typeof address === 'object') {
+          origin = `http://127.0.0.1:${address.port}`;
+        }
+        resolve();
+      });
+    });
+
+  afterEach(
+    () => new Promise<void>((resolve) => server.close(() => resolve()))
+  );
+
+  it('logs requests, keeps failed bodies and serves state', async () => {
+    await listen([createStateMiddleware(), createRequestLogMiddleware()]);
+
+    await fetch(`${origin}/index.bundle?platform=ios`);
+    await fetch(`${origin}/missing/chunk.bundle?platform=ios`);
+    await fetch(`${origin}/repack-devtools/state`);
+
+    const all: unknown = await (
+      await fetch(`${origin}/repack-devtools/state`)
+    ).json();
+    expect(isDevServerState(all)).toBe(true);
+    if (!isDevServerState(all)) return;
+    expect(all.requests.map((request) => request.url)).toEqual([
+      '/index.bundle?platform=ios',
+      '/missing/chunk.bundle?platform=ios',
+    ]);
+    expect(all.requests[1]).toMatchObject({
+      status: 404,
+      platform: 'ios',
+      responseBody: 'Cannot GET /missing/chunk.bundle?platform=ios',
+    });
+    expect(all.requests[0].responseBody).toBeUndefined();
+
+    const failed: unknown = await (
+      await fetch(`${origin}/repack-devtools/state?requests=failed`)
+    ).json();
+    expect(isDevServerState(failed) && failed.requests).toHaveLength(1);
+
+    const clear = await fetch(`${origin}/repack-devtools/clear`, {
+      method: 'POST',
+    });
+    expect(clear.status).toBe(200);
+    expect(getDevServerStore().requests).toEqual([]);
+
+    const unknownPlatform = await fetch(
+      `${origin}/repack-devtools/compilation?platform=windows`
+    );
+    expect(unknownPlatform.status).toBe(404);
+  });
+});
+
+describe('withRepackDevTools', () => {
+  it('only changes dev server configs and adds middlewares once', async () => {
+    const config = withRepackDevTools(() => ({
+      plugins: [],
+      devServer: {
+        setupMiddlewares: (middlewares: unknown[], _devServer: unknown) => [
+          ...middlewares,
+          'user',
+        ],
+      },
+    }));
+    if (typeof config !== 'function') throw new Error('expected a function');
+
+    const bundle = await config({ platform: 'ios', devServer: false });
+    expect(bundle.plugins).toEqual([]);
+
+    const start = await config({ platform: 'ios', devServer: { port: 8091 } });
+    expect(start.plugins?.[0]).toBeInstanceOf(RepackDevToolsCollectorPlugin);
+    const setup = start.devServer?.setupMiddlewares;
+    const once = setup?.(['builtin'], {}) ?? [];
+    expect(once).toHaveLength(4);
+    expect(once.slice(2)).toEqual(['builtin', 'user']);
+    expect(setup?.(once, {})).toHaveLength(5);
+    expect(getDevServerStore().port).toBe(8091);
+  });
+
+  it('returns the config untouched when disabled', () => {
+    const config = { plugins: [] };
+    expect(withRepackDevTools(config, { enabled: false })).toBe(config);
+  });
+});
diff --git a/packages/repack-devtools-plugin/src/__tests__/federationState.test.ts b/packages/repack-devtools-plugin/src/__tests__/federationState.test.ts
new file mode 100644
index 000000000..957f82d55
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/__tests__/federationState.test.ts
@@ -0,0 +1,192 @@
+import { describe, expect, it } from 'vitest';
+import {
+  diagnoseFederationEvents,
+  readFederationState,
+  satisfiesRange,
+} from '../react-native/federation/state';
+import type { FederationEvent } from '../shared/types';
+
+describe('satisfiesRange', () => {
+  it.each([
+    ['19.2.0', '^19.0.0', true],
+    ['18.3.1', '^19.0.0', false],
+    ['0.82.1', '^0.82.0', true],
+    ['0.83.0', '^0.82.0', false],
+    ['1.2.9', '~1.2.3', true],
+    ['1.3.0', '~1.2.3', false],
+    ['2.0.0', '>=1.0.0', true],
+    ['1.0.0', '1.0.0', true],
+    ['1.0.0', '*', true],
+  ])('%s satisfies %s: %s', (version, range, expected) => {
+    expect(satisfiesRange(version, range)).toBe(expected);
+  });
+
+  it('returns undefined for ranges it does not understand', () => {
+    expect(satisfiesRange('1.0.0', '1.x || 2.x')).toBeUndefined();
+  });
+});
+
+const shared = (version: string, from: string, loaded: boolean) => ({
+  version,
+  from,
+  loaded: loaded ? 1 : undefined,
+  shareConfig: { singleton: true, requiredVersion: '^19.0.0' },
+});
+
+describe('readFederationState', () => {
+  it('reads MF 2 instances and flags duplicate singletons', () => {
+    const state = readFederationState({
+      federation: {
+        __INSTANCES__: [
+          {
+            name: 'HostApp',
+            options: {
+              remotes: [
+                { name: 'MiniApp', entry: 'http://localhost:8082/mf.json' },
+                { name: 'Unused', entry: 'http://localhost:8083/mf.json' },
+              ],
+            },
+            moduleCache: new Map([['MiniApp', {}]]),
+            shareScopeMap: {
+              default: {
+                react: {
+                  '19.2.0': shared('19.2.0', 'HostApp', true),
+                  '18.3.1': shared('18.3.1', 'MiniApp', true),
+                },
+              },
+            },
+          },
+        ],
+      },
+      runtimePluginInstalled: true,
+      events: [],
+    });
+
+    expect(state.runtime).toBe('v2');
+    expect(state.instances[0].remotes).toEqual([
+      expect.objectContaining({ name: 'MiniApp', loaded: true }),
+      expect.objectContaining({ name: 'Unused', loaded: false }),
+    ]);
+    expect(state.diagnostics[0].message).toContain(
+      'Singleton "react" is loaded in 2 versions'
+    );
+  });
+
+  it('flags a loaded shared version that misses a required range', () => {
+    const state = readFederationState({
+      federation: {
+        __INSTANCES__: [
+          {
+            name: 'HostApp',
+            shareScopeMap: {
+              default: {
+                react: {
+                  '18.3.1': shared('18.3.1', 'MiniApp', true),
+                  '19.2.0': shared('19.2.0', 'HostApp', false),
+                },
+              },
+            },
+          },
+        ],
+      },
+      runtimePluginInstalled: true,
+      events: [],
+    });
+    expect(state.diagnostics.map((item) => item.message)).toContain(
+      '"react" 18.3.1 (from MiniApp) is loaded but HostApp requires ^19.0.0.'
+    );
+  });
+
+  it('reads MF 1 share scopes and suggests the runtime plugin only for v2', () => {
+    const v1 = readFederationState({
+      webpackShareScopes: {
+        default: { react: { '19.2.0': { from: 'host', loaded: 1 } } },
+      },
+      runtimePluginInstalled: false,
+      events: [],
+    });
+    expect(v1.runtime).toBe('v1');
+    expect(v1.shareScopes?.[0]).toMatchObject({ name: 'react' });
+    expect(v1.diagnostics).toEqual([]);
+
+    const v2 = readFederationState({
+      federation: { __INSTANCES__: [] },
+      runtimePluginInstalled: false,
+      events: [],
+    });
+    expect(v2.diagnostics[0].message).toContain('runtime plugin');
+  });
+
+  it('flags shared versions copied from package manager protocols', () => {
+    const state = readFederationState({
+      federation: {
+        __INSTANCES__: [
+          {
+            name: 'HostApp',
+            shareScopeMap: {
+              default: {
+                'react-native-screens': {
+                  'catalog:testers': {
+                    from: 'HostApp',
+                    loaded: 1,
+                    shareConfig: {
+                      singleton: true,
+                      requiredVersion: 'catalog:testers',
+                    },
+                  },
+                },
+              },
+            },
+          },
+        ],
+      },
+      runtimePluginInstalled: true,
+      events: [],
+    });
+    expect(state.diagnostics).toEqual([
+      expect.objectContaining({
+        severity: 'warning',
+        message:
+          'Shared "react-native-screens" is registered with requiredVersion "catalog:testers" by HostApp, which is not semver.',
+      }),
+    ]);
+  });
+
+  it('survives unexpected global shapes', () => {
+    const state = readFederationState({
+      federation: { __INSTANCES__: [null, 'nope', { options: 5 }] },
+      runtimePluginInstalled: false,
+      events: [],
+    });
+    expect(state.instances).toHaveLength(3);
+  });
+});
+
+describe('diagnoseFederationEvents', () => {
+  it('points network failures at the remote dev server', () => {
+    const [diagnostic] = diagnoseFederationEvents([
+      {
+        seq: 1,
+        at: 0,
+        type: 'afterLoadManifest',
+        remote: 'MiniApp',
+        url: 'http://localhost:8082/android/mf-manifest.json',
+        error: 'Network request failed',
+      },
+    ]);
+    expect(diagnostic.hint).toContain('could not reach http://localhost:8082');
+  });
+
+  it('reports each distinct failure once', () => {
+    const event: FederationEvent = {
+      seq: 1,
+      at: 0,
+      type: 'errorLoadRemote',
+      id: 'MiniApp/App',
+      error: 'ScriptExternalLoadError',
+    };
+    const diagnostics = diagnoseFederationEvents([event, { ...event, seq: 2 }]);
+    expect(diagnostics).toHaveLength(1);
+    expect(diagnostics[0].message).toContain('MiniApp/App');
+  });
+});
diff --git a/packages/repack-devtools-plugin/src/__tests__/scriptManagerRecorder.test.ts b/packages/repack-devtools-plugin/src/__tests__/scriptManagerRecorder.test.ts
new file mode 100644
index 000000000..7b854d9ea
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/__tests__/scriptManagerRecorder.test.ts
@@ -0,0 +1,131 @@
+import { beforeEach, describe, expect, it } from 'vitest';
+import {
+  applyScriptManagerEvent,
+  parseScriptManagerError,
+} from '../react-native/scriptManagerRecorder';
+import { getStore } from '../react-native/store';
+import { STORE_GLOBAL } from '../shared/constants';
+
+const script = (overrides: Record<string, unknown> = {}) => ({
+  scriptId: 'src_Async_tsx',
+  caller: 'main',
+  cache: true,
+  locator: {
+    uniqueId: 'main_src_Async_tsx',
+    url: 'http://localhost:8081/android/src_Async_tsx.chunk.bundle',
+    fetch: true,
+    timeout: 30000,
+    headers: { Accept: 'application/javascript', bogus: 1 },
+  },
+  ...overrides,
+});
+
+describe('applyScriptManagerEvent', () => {
+  beforeEach(() => {
+    Reflect.deleteProperty(globalThis, STORE_GLOBAL);
+  });
+
+  it('tracks a script from resolving to loaded with timings', () => {
+    const store = getStore();
+    applyScriptManagerEvent(
+      store,
+      'resolving',
+      { scriptId: 'src_Async_tsx', caller: 'main' },
+      1000
+    );
+    applyScriptManagerEvent(store, 'resolved', script(), 1010);
+    applyScriptManagerEvent(store, 'loading', script(), 1020);
+    applyScriptManagerEvent(store, 'loaded', script(), 1120);
+
+    const record = store.scripts.get('main_src_Async_tsx');
+    expect(record).toMatchObject({
+      scriptId: 'src_Async_tsx',
+      caller: 'main',
+      status: 'loaded',
+      cacheEnabled: true,
+      loadCount: 1,
+      resolveMs: 10,
+      loadMs: 100,
+    });
+    expect(record?.locator?.url).toBe(
+      'http://localhost:8081/android/src_Async_tsx.chunk.bundle'
+    );
+    expect(record?.locator?.headers).toEqual({
+      Accept: 'application/javascript',
+    });
+    expect(store.scriptEvents.map((event) => event.type)).toEqual([
+      'resolving',
+      'resolved',
+      'loading',
+      'loaded',
+    ]);
+    expect(store.scriptEvents[1].detail).toBe('download');
+  });
+
+  it('marks the script failed and records an error with the native message', () => {
+    const store = getStore();
+    applyScriptManagerEvent(store, 'loading', script(), 1000);
+    applyScriptManagerEvent(
+      store,
+      'error',
+      {
+        message: 'Failed to load script:',
+        args: ['[ScriptManager]', script()],
+        originalError: Object.assign(
+          new Error('Request failed with status code 404'),
+          { code: 'NetworkFailure' }
+        ),
+      },
+      1500
+    );
+
+    const record = store.scripts.get('main_src_Async_tsx');
+    expect(record?.status).toBe('failed');
+    expect(record?.error).toEqual({
+      stage: 'load',
+      message: 'Failed to load script:',
+      code: 'NetworkFailure',
+      nativeMessage: 'Request failed with status code 404',
+    });
+    expect(store.errors).toHaveLength(1);
+    expect(store.errors[0]).toMatchObject({
+      source: 'script-manager',
+      ref: 'main_src_Async_tsx',
+    });
+  });
+
+  it('marks invalidated scripts by unique id or script id', () => {
+    const store = getStore();
+    applyScriptManagerEvent(store, 'loaded', script(), 1000);
+    applyScriptManagerEvent(store, 'invalidated', ['src_Async_tsx'], 1100);
+    expect(store.scripts.get('main_src_Async_tsx')?.status).toBe('invalidated');
+  });
+
+  it('ignores payloads without a script id instead of throwing', () => {
+    const store = getStore();
+    applyScriptManagerEvent(store, 'loaded', { nope: true }, 1000);
+    expect(store.scripts.size).toBe(0);
+    expect(store.scriptEvents).toHaveLength(1);
+  });
+});
+
+describe('parseScriptManagerError', () => {
+  it('infers the stage from the message and a [CODE] argument', () => {
+    const { error, script: parsed } = parseScriptManagerError({
+      message: 'Failed while resolving script locator:',
+      args: ['[ResolverError]', { scriptId: 'Remote', caller: undefined }],
+      originalError: 'no resolver matched',
+    });
+    expect(error.stage).toBe('resolve');
+    expect(error.code).toBe('ResolverError');
+    expect(error.nativeMessage).toBe('no resolver matched');
+    expect(parsed?.scriptId).toBe('Remote');
+  });
+
+  it('handles non-object payloads', () => {
+    expect(parseScriptManagerError(undefined).error).toMatchObject({
+      stage: 'unknown',
+      message: 'Unknown ScriptManager error',
+    });
+  });
+});
diff --git a/packages/repack-devtools-plugin/src/__tests__/symbolication.test.ts b/packages/repack-devtools-plugin/src/__tests__/symbolication.test.ts
new file mode 100644
index 000000000..3b7345da2
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/__tests__/symbolication.test.ts
@@ -0,0 +1,170 @@
+import { describe, expect, it } from 'vitest';
+import {
+  getSourceMapUrl,
+  inferPlatform,
+  parseStack,
+  symbolicateStack,
+} from '../react-native/symbolication';
+
+const BUNDLE = 'http://10.0.2.2:8081/index.bundle?platform=android&dev=true';
+
+const HERMES_STACK = `Error: boom
+    at onPress (${BUNDLE}:120:15)
+    at apply (native)
+    at anonymous (address at ${BUNDLE}:1:2048)
+    at http://10.0.2.2:8081/android/src_Async_tsx.chunk.bundle:5:7`;
+
+const response = (status: number, body: unknown) =>
+  Promise.resolve({
+    status,
+    ok: status < 400,
+    text: () =>
+      Promise.resolve(typeof body === 'string' ? body : JSON.stringify(body)),
+  });
+
+describe('parseStack', () => {
+  it('parses Hermes frames and skips native ones', () => {
+    expect(parseStack(HERMES_STACK)).toEqual([
+      { methodName: 'onPress', file: BUNDLE, lineNumber: 120, column: 15 },
+      { methodName: 'apply' },
+      { methodName: 'anonymous', file: BUNDLE, lineNumber: 1, column: 2048 },
+      {
+        methodName: '<unknown>',
+        file: 'http://10.0.2.2:8081/android/src_Async_tsx.chunk.bundle',
+        lineNumber: 5,
+        column: 7,
+      },
+    ]);
+  });
+
+  it('parses JSC frames', () => {
+    expect(parseStack(`render@${BUNDLE}:10:3`)).toEqual([
+      { methodName: 'render', file: BUNDLE, lineNumber: 10, column: 3 },
+    ]);
+  });
+});
+
+describe('inferPlatform', () => {
+  it('reads the platform query or the bundle file name', () => {
+    expect(inferPlatform(parseStack(HERMES_STACK))).toBe('android');
+    expect(
+      inferPlatform([
+        { methodName: 'x', file: 'http://localhost:8081/main.ios.bundle' },
+      ])
+    ).toBe('ios');
+  });
+
+  it('returns undefined for stacks without bundle frames', () => {
+    expect(
+      inferPlatform([{ methodName: 'x', file: 'InternalBytecode.js' }])
+    ).toBeUndefined();
+  });
+});
+
+describe('getSourceMapUrl', () => {
+  it('keeps the query after the .map suffix', () => {
+    expect(getSourceMapUrl(BUNDLE)).toBe(
+      'http://10.0.2.2:8081/index.bundle.map?platform=android&dev=true'
+    );
+  });
+});
+
+describe('symbolicateStack', () => {
+  it('maps frames and flags the ones still pointing at a bundle', async () => {
+    const calls: string[] = [];
+    const posted: unknown[] = [];
+    const result = await symbolicateStack(HERMES_STACK, {
+      devServer: 'http://10.0.2.2:8081',
+      fetch: (url, init) => {
+        calls.push(`${init?.method} ${url}`);
+        if (init?.body) posted.push(JSON.parse(init.body));
+        if (url.endsWith('/symbolicate')) {
+          return response(200, {
+            stack: [
+              {
+                methodName: 'onPress',
+                file: '/app/src/App.tsx',
+                lineNumber: 12,
+                column: 4,
+              },
+              {
+                methodName: 'anonymous',
+                file: BUNDLE,
+                lineNumber: 1,
+                column: 2048,
+              },
+              {
+                methodName: '<unknown>',
+                file: '/app/src/Async.tsx',
+                lineNumber: 3,
+                column: 1,
+              },
+            ],
+            codeFrame: { content: '> 12 | throw new Error()' },
+          });
+        }
+        return response(404, 'Not found');
+      },
+    });
+
+    expect(result.status).toBe(200);
+    // The native `apply` frame is not posted; Re.Pack would drop it and
+    // shift every following result by one.
+    const parsed = parseStack(HERMES_STACK);
+    expect(posted).toEqual([{ stack: [parsed[0], parsed[2], parsed[3]] }]);
+    expect(result.frames[1].symbolicated).toBeUndefined();
+    expect(result.frames[3].symbolicated?.file).toBe('/app/src/Async.tsx');
+    expect(result.codeFrame?.content).toContain('throw');
+    expect(result.frames.map((frame) => frame.unmapped)).toEqual([
+      false,
+      false,
+      true,
+      false,
+    ]);
+    expect(calls).toEqual([
+      'POST http://10.0.2.2:8081/symbolicate',
+      'HEAD http://10.0.2.2:8081/index.bundle.map?platform=android&dev=true',
+    ]);
+    expect(result.sourceMaps).toEqual([
+      {
+        bundleUrl: BUNDLE,
+        sourceMapUrl:
+          'http://10.0.2.2:8081/index.bundle.map?platform=android&dev=true',
+        status: 404,
+      },
+    ]);
+    expect(result.diagnostics).toEqual([
+      expect.objectContaining({
+        severity: 'warning',
+        message: `1 frame(s) in ${BUNDLE} were not symbolicated.`,
+        hint: expect.stringContaining('returned 404'),
+      }),
+    ]);
+  });
+
+  it('explains a 400 caused by a stack without a platform', async () => {
+    const result = await symbolicateStack(
+      'at apply (native)\n    at f (InternalBytecode.js:1:2)',
+      {
+        devServer: 'http://localhost:8081',
+        fetch: () => response(400, 'Cannot infer platform from stack trace'),
+      }
+    );
+    expect(result.status).toBe(400);
+    expect(result.diagnostics.map((item) => item.message)).toEqual([
+      expect.stringContaining('Cannot infer platform'),
+      expect.stringContaining('/symbolicate responded with 400'),
+    ]);
+  });
+
+  it('reports an unknown dev server without calling fetch', async () => {
+    const result = await symbolicateStack(HERMES_STACK, {
+      fetch: () => {
+        throw new Error('should not be called');
+      },
+    });
+    expect(result.diagnostics.at(-1)?.message).toContain(
+      'Dev server origin is unknown'
+    );
+  });
+});
diff --git a/packages/repack-devtools-plugin/src/bundler/collector.ts b/packages/repack-devtools-plugin/src/bundler/collector.ts
new file mode 100644
index 000000000..6cfee20e3
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/bundler/collector.ts
@@ -0,0 +1,148 @@
+import { LIMITS } from '../shared/constants.js';
+import type { CompilationIssue } from '../shared/types.js';
+import {
+  type DevServerStore,
+  getCompilation,
+  getDevServerStore,
+} from './store.js';
+
+type Tap<TArgs extends unknown[]> = {
+  tap(name: string, callback: (...args: TArgs) => void): void;
+};
+
+type StatsJson = {
+  hash?: string;
+  time?: number;
+  errors?: RawIssue[];
+  warnings?: RawIssue[];
+  errorsCount?: number;
+  warningsCount?: number;
+  assets?: Array<{
+    name: string;
+    size: number;
+    chunkNames?: Array<string | number>;
+  }>;
+};
+
+type RawIssue =
+  | string
+  | {
+      message?: string;
+      moduleName?: string;
+      moduleIdentifier?: string;
+      file?: string;
+      loc?: string;
+    };
+
+type StatsLike = {
+  hasErrors(): boolean;
+  toJson(options: Record<string, boolean>): StatsJson;
+};
+
+export type CompilerLike = {
+  modifiedFiles?: ReadonlySet<string>;
+  removedFiles?: ReadonlySet<string>;
+  hooks: {
+    watchRun: Tap<[CompilerLike]>;
+    invalid: Tap<[string | null | undefined, ...unknown[]]>;
+    done: Tap<[StatsLike]>;
+  };
+};
+
+const MAX_ASSETS = 500;
+const MAX_FILES = 100;
+
+const stripAnsi = (value: string) => value.replace(/\u001b\[[0-9;]*m/g, '');
+
+export const toIssue = (raw: RawIssue): CompilationIssue => {
+  if (typeof raw === 'string') {
+    return { message: stripAnsi(raw).slice(0, LIMITS.messageLength) };
+  }
+  return {
+    message: stripAnsi(raw.message ?? '').slice(0, LIMITS.messageLength),
+    moduleName: raw.moduleName,
+    file: raw.file,
+    loc: raw.loc,
+  };
+};
+
+const listFiles = (files?: ReadonlySet<string>) =>
+  files ? Array.from(files).slice(0, MAX_FILES) : [];
+
+export const recordBuildStart = (
+  store: DevServerStore,
+  platform: string,
+  compiler?: Pick<CompilerLike, 'modifiedFiles' | 'removedFiles'>,
+  now = Date.now()
+) => {
+  const compilation = getCompilation(store, platform);
+  compilation.status = 'compiling';
+  compilation.startedAt = now;
+  compilation.changedFiles = listFiles(compiler?.modifiedFiles);
+  compilation.removedFiles = listFiles(compiler?.removedFiles);
+};
+
+export const recordBuildDone = (
+  store: DevServerStore,
+  platform: string,
+  stats: StatsLike,
+  now = Date.now()
+) => {
+  const compilation = getCompilation(store, platform);
+  const json = stats.toJson({
+    all: false,
+    hash: true,
+    timings: true,
+    errors: true,
+    warnings: true,
+    errorsCount: true,
+    warningsCount: true,
+    assets: true,
+  });
+  const errors = json.errors ?? [];
+  const warnings = json.warnings ?? [];
+  compilation.builds += 1;
+  compilation.status = stats.hasErrors() ? 'failed' : 'ok';
+  compilation.finishedAt = now;
+  compilation.durationMs =
+    json.time ??
+    (compilation.startedAt !== undefined
+      ? now - compilation.startedAt
+      : undefined);
+  compilation.hash = json.hash;
+  compilation.errorCount = json.errorsCount ?? errors.length;
+  compilation.warningCount = json.warningsCount ?? warnings.length;
+  compilation.errors = errors.slice(0, LIMITS.compilationIssues).map(toIssue);
+  compilation.warnings = warnings
+    .slice(0, LIMITS.compilationIssues)
+    .map(toIssue);
+  compilation.assets = (json.assets ?? [])
+    .slice(0, MAX_ASSETS)
+    .map(({ name, size, chunkNames }) => ({ name, size, chunkNames }));
+};
+
+/**
+ * Records compilation status, issues, emitted assets and the files behind
+ * each rebuild for one platform compiler.
+ */
+export class RepackDevToolsCollectorPlugin {
+  constructor(private readonly options: { platform: string }) {}
+
+  apply(compiler: CompilerLike) {
+    const name = 'RepackDevToolsCollectorPlugin';
+    const { platform } = this.options;
+    compiler.hooks.watchRun.tap(name, (watching) => {
+      recordBuildStart(getDevServerStore(), platform, watching);
+    });
+    compiler.hooks.invalid.tap(name, () => {
+      getCompilation(getDevServerStore(), platform).status = 'compiling';
+    });
+    compiler.hooks.done.tap(name, (stats) => {
+      try {
+        recordBuildDone(getDevServerStore(), platform, stats);
+      } catch {
+        // never fail the build because of devtools
+      }
+    });
+  }
+}
diff --git a/packages/repack-devtools-plugin/src/bundler/diagnostics.ts b/packages/repack-devtools-plugin/src/bundler/diagnostics.ts
new file mode 100644
index 000000000..d97d03467
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/bundler/diagnostics.ts
@@ -0,0 +1,131 @@
+import type {
+  DevServerRequest,
+  Diagnostic,
+  PlatformCompilation,
+} from '../shared/types.js';
+
+const MAX_REQUEST_DIAGNOSTICS = 20;
+
+export const getRequestPlatform = (url: string): string | undefined => {
+  const query = url.split('?')[1];
+  const fromQuery = query
+    ? (new URLSearchParams(query).get('platform') ?? undefined)
+    : undefined;
+  if (fromQuery) return fromQuery;
+  return /\/(ios|android)\//.exec(url)?.[1];
+};
+
+const pathname = (url: string) => url.split('?')[0];
+
+const basename = (url: string) => {
+  const parts = pathname(url).split('/');
+  return parts[parts.length - 1] ?? '';
+};
+
+const commonPrefix = (a: string, b: string) => {
+  let i = 0;
+  while (i < a.length && i < b.length && a[i] === b[i]) i++;
+  return i;
+};
+
+/** Emitted asset names that look most like the requested file. */
+export const findSimilarAssets = (
+  requested: string,
+  assets: string[],
+  limit = 3
+) =>
+  assets
+    .map((name) => ({
+      name,
+      score: commonPrefix(basename(name), requested),
+    }))
+    .filter((item) => item.score > 0)
+    .sort((a, b) => b.score - a.score)
+    .slice(0, limit)
+    .map((item) => item.name);
+
+const firstLine = (value?: string) => value?.split('\n').find(Boolean)?.trim();
+
+export const diagnoseCompilations = (
+  compilations: PlatformCompilation[]
+): Diagnostic[] =>
+  compilations
+    .filter((compilation) => compilation.status === 'failed')
+    .map((compilation) => ({
+      severity: 'error',
+      area: 'compilation',
+      message: `Compilation for ${compilation.platform} failed with ${compilation.errorCount} error(s): ${firstLine(compilation.errors[0]?.message) ?? 'see errors'}${compilation.errors[0]?.moduleName ? ` (${compilation.errors[0].moduleName})` : ''}.`,
+      hint: 'Fix the compilation error first: the app keeps running the last successful bundle and HMR stops applying updates.',
+      ref: `compilation:${compilation.platform}`,
+    }));
+
+export const diagnoseRequests = (
+  requests: DevServerRequest[],
+  compilations: PlatformCompilation[]
+): Diagnostic[] => {
+  const groups = new Map<string, DevServerRequest[]>();
+  for (const request of requests) {
+    if (request.status < 400) continue;
+    const key = `${request.method} ${pathname(request.url)} ${request.status}`;
+    const group = groups.get(key) ?? [];
+    group.push(request);
+    groups.set(key, group);
+  }
+
+  const diagnostics: Diagnostic[] = [];
+  for (const [key, group] of Array.from(groups).slice(
+    -MAX_REQUEST_DIAGNOSTICS
+  )) {
+    const latest = group[group.length - 1];
+    const times = group.length > 1 ? ` (${group.length}x)` : '';
+    const body = firstLine(latest.responseBody);
+    const ref = `request:${latest.seq}`;
+
+    if (
+      latest.status === 404 &&
+      /\.(bundle|js|map|json)$/.test(pathname(latest.url))
+    ) {
+      const platform = latest.platform ?? getRequestPlatform(latest.url);
+      const compilation = compilations.find(
+        (item) => item.platform === platform
+      );
+      const similar = compilation
+        ? findSimilarAssets(
+            basename(latest.url),
+            compilation.assets.map((asset) => asset.name)
+          )
+        : [];
+      diagnostics.push({
+        severity: 'error',
+        area: 'dev-server',
+        message: `${key}${times}: the dev server has no asset for this URL.`,
+        hint: compilation
+          ? similar.length
+            ? `Emitted ${platform} assets with a similar name: ${similar.join(', ')}. Compare the resolver URL with output.filename/chunkFilename and the extraChunks config.`
+            : `No ${platform} asset with a similar name was emitted; the chunk may belong to another compilation (MF remote dev server) or was never built.`
+          : `No compilation for platform "${platform ?? 'unknown'}" has run on this server.`,
+        ref,
+      });
+      continue;
+    }
+
+    if (pathname(latest.url) === '/symbolicate') {
+      diagnostics.push({
+        severity: 'warning',
+        area: 'symbolication',
+        message: `${key}${times}: ${body ?? 'symbolication failed'}.`,
+        hint: 'Usually the posted stack had no frame with a bundle URL carrying the platform; the response body above is from the dev server.',
+        ref,
+      });
+      continue;
+    }
+
+    diagnostics.push({
+      severity: latest.status >= 500 ? 'error' : 'warning',
+      area: 'dev-server',
+      message: `${key}${times}${body ? `: ${body}` : ''}.`,
+      ref,
+    });
+  }
+  return diagnostics;
+};
diff --git a/packages/repack-devtools-plugin/src/bundler/middleware.ts b/packages/repack-devtools-plugin/src/bundler/middleware.ts
new file mode 100644
index 000000000..0bef25ec7
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/bundler/middleware.ts
@@ -0,0 +1,185 @@
+import type { IncomingMessage, ServerResponse } from 'node:http';
+import { DEV_SERVER_ROUTE, LIMITS } from '../shared/constants.js';
+import type { DevServerState } from '../shared/types.js';
+import {
+  diagnoseCompilations,
+  diagnoseRequests,
+  getRequestPlatform,
+} from './diagnostics.js';
+import {
+  type DevServerStore,
+  getDevServerStore,
+  pushRequest,
+} from './store.js';
+
+type Next = (error?: unknown) => void;
+export type Middleware = ((
+  req: IncomingMessage,
+  res: ServerResponse,
+  next: Next
+) => void) & { __repackDevTools?: true };
+
+/** Requests that are noise for debugging: tooling endpoints and inspector traffic. */
+const IGNORED = [
+  DEV_SERVER_ROUTE,
+  '/rozenite',
+  '/json',
+  '/status',
+  '/inspector',
+  '/open-debugger',
+  '/debugger-frontend',
+  '/favicon.ico',
+  // probed by the DevTools frontend; a 404 here is expected outside Expo CLI
+  '/_expo',
+];
+
+export const getDevServerState = (
+  store: DevServerStore = getDevServerStore()
+): DevServerState => {
+  const compilations = Array.from(store.compilations.values()).sort((a, b) =>
+    a.platform.localeCompare(b.platform)
+  );
+  return {
+    port: store.port,
+    startedAt: store.startedAt,
+    compilations,
+    requests: store.requests,
+    diagnostics: [
+      ...diagnoseCompilations(compilations),
+      ...diagnoseRequests(store.requests, compilations),
+    ],
+  };
+};
+
+const sendJson = (res: ServerResponse, status: number, body: unknown) => {
+  res.statusCode = status;
+  res.setHeader('Content-Type', 'application/json');
+  res.setHeader('Access-Control-Allow-Origin', '*');
+  res.end(JSON.stringify(body));
+};
+
+/**
+ * Serves `GET <route>/state`, `GET <route>/compilation?platform=` and
+ * `POST <route>/clear`, so agents can read bundler state with curl even when
+ * the app is not running.
+ */
+export const createStateMiddleware = (): Middleware => {
+  const middleware: Middleware = (req, res, next) => {
+    const url = req.url ?? '';
+    if (!url.startsWith(DEV_SERVER_ROUTE)) return next();
+    const [path, query = ''] = url.slice(DEV_SERVER_ROUTE.length).split('?');
+    const params = new URLSearchParams(query);
+    const store = getDevServerStore();
+
+    if (req.method === 'POST' && path === '/clear') {
+      store.requests.length = 0;
+      return sendJson(res, 200, { cleared: 'requests' });
+    }
+    if (req.method !== 'GET' && req.method !== 'HEAD') return next();
+
+    if (path === '/state' || path === '' || path === '/') {
+      const state = getDevServerState(store);
+      const requests = params.get('requests') ?? 'all';
+      return sendJson(res, 200, {
+        ...state,
+        requests:
+          requests === 'failed'
+            ? state.requests.filter((request) => request.status >= 400)
+            : requests === 'none'
+              ? []
+              : state.requests,
+      });
+    }
+    if (path === '/compilation') {
+      const platform = params.get('platform');
+      const compilation = platform
+        ? store.compilations.get(platform)
+        : undefined;
+      if (!compilation) {
+        return sendJson(res, 404, {
+          error: `No compilation for platform "${platform}". Known: ${Array.from(store.compilations.keys()).join(', ') || '(none yet)'}`,
+        });
+      }
+      return sendJson(res, 200, compilation);
+    }
+    return sendJson(res, 404, {
+      error: `Unknown route. Use ${DEV_SERVER_ROUTE}/state, ${DEV_SERVER_ROUTE}/compilation?platform=<platform> or POST ${DEV_SERVER_ROUTE}/clear.`,
+    });
+  };
+  middleware.__repackDevTools = true;
+  return middleware;
+};
+
+/**
+ * Logs every request with its status and duration. For failed responses the
+ * first bytes of the body are kept, which is usually the explanation.
+ */
+export const createRequestLogMiddleware = (): Middleware => {
+  const middleware: Middleware = (req, res, next) => {
+    const url = req.url ?? '';
+    if (IGNORED.some((prefix) => url.startsWith(prefix))) return next();
+
+    const startedAt = Date.now();
+    const chunks: Buffer[] = [];
+    let captured = 0;
+    const capture = (chunk: unknown, encoding?: unknown) => {
+      if (captured >= LIMITS.responseBodyBytes || chunk == null) return;
+      if (typeof chunk === 'function') return;
+      const buffer = Buffer.isBuffer(chunk)
+        ? chunk
+        : typeof chunk === 'string'
+          ? Buffer.from(
+              chunk,
+              typeof encoding === 'string' && Buffer.isEncoding(encoding)
+                ? encoding
+                : 'utf8'
+            )
+          : chunk instanceof Uint8Array
+            ? Buffer.from(chunk)
+            : undefined;
+      if (!buffer) return;
+      const slice = buffer.subarray(0, LIMITS.responseBodyBytes - captured);
+      chunks.push(slice);
+      captured += slice.length;
+    };
+
+    // `write`/`end` have several overloads; a Proxy keeps their exact types
+    // while still seeing every call's arguments.
+    res.write = new Proxy(res.write, {
+      apply(target, thisArg, args) {
+        capture(args[0], args[1]);
+        return Reflect.apply(target, thisArg, args);
+      },
+    });
+    res.end = new Proxy(res.end, {
+      apply(target, thisArg, args) {
+        capture(args[0], args[1]);
+        return Reflect.apply(target, thisArg, args);
+      },
+    });
+
+    res.once('finish', () => {
+      try {
+        const status = res.statusCode;
+        pushRequest(getDevServerStore(), {
+          at: startedAt,
+          method: req.method ?? 'GET',
+          url,
+          status,
+          durationMs: Date.now() - startedAt,
+          platform: getRequestPlatform(url),
+          userAgent: req.headers['user-agent'],
+          responseBody:
+            status >= 400 && chunks.length
+              ? Buffer.concat(chunks).toString('utf8')
+              : undefined,
+        });
+      } catch {
+        // logging must never break a response
+      }
+    });
+    next();
+  };
+  middleware.__repackDevTools = true;
+  return middleware;
+};
diff --git a/packages/repack-devtools-plugin/src/bundler/store.ts b/packages/repack-devtools-plugin/src/bundler/store.ts
new file mode 100644
index 000000000..7bb069db8
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/bundler/store.ts
@@ -0,0 +1,64 @@
+import { DEV_SERVER_STORE_GLOBAL, LIMITS } from '../shared/constants.js';
+import { isRecord, readGlobal } from '../shared/guards.js';
+import type { DevServerRequest, PlatformCompilation } from '../shared/types.js';
+
+export type DevServerStore = {
+  startedAt: number;
+  port?: number;
+  seq: number;
+  compilations: Map<string, PlatformCompilation>;
+  requests: DevServerRequest[];
+};
+
+/**
+ * One store per dev server process. Re.Pack runs every platform compiler in
+ * the same process, so they all record here.
+ */
+const isDevServerStore = (value: unknown): value is DevServerStore =>
+  isRecord(value) &&
+  value.compilations instanceof Map &&
+  Array.isArray(value.requests);
+
+export const getDevServerStore = (): DevServerStore => {
+  const existing = readGlobal(DEV_SERVER_STORE_GLOBAL);
+  if (isDevServerStore(existing)) return existing;
+  const store: DevServerStore = {
+    startedAt: Date.now(),
+    seq: 0,
+    compilations: new Map(),
+    requests: [],
+  };
+  Reflect.set(globalThis, DEV_SERVER_STORE_GLOBAL, store);
+  return store;
+};
+
+export const getCompilation = (store: DevServerStore, platform: string) => {
+  let compilation = store.compilations.get(platform);
+  if (!compilation) {
+    compilation = {
+      platform,
+      status: 'idle',
+      builds: 0,
+      errors: [],
+      warnings: [],
+      errorCount: 0,
+      warningCount: 0,
+      assets: [],
+      changedFiles: [],
+      removedFiles: [],
+    };
+    store.compilations.set(platform, compilation);
+  }
+  return compilation;
+};
+
+export const pushRequest = (
+  store: DevServerStore,
+  request: Omit<DevServerRequest, 'seq'>
+) => {
+  store.seq += 1;
+  store.requests.push({ ...request, seq: store.seq });
+  if (store.requests.length > LIMITS.devServerRequests) {
+    store.requests.splice(0, store.requests.length - LIMITS.devServerRequests);
+  }
+};
diff --git a/packages/repack-devtools-plugin/src/bundler/withRepackDevTools.ts b/packages/repack-devtools-plugin/src/bundler/withRepackDevTools.ts
new file mode 100644
index 000000000..91b0479c6
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/bundler/withRepackDevTools.ts
@@ -0,0 +1,89 @@
+import { RepackDevToolsCollectorPlugin } from './collector.js';
+import {
+  createRequestLogMiddleware,
+  createStateMiddleware,
+} from './middleware.js';
+import { getDevServerStore } from './store.js';
+
+type EnvLike = {
+  platform?: string;
+  devServer?: { port?: number } | false;
+};
+
+type SetupMiddlewares = (
+  middlewares: unknown[],
+  devServer: unknown
+) => unknown[];
+
+type ConfigLike = {
+  plugins?: unknown[];
+  devServer?: { setupMiddlewares?: SetupMiddlewares; [key: string]: unknown };
+};
+
+type ConfigExport<TConfig, TEnv> =
+  | TConfig
+  | ((env: TEnv) => TConfig | Promise<TConfig>);
+
+export type RepackDevToolsOptions = {
+  /** Defaults to `true`. Pass e.g. `process.env.WITH_ROZENITE === 'true'`. */
+  enabled?: boolean;
+};
+
+const isDevToolsMiddleware = (middleware: unknown) =>
+  typeof middleware === 'function' &&
+  '__repackDevTools' in middleware &&
+  middleware.__repackDevTools === true;
+
+/**
+ * Adds the devtools compilation collector and the `/repack-devtools/*`
+ * dev-server endpoints to a Re.Pack (Rspack or webpack) config. Only applies
+ * when the config is evaluated for the dev server (`start`), never for
+ * `bundle`.
+ */
+export const withRepackDevTools = <
+  TConfig extends ConfigLike,
+  TEnv extends EnvLike,
+>(
+  config: ConfigExport<TConfig, TEnv>,
+  options: RepackDevToolsOptions = {}
+): ConfigExport<TConfig, TEnv> => {
+  if (options.enabled === false) return config;
+
+  return async (env: TEnv) => {
+    const resolved = typeof config === 'function' ? await config(env) : config;
+    if (!env.devServer) return resolved;
+
+    const store = getDevServerStore();
+    store.port = env.devServer.port ?? store.port;
+    const userSetupMiddlewares = resolved.devServer?.setupMiddlewares;
+
+    return {
+      ...resolved,
+      plugins: [
+        ...(resolved.plugins ?? []),
+        new RepackDevToolsCollectorPlugin({
+          platform: env.platform ?? 'unknown',
+        }),
+      ],
+      devServer: {
+        ...resolved.devServer,
+        setupMiddlewares: (middlewares: unknown[], devServer: unknown) => {
+          const result = userSetupMiddlewares
+            ? userSetupMiddlewares.call(
+                resolved.devServer,
+                middlewares,
+                devServer
+              )
+            : middlewares;
+          if (!result.some(isDevToolsMiddleware)) {
+            result.unshift(
+              createStateMiddleware(),
+              createRequestLogMiddleware()
+            );
+          }
+          return result;
+        },
+      },
+    };
+  };
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/api.ts b/packages/repack-devtools-plugin/src/react-native/api.ts
new file mode 100644
index 000000000..adbe16894
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/api.ts
@@ -0,0 +1,367 @@
+import { Federated, ScriptManager } from '@callstack/repack/client';
+import { DevSettings } from 'react-native';
+import { DEV_SERVER_ROUTE } from '../shared/constants';
+import {
+  callMethod,
+  getProp,
+  isDevServerState,
+  isRecord,
+  readArray,
+  readGlobal,
+  readString,
+} from '../shared/guards';
+import type {
+  DevServerState,
+  DevServerSummary,
+  Diagnostic,
+  FederationState,
+  Overview,
+  RecordedError,
+  ScriptEvent,
+  ScriptRecord,
+  ScriptStatus,
+  SymbolicationResult,
+} from '../shared/types';
+import {
+  getAppInfo,
+  getDevServerOrigin,
+  getFederationGlobals,
+} from './environment';
+import { readFederationState } from './federation/state';
+import { type ClearScope, clearStore, describeError, getStore } from './store';
+import { symbolicateStack } from './symbolication';
+
+const STUCK_LOADING_MS = 15_000;
+
+export const getFederation = (): FederationState =>
+  readFederationState(getFederationGlobals());
+
+export const listScripts = (
+  filter: { status?: ScriptStatus; search?: string } = {}
+): ScriptRecord[] => {
+  const search = filter.search?.toLowerCase();
+  return Array.from(getStore().scripts.values())
+    .filter((record) => !filter.status || record.status === filter.status)
+    .filter(
+      (record) =>
+        !search ||
+        record.uniqueId.toLowerCase().includes(search) ||
+        record.locator?.url?.toLowerCase().includes(search)
+    )
+    .sort((a, b) => a.firstSeenAt - b.firstSeenAt);
+};
+
+export const getScript = (uniqueId: string) => {
+  const store = getStore();
+  const record =
+    store.scripts.get(uniqueId) ??
+    Array.from(store.scripts.values()).find(
+      (item) => item.scriptId === uniqueId
+    );
+  if (!record) {
+    const known = Array.from(store.scripts.keys()).slice(0, 20).join(', ');
+    throw new Error(
+      `No script "${uniqueId}" was recorded. Known: ${known || '(none)'}`
+    );
+  }
+  return {
+    record,
+    events: store.scriptEvents.filter(
+      (event) => event.uniqueId === record.uniqueId
+    ),
+    errors: store.errors.filter((error) => error.ref === record.uniqueId),
+  };
+};
+
+export const listScriptEvents = (
+  filter: { since?: number; uniqueId?: string } = {}
+): ScriptEvent[] =>
+  getStore().scriptEvents.filter(
+    (event) =>
+      (filter.since === undefined || event.at >= filter.since) &&
+      (!filter.uniqueId || event.uniqueId === filter.uniqueId)
+  );
+
+export const listErrors = (
+  filter: { source?: RecordedError['source'] } = {}
+): RecordedError[] =>
+  getStore().errors.filter(
+    (error) => !filter.source || error.source === filter.source
+  );
+
+const describeScriptFailure = (record: ScriptRecord) =>
+  [
+    record.error?.stage && `${record.error.stage} failed`,
+    record.error?.code,
+    record.error?.nativeMessage ?? record.error?.message,
+  ]
+    .filter(Boolean)
+    .join(': ');
+
+export const diagnoseScripts = (
+  scripts: ScriptRecord[],
+  now = Date.now()
+): Diagnostic[] => {
+  const diagnostics: Diagnostic[] = [];
+  for (const record of scripts) {
+    if (record.status === 'failed') {
+      diagnostics.push({
+        severity: 'error',
+        area: 'scripts',
+        message: `Script "${record.uniqueId}" failed (${describeScriptFailure(record)})${record.locator?.url ? ` from ${record.locator.url}` : ''}.`,
+        hint:
+          record.error?.stage === 'resolve'
+            ? 'No resolver returned a locator; check ScriptManager.shared.addResolver and the caller/scriptId pair.'
+            : 'Check the URL in the dev server request log (get-dev-server) and whether the chunk exists in the compilation assets.',
+        ref: record.uniqueId,
+      });
+    } else if (
+      record.status === 'loading' &&
+      record.loadStartedAt !== undefined &&
+      now - record.loadStartedAt > STUCK_LOADING_MS
+    ) {
+      diagnostics.push({
+        severity: 'warning',
+        area: 'scripts',
+        message: `Script "${record.uniqueId}" has been loading for ${Math.round((now - record.loadStartedAt) / 1000)}s.`,
+        hint: 'The native download or evaluation never settled; check device logs and the request log for this URL.',
+        ref: record.uniqueId,
+      });
+    }
+  }
+  return diagnostics;
+};
+
+export const fetchDevServerState = async (
+  origin = getDevServerOrigin()
+): Promise<DevServerState> => {
+  if (!origin) throw new Error('Dev server origin is unknown.');
+  let response: Response;
+  try {
+    response = await fetch(`${origin}${DEV_SERVER_ROUTE}/state`);
+  } catch (error) {
+    throw new Error(
+      `Dev server ${origin} is not reachable from the device (${String(error)}). Is it running, and is the port forwarded (adb reverse)?`
+    );
+  }
+  if (!response.ok) {
+    throw new Error(
+      `${origin}${DEV_SERVER_ROUTE}/state responded with ${response.status}. Is the config wrapped with withRepackDevTools?`
+    );
+  }
+  const body: unknown = await response.json();
+  if (!isDevServerState(body)) {
+    throw new Error(
+      `${origin}${DEV_SERVER_ROUTE}/state returned an unexpected payload.`
+    );
+  }
+  return body;
+};
+
+const summarizeDevServer = async (
+  origin: string | undefined
+): Promise<{ summary?: DevServerSummary; diagnostics: Diagnostic[] }> => {
+  if (!origin) return { diagnostics: [] };
+  try {
+    const state = await fetchDevServerState(origin);
+    return {
+      summary: {
+        origin,
+        reachable: true,
+        platforms: state.compilations.map((compilation) => ({
+          platform: compilation.platform,
+          status: compilation.status,
+          errors: compilation.errorCount,
+          warnings: compilation.warningCount,
+        })),
+        failedRequests: state.requests.filter(
+          (request) => request.status >= 400
+        ).length,
+      },
+      diagnostics: state.diagnostics,
+    };
+  } catch (error) {
+    return {
+      summary: {
+        origin,
+        reachable: false,
+        error: describeError(error).message,
+        platforms: [],
+        failedRequests: 0,
+      },
+      diagnostics: [],
+    };
+  }
+};
+
+const SEVERITY_ORDER = { error: 0, warning: 1, info: 2 } as const;
+
+export const getOverview = async (
+  options: { devServer?: boolean } = {}
+): Promise<Overview> => {
+  const store = getStore();
+  const app = getAppInfo();
+  const scripts = Array.from(store.scripts.values());
+  const federation = getFederation();
+  const devServer =
+    options.devServer === false
+      ? { diagnostics: [] }
+      : await summarizeDevServer(app.devServer);
+
+  const diagnostics: Diagnostic[] = [
+    ...diagnoseScripts(scripts),
+    ...federation.diagnostics,
+    ...store.errors
+      .filter((error) => error.isFatal)
+      .map(
+        (error): Diagnostic => ({
+          severity: 'error',
+          area: 'errors',
+          message: `Fatal error: ${error.message}`,
+          hint: 'Run symbolicate with this error id to map the stack to sources.',
+          ref: error.id,
+        })
+      ),
+    ...devServer.diagnostics,
+  ];
+
+  if (!store.bootRecording) {
+    diagnostics.push({
+      severity: 'info',
+      area: 'scripts',
+      message:
+        'Recording started after the first render, so startup ScriptManager and MF events may be missing.',
+      hint: 'Call installRepackDevTools({ boot: true }) at the top of the app entry file.',
+    });
+  }
+
+  diagnostics.sort(
+    (a, b) => SEVERITY_ORDER[a.severity] - SEVERITY_ORDER[b.severity]
+  );
+
+  return {
+    app,
+    counts: {
+      scripts: scripts.length,
+      failedScripts: scripts.filter((record) => record.status === 'failed')
+        .length,
+      scriptEvents: store.scriptEvents.length,
+      federationEvents: store.federationEvents.length,
+      errors: store.errors.length,
+    },
+    federationRuntime: federation.runtime,
+    diagnostics,
+    devServer: devServer.summary,
+  };
+};
+
+type ActionResult<T = undefined> = {
+  ok: boolean;
+  durationMs: number;
+  error?: string;
+  result?: T;
+};
+
+const runAction = async <T>(
+  action: () => Promise<T>
+): Promise<ActionResult<T>> => {
+  const startedAt = Date.now();
+  try {
+    const result = await action();
+    return { ok: true, durationMs: Date.now() - startedAt, result };
+  } catch (error) {
+    return {
+      ok: false,
+      durationMs: Date.now() - startedAt,
+      error: describeError(error).message,
+    };
+  }
+};
+
+const withRecord = async <T>(
+  scriptId: string,
+  caller: string | undefined,
+  action: () => Promise<T>
+) => {
+  const result = await runAction(action);
+  const uniqueId = (caller ? `${caller}_` : '') + scriptId;
+  return { ...result, record: getStore().scripts.get(uniqueId) };
+};
+
+export const loadScript = (scriptId: string, caller?: string) =>
+  withRecord(scriptId, caller, () =>
+    ScriptManager.shared.loadScript(scriptId, caller)
+  );
+
+export const prefetchScript = (scriptId: string, caller?: string) =>
+  withRecord(scriptId, caller, () =>
+    ScriptManager.shared.prefetchScript(scriptId, caller)
+  );
+
+export const invalidateScripts = (scriptIds?: string[]) =>
+  runAction(async () =>
+    ScriptManager.shared.invalidateScripts(scriptIds ?? [])
+  );
+
+/**
+ * Loads `<remote>/<exposed module>` through the MF runtime (v2) or
+ * `Federated.importModule` (v1), the same way app code would.
+ */
+export const loadRemote = (id: string, instanceName?: string) =>
+  runAction(async () => {
+    const instances = readArray(readGlobal('__FEDERATION__'), '__INSTANCES__');
+    let exports: unknown;
+    if (instances.length > 0) {
+      const instance = instanceName
+        ? instances.find((item) => readString(item, 'name') === instanceName)
+        : instances[0];
+      if (typeof getProp(instance, 'loadRemote') !== 'function') {
+        throw new Error(
+          `No MF instance named "${instanceName}". Available: ${instances.map((item) => readString(item, 'name')).join(', ')}`
+        );
+      }
+      exports = await callMethod(instance, 'loadRemote', [id]);
+    } else {
+      const [container, ...rest] = id.split('/');
+      if (!container || rest.length === 0) {
+        throw new Error('Expected "<container>/<module>", e.g. "MiniApp/App".');
+      }
+      exports = await Federated.importModule(container, `./${rest.join('/')}`);
+    }
+    if (exports === null || exports === undefined) {
+      throw new Error(`Remote "${id}" resolved to ${String(exports)}.`);
+    }
+    return {
+      exportKeys: isRecord(exports) ? Object.keys(exports) : [],
+      type: typeof exports,
+    };
+  });
+
+export const symbolicate = async (input: {
+  stack?: string;
+  errorId?: string;
+}): Promise<SymbolicationResult> => {
+  let stack = input.stack;
+  if (!stack && input.errorId) {
+    const error = getStore().errors.find((item) => item.id === input.errorId);
+    if (!error) throw new Error(`No recorded error "${input.errorId}".`);
+    if (!error.stack) {
+      throw new Error(`Recorded error "${input.errorId}" has no stack.`);
+    }
+    stack = error.stack;
+  }
+  if (!stack) {
+    stack = new Error('repack-devtools symbolication probe').stack ?? '';
+  }
+  return symbolicateStack(stack, { devServer: getDevServerOrigin() });
+};
+
+export const clear = (scope: ClearScope = 'all') => {
+  clearStore(scope);
+  return { cleared: scope };
+};
+
+export const reload = () => {
+  setTimeout(() => DevSettings.reload('repack-devtools'), 50);
+  return { reloading: true };
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/environment.ts b/packages/repack-devtools-plugin/src/react-native/environment.ts
new file mode 100644
index 000000000..6f6215b93
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/environment.ts
@@ -0,0 +1,93 @@
+import { getWebpackContext } from '@callstack/repack/client';
+import {
+  NativeModules,
+  Platform,
+  type TurboModule,
+  TurboModuleRegistry,
+} from 'react-native';
+import { getProp, readGlobal, readString } from '../shared/guards';
+import type { AppInfo } from '../shared/types';
+import type { FederationGlobals } from './federation/state';
+import { getStore } from './store';
+
+declare const HermesInternal: unknown;
+
+/**
+ * `__webpack_require__`, read as `unknown`: Re.Pack's runtime typings declare
+ * `p` as a function, but at runtime it is the public path string, and the MF
+ * v1 share scopes (`S`) are not declared at all.
+ */
+const getWebpackRequire = (): unknown => {
+  try {
+    return getWebpackContext();
+  } catch {
+    return undefined;
+  }
+};
+
+const getPublicPath = () => readString(getWebpackRequire(), 'p');
+
+interface SourceCodeModule extends TurboModule {
+  getConstants(): { scriptURL?: string };
+}
+
+export const getBundleUrl = (): string | undefined => {
+  try {
+    const sourceCode =
+      TurboModuleRegistry.get<SourceCodeModule>('SourceCode') ??
+      NativeModules.SourceCode;
+    return (
+      sourceCode?.getConstants?.().scriptURL ??
+      NativeModules.SourceCode?.scriptURL
+    );
+  } catch {
+    return undefined;
+  }
+};
+
+const toOrigin = (url: string | undefined) => {
+  if (!url || !/^https?:\/\//.test(url)) return undefined;
+  const match = /^(https?:\/\/[^/]+)/.exec(url);
+  return match?.[1];
+};
+
+/**
+ * Origin of the dev server that served the running bundle. The webpack public
+ * path wins because it is what ScriptManager uses for dev-server chunk URLs;
+ * the native bundle URL is the fallback.
+ */
+export const getDevServerOrigin = (): string | undefined =>
+  toOrigin(getPublicPath()) ?? toOrigin(getBundleUrl());
+
+export const getAppInfo = (): AppInfo => {
+  const store = getStore();
+  const version = Platform.constants.reactNativeVersion;
+  return {
+    platform: Platform.OS,
+    platformVersion: Platform.Version,
+    reactNativeVersion: version
+      ? [version.major, version.minor, version.patch]
+          .join('.')
+          .concat(version.prerelease ? `-${version.prerelease}` : '')
+      : undefined,
+    hermes: typeof HermesInternal !== 'undefined',
+    bundleUrl: getBundleUrl(),
+    devServer: getDevServerOrigin(),
+    publicPath: getPublicPath(),
+    installedAt: store.installedAt,
+    bootRecording: store.bootRecording,
+  };
+};
+
+export const getFederationGlobals = (): FederationGlobals => {
+  const store = getStore();
+  const federation = readGlobal('__FEDERATION__');
+  return {
+    federation,
+    webpackShareScopes: federation
+      ? undefined
+      : getProp(getWebpackRequire(), 'S'),
+    runtimePluginInstalled: store.hooked.runtimePlugin,
+    events: store.federationEvents,
+  };
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/errorRecorder.ts b/packages/repack-devtools-plugin/src/react-native/errorRecorder.ts
new file mode 100644
index 000000000..3dfeba8ab
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/errorRecorder.ts
@@ -0,0 +1,39 @@
+import { callMethod, getProp, readString } from '../shared/guards';
+import { describeError, getStore, recordError } from './store';
+
+/**
+ * Records uncaught JS errors, then hands them to the previous global handler
+ * (LogBox / RedBox) unchanged. `errorUtils` is React Native's `ErrorUtils`
+ * global.
+ */
+export const attachGlobalErrorHandler = (errorUtils: unknown) => {
+  const store = getStore();
+  if (
+    store.hooked.errorHandler ||
+    typeof getProp(errorUtils, 'setGlobalHandler') !== 'function'
+  ) {
+    return false;
+  }
+  store.hooked.errorHandler = true;
+
+  const previous = callMethod(errorUtils, 'getGlobalHandler', []);
+  callMethod(errorUtils, 'setGlobalHandler', [
+    (error: unknown, isFatal?: boolean) => {
+      try {
+        const described = describeError(error);
+        recordError({
+          source: 'global-handler',
+          name: described.name,
+          message: described.message,
+          stack: described.stack,
+          isFatal: Boolean(isFatal),
+          componentStack: readString(error, 'componentStack'),
+        });
+      } catch {
+        // never interfere with the original handler
+      }
+      if (typeof previous === 'function') previous(error, isFatal);
+    },
+  ]);
+  return true;
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/federation/runtimePlugin.ts b/packages/repack-devtools-plugin/src/react-native/federation/runtimePlugin.ts
new file mode 100644
index 000000000..9e688a7de
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/federation/runtimePlugin.ts
@@ -0,0 +1,264 @@
+import { LIMITS } from '../../shared/constants';
+import type { FederationEvent } from '../../shared/types';
+import {
+  describeError,
+  getStore,
+  nextSeq,
+  notify,
+  pushBounded,
+  recordError,
+  truncate,
+} from '../store';
+
+export const RUNTIME_PLUGIN_NAME = 'repack-devtools-plugin';
+
+type Origin = { name?: string } | undefined;
+type RemoteLike = {
+  name?: string;
+  alias?: string;
+  entry?: string;
+  version?: string;
+};
+
+const instanceName = (origin: Origin) => origin?.name;
+
+const errorMessage = (error: unknown) =>
+  error === undefined ? undefined : truncate(describeError(error).message);
+
+export const recordFederationEvent = (
+  event: Omit<FederationEvent, 'seq' | 'at'>
+) => {
+  const store = getStore();
+  pushBounded(
+    store.federationEvents,
+    { ...event, seq: nextSeq(store), at: Date.now() },
+    LIMITS.federationEvents
+  );
+  notify(store);
+};
+
+/**
+ * Module Federation 2 runtime plugin that records remote, shared and manifest
+ * lifecycle events. Waterfall hooks return their arguments untouched and the
+ * other hooks return nothing, so the plugin never changes how MF behaves and
+ * never acts as an error-recovery fallback.
+ *
+ * Add it through `runtimePlugins` to capture events from app start;
+ * `installRepackDevTools()` otherwise registers it on running instances.
+ */
+export const createRepackDevToolsRuntimePlugin = () => {
+  getStore().hooked.runtimePlugin = true;
+
+  return {
+    name: RUNTIME_PLUGIN_NAME,
+
+    beforeRequest(args: { id: string; origin?: Origin }) {
+      recordFederationEvent({
+        type: 'beforeRequest',
+        instance: instanceName(args.origin),
+        id: args.id,
+      });
+      return args;
+    },
+
+    afterResolve(args: {
+      id?: string;
+      pkgNameOrAlias?: string;
+      expose?: string;
+      remote?: RemoteLike;
+      remoteInfo?: RemoteLike;
+      origin?: Origin;
+    }) {
+      recordFederationEvent({
+        type: 'afterResolve',
+        instance: instanceName(args.origin),
+        id: args.id,
+        remote: args.remoteInfo?.name ?? args.remote?.name,
+        url: args.remoteInfo?.entry ?? args.remote?.entry,
+        detail: args.expose,
+      });
+      return args;
+    },
+
+    onLoad(args: {
+      id: string;
+      expose?: string;
+      remote?: RemoteLike;
+      origin?: Origin;
+    }) {
+      recordFederationEvent({
+        type: 'onLoad',
+        instance: instanceName(args.origin),
+        id: args.id,
+        remote: args.remote?.name,
+        detail: args.expose,
+      });
+    },
+
+    errorLoadRemote(args: {
+      id: string;
+      error: unknown;
+      lifecycle?: string;
+      from?: string;
+      remote?: RemoteLike;
+      origin?: Origin;
+    }) {
+      const error = describeError(args.error);
+      recordFederationEvent({
+        type: 'errorLoadRemote',
+        instance: instanceName(args.origin),
+        id: args.id,
+        remote: args.remote?.name,
+        url: args.remote?.entry,
+        error: truncate(error.message),
+        detail: [args.lifecycle, args.from].filter(Boolean).join(' | '),
+      });
+      recordError({
+        source: 'federation',
+        name: error.name,
+        message: `Failed to load remote "${args.id}" (${args.lifecycle ?? 'unknown lifecycle'}): ${error.message}`,
+        stack: error.stack,
+        ref: args.id,
+      });
+      // Returning undefined keeps MF's own error handling in charge.
+      return undefined;
+    },
+
+    afterLoadShare(args: {
+      pkgName: string;
+      selectedShared?: { version?: string; from?: string };
+      shareInfo?: { version?: string };
+      lifecycle?: string;
+      origin?: Origin;
+    }) {
+      recordFederationEvent({
+        type: 'afterLoadShare',
+        instance: instanceName(args.origin),
+        id: args.pkgName,
+        version: args.selectedShared?.version,
+        detail: [
+          args.selectedShared?.from && `from ${args.selectedShared.from}`,
+          args.shareInfo?.version && `requested ${args.shareInfo.version}`,
+          args.lifecycle,
+        ]
+          .filter(Boolean)
+          .join(' | '),
+      });
+    },
+
+    errorLoadShare(args: {
+      pkgName: string;
+      error?: unknown;
+      lifecycle?: string;
+      recovered?: boolean;
+      origin?: Origin;
+    }) {
+      recordFederationEvent({
+        type: 'errorLoadShare',
+        instance: instanceName(args.origin),
+        id: args.pkgName,
+        error: errorMessage(args.error),
+        detail: [args.lifecycle, args.recovered ? 'recovered' : undefined]
+          .filter(Boolean)
+          .join(' | '),
+      });
+      if (!args.recovered) {
+        const error = describeError(args.error);
+        recordError({
+          source: 'federation',
+          name: error.name,
+          message: `Failed to load shared "${args.pkgName}": ${error.message}`,
+          stack: error.stack,
+          ref: args.pkgName,
+        });
+      }
+    },
+
+    afterLoadEntry(args: {
+      remoteInfo?: RemoteLike;
+      cached?: boolean;
+      error?: unknown;
+      recovered?: boolean;
+      origin?: Origin;
+    }) {
+      recordFederationEvent({
+        type: 'afterLoadEntry',
+        instance: instanceName(args.origin),
+        remote: args.remoteInfo?.name,
+        url: args.remoteInfo?.entry,
+        error: errorMessage(args.error),
+        detail: [
+          args.cached ? 'cached' : undefined,
+          args.recovered ? 'recovered' : undefined,
+        ]
+          .filter(Boolean)
+          .join(' | '),
+      });
+    },
+
+    loadEntryError(args: {
+      remoteInfo?: RemoteLike;
+      uniqueKey?: string;
+      origin?: Origin;
+    }) {
+      recordFederationEvent({
+        type: 'loadEntryError',
+        instance: instanceName(args.origin),
+        remote: args.remoteInfo?.name,
+        url: args.remoteInfo?.entry,
+        detail: args.uniqueKey,
+      });
+      // Returning undefined keeps MF's own retry/fallback logic in charge.
+      return undefined;
+    },
+
+    afterLoadManifest(args: {
+      manifestUrl: string;
+      moduleInfo?: RemoteLike;
+      error?: unknown;
+      cached?: boolean;
+      recovered?: boolean;
+      origin?: Origin;
+    }) {
+      recordFederationEvent({
+        type: 'afterLoadManifest',
+        instance: instanceName(args.origin),
+        remote: args.moduleInfo?.name,
+        url: args.manifestUrl,
+        error: errorMessage(args.error),
+        detail: [
+          args.cached ? 'cached' : undefined,
+          args.recovered ? 'recovered' : undefined,
+        ]
+          .filter(Boolean)
+          .join(' | '),
+      });
+    },
+
+    beforePreloadRemote(args: {
+      preloadOps?: Array<{ nameOrAlias?: string }>;
+      origin?: Origin;
+    }) {
+      recordFederationEvent({
+        type: 'beforePreloadRemote',
+        instance: instanceName(args.origin),
+        id: args.preloadOps?.map((op) => op.nameOrAlias).join(', '),
+      });
+    },
+
+    afterPreloadRemote(args: {
+      preloadOps?: Array<{ nameOrAlias?: string }>;
+      error?: unknown;
+      origin?: Origin;
+    }) {
+      recordFederationEvent({
+        type: 'afterPreloadRemote',
+        instance: instanceName(args.origin),
+        id: args.preloadOps?.map((op) => op.nameOrAlias).join(', '),
+        error: errorMessage(args.error),
+      });
+    },
+  };
+};
+
+export default createRepackDevToolsRuntimePlugin;
diff --git a/packages/repack-devtools-plugin/src/react-native/federation/state.ts b/packages/repack-devtools-plugin/src/react-native/federation/state.ts
new file mode 100644
index 000000000..b703f6f33
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/federation/state.ts
@@ -0,0 +1,316 @@
+import {
+  getProp,
+  isRecord,
+  readArray,
+  readBoolean,
+  readString,
+  toStringArray,
+} from '../../shared/guards';
+import type {
+  Diagnostic,
+  FederationEvent,
+  FederationInstance,
+  FederationRemote,
+  FederationSharedPackage,
+  FederationSharedVersion,
+  FederationState,
+} from '../../shared/types';
+
+export type FederationGlobals = {
+  /** `globalThis.__FEDERATION__` (Module Federation 2). */
+  federation?: unknown;
+  /** `__webpack_require__.S` (Module Federation 1 share scopes). */
+  webpackShareScopes?: unknown;
+  runtimePluginInstalled: boolean;
+  events: FederationEvent[];
+};
+
+/** Package-manager protocols such as `workspace:*` or `catalog:testers`. */
+const PROTOCOL = /^[a-z][a-z0-9+.-]*:/i;
+
+const parseVersion = (value: string) => {
+  const match = /^v?(\d+)(?:\.(\d+))?(?:\.(\d+))?/.exec(value.trim());
+  if (!match) return undefined;
+  return [Number(match[1]), Number(match[2] ?? 0), Number(match[3] ?? 0)];
+};
+
+const compare = (a: number[], b: number[]) => {
+  for (let i = 0; i < 3; i++) {
+    if (a[i] !== b[i]) return a[i] - b[i];
+  }
+  return 0;
+};
+
+/**
+ * Small semver range check covering the forms MF configs use in practice
+ * (`*`, exact, `^`, `~`, `>=`). Returns `undefined` for anything else, so
+ * unknown ranges never produce false positives.
+ */
+export const satisfiesRange = (
+  version: string,
+  range: string
+): boolean | undefined => {
+  const trimmed = range.trim();
+  if (trimmed === '*' || trimmed === '') return true;
+  const parsedVersion = parseVersion(version);
+  if (!parsedVersion) return undefined;
+  const operator = /^(\^|~|>=|=)?/.exec(trimmed)?.[1] ?? '';
+  const parsedRange = parseVersion(trimmed.slice(operator.length));
+  if (!parsedRange || /\s|\|\||<|>(?!=)/.test(trimmed.slice(operator.length))) {
+    return undefined;
+  }
+  const cmp = compare(parsedVersion, parsedRange);
+  switch (operator) {
+    case '':
+    case '=':
+      return cmp === 0;
+    case '>=':
+      return cmp >= 0;
+    case '~':
+      return (
+        cmp >= 0 &&
+        parsedVersion[0] === parsedRange[0] &&
+        parsedVersion[1] === parsedRange[1]
+      );
+    case '^': {
+      if (cmp < 0) return false;
+      if (parsedRange[0] > 0) return parsedVersion[0] === parsedRange[0];
+      if (parsedRange[1] > 0) {
+        return parsedVersion[0] === 0 && parsedVersion[1] === parsedRange[1];
+      }
+      return cmp === 0;
+    }
+  }
+  return undefined;
+};
+
+const readRequiredVersion = (shareConfig: unknown) => {
+  const value = getProp(shareConfig, 'requiredVersion');
+  return typeof value === 'string' || value === false ? value : undefined;
+};
+
+/**
+ * Flattens an MF share scope map: `{ [scope]: { [pkg]: { [version]: entry } } }`.
+ * MF 2 instances and MF 1 `__webpack_require__.S` share this layout.
+ */
+const toSharedPackages = (
+  shareScopeMap: unknown
+): FederationSharedPackage[] => {
+  if (!isRecord(shareScopeMap)) return [];
+  const packages: FederationSharedPackage[] = [];
+  for (const [scope, scopeEntries] of Object.entries(shareScopeMap)) {
+    if (!isRecord(scopeEntries)) continue;
+    for (const [name, versions] of Object.entries(scopeEntries)) {
+      if (!isRecord(versions)) continue;
+      packages.push({
+        scope,
+        name,
+        versions: Object.entries(versions).map(
+          ([version, entry]): FederationSharedVersion => {
+            const shareConfig = getProp(entry, 'shareConfig');
+            return {
+              version: readString(entry, 'version') ?? version,
+              from: readString(entry, 'from'),
+              loaded: Boolean(getProp(entry, 'loaded')),
+              eager:
+                readBoolean(entry, 'eager') ??
+                readBoolean(shareConfig, 'eager'),
+              singleton: readBoolean(shareConfig, 'singleton'),
+              requiredVersion: readRequiredVersion(shareConfig),
+              strictVersion: readBoolean(shareConfig, 'strictVersion'),
+              useIn: toStringArray(getProp(entry, 'useIn')),
+            };
+          }
+        ),
+      });
+    }
+  }
+  return packages.sort((a, b) =>
+    `${a.scope}/${a.name}`.localeCompare(`${b.scope}/${b.name}`)
+  );
+};
+
+const toShareScope = (value: unknown) => {
+  const single = typeof value === 'string' ? value : undefined;
+  return single ?? toStringArray(value);
+};
+
+const toInstance = (instance: unknown): FederationInstance => {
+  const moduleCache = getProp(instance, 'moduleCache');
+  const loadedModules =
+    moduleCache instanceof Map
+      ? Array.from(moduleCache.keys()).filter(
+          (key): key is string => typeof key === 'string'
+        )
+      : [];
+  const options = getProp(instance, 'options');
+  const remotes: FederationRemote[] = readArray(options, 'remotes').map(
+    (remote) => {
+      const name = readString(remote, 'name') ?? '(unnamed)';
+      return {
+        name,
+        alias: readString(remote, 'alias'),
+        entry: readString(remote, 'entry'),
+        version: readString(remote, 'version'),
+        type: readString(remote, 'type'),
+        shareScope: toShareScope(getProp(remote, 'shareScope')),
+        loaded: loadedModules.includes(name),
+      };
+    }
+  );
+  return {
+    name:
+      readString(instance, 'name') ??
+      readString(options, 'name') ??
+      '(unnamed)',
+    version: readString(options, 'version'),
+    remotes,
+    shared: toSharedPackages(getProp(instance, 'shareScopeMap')),
+    loadedModules,
+  };
+};
+
+const describeVersion = (entry: FederationSharedVersion) =>
+  `${entry.version}${entry.from ? ` (from ${entry.from})` : ''}`;
+
+export const diagnoseSharedPackages = (
+  packages: FederationSharedPackage[],
+  owner: string
+): Diagnostic[] => {
+  const diagnostics: Diagnostic[] = [];
+  for (const pkg of packages) {
+    const ref = `${owner}:${pkg.scope}/${pkg.name}`;
+    const loaded = pkg.versions.filter((entry) => entry.loaded);
+    const singleton = pkg.versions.some((entry) => entry.singleton);
+
+    if (singleton && loaded.length > 1) {
+      diagnostics.push({
+        severity: 'error',
+        area: 'federation',
+        message: `Singleton "${pkg.name}" is loaded in ${loaded.length} versions: ${loaded.map(describeVersion).join(', ')}.`,
+        hint: 'Two copies of a singleton usually means a remote was initialised before the host shared it, or the versions do not satisfy each other. Check `eager`, `requiredVersion` and the order of `init`/`loadRemote`.',
+        ref,
+      });
+    } else if (singleton && pkg.versions.length > 1) {
+      diagnostics.push({
+        severity: 'warning',
+        area: 'federation',
+        message: `Singleton "${pkg.name}" has ${pkg.versions.length} versions registered: ${pkg.versions.map(describeVersion).join(', ')}.`,
+        hint: 'Only one is used; make sure the selected one satisfies every `requiredVersion`.',
+        ref,
+      });
+    }
+
+    const invalid = pkg.versions.filter(
+      (entry) =>
+        parseVersion(entry.version) === undefined ||
+        (typeof entry.requiredVersion === 'string' &&
+          PROTOCOL.test(entry.requiredVersion))
+    );
+    if (invalid.length > 0) {
+      const values = invalid.map((entry) =>
+        typeof entry.requiredVersion === 'string' &&
+        PROTOCOL.test(entry.requiredVersion)
+          ? `requiredVersion "${entry.requiredVersion}"`
+          : `version "${entry.version}"`
+      );
+      diagnostics.push({
+        severity: 'warning',
+        area: 'federation',
+        message: `Shared "${pkg.name}" is registered with ${Array.from(new Set(values)).join(', ')}${invalid[0].from ? ` by ${invalid[0].from}` : ''}, which is not semver.`,
+        hint: 'Usually a `workspace:` or `catalog:` specifier copied from package.json into the MF `shared` config. MF cannot compare it, logs "does not satisfy the requirement" and may load another copy. Use the installed package version (its package.json `version`).',
+        ref,
+      });
+    }
+
+    const selected = loaded[0];
+    if (!selected) continue;
+    for (const entry of pkg.versions) {
+      if (typeof entry.requiredVersion !== 'string') continue;
+      const satisfied = satisfiesRange(selected.version, entry.requiredVersion);
+      if (satisfied === false) {
+        diagnostics.push({
+          severity: entry.strictVersion ? 'error' : 'warning',
+          area: 'federation',
+          message: `"${pkg.name}" ${describeVersion(selected)} is loaded but ${entry.from ?? 'a container'} requires ${entry.requiredVersion}.`,
+          hint: entry.strictVersion
+            ? '`strictVersion` is set, so MF should have thrown or fallen back; check errorLoadShare events.'
+            : 'MF only warns about this; the consumer may run against an incompatible version.',
+          ref,
+        });
+      }
+    }
+  }
+  return diagnostics;
+};
+
+const NETWORK_ERROR = /Network request failed|ECONNREFUSED|Failed to fetch/i;
+
+const originOf = (url?: string) => /^(https?:\/\/[^/]+)/.exec(url ?? '')?.[1];
+
+export const diagnoseFederationEvents = (
+  events: FederationEvent[]
+): Diagnostic[] => {
+  const diagnostics: Diagnostic[] = [];
+  const seen = new Set<string>();
+  for (const event of events) {
+    if (!event.error && event.type !== 'loadEntryError') continue;
+    const key = `${event.type}:${event.id ?? ''}:${event.remote ?? ''}:${event.url ?? ''}`;
+    if (seen.has(key)) continue;
+    seen.add(key);
+    const target = event.id ?? event.remote ?? event.url ?? 'unknown';
+    diagnostics.push({
+      severity: 'error',
+      area: 'federation',
+      message: `${event.type} failed for ${target}${event.url ? ` (${event.url})` : ''}: ${event.error ?? 'remote entry failed to load'}`,
+      hint: NETWORK_ERROR.test(event.error ?? '')
+        ? `The device could not reach ${originOf(event.url) ?? 'the remote'}: check that its dev server is running and the port is reachable from the device (Android: adb reverse). get-dev-server with origin=${originOf(event.url) ?? '<remote origin>'} shows whether it is up.`
+        : event.type === 'afterLoadManifest'
+          ? 'Check that the remote dev server is running and serves this manifest URL for the current platform.'
+          : 'Look up the remote entry URL in the dev server request log and the ScriptManager records for the container.',
+      ref: `federation-event:${event.seq}`,
+    });
+  }
+  return diagnostics;
+};
+
+export const readFederationState = (
+  globals: FederationGlobals
+): FederationState => {
+  const instances = readArray(globals.federation, '__INSTANCES__').map(
+    toInstance
+  );
+  const runtime: FederationState['runtime'] = globals.federation
+    ? 'v2'
+    : globals.webpackShareScopes
+      ? 'v1'
+      : 'none';
+  const shareScopes =
+    runtime === 'v1' ? toSharedPackages(globals.webpackShareScopes) : undefined;
+
+  const diagnostics = [
+    ...instances.flatMap((instance) =>
+      diagnoseSharedPackages(instance.shared, instance.name)
+    ),
+    ...(shareScopes ? diagnoseSharedPackages(shareScopes, 'webpack') : []),
+    ...diagnoseFederationEvents(globals.events),
+  ];
+
+  if (runtime === 'v2' && !globals.runtimePluginInstalled) {
+    diagnostics.push({
+      severity: 'info',
+      area: 'federation',
+      message:
+        'The devtools MF runtime plugin is not registered, so remote and shared lifecycle events are not recorded.',
+      hint: "Add require.resolve('@callstack/repack-devtools-plugin/mf-runtime-plugin') to `runtimePlugins`, or call installRepackDevTools() early.",
+    });
+  }
+
+  return {
+    runtime,
+    instances,
+    shareScopes,
+    runtimePluginInstalled: globals.runtimePluginInstalled,
+    diagnostics,
+  };
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/install.ts b/packages/repack-devtools-plugin/src/react-native/install.ts
new file mode 100644
index 000000000..c45af9a69
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/install.ts
@@ -0,0 +1,78 @@
+import { ScriptManager } from '@callstack/repack/client';
+import {
+  callMethod,
+  getProp,
+  readArray,
+  readGlobal,
+  readString,
+} from '../shared/guards';
+import { attachGlobalErrorHandler } from './errorRecorder';
+import {
+  createRepackDevToolsRuntimePlugin,
+  RUNTIME_PLUGIN_NAME,
+} from './federation/runtimePlugin';
+import { attachScriptManager } from './scriptManagerRecorder';
+import { getStore } from './store';
+
+const hasRuntimePlugin = (plugins: unknown[]) =>
+  plugins.some((plugin) => readString(plugin, 'name') === RUNTIME_PLUGIN_NAME);
+
+/**
+ * Registers the MF runtime plugin on running Module Federation 2 instances
+ * (and globally, for containers initialised later). Instances that already
+ * got it through `runtimePlugins` are skipped.
+ */
+export const attachFederationRuntime = () => {
+  const federation = readGlobal('__FEDERATION__');
+  if (!federation) return false;
+  const store = getStore();
+  let plugin: ReturnType<typeof createRepackDevToolsRuntimePlugin> | undefined;
+  const getPlugin = () => {
+    plugin ??= createRepackDevToolsRuntimePlugin();
+    return plugin;
+  };
+
+  for (const instance of readArray(federation, '__INSTANCES__')) {
+    if (store.hooked.federationInstances.has(instance)) continue;
+    store.hooked.federationInstances.add(instance);
+    if (hasRuntimePlugin(readArray(getProp(instance, 'options'), 'plugins'))) {
+      continue;
+    }
+    callMethod(instance, 'registerPlugins', [[getPlugin()]]);
+  }
+
+  const globalPlugins = getProp(federation, '__GLOBAL_PLUGIN__');
+  if (Array.isArray(globalPlugins) && !hasRuntimePlugin(globalPlugins)) {
+    globalPlugins.push(getPlugin());
+  }
+  return true;
+};
+
+export type InstallOptions = {
+  /**
+   * Set when called from the app entry file, before the first render, so the
+   * overview can tell agents that startup events were captured.
+   */
+  boot?: boolean;
+};
+
+/**
+ * Starts recording ScriptManager events, uncaught errors and Module
+ * Federation lifecycle events. Safe to call more than once; call it at the
+ * top of the app entry file to capture startup.
+ */
+export const installRepackDevTools = (options: InstallOptions = {}) => {
+  const store = getStore();
+  if (options.boot) store.bootRecording = true;
+  try {
+    attachScriptManager(ScriptManager.shared);
+  } catch {
+    // ScriptManager is unavailable outside Re.Pack bundles
+  }
+  attachGlobalErrorHandler(readGlobal('ErrorUtils'));
+  try {
+    attachFederationRuntime();
+  } catch {
+    // MF runtime shape changed; state reads still work without events
+  }
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/rows.ts b/packages/repack-devtools-plugin/src/react-native/rows.ts
new file mode 100644
index 000000000..0f6ad6a88
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/rows.ts
@@ -0,0 +1,68 @@
+import type {
+  ErrorRow,
+  FederationEventRow,
+  ScriptEventRow,
+  ScriptRow,
+} from '../shared/agent-tools';
+import type {
+  FederationEvent,
+  RecordedError,
+  ScriptEvent,
+  ScriptRecord,
+} from '../shared/types';
+
+export const toScriptRow = (record: ScriptRecord): ScriptRow => ({
+  uniqueId: record.uniqueId,
+  scriptId: record.scriptId,
+  caller: record.caller ?? '',
+  status: record.status,
+  source:
+    record.locator?.fetch === undefined
+      ? ''
+      : record.locator.fetch
+        ? 'download'
+        : 'cache',
+  url: record.locator?.url ?? '',
+  loadCount: record.loadCount,
+  resolveMs: record.resolveMs ?? null,
+  loadMs: record.loadMs ?? null,
+  error: record.error
+    ? [record.error.stage, record.error.code, record.error.nativeMessage]
+        .filter(Boolean)
+        .join(': ')
+    : '',
+});
+
+export const toScriptEventRow = (event: ScriptEvent): ScriptEventRow => ({
+  seq: event.seq,
+  at: event.at,
+  type: event.type,
+  uniqueId: event.uniqueId ?? '',
+  url: event.url ?? '',
+  detail: event.detail ?? '',
+});
+
+export const toFederationEventRow = (
+  event: FederationEvent
+): FederationEventRow => ({
+  seq: event.seq,
+  at: event.at,
+  type: event.type,
+  instance: event.instance ?? '',
+  id: event.id ?? '',
+  remote: event.remote ?? '',
+  url: event.url ?? '',
+  version: event.version ?? '',
+  error: event.error ?? '',
+  detail: event.detail ?? '',
+});
+
+export const toErrorRow = (error: RecordedError): ErrorRow => ({
+  id: error.id,
+  at: error.at,
+  source: error.source,
+  name: error.name ?? '',
+  message: error.message,
+  isFatal: Boolean(error.isFatal),
+  ref: error.ref ?? '',
+});
diff --git a/packages/repack-devtools-plugin/src/react-native/scriptManagerRecorder.ts b/packages/repack-devtools-plugin/src/react-native/scriptManagerRecorder.ts
new file mode 100644
index 000000000..5cd8117ba
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/scriptManagerRecorder.ts
@@ -0,0 +1,302 @@
+import { LIMITS } from '../shared/constants';
+import {
+  getProp,
+  isRecord,
+  readArray,
+  readBoolean,
+  readNumber,
+  readString,
+  toStringArray,
+  toStringRecord,
+} from '../shared/guards';
+import type {
+  ScriptError,
+  ScriptEvent,
+  ScriptEventType,
+  ScriptLocatorSummary,
+  ScriptRecord,
+} from '../shared/types';
+import {
+  type DevToolsStore,
+  describeError,
+  getStore,
+  nextSeq,
+  notify,
+  pushBounded,
+  recordError,
+  truncate,
+} from './store';
+
+/** Fields of `Script#toObject()` (or `{ scriptId, caller }`) used here. */
+type ScriptObject = {
+  scriptId: string;
+  caller?: string;
+  cache?: boolean;
+  uniqueId?: string;
+  locator?: ScriptLocatorSummary;
+};
+
+type ScriptManagerLike = {
+  on(event: string, listener: (payload: unknown) => void): unknown;
+};
+
+/** Mirrors `Script.getScriptUniqueId` in `@callstack/repack/client`. */
+export const getScriptUniqueId = (scriptId: string, caller?: string) =>
+  (caller ? `${caller}_` : '') + scriptId;
+
+const toLocator = (value: unknown): ScriptLocatorSummary | undefined =>
+  isRecord(value)
+    ? {
+        url: readString(value, 'url'),
+        query: readString(value, 'query'),
+        method: readString(value, 'method'),
+        headers: toStringRecord(value.headers),
+        absolute: readBoolean(value, 'absolute'),
+        timeout: readNumber(value, 'timeout'),
+        retry: readNumber(value, 'retry'),
+        retryDelay: readNumber(value, 'retryDelay'),
+        fetch: readBoolean(value, 'fetch'),
+        verifyScriptSignature: readString(value, 'verifyScriptSignature'),
+      }
+    : undefined;
+
+export const toScriptObject = (value: unknown): ScriptObject | undefined => {
+  const scriptId = readString(value, 'scriptId');
+  if (scriptId === undefined) return undefined;
+  const locator = getProp(value, 'locator');
+  return {
+    scriptId,
+    caller: readString(value, 'caller'),
+    cache: readBoolean(value, 'cache'),
+    uniqueId: readString(locator, 'uniqueId'),
+    locator: toLocator(locator),
+  };
+};
+
+const STAGES: Array<[RegExp, ScriptError['stage']]> = [
+  [/resolving script locator/i, 'resolve'],
+  [/creating script/i, 'create'],
+  [/prefetch/i, 'prefetch'],
+  [/load script/i, 'load'],
+  [/invalidate/i, 'invalidate'],
+];
+
+/** Parses ScriptManager's `error` event payload: `{ message, args, originalError }`. */
+export const parseScriptManagerError = (
+  payload: unknown
+): { error: ScriptError; script?: ScriptObject } => {
+  const message =
+    readString(payload, 'message') ?? 'Unknown ScriptManager error';
+  const stage = STAGES.find(([pattern]) => pattern.test(message))?.[1];
+  const args = readArray(payload, 'args');
+  const script = args
+    .map(toScriptObject)
+    .find((item): item is ScriptObject => item !== undefined);
+  const codeArg = args.find(
+    (arg): arg is string => typeof arg === 'string' && /^\[.+\]$/.test(arg)
+  );
+  const originalError = getProp(payload, 'originalError');
+
+  return {
+    script,
+    error: {
+      stage: stage ?? 'unknown',
+      message,
+      code:
+        readString(originalError, 'code') ??
+        (codeArg?.slice(1, -1) || undefined),
+      nativeMessage: truncate(describeError(originalError).message),
+    },
+  };
+};
+
+const getRecord = (
+  store: DevToolsStore,
+  scriptId: string,
+  caller: string | undefined,
+  now: number,
+  uniqueId = getScriptUniqueId(scriptId, caller)
+) => {
+  let record = store.scripts.get(uniqueId);
+  if (!record) {
+    record = {
+      uniqueId,
+      scriptId,
+      caller,
+      status: 'resolving',
+      loadCount: 0,
+      prefetchCount: 0,
+      firstSeenAt: now,
+      updatedAt: now,
+    };
+    store.scripts.set(uniqueId, record);
+  }
+  return record;
+};
+
+const applyScriptObject = (record: ScriptRecord, script: ScriptObject) => {
+  record.locator = script.locator ?? record.locator;
+  if (script.cache !== undefined) record.cacheEnabled = script.cache;
+};
+
+/**
+ * Folds one ScriptManager event into the store. Kept free of React Native
+ * imports so it can be unit tested.
+ */
+export const applyScriptManagerEvent = (
+  store: DevToolsStore,
+  type: ScriptEventType,
+  payload: unknown,
+  now = Date.now()
+) => {
+  const event: ScriptEvent = { seq: nextSeq(store), at: now, type };
+
+  switch (type) {
+    case 'resolving': {
+      const script = toScriptObject(payload);
+      if (!script) break;
+      const { scriptId, caller } = script;
+      const record = getRecord(store, scriptId, caller, now);
+      record.status = 'resolving';
+      record.resolveStartedAt = now;
+      record.resolvedAt = undefined;
+      record.resolveMs = undefined;
+      record.error = undefined;
+      record.updatedAt = now;
+      Object.assign(event, {
+        uniqueId: record.uniqueId,
+        scriptId,
+        caller,
+      });
+      break;
+    }
+    case 'resolved':
+    case 'prefetching':
+    case 'loading':
+    case 'loaded': {
+      const script = toScriptObject(payload);
+      if (!script) break;
+      const record = getRecord(
+        store,
+        script.scriptId,
+        script.caller,
+        now,
+        script.uniqueId
+      );
+      applyScriptObject(record, script);
+      record.updatedAt = now;
+      if (type === 'resolved') {
+        record.status = 'resolved';
+        record.resolvedAt = now;
+        if (record.resolveStartedAt !== undefined) {
+          record.resolveMs = now - record.resolveStartedAt;
+        }
+      } else if (type === 'prefetching') {
+        record.status = 'prefetching';
+        record.prefetchCount += 1;
+      } else if (type === 'loading') {
+        record.status = 'loading';
+        record.loadCount += 1;
+        record.loadStartedAt = now;
+        record.loadedAt = undefined;
+        record.loadMs = undefined;
+        record.error = undefined;
+      } else {
+        record.status = 'loaded';
+        record.loadedAt = now;
+        if (record.loadStartedAt !== undefined) {
+          record.loadMs = now - record.loadStartedAt;
+        }
+      }
+      Object.assign(event, {
+        uniqueId: record.uniqueId,
+        scriptId: record.scriptId,
+        caller: record.caller,
+        url: record.locator?.url,
+        detail:
+          type === 'resolved' || type === 'loading'
+            ? record.locator?.fetch
+              ? 'download'
+              : 'cached'
+            : undefined,
+      });
+      break;
+    }
+    case 'error': {
+      const { error, script } = parseScriptManagerError(payload);
+      const scriptId = script?.scriptId;
+      if (scriptId) {
+        const record = getRecord(
+          store,
+          scriptId,
+          script.caller,
+          now,
+          script.uniqueId
+        );
+        applyScriptObject(record, script);
+        record.status = 'failed';
+        record.error = error;
+        record.updatedAt = now;
+        Object.assign(event, {
+          uniqueId: record.uniqueId,
+          scriptId,
+          caller: record.caller,
+          url: record.locator?.url,
+        });
+      }
+      event.detail = [error.stage, error.code, error.nativeMessage]
+        .filter(Boolean)
+        .join(' | ');
+      recordError({
+        source: 'script-manager',
+        name: error.code,
+        message: `${error.message} ${error.nativeMessage ?? ''}`.trim(),
+        stack: describeError(getProp(payload, 'originalError')).stack,
+        ref: event.uniqueId,
+        at: now,
+      });
+      break;
+    }
+    case 'invalidated': {
+      const ids = toStringArray(payload) ?? [];
+      for (const record of store.scripts.values()) {
+        if (ids.includes(record.uniqueId) || ids.includes(record.scriptId)) {
+          record.status = 'invalidated';
+          record.updatedAt = now;
+        }
+      }
+      event.detail = ids.join(', ');
+      break;
+    }
+  }
+
+  pushBounded(store.scriptEvents, event, LIMITS.scriptEvents);
+  notify(store);
+  return event;
+};
+
+const EVENT_TYPES: ScriptEventType[] = [
+  'resolving',
+  'resolved',
+  'prefetching',
+  'loading',
+  'loaded',
+  'error',
+  'invalidated',
+];
+
+export const attachScriptManager = (scriptManager: ScriptManagerLike) => {
+  const store = getStore();
+  if (store.hooked.scriptManager) return false;
+  store.hooked.scriptManager = true;
+  for (const type of EVENT_TYPES) {
+    scriptManager.on(type, (payload: unknown) => {
+      try {
+        applyScriptManagerEvent(getStore(), type, payload);
+      } catch {
+        // recording must never break script loading
+      }
+    });
+  }
+  return true;
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/store.ts b/packages/repack-devtools-plugin/src/react-native/store.ts
new file mode 100644
index 000000000..e7a79d85d
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/store.ts
@@ -0,0 +1,155 @@
+import { LIMITS, STORE_GLOBAL } from '../shared/constants';
+import { isRecord, readGlobal, readString } from '../shared/guards';
+import type {
+  FederationEvent,
+  RecordedError,
+  ScriptEvent,
+  ScriptRecord,
+} from '../shared/types';
+
+export type DevToolsStore = {
+  installedAt: number;
+  /** Set when recording started from the app entry, before the first render. */
+  bootRecording: boolean;
+  seq: number;
+  scripts: Map<string, ScriptRecord>;
+  scriptEvents: ScriptEvent[];
+  federationEvents: FederationEvent[];
+  errors: RecordedError[];
+  listeners: Set<() => void>;
+  hooked: {
+    scriptManager: boolean;
+    errorHandler: boolean;
+    runtimePlugin: boolean;
+    federationInstances: Set<unknown>;
+  };
+};
+
+export type ClearScope = 'all' | 'scripts' | 'federation' | 'errors';
+
+const createStore = (): DevToolsStore => ({
+  installedAt: Date.now(),
+  bootRecording: false,
+  seq: 0,
+  scripts: new Map(),
+  scriptEvents: [],
+  federationEvents: [],
+  errors: [],
+  listeners: new Set(),
+  hooked: {
+    scriptManager: false,
+    errorHandler: false,
+    runtimePlugin: false,
+    federationInstances: new Set(),
+  },
+});
+
+/**
+ * The store lives on `globalThis` so every copy of this package in the JS
+ * realm (host app, federated remotes, the MF runtime plugin entry) records
+ * into the same buffers.
+ */
+const isDevToolsStore = (value: unknown): value is DevToolsStore =>
+  isRecord(value) &&
+  value.scripts instanceof Map &&
+  value.listeners instanceof Set &&
+  Array.isArray(value.errors);
+
+export const getStore = (): DevToolsStore => {
+  const existing = readGlobal(STORE_GLOBAL);
+  if (isDevToolsStore(existing)) return existing;
+  const store = createStore();
+  Reflect.set(globalThis, STORE_GLOBAL, store);
+  return store;
+};
+
+let notifyScheduled = false;
+
+export const notify = (store: DevToolsStore = getStore()) => {
+  if (notifyScheduled) return;
+  notifyScheduled = true;
+  setTimeout(() => {
+    notifyScheduled = false;
+    for (const listener of store.listeners) {
+      try {
+        listener();
+      } catch {
+        // a broken listener must not stop recording
+      }
+    }
+  }, 100);
+};
+
+export const subscribe = (listener: () => void) => {
+  const store = getStore();
+  store.listeners.add(listener);
+  return () => {
+    store.listeners.delete(listener);
+  };
+};
+
+export const nextSeq = (store: DevToolsStore) => {
+  store.seq += 1;
+  return store.seq;
+};
+
+export const pushBounded = <T>(list: T[], item: T, limit: number) => {
+  list.push(item);
+  if (list.length > limit) {
+    list.splice(0, list.length - limit);
+  }
+};
+
+export const truncate = (
+  value: string | undefined,
+  limit: number = LIMITS.messageLength
+) => {
+  if (value === undefined || value.length <= limit) return value;
+  return `${value.slice(0, limit)}… (${value.length - limit} more chars)`;
+};
+
+export const clearStore = (scope: ClearScope = 'all') => {
+  const store = getStore();
+  if (scope === 'all' || scope === 'scripts') {
+    store.scripts.clear();
+    store.scriptEvents.length = 0;
+  }
+  if (scope === 'all' || scope === 'federation') {
+    store.federationEvents.length = 0;
+  }
+  if (scope === 'all' || scope === 'errors') {
+    store.errors.length = 0;
+  }
+  notify(store);
+};
+
+export const recordError = (
+  error: Omit<RecordedError, 'id' | 'at'> & { at?: number }
+): RecordedError => {
+  const store = getStore();
+  const seq = nextSeq(store);
+  const recorded: RecordedError = {
+    ...error,
+    id: `err-${seq}`,
+    at: error.at ?? Date.now(),
+    message: truncate(error.message) ?? '',
+    stack: truncate(error.stack),
+  };
+  pushBounded(store.errors, recorded, LIMITS.errors);
+  notify(store);
+  return recorded;
+};
+
+export const describeError = (error: unknown) => {
+  if (error instanceof Error) {
+    return { name: error.name, message: error.message, stack: error.stack };
+  }
+  if (isRecord(error) && 'message' in error) {
+    return {
+      name: readString(error, 'name'),
+      message: String(error.message),
+      stack: readString(error, 'stack'),
+    };
+  }
+  return { name: undefined, message: String(error), stack: undefined };
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/symbolication.ts b/packages/repack-devtools-plugin/src/react-native/symbolication.ts
new file mode 100644
index 000000000..d60fa3135
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/symbolication.ts
@@ -0,0 +1,265 @@
+import {
+  getProp,
+  isRecord,
+  readArray,
+  readBoolean,
+  readNumber,
+  readString,
+} from '../shared/guards';
+import type {
+  Diagnostic,
+  SourceMapCheck,
+  StackFrame,
+  SymbolicatedFrame,
+  SymbolicationResult,
+} from '../shared/types';
+
+type FetchLike = (
+  input: string,
+  init?: { method?: string; headers?: Record<string, string>; body?: string }
+) => Promise<{
+  status: number;
+  ok: boolean;
+  text(): Promise<string>;
+}>;
+
+const LOCATION = /^(.*):(\d+):(\d+)$/;
+
+const parseLocation = (value: string) => {
+  const match = LOCATION.exec(value.trim());
+  if (!match) return undefined;
+  return {
+    file: match[1].replace(/^address at /, ''),
+    lineNumber: Number(match[2]),
+    column: Number(match[3]),
+  };
+};
+
+/**
+ * Parses Hermes (`at fn (file:1:2)`, `at fn (address at file:1:2)`,
+ * `at file:1:2`) and JSC (`fn@file:1:2`) stack lines into the frame shape
+ * React Native posts to `/symbolicate`.
+ */
+export const parseStack = (stack: string): StackFrame[] => {
+  const frames: StackFrame[] = [];
+  for (const rawLine of stack.split('\n')) {
+    const line = rawLine.trim();
+    if (!line) continue;
+
+    let match = /^at (.+?) \((.+)\)$/.exec(line);
+    if (match) {
+      const location = parseLocation(match[2]);
+      frames.push(
+        location
+          ? { methodName: match[1], ...location }
+          : { methodName: match[1] }
+      );
+      continue;
+    }
+
+    match = /^at (.+)$/.exec(line);
+    if (match) {
+      const location = parseLocation(match[1]);
+      if (location) frames.push({ methodName: '<unknown>', ...location });
+      continue;
+    }
+
+    match = /^(.*?)@(.+)$/.exec(line);
+    if (match) {
+      const location = parseLocation(match[2]);
+      if (location) {
+        frames.push({ methodName: match[1] || '<unknown>', ...location });
+      }
+    }
+  }
+  return frames;
+};
+
+const isBundleUrl = (file?: string) => !!file && /^https?:\/\//.test(file);
+
+/** Mirrors the platform inference in Re.Pack's `/symbolicate` endpoint. */
+export const inferPlatform = (frames: StackFrame[]) => {
+  for (const frame of frames) {
+    if (!frame.file) continue;
+    try {
+      const { searchParams, pathname } = new URL(frame.file, 'file://');
+      const platform = searchParams.get('platform');
+      if (platform) return platform;
+      const [bundleFilename = ''] = pathname.split('/').reverse();
+      const [, platformOrExtension, extension] = bundleFilename.split('.');
+      if (extension) return platformOrExtension;
+    } catch {
+      // ignore malformed URLs, like the dev server does
+    }
+  }
+  return undefined;
+};
+
+const toStackFrame = (
+  value: unknown
+): (StackFrame & { collapse?: boolean }) | undefined =>
+  isRecord(value)
+    ? {
+        methodName: readString(value, 'methodName') ?? '<unknown>',
+        file: readString(value, 'file'),
+        lineNumber: readNumber(value, 'lineNumber'),
+        column: readNumber(value, 'column'),
+        collapse: readBoolean(value, 'collapse'),
+      }
+    : undefined;
+
+const toCodeFrame = (value: unknown): SymbolicationResult['codeFrame'] => {
+  const content = readString(value, 'content');
+  return content === undefined
+    ? undefined
+    : {
+        content,
+        fileName: readString(value, 'fileName'),
+        location: getProp(value, 'location'),
+      };
+};
+
+export const getSourceMapUrl = (bundleUrl: string) => {
+  const [path, query] = bundleUrl.split('?');
+  return `${path}.map${query ? `?${query}` : ''}`;
+};
+
+export const symbolicateStack = async (
+  stack: string | StackFrame[],
+  options: { devServer?: string; fetch?: FetchLike; checkSourceMaps?: boolean }
+): Promise<SymbolicationResult> => {
+  const frames = typeof stack === 'string' ? parseStack(stack) : stack;
+  const diagnostics: Diagnostic[] = [];
+  const fetchImpl: FetchLike = options.fetch ?? globalThis.fetch;
+  const result: SymbolicationResult = {
+    devServer: options.devServer,
+    frames: frames.map((frame) => ({
+      original: frame,
+      unmapped: isBundleUrl(frame.file),
+    })),
+    sourceMaps: [],
+    diagnostics,
+  };
+
+  if (frames.length === 0) {
+    diagnostics.push({
+      severity: 'warning',
+      area: 'symbolication',
+      message: 'No stack frames could be parsed from the input.',
+      hint: 'Pass the raw `error.stack` string (Hermes or JSC format) or an error id from list-errors.',
+    });
+    return result;
+  }
+
+  if (!inferPlatform(frames)) {
+    diagnostics.push({
+      severity: 'warning',
+      area: 'symbolication',
+      message:
+        'No frame has a bundle URL with a platform, so the dev server will reject this stack with 400 "Cannot infer platform from stack trace".',
+      hint: 'Frames from native code, `InternalBytecode.js` or eval-ed code cannot be symbolicated.',
+    });
+  }
+
+  if (!options.devServer) {
+    diagnostics.push({
+      severity: 'error',
+      area: 'symbolication',
+      message: 'Dev server origin is unknown; cannot call /symbolicate.',
+    });
+    return result;
+  }
+
+  try {
+    // Re.Pack's /symbolicate drops frames without a bundle URL and returns
+    // only the rest, so post exactly those and match the results by position.
+    const bundleFrames = frames.filter((frame) => isBundleUrl(frame.file));
+    const response = await fetchImpl(`${options.devServer}/symbolicate`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ stack: bundleFrames }),
+    });
+    result.status = response.status;
+    const text = await response.text();
+    if (!response.ok) {
+      result.error = text.slice(0, 2000);
+      diagnostics.push({
+        severity: 'error',
+        area: 'symbolication',
+        message: `/symbolicate responded with ${response.status}: ${result.error}`,
+      });
+    } else {
+      const body: unknown = JSON.parse(text);
+      const symbolicatedStack = readArray(body, 'stack').map(toStackFrame);
+      result.codeFrame = toCodeFrame(getProp(body, 'codeFrame'));
+      result.frames = frames.map((original) => {
+        const position = bundleFrames.indexOf(original);
+        const symbolicated =
+          position === -1 ? undefined : symbolicatedStack[position];
+        const unmapped =
+          isBundleUrl(original.file) &&
+          (!symbolicated ||
+            isBundleUrl(symbolicated.file) ||
+            (symbolicated.file === original.file &&
+              symbolicated.lineNumber === original.lineNumber));
+        return {
+          original,
+          symbolicated,
+          unmapped,
+          collapse: symbolicated?.collapse,
+        } satisfies SymbolicatedFrame;
+      });
+    }
+  } catch (error) {
+    result.error = String(error);
+    diagnostics.push({
+      severity: 'error',
+      area: 'symbolication',
+      message: `Could not reach ${options.devServer}/symbolicate: ${String(error)}`,
+    });
+  }
+
+  const unmappedBundles = new Map<string, number>();
+  for (const frame of result.frames) {
+    if (frame.unmapped && frame.original.file) {
+      const key = frame.original.file;
+      unmappedBundles.set(key, (unmappedBundles.get(key) ?? 0) + 1);
+    }
+  }
+
+  if (options.checkSourceMaps !== false) {
+    for (const bundleUrl of unmappedBundles.keys()) {
+      const check: SourceMapCheck = {
+        bundleUrl,
+        sourceMapUrl: getSourceMapUrl(bundleUrl),
+      };
+      try {
+        const response = await fetchImpl(check.sourceMapUrl, {
+          method: 'HEAD',
+        });
+        check.status = response.status;
+      } catch (error) {
+        check.error = String(error);
+      }
+      result.sourceMaps.push(check);
+    }
+  }
+
+  for (const [bundleUrl, count] of unmappedBundles) {
+    const check = result.sourceMaps.find(
+      (item) => item.bundleUrl === bundleUrl
+    );
+    diagnostics.push({
+      severity: 'warning',
+      area: 'symbolication',
+      message: `${count} frame(s) in ${bundleUrl} were not symbolicated.`,
+      hint:
+        check?.status && check.status >= 400
+          ? `The source map ${check.sourceMapUrl} returned ${check.status}; the chunk was likely built by another dev server (MF remote) or without a source map.`
+          : 'The dev server could not map these frames; check `devtool` for this compilation and whether the chunk came from another server.',
+      ref: bundleUrl,
+    });
+  }
+
+  return result;
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/useRepackDevTools.ts b/packages/repack-devtools-plugin/src/react-native/useRepackDevTools.ts
new file mode 100644
index 000000000..ffd321702
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/useRepackDevTools.ts
@@ -0,0 +1,88 @@
+import {
+  createRozeniteRpc,
+  useRozeniteDevToolsClient,
+} from '@rozenite/plugin-bridge';
+import { useEffect, useState } from 'react';
+import { PLUGIN_ID } from '../shared/constants';
+import type {
+  PanelSnapshot,
+  RepackDevToolsEventMap,
+  RepackDevToolsMethods,
+} from '../shared/messaging';
+import {
+  clear,
+  getFederation,
+  getOverview,
+  invalidateScripts,
+  loadRemote,
+  loadScript,
+  prefetchScript,
+  reload,
+  symbolicate,
+} from './api';
+import { getAppInfo } from './environment';
+import { installRepackDevTools } from './install';
+import { getStore, subscribe } from './store';
+import { useRepackDevToolsAgentTools } from './useRepackDevToolsAgentTools';
+
+const PANEL_EVENT_LIMIT = 200;
+
+const getSnapshot = (): PanelSnapshot => {
+  const store = getStore();
+  return {
+    app: getAppInfo(),
+    scripts: Array.from(store.scripts.values()),
+    scriptEvents: store.scriptEvents.slice(-PANEL_EVENT_LIMIT),
+    federation: getFederation(),
+    federationEvents: store.federationEvents.slice(-PANEL_EVENT_LIMIT),
+    errors: store.errors,
+  };
+};
+
+/**
+ * Mount once near the app root. Starts recording (if the entry file did not
+ * already call `installRepackDevTools`), serves the DevTools panels and
+ * registers the `callstack/repack-devtools` agent tools.
+ */
+export const useRepackDevTools = () => {
+  useState(() => {
+    installRepackDevTools();
+    return true;
+  });
+
+  const client = useRozeniteDevToolsClient<RepackDevToolsEventMap>({
+    pluginId: PLUGIN_ID,
+  });
+
+  useEffect(() => {
+    if (!client) return;
+    const rpc = createRozeniteRpc<RepackDevToolsMethods>(client);
+    const handlers = [
+      rpc.handle('getSnapshot', async () => getSnapshot()),
+      rpc.handle('getOverview', () => getOverview()),
+      rpc.handle('loadScript', ({ scriptId, caller }) =>
+        loadScript(scriptId, caller)
+      ),
+      rpc.handle('prefetchScript', ({ scriptId, caller }) =>
+        prefetchScript(scriptId, caller)
+      ),
+      rpc.handle('invalidateScripts', ({ scriptIds }) =>
+        invalidateScripts(scriptIds)
+      ),
+      rpc.handle('loadRemote', ({ id }) => loadRemote(id)),
+      rpc.handle('symbolicate', (params) => symbolicate(params)),
+      rpc.handle('clear', async ({ scope }) => clear(scope)),
+      rpc.handle('reload', async () => reload()),
+    ];
+    const unsubscribe = subscribe(() => {
+      client.send('state-changed', { at: Date.now() });
+    });
+    return () => {
+      unsubscribe();
+      for (const handler of handlers) handler.remove();
+      rpc.close();
+    };
+  }, [client]);
+
+  useRepackDevToolsAgentTools();
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/useRepackDevToolsAgentTools.ts b/packages/repack-devtools-plugin/src/react-native/useRepackDevToolsAgentTools.ts
new file mode 100644
index 000000000..355e920fe
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/useRepackDevToolsAgentTools.ts
@@ -0,0 +1,203 @@
+import {
+  paginateArray,
+  useRozenitePluginAgentTool,
+} from '@rozenite/agent-bridge';
+import {
+  REPACK_DEVTOOLS_AGENT_PLUGIN_ID as pluginId,
+  repackDevToolsToolDefinitions as tools,
+} from '../shared/agent-tools';
+import {
+  clear,
+  fetchDevServerState,
+  getFederation,
+  getOverview,
+  getScript,
+  invalidateScripts,
+  listErrors,
+  listScriptEvents,
+  listScripts,
+  loadRemote,
+  loadScript,
+  prefetchScript,
+  reload,
+  symbolicate,
+} from './api';
+import {
+  toErrorRow,
+  toFederationEventRow,
+  toScriptEventRow,
+  toScriptRow,
+} from './rows';
+import { getStore } from './store';
+
+/**
+ * Registers the `callstack/repack-devtools` agent domain. Every tool reads or
+ * drives the same state as the DevTools panels.
+ */
+export const useRepackDevToolsAgentTools = () => {
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.getOverview,
+    handler: (args) => getOverview({ devServer: args?.devServer }),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.listScripts,
+    handler: ({ status, search, limit, cursor } = {}) => {
+      const rows = listScripts({ status, search }).map(toScriptRow);
+      return {
+        ...paginateArray(rows, {
+          keyOf: (row) => row.uniqueId,
+          limit,
+          cursor,
+          scope: `${status ?? ''}|${search ?? ''}`,
+        }),
+        total: rows.length,
+      };
+    },
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.getScript,
+    handler: ({ uniqueId }) => getScript(uniqueId),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.listScriptEvents,
+    handler: ({ uniqueId, since, limit, cursor } = {}) => {
+      const rows = listScriptEvents({ uniqueId, since }).map(toScriptEventRow);
+      return {
+        ...paginateArray(rows, {
+          keyOf: (row) => String(row.seq),
+          limit,
+          cursor,
+          scope: `${uniqueId ?? ''}|${since ?? ''}`,
+        }),
+        total: rows.length,
+      };
+    },
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.loadScript,
+    handler: ({ scriptId, caller }) => loadScript(scriptId, caller),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.prefetchScript,
+    handler: ({ scriptId, caller }) => prefetchScript(scriptId, caller),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.invalidateScripts,
+    handler: ({ scriptIds } = {}) =>
+      invalidateScripts(
+        scriptIds
+          ?.split(',')
+          .map((id) => id.trim())
+          .filter(Boolean)
+      ),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.getFederation,
+    handler: () => getFederation(),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.listFederationEvents,
+    handler: ({ type, errorsOnly, limit, cursor } = {}) => {
+      const rows = getStore()
+        .federationEvents.filter(
+          (event) =>
+            (!type || event.type === type) && (!errorsOnly || !!event.error)
+        )
+        .map(toFederationEventRow);
+      return {
+        ...paginateArray(rows, {
+          keyOf: (row) => String(row.seq),
+          limit,
+          cursor,
+          scope: `${type ?? ''}|${errorsOnly ?? ''}`,
+        }),
+        total: rows.length,
+      };
+    },
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.loadRemote,
+    handler: ({ id, instance }) => loadRemote(id, instance),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.listErrors,
+    handler: ({ source, limit, cursor } = {}) => {
+      const rows = listErrors({ source }).map(toErrorRow);
+      return {
+        ...paginateArray(rows, {
+          keyOf: (row) => row.id,
+          limit,
+          cursor,
+          scope: source ?? '',
+        }),
+        total: rows.length,
+      };
+    },
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.getError,
+    handler: ({ id }) => {
+      const error = getStore().errors.find((item) => item.id === id);
+      if (!error) throw new Error(`No recorded error "${id}".`);
+      return error;
+    },
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.symbolicate,
+    handler: (args) => symbolicate(args ?? {}),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.getDevServer,
+    handler: async ({ origin, requests = 'failed' } = {}) => {
+      const state = await fetchDevServerState(origin);
+      return {
+        ...state,
+        requests:
+          requests === 'all'
+            ? state.requests
+            : requests === 'none'
+              ? []
+              : state.requests.filter((request) => request.status >= 400),
+      };
+    },
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.clear,
+    handler: ({ scope } = {}) => clear(scope),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.reload,
+    handler: () => reload(),
+  });
+};
diff --git a/packages/repack-devtools-plugin/src/shared/agent-tools.ts b/packages/repack-devtools-plugin/src/shared/agent-tools.ts
new file mode 100644
index 000000000..7f4f91fba
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/shared/agent-tools.ts
@@ -0,0 +1,493 @@
+import {
+  type AgentToolContract,
+  defineAgentToolContract,
+  definePaginatedAgentToolContract,
+  type PageEnvelope,
+} from '@rozenite/agent-shared';
+import { PLUGIN_ID } from './constants';
+import type {
+  DevServerState,
+  FederationEventType,
+  FederationState,
+  Overview,
+  RecordedError,
+  RecordedErrorSource,
+  ScriptEvent,
+  ScriptEventType,
+  ScriptRecord,
+  ScriptStatus,
+  SymbolicationResult,
+} from './types';
+
+export const REPACK_DEVTOOLS_AGENT_PLUGIN_ID = PLUGIN_ID;
+
+type PageArgs = { limit?: number; cursor?: string };
+
+const pageProperties = {
+  limit: {
+    type: 'number',
+    description: 'Rows per page (default 20, max 100).',
+  },
+  cursor: {
+    type: 'string',
+    description: 'Cursor from the previous page (`page.nextCursor`).',
+  },
+} as const;
+
+export type ScriptRow = {
+  uniqueId: string;
+  scriptId: string;
+  caller: string;
+  status: ScriptStatus;
+  /** `download` when fetched over the network, `cache` when reused from the device. */
+  source: string;
+  url: string;
+  loadCount: number;
+  resolveMs: number | null;
+  loadMs: number | null;
+  error: string;
+};
+
+export type ActionResult<T = unknown> = {
+  ok: boolean;
+  durationMs: number;
+  error?: string;
+  result?: T;
+};
+
+export type ScriptActionResult = ActionResult & { record?: ScriptRecord };
+
+export type FederationEventRow = {
+  seq: number;
+  at: number;
+  type: FederationEventType;
+  instance: string;
+  id: string;
+  remote: string;
+  url: string;
+  version: string;
+  error: string;
+  detail: string;
+};
+
+export type ScriptEventRow = {
+  seq: number;
+  at: number;
+  type: ScriptEventType;
+  uniqueId: string;
+  url: string;
+  detail: string;
+};
+
+export type ErrorRow = {
+  id: string;
+  at: number;
+  source: RecordedErrorSource;
+  name: string;
+  message: string;
+  isFatal: boolean;
+  ref: string;
+};
+
+export type ListScriptsArgs = PageArgs & {
+  status?: ScriptStatus;
+  search?: string;
+};
+export type ListScriptsResult = {
+  items: ScriptRow[];
+  page: PageEnvelope;
+  total: number;
+};
+
+export type ListScriptEventsArgs = PageArgs & {
+  uniqueId?: string;
+  since?: number;
+};
+export type ListScriptEventsResult = {
+  items: ScriptEventRow[];
+  page: PageEnvelope;
+  total: number;
+};
+
+export type ListFederationEventsArgs = PageArgs & {
+  type?: FederationEventType;
+  errorsOnly?: boolean;
+};
+export type ListFederationEventsResult = {
+  items: FederationEventRow[];
+  page: PageEnvelope;
+  total: number;
+};
+
+export type ListErrorsArgs = PageArgs & { source?: RecordedErrorSource };
+export type ListErrorsResult = {
+  items: ErrorRow[];
+  page: PageEnvelope;
+  total: number;
+};
+
+export type GetScriptResult = {
+  record: ScriptRecord;
+  events: ScriptEvent[];
+  errors: RecordedError[];
+};
+
+export type GetDevServerArgs = {
+  origin?: string;
+  requests?: 'failed' | 'all' | 'none';
+};
+
+const SCRIPT_STATUSES: ScriptStatus[] = [
+  'resolving',
+  'resolved',
+  'prefetching',
+  'loading',
+  'loaded',
+  'failed',
+  'invalidated',
+];
+
+export const repackDevToolsToolDefinitions = {
+  getOverview: defineAgentToolContract<{ devServer?: boolean }, Overview>({
+    name: 'get-overview',
+    description:
+      'Start here. App/dev-server info, record counts and a severity-sorted list of diagnostics across ScriptManager, Module Federation, uncaught errors, compilation and dev-server requests. Each diagnostic has a `ref` to fetch details with the other tools.',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        devServer: {
+          type: 'boolean',
+          description:
+            'Also query the dev server state endpoint (default true).',
+        },
+      },
+    },
+  }),
+
+  listScripts: definePaginatedAgentToolContract<
+    ListScriptsArgs,
+    ListScriptsResult
+  >({
+    name: 'list-scripts',
+    description:
+      'List scripts (chunks, MF containers) ScriptManager resolved or loaded, in first-seen order, with status, download-vs-cache source, timings and error.',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        status: { type: 'string', enum: SCRIPT_STATUSES },
+        search: {
+          type: 'string',
+          description: 'Case-insensitive match on unique id or URL.',
+        },
+        ...pageProperties,
+      },
+    },
+    pagination: {
+      kind: 'cursor',
+      fields: [
+        'uniqueId',
+        'scriptId',
+        'caller',
+        'status',
+        'source',
+        'url',
+        'loadCount',
+        'resolveMs',
+        'loadMs',
+        'error',
+      ],
+      defaultFields: ['uniqueId', 'status', 'source', 'loadMs', 'error'],
+      meta: ['total'],
+    },
+  }),
+
+  getScript: defineAgentToolContract<{ uniqueId: string }, GetScriptResult>({
+    name: 'get-script',
+    description:
+      'Full record of one script: normalized locator (URL, query, headers, fetch/cache flags), timings, error with native message, its event timeline and related errors.',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        uniqueId: {
+          type: 'string',
+          description:
+            'Unique id from list-scripts (`<caller>_<scriptId>`); a bare script id also works.',
+        },
+      },
+      required: ['uniqueId'],
+    },
+  }),
+
+  listScriptEvents: definePaginatedAgentToolContract<
+    ListScriptEventsArgs,
+    ListScriptEventsResult
+  >({
+    name: 'list-script-events',
+    description:
+      'Chronological ScriptManager events (resolving, resolved, prefetching, loading, loaded, error, invalidated).',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        uniqueId: { type: 'string' },
+        since: {
+          type: 'number',
+          description: 'Only events at or after this epoch-ms timestamp.',
+        },
+        ...pageProperties,
+      },
+    },
+    pagination: {
+      kind: 'cursor',
+      fields: ['seq', 'at', 'type', 'uniqueId', 'url', 'detail'],
+      defaultFields: ['seq', 'type', 'uniqueId', 'detail'],
+      meta: ['total'],
+    },
+  }),
+
+  loadScript: defineAgentToolContract<
+    { scriptId: string; caller?: string },
+    ScriptActionResult
+  >({
+    name: 'load-script',
+    description:
+      'Call ScriptManager.shared.loadScript(scriptId, caller) in the app and return the outcome plus the resulting record. Use to reproduce chunk loading failures without driving the UI.',
+    readOnly: false,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        scriptId: { type: 'string' },
+        caller: { type: 'string' },
+      },
+      required: ['scriptId'],
+    },
+  }),
+
+  prefetchScript: defineAgentToolContract<
+    { scriptId: string; caller?: string },
+    ScriptActionResult
+  >({
+    name: 'prefetch-script',
+    description:
+      'Call ScriptManager.shared.prefetchScript(scriptId, caller): download without executing.',
+    readOnly: false,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        scriptId: { type: 'string' },
+        caller: { type: 'string' },
+      },
+      required: ['scriptId'],
+    },
+  }),
+
+  invalidateScripts: defineAgentToolContract<
+    { scriptIds?: string },
+    ActionResult<string[]>
+  >({
+    name: 'invalidate-scripts',
+    description:
+      'Call ScriptManager.shared.invalidateScripts: clears cache entries and downloaded files so the next load downloads again.',
+    readOnly: false,
+    destructive: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        scriptIds: {
+          type: 'string',
+          description:
+            'Comma-separated cache keys (unique ids). Omit to invalidate everything.',
+        },
+      },
+    },
+  }),
+
+  getFederation: defineAgentToolContract<undefined, FederationState>({
+    name: 'get-federation',
+    description:
+      'Module Federation state: runtime (v1/v2), instances with remotes and loaded modules, shared packages per scope with registered/loaded versions, and diagnostics (duplicate singletons, requiredVersion mismatches, failed remote/manifest loads).',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: { type: 'object', properties: {} },
+  }),
+
+  listFederationEvents: definePaginatedAgentToolContract<
+    ListFederationEventsArgs,
+    ListFederationEventsResult
+  >({
+    name: 'list-federation-events',
+    description:
+      'Module Federation runtime lifecycle events recorded by the devtools runtime plugin (beforeRequest, afterResolve, onLoad, errorLoadRemote, afterLoadShare, afterLoadEntry, afterLoadManifest, ...).',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        type: { type: 'string' },
+        errorsOnly: { type: 'boolean' },
+        ...pageProperties,
+      },
+    },
+    pagination: {
+      kind: 'cursor',
+      fields: [
+        'seq',
+        'at',
+        'type',
+        'instance',
+        'id',
+        'remote',
+        'url',
+        'version',
+        'error',
+        'detail',
+      ],
+      defaultFields: ['seq', 'type', 'id', 'remote', 'error'],
+      meta: ['total'],
+    },
+  }),
+
+  loadRemote: defineAgentToolContract<
+    { id: string; instance?: string },
+    ActionResult<{ exportKeys: string[]; type: string }>
+  >({
+    name: 'load-remote',
+    description:
+      'Load a federated module (e.g. "MiniApp/MiniAppNavigator") through the MF runtime (v2: instance.loadRemote, v1: Federated.importModule) and report the outcome. Inspect list-federation-events and list-scripts afterwards.',
+    readOnly: false,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        id: { type: 'string', description: '"<remote>/<exposed module>"' },
+        instance: {
+          type: 'string',
+          description: 'MF instance name; defaults to the first (host).',
+        },
+      },
+      required: ['id'],
+    },
+  }),
+
+  listErrors: definePaginatedAgentToolContract<
+    ListErrorsArgs,
+    ListErrorsResult
+  >({
+    name: 'list-errors',
+    description:
+      'Errors recorded in the app: uncaught JS errors (global handler, with isFatal), ScriptManager failures and MF load failures.',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        source: {
+          type: 'string',
+          enum: ['global-handler', 'script-manager', 'federation'],
+        },
+        ...pageProperties,
+      },
+    },
+    pagination: {
+      kind: 'cursor',
+      fields: ['id', 'at', 'source', 'name', 'message', 'isFatal', 'ref'],
+      defaultFields: ['id', 'source', 'message', 'isFatal'],
+      meta: ['total'],
+    },
+  }),
+
+  getError: defineAgentToolContract<{ id: string }, RecordedError>({
+    name: 'get-error',
+    description:
+      'One recorded error including its raw stack and component stack.',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: { id: { type: 'string' } },
+      required: ['id'],
+    },
+  }),
+
+  symbolicate: defineAgentToolContract<
+    { stack?: string; errorId?: string },
+    SymbolicationResult
+  >({
+    name: 'symbolicate',
+    description:
+      "Symbolicate a stack through the dev server's /symbolicate exactly like LogBox does, and report frames that stayed unmapped plus the HTTP status of their source maps. Without arguments it symbolicates a probe stack from the app itself.",
+    readOnly: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        stack: { type: 'string', description: 'Raw Hermes/JSC stack.' },
+        errorId: {
+          type: 'string',
+          description: 'Recorded error id from list-errors.',
+        },
+      },
+    },
+  }),
+
+  getDevServer: defineAgentToolContract<GetDevServerArgs, DevServerState>({
+    name: 'get-dev-server',
+    description:
+      'Bundler/dev-server state from <origin>/repack-devtools/state: per-platform compilation status, errors, warnings, emitted assets, files changed in the last rebuild, and the request log (failed requests include the response body). Pass `origin` to query an MF remote dev server.',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        origin: {
+          type: 'string',
+          description:
+            'Dev server origin, e.g. http://localhost:8082. Defaults to the server that served the app.',
+        },
+        requests: {
+          type: 'string',
+          enum: ['failed', 'all', 'none'],
+          description: 'Which requests to include (default failed).',
+        },
+      },
+    },
+  }),
+
+  clear: defineAgentToolContract<
+    { scope?: 'all' | 'scripts' | 'federation' | 'errors' },
+    { cleared: string }
+  >({
+    name: 'clear',
+    description:
+      'Clear recorded data so the next reproduction starts clean. Does not touch the ScriptManager cache (use invalidate-scripts).',
+    readOnly: false,
+    destructive: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        scope: {
+          type: 'string',
+          enum: ['all', 'scripts', 'federation', 'errors'],
+        },
+      },
+    },
+  }),
+
+  reload: defineAgentToolContract<undefined, { reloading: boolean }>({
+    name: 'reload',
+    description:
+      'Reload the JS bundle (DevSettings.reload) to reproduce startup flows. Recorded data starts empty in the new JS runtime; startup is captured when the entry calls installRepackDevTools({ boot: true }). Wait a few seconds, then call get-overview again.',
+    readOnly: false,
+    destructive: true,
+    inputSchema: { type: 'object', properties: {} },
+  }),
+} as const satisfies Record<string, AgentToolContract<unknown, unknown>>;
diff --git a/packages/repack-devtools-plugin/src/shared/constants.ts b/packages/repack-devtools-plugin/src/shared/constants.ts
new file mode 100644
index 000000000..dfc594589
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/shared/constants.ts
@@ -0,0 +1,21 @@
+/** Rozenite plugin id. Agents address its tools as `callstack/repack-devtools`. */
+export const PLUGIN_ID = '@callstack/repack-devtools-plugin';
+
+/** Path prefix of the HTTP endpoints added to the dev server by `withRepackDevTools`. */
+export const DEV_SERVER_ROUTE = '/repack-devtools';
+
+/** Global the app-side recorders and the MF runtime plugin share state through. */
+export const STORE_GLOBAL = '__REPACK_DEVTOOLS_STORE__';
+
+/** Global the bundler-side collector keeps its state in, shared by every platform compiler. */
+export const DEV_SERVER_STORE_GLOBAL = '__REPACK_DEVTOOLS_DEV_SERVER_STORE__';
+
+export const LIMITS = {
+  scriptEvents: 500,
+  federationEvents: 500,
+  errors: 100,
+  devServerRequests: 300,
+  compilationIssues: 50,
+  messageLength: 4000,
+  responseBodyBytes: 4096,
+} as const;
diff --git a/packages/repack-devtools-plugin/src/shared/guards.ts b/packages/repack-devtools-plugin/src/shared/guards.ts
new file mode 100644
index 000000000..ace11881f
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/shared/guards.ts
@@ -0,0 +1,78 @@
+import type { DevServerState } from './types.js';
+
+/**
+ * Readers for values whose shape this package does not control: realm
+ * globals (`__FEDERATION__`, `ErrorUtils`), ScriptManager and MF event
+ * payloads, and JSON from the dev server. Everything enters as `unknown` and
+ * is narrowed field by field, so a shape change upstream degrades to missing
+ * data instead of a crash.
+ */
+
+export const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null;
+
+export const getProp = (value: unknown, key: string): unknown =>
+  isRecord(value) || typeof value === 'function'
+    ? Reflect.get(value, key)
+    : undefined;
+
+export const readString = (value: unknown, key: string) => {
+  const prop = getProp(value, key);
+  return typeof prop === 'string' ? prop : undefined;
+};
+
+export const readNumber = (value: unknown, key: string) => {
+  const prop = getProp(value, key);
+  return typeof prop === 'number' ? prop : undefined;
+};
+
+export const readBoolean = (value: unknown, key: string) => {
+  const prop = getProp(value, key);
+  return typeof prop === 'boolean' ? prop : undefined;
+};
+
+export const readArray = (value: unknown, key: string): unknown[] => {
+  const prop = getProp(value, key);
+  return Array.isArray(prop) ? prop : [];
+};
+
+export const toStringArray = (value: unknown): string[] | undefined =>
+  Array.isArray(value)
+    ? value.filter((item): item is string => typeof item === 'string')
+    : undefined;
+
+export const toStringRecord = (
+  value: unknown
+): Record<string, string> | undefined => {
+  if (!isRecord(value)) return undefined;
+  const entries = Object.entries(value).filter(
+    (entry): entry is [string, string] => typeof entry[1] === 'string'
+  );
+  return Object.fromEntries(entries);
+};
+
+export const readGlobal = (key: string): unknown => getProp(globalThis, key);
+
+/** Calls `target[key](...args)` when it is a function; otherwise `undefined`. */
+export const callMethod = (
+  target: unknown,
+  key: string,
+  args: unknown[]
+): unknown => {
+  const method = getProp(target, key);
+  return typeof method === 'function'
+    ? Reflect.apply(method, target, args)
+    : undefined;
+};
+
+/**
+ * Checks the top-level shape of `GET /repack-devtools/state`. The payload is
+ * produced by this package's own middleware, so the nested records are
+ * trusted once the envelope matches.
+ */
+export const isDevServerState = (value: unknown): value is DevServerState =>
+  isRecord(value) &&
+  typeof value.startedAt === 'number' &&
+  Array.isArray(value.compilations) &&
+  Array.isArray(value.requests) &&
+  Array.isArray(value.diagnostics);
diff --git a/packages/repack-devtools-plugin/src/shared/messaging.ts b/packages/repack-devtools-plugin/src/shared/messaging.ts
new file mode 100644
index 000000000..722b2de80
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/shared/messaging.ts
@@ -0,0 +1,51 @@
+import type { ActionResult, ScriptActionResult } from './agent-tools';
+import type {
+  AppInfo,
+  FederationEvent,
+  FederationState,
+  Overview,
+  RecordedError,
+  ScriptEvent,
+  ScriptRecord,
+  SymbolicationResult,
+} from './types';
+
+export type PanelSnapshot = {
+  app: AppInfo;
+  scripts: ScriptRecord[];
+  scriptEvents: ScriptEvent[];
+  federation: FederationState;
+  federationEvents: FederationEvent[];
+  errors: RecordedError[];
+};
+
+/** Fire-and-forget events from the app to the panels. */
+export type RepackDevToolsEventMap = {
+  'state-changed': { at: number };
+};
+
+/** RPC methods the app handles for the panels. */
+export type RepackDevToolsMethods = {
+  getSnapshot: () => Promise<PanelSnapshot>;
+  getOverview: () => Promise<Overview>;
+  loadScript: (params: {
+    scriptId: string;
+    caller?: string;
+  }) => Promise<ScriptActionResult>;
+  prefetchScript: (params: {
+    scriptId: string;
+    caller?: string;
+  }) => Promise<ScriptActionResult>;
+  invalidateScripts: (params: {
+    scriptIds?: string[];
+  }) => Promise<ActionResult>;
+  loadRemote: (params: { id: string }) => Promise<ActionResult>;
+  symbolicate: (params: {
+    stack?: string;
+    errorId?: string;
+  }) => Promise<SymbolicationResult>;
+  clear: (params: {
+    scope?: 'all' | 'scripts' | 'federation' | 'errors';
+  }) => Promise<{ cleared: string }>;
+  reload: () => Promise<{ reloading: boolean }>;
+};
diff --git a/packages/repack-devtools-plugin/src/shared/types.ts b/packages/repack-devtools-plugin/src/shared/types.ts
new file mode 100644
index 000000000..f07f86234
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/shared/types.ts
@@ -0,0 +1,313 @@
+export type Severity = 'error' | 'warning' | 'info';
+
+export type DiagnosticArea =
+  | 'scripts'
+  | 'federation'
+  | 'errors'
+  | 'dev-server'
+  | 'compilation'
+  | 'symbolication';
+
+/**
+ * A finding computed from the recorded data. Agents should start from these:
+ * every diagnostic names where it came from (`ref`) so the underlying record
+ * can be fetched with the matching `get-*` / `list-*` tool.
+ */
+export type Diagnostic = {
+  severity: Severity;
+  area: DiagnosticArea;
+  message: string;
+  hint?: string;
+  ref?: string;
+};
+
+export type ScriptStatus =
+  | 'resolving'
+  | 'resolved'
+  | 'prefetching'
+  | 'loading'
+  | 'loaded'
+  | 'failed'
+  | 'invalidated';
+
+export type ScriptEventType =
+  | 'resolving'
+  | 'resolved'
+  | 'prefetching'
+  | 'loading'
+  | 'loaded'
+  | 'error'
+  | 'invalidated';
+
+export type ScriptLocatorSummary = {
+  url?: string;
+  query?: string;
+  method?: string;
+  headers?: Record<string, string>;
+  absolute?: boolean;
+  timeout?: number;
+  retry?: number;
+  retryDelay?: number;
+  /** `true` when the script is downloaded instead of reused from the device cache. */
+  fetch?: boolean;
+  verifyScriptSignature?: string;
+};
+
+export type ScriptError = {
+  stage: 'resolve' | 'create' | 'load' | 'prefetch' | 'invalidate' | 'unknown';
+  message: string;
+  code?: string;
+  nativeMessage?: string;
+};
+
+export type ScriptRecord = {
+  /** ScriptManager cache key: `<caller>_<scriptId>`, or the script id without a caller. */
+  uniqueId: string;
+  scriptId: string;
+  caller?: string;
+  status: ScriptStatus;
+  /** Whether the locator allowed caching (`locator.cache !== false`). */
+  cacheEnabled?: boolean;
+  locator?: ScriptLocatorSummary;
+  /** Number of `loading` events seen, i.e. load attempts made through ScriptManager. */
+  loadCount: number;
+  prefetchCount: number;
+  firstSeenAt: number;
+  updatedAt: number;
+  resolveStartedAt?: number;
+  resolvedAt?: number;
+  loadStartedAt?: number;
+  loadedAt?: number;
+  /** Milliseconds from `resolving` to `resolved` for the latest attempt. */
+  resolveMs?: number;
+  /** Milliseconds from `loading` to `loaded` for the latest attempt. */
+  loadMs?: number;
+  error?: ScriptError;
+};
+
+export type ScriptEvent = {
+  seq: number;
+  at: number;
+  type: ScriptEventType;
+  uniqueId?: string;
+  scriptId?: string;
+  caller?: string;
+  url?: string;
+  detail?: string;
+};
+
+export type FederationEventType =
+  | 'beforeRequest'
+  | 'afterResolve'
+  | 'onLoad'
+  | 'errorLoadRemote'
+  | 'afterLoadShare'
+  | 'errorLoadShare'
+  | 'afterLoadEntry'
+  | 'loadEntryError'
+  | 'afterLoadManifest'
+  | 'beforePreloadRemote'
+  | 'afterPreloadRemote';
+
+export type FederationEvent = {
+  seq: number;
+  at: number;
+  type: FederationEventType;
+  instance?: string;
+  /** Request id such as `MiniApp/Module` or a shared package name. */
+  id?: string;
+  remote?: string;
+  url?: string;
+  version?: string;
+  error?: string;
+  detail?: string;
+};
+
+export type FederationRemote = {
+  name: string;
+  alias?: string;
+  entry?: string;
+  version?: string;
+  type?: string;
+  shareScope?: string | string[];
+  /** Whether a module from this remote is in the instance's module cache. */
+  loaded: boolean;
+};
+
+export type FederationSharedVersion = {
+  version: string;
+  from?: string;
+  loaded?: boolean;
+  eager?: boolean;
+  singleton?: boolean;
+  requiredVersion?: string | false;
+  strictVersion?: boolean;
+  useIn?: string[];
+};
+
+export type FederationSharedPackage = {
+  scope: string;
+  name: string;
+  versions: FederationSharedVersion[];
+};
+
+export type FederationInstance = {
+  name: string;
+  version?: string;
+  remotes: FederationRemote[];
+  shared: FederationSharedPackage[];
+  loadedModules: string[];
+};
+
+export type FederationState = {
+  runtime: 'v2' | 'v1' | 'none';
+  instances: FederationInstance[];
+  /** MF v1 only: share scopes read from `__webpack_require__.S`. */
+  shareScopes?: FederationSharedPackage[];
+  runtimePluginInstalled: boolean;
+  diagnostics: Diagnostic[];
+};
+
+export type RecordedErrorSource =
+  | 'global-handler'
+  | 'script-manager'
+  | 'federation';
+
+export type RecordedError = {
+  id: string;
+  at: number;
+  source: RecordedErrorSource;
+  name?: string;
+  message: string;
+  stack?: string;
+  isFatal?: boolean;
+  componentStack?: string;
+  /** Related record, e.g. a ScriptManager unique id or MF request id. */
+  ref?: string;
+};
+
+export type StackFrame = {
+  methodName: string;
+  file?: string;
+  lineNumber?: number;
+  column?: number;
+};
+
+export type SymbolicatedFrame = {
+  original: StackFrame;
+  symbolicated?: StackFrame;
+  /** `true` when the frame still points at a bundle URL after symbolication. */
+  unmapped: boolean;
+  collapse?: boolean;
+};
+
+export type SourceMapCheck = {
+  bundleUrl: string;
+  sourceMapUrl: string;
+  status?: number;
+  error?: string;
+};
+
+export type SymbolicationResult = {
+  devServer?: string;
+  frames: SymbolicatedFrame[];
+  codeFrame?: { content: string; fileName?: string; location?: unknown };
+  status?: number;
+  error?: string;
+  sourceMaps: SourceMapCheck[];
+  diagnostics: Diagnostic[];
+};
+
+export type AppInfo = {
+  platform: string;
+  platformVersion?: string | number;
+  reactNativeVersion?: string;
+  hermes: boolean;
+  bundleUrl?: string;
+  devServer?: string;
+  publicPath?: string;
+  installedAt: number;
+  bootRecording: boolean;
+};
+
+export type Overview = {
+  app: AppInfo;
+  counts: {
+    scripts: number;
+    failedScripts: number;
+    scriptEvents: number;
+    federationEvents: number;
+    errors: number;
+  };
+  federationRuntime: FederationState['runtime'];
+  diagnostics: Diagnostic[];
+  devServer?: DevServerSummary;
+};
+
+export type DevServerSummary = {
+  origin: string;
+  reachable: boolean;
+  error?: string;
+  platforms: Array<{
+    platform: string;
+    status: CompilationStatus;
+    errors: number;
+    warnings: number;
+  }>;
+  failedRequests: number;
+};
+
+export type CompilationStatus = 'idle' | 'compiling' | 'ok' | 'failed';
+
+export type CompilationIssue = {
+  message: string;
+  moduleName?: string;
+  file?: string;
+  loc?: string;
+};
+
+export type CompilationAsset = {
+  name: string;
+  size: number;
+  chunkNames?: Array<string | number>;
+};
+
+export type PlatformCompilation = {
+  platform: string;
+  status: CompilationStatus;
+  builds: number;
+  startedAt?: number;
+  finishedAt?: number;
+  durationMs?: number;
+  hash?: string;
+  errors: CompilationIssue[];
+  warnings: CompilationIssue[];
+  errorCount: number;
+  warningCount: number;
+  assets: CompilationAsset[];
+  /** Files that triggered the latest rebuild (watch mode). */
+  changedFiles: string[];
+  removedFiles: string[];
+};
+
+export type DevServerRequest = {
+  seq: number;
+  at: number;
+  method: string;
+  url: string;
+  status: number;
+  durationMs: number;
+  platform?: string;
+  userAgent?: string;
+  /** Response body for failed requests, truncated. */
+  responseBody?: string;
+};
+
+export type DevServerState = {
+  /** Port of the dev server process, when known. */
+  port?: number;
+  startedAt: number;
+  compilations: PlatformCompilation[];
+  requests: DevServerRequest[];
+  diagnostics: Diagnostic[];
+};
diff --git a/packages/repack-devtools-plugin/src/ui/components.tsx b/packages/repack-devtools-plugin/src/ui/components.tsx
new file mode 100644
index 000000000..161d3cb1d
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/ui/components.tsx
@@ -0,0 +1,125 @@
+import { Alert, Badge, Button, JsonInspector, type Tone } from '@rozenite/ui';
+import type { ReactNode } from 'react';
+import type { Diagnostic } from '../shared/types';
+
+export const formatTime = (at?: number) =>
+  at === undefined
+    ? ''
+    : new Date(at).toLocaleTimeString(undefined, { hour12: false });
+
+export const formatMs = (ms?: number | null) =>
+  ms === undefined || ms === null ? '' : `${Math.round(ms)} ms`;
+
+export const formatBytes = (bytes: number) =>
+  bytes < 1024
+    ? `${bytes} B`
+    : bytes < 1024 * 1024
+      ? `${(bytes / 1024).toFixed(1)} KB`
+      : `${(bytes / 1024 / 1024).toFixed(2)} MB`;
+
+const STATUS_TONES: Record<string, Tone> = {
+  loaded: 'success',
+  ok: 'success',
+  resolved: 'info',
+  prefetching: 'info',
+  loading: 'warning',
+  resolving: 'warning',
+  compiling: 'warning',
+  failed: 'danger',
+  invalidated: 'neutral',
+  idle: 'neutral',
+};
+
+export const StatusBadge = ({ status }: { status: string }) => (
+  <Badge tone={STATUS_TONES[status] ?? 'neutral'} variant="soft" size="sm">
+    {status}
+  </Badge>
+);
+
+const SEVERITY_TONES: Record<Diagnostic['severity'], Tone> = {
+  error: 'danger',
+  warning: 'warning',
+  info: 'info',
+};
+
+export const Diagnostics = ({ items }: { items: Diagnostic[] }) => {
+  if (items.length === 0) return null;
+  return (
+    <div className="flex flex-col gap-2 p-3">
+      {items.map((item, index) => (
+        <Alert
+          // biome-ignore lint/suspicious/noArrayIndexKey: diagnostics are an immutable, ordered snapshot; position is their identity
+          key={`${item.ref ?? ''}-${index}`}
+          tone={SEVERITY_TONES[item.severity]}
+        >
+          <Alert.Title>{item.message}</Alert.Title>
+          {item.hint ? (
+            <Alert.Description>{item.hint}</Alert.Description>
+          ) : null}
+        </Alert>
+      ))}
+    </div>
+  );
+};
+
+export const Header = ({
+  title,
+  children,
+}: {
+  title: ReactNode;
+  children?: ReactNode;
+}) => (
+  <div className="flex flex-wrap items-center gap-2 border-b border-border px-3 py-2">
+    <div className="mr-auto text-sm font-semibold">{title}</div>
+    {children}
+  </div>
+);
+
+export const Section = ({
+  title,
+  actions,
+  children,
+}: {
+  title: ReactNode;
+  actions?: ReactNode;
+  children: ReactNode;
+}) => (
+  <section className="border-b border-border">
+    <div className="flex items-center gap-2 px-3 pt-3 pb-2">
+      <h3 className="mr-auto text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+        {title}
+      </h3>
+      {actions}
+    </div>
+    <div className="px-3 pb-3">{children}</div>
+  </section>
+);
+
+export const Detail = ({
+  title,
+  data,
+  onClose,
+}: {
+  title: string;
+  data: unknown;
+  onClose: () => void;
+}) => (
+  <div className="flex min-h-0 flex-col border-t border-border">
+    <Header title={title}>
+      <Button size="sm" tone="neutral" variant="ghost" onClick={onClose}>
+        Close
+      </Button>
+    </Header>
+    <div className="overflow-auto p-3 text-xs">
+      <JsonInspector data={data} defaultExpandedDepth={2} />
+    </div>
+  </div>
+);
+
+export const Notice = ({ children }: { children: ReactNode }) => (
+  <div className="p-4 text-sm text-muted-foreground">{children}</div>
+);
+
+export const Mono = ({ children }: { children: ReactNode }) => (
+  <span className="font-mono text-[11px] break-all">{children}</span>
+);
diff --git a/packages/repack-devtools-plugin/src/ui/css.d.ts b/packages/repack-devtools-plugin/src/ui/css.d.ts
new file mode 100644
index 000000000..18109a96d
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/ui/css.d.ts
@@ -0,0 +1,2 @@
+// Panels import Rozenite UI's stylesheet; Vite bundles it.
+declare module '*.css';
diff --git a/packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx b/packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx
new file mode 100644
index 000000000..b0b128a05
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx
@@ -0,0 +1,194 @@
+import {
+  Button,
+  DataTable,
+  type DataTableColumn,
+  PluginShell,
+} from '@rozenite/ui';
+import { useState } from 'react';
+import type {
+  CompilationIssue,
+  DevServerRequest,
+  PlatformCompilation,
+} from '../shared/types';
+import {
+  Detail,
+  Diagnostics,
+  formatBytes,
+  formatMs,
+  formatTime,
+  Header,
+  Mono,
+  Notice,
+  Section,
+  StatusBadge,
+} from './components';
+import { useDevServerData } from './useDevToolsData';
+import '@rozenite/ui/styles.css';
+
+const requestColumns: DataTableColumn<DevServerRequest>[] = [
+  {
+    id: 'at',
+    header: 'Time',
+    accessorFn: (row) => row.at,
+    cell: ({ row }) => formatTime(row.original.at),
+  },
+  {
+    id: 'status',
+    header: 'Status',
+    accessorFn: (row) => row.status,
+    cell: ({ row }) => (
+      <span className={row.original.status >= 400 ? 'text-danger' : undefined}>
+        {row.original.status}
+      </span>
+    ),
+  },
+  { id: 'method', header: 'Method', accessorFn: (row) => row.method },
+  {
+    id: 'url',
+    header: 'URL',
+    accessorFn: (row) => row.url,
+    cell: ({ row }) => <Mono>{row.original.url}</Mono>,
+  },
+  {
+    id: 'durationMs',
+    header: 'Time',
+    accessorFn: (row) => row.durationMs,
+    cell: ({ row }) => formatMs(row.original.durationMs),
+  },
+];
+
+const assetColumns: DataTableColumn<PlatformCompilation['assets'][number]>[] = [
+  {
+    id: 'name',
+    header: 'Asset',
+    accessorFn: (row) => row.name,
+    cell: ({ row }) => <Mono>{row.original.name}</Mono>,
+  },
+  {
+    id: 'size',
+    header: 'Size',
+    accessorFn: (row) => row.size,
+    cell: ({ row }) => formatBytes(row.original.size),
+  },
+  {
+    id: 'chunks',
+    header: 'Chunks',
+    accessorFn: (row) => (row.chunkNames ?? []).join(', '),
+  },
+];
+
+const Issues = ({
+  title,
+  issues,
+}: {
+  title: string;
+  issues: CompilationIssue[];
+}) =>
+  issues.length === 0 ? null : (
+    <div className="flex flex-col gap-2">
+      <div className="text-xs font-semibold">{title}</div>
+      {issues.map((issue, index) => (
+        <pre
+          // biome-ignore lint/suspicious/noArrayIndexKey: issues are an immutable, ordered snapshot; position is their identity
+          key={`${issue.file ?? ''}-${index}`}
+          className="overflow-auto rounded border border-border p-2 text-[11px] whitespace-pre-wrap"
+        >
+          {[issue.moduleName ?? issue.file, issue.loc]
+            .filter(Boolean)
+            .join(':')}
+          {issue.moduleName || issue.file ? '\n' : ''}
+          {issue.message}
+        </pre>
+      ))}
+    </div>
+  );
+
+const Compilation = ({ compilation }: { compilation: PlatformCompilation }) => (
+  <Section
+    title={
+      <span className="flex items-center gap-2">
+        {compilation.platform}
+        <StatusBadge status={compilation.status} />
+      </span>
+    }
+  >
+    <div className="mb-2 text-xs text-muted-foreground">
+      {compilation.builds} build(s)
+      {compilation.durationMs !== undefined
+        ? ` · last ${formatMs(compilation.durationMs)}`
+        : ''}
+      {compilation.finishedAt
+        ? ` · finished ${formatTime(compilation.finishedAt)}`
+        : ''}
+      {` · ${compilation.errorCount} error(s), ${compilation.warningCount} warning(s)`}
+      {compilation.changedFiles.length > 0
+        ? ` · changed: ${compilation.changedFiles.join(', ')}`
+        : ''}
+    </div>
+    <div className="flex flex-col gap-3">
+      <Issues title="Errors" issues={compilation.errors} />
+      <Issues title="Warnings" issues={compilation.warnings} />
+      <DataTable
+        ariaLabel={`${compilation.platform} assets`}
+        columns={assetColumns}
+        data={compilation.assets}
+        getRowId={(row) => row.name}
+        emptyMessage="No assets emitted yet."
+      />
+    </div>
+  </Section>
+);
+
+export default function DevServerPanel() {
+  const { state, error, refresh, clearRequests } = useDevServerData();
+  const [selected, setSelected] = useState<DevServerRequest | null>(null);
+
+  return (
+    <PluginShell>
+      <Header
+        title={`Re.Pack dev server${state?.port ? ` :${state.port}` : ''}`}
+      >
+        <Button size="sm" tone="neutral" variant="outline" onClick={refresh}>
+          Refresh
+        </Button>
+        <Button
+          size="sm"
+          tone="neutral"
+          variant="outline"
+          onClick={clearRequests}
+        >
+          Clear requests
+        </Button>
+      </Header>
+      <PluginShell.Body>
+        {error ? <Notice>{error}</Notice> : null}
+        <Diagnostics items={state?.diagnostics ?? []} />
+        {state?.compilations.map((compilation) => (
+          <Compilation key={compilation.platform} compilation={compilation} />
+        ))}
+        {state && state.compilations.length === 0 ? (
+          <Notice>
+            No compilation yet. Request a bundle from a device to start one.
+          </Notice>
+        ) : null}
+        <Section title={`Requests (${state?.requests.length ?? 0})`}>
+          <DataTable
+            ariaLabel="Dev server requests"
+            columns={requestColumns}
+            data={[...(state?.requests ?? [])].reverse()}
+            getRowId={(row) => String(row.seq)}
+            onRowClick={setSelected}
+            emptyMessage="No requests recorded."
+          />
+        </Section>
+        {selected ? (
+          <Detail
+            title={`${selected.method} ${selected.url}`}
+            data={selected}
+            onClose={() => setSelected(null)}
+          />
+        ) : null}
+      </PluginShell.Body>
+    </PluginShell>
+  );
+}
diff --git a/packages/repack-devtools-plugin/src/ui/errors-panel.tsx b/packages/repack-devtools-plugin/src/ui/errors-panel.tsx
new file mode 100644
index 000000000..00ac48c83
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/ui/errors-panel.tsx
@@ -0,0 +1,207 @@
+import {
+  Button,
+  DataTable,
+  type DataTableColumn,
+  PluginShell,
+  Textarea,
+} from '@rozenite/ui';
+import { useState } from 'react';
+import type { RecordedError, SymbolicationResult } from '../shared/types';
+import {
+  Diagnostics,
+  formatTime,
+  Header,
+  Mono,
+  Notice,
+  Section,
+} from './components';
+import { useAppData } from './useDevToolsData';
+import '@rozenite/ui/styles.css';
+
+const errorColumns: DataTableColumn<RecordedError>[] = [
+  {
+    id: 'at',
+    header: 'Time',
+    accessorFn: (row) => row.at,
+    cell: ({ row }) => formatTime(row.original.at),
+  },
+  {
+    id: 'source',
+    header: 'Source',
+    accessorFn: (row) => `${row.source}${row.isFatal ? ' (fatal)' : ''}`,
+  },
+  {
+    id: 'message',
+    header: 'Message',
+    accessorFn: (row) => row.message,
+    cell: ({ row }) => (
+      <span>
+        {row.original.name ? `${row.original.name}: ` : ''}
+        {row.original.message}
+      </span>
+    ),
+  },
+  {
+    id: 'ref',
+    header: 'Ref',
+    accessorFn: (row) => row.ref ?? '',
+    cell: ({ row }) => <Mono>{row.original.ref}</Mono>,
+  },
+];
+
+const formatFrame = (frame: {
+  methodName: string;
+  file?: string;
+  lineNumber?: number;
+  column?: number;
+}) =>
+  `${frame.methodName} ${frame.file ?? '?'}:${frame.lineNumber ?? '?'}:${frame.column ?? '?'}`;
+
+const Symbolication = ({ result }: { result: SymbolicationResult }) => (
+  <div className="flex flex-col gap-2">
+    <div className="text-xs text-muted-foreground">
+      {result.devServer ?? 'no dev server'}
+      {result.status !== undefined ? ` · /symbolicate ${result.status}` : ''}
+      {result.error ? ` · ${result.error}` : ''}
+    </div>
+    <Diagnostics items={result.diagnostics} />
+    {result.codeFrame ? (
+      <pre className="overflow-auto rounded border border-border p-2 text-[11px]">
+        {result.codeFrame.content}
+      </pre>
+    ) : null}
+    <div className="flex flex-col gap-1 font-mono text-[11px]">
+      {result.frames.map((frame, index) => (
+        <div
+          // biome-ignore lint/suspicious/noArrayIndexKey: stack frames are an immutable, ordered snapshot; position is their identity
+          key={`${frame.original.file ?? ''}-${index}`}
+          className={frame.unmapped ? 'text-danger' : undefined}
+        >
+          {frame.symbolicated
+            ? formatFrame(frame.symbolicated)
+            : formatFrame(frame.original)}
+          {frame.unmapped ? '  ← unmapped' : ''}
+        </div>
+      ))}
+    </div>
+    {result.sourceMaps.length > 0 ? (
+      <div className="flex flex-col gap-1 text-[11px]">
+        {result.sourceMaps.map((check) => (
+          <Mono key={check.sourceMapUrl}>
+            {check.status ?? check.error ?? '?'} {check.sourceMapUrl}
+          </Mono>
+        ))}
+      </div>
+    ) : null}
+  </div>
+);
+
+export default function ErrorsPanel() {
+  const { connected, rpc, snapshot, error, refresh } = useAppData();
+  const [selected, setSelected] = useState<RecordedError | null>(null);
+  const [stack, setStack] = useState('');
+  const [result, setResult] = useState<SymbolicationResult | null>(null);
+  const [busy, setBusy] = useState(false);
+
+  const symbolicate = async (params: { stack?: string; errorId?: string }) => {
+    if (!rpc) return;
+    setBusy(true);
+    try {
+      setResult(await rpc.method('symbolicate').invoke(params));
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  return (
+    <PluginShell>
+      <Header title="Re.Pack errors & symbolication">
+        <Button size="sm" tone="neutral" variant="outline" onClick={refresh}>
+          Refresh
+        </Button>
+        <Button
+          size="sm"
+          tone="neutral"
+          variant="outline"
+          disabled={!rpc}
+          onClick={() =>
+            rpc &&
+            void rpc.method('clear').invoke({ scope: 'errors' }).then(refresh)
+          }
+        >
+          Clear
+        </Button>
+      </Header>
+      <PluginShell.Body>
+        {!connected ? <Notice>Waiting for the app to connect…</Notice> : null}
+        {error ? <Notice>{error}</Notice> : null}
+        <Section title={`Errors (${snapshot?.errors.length ?? 0})`}>
+          <DataTable
+            ariaLabel="Errors"
+            columns={errorColumns}
+            data={[...(snapshot?.errors ?? [])].reverse()}
+            getRowId={(row) => row.id}
+            onRowClick={(row) => {
+              setSelected(row);
+              setResult(null);
+            }}
+            emptyMessage="No errors recorded."
+          />
+        </Section>
+        {selected ? (
+          <Section
+            title={selected.id}
+            actions={
+              <>
+                <Button
+                  size="sm"
+                  disabled={!rpc || busy || !selected.stack}
+                  onClick={() => symbolicate({ errorId: selected.id })}
+                >
+                  Symbolicate
+                </Button>
+                <Button
+                  size="sm"
+                  tone="neutral"
+                  variant="ghost"
+                  onClick={() => setSelected(null)}
+                >
+                  Close
+                </Button>
+              </>
+            }
+          >
+            <pre className="overflow-auto text-[11px] whitespace-pre-wrap">
+              {selected.stack ?? selected.message}
+            </pre>
+          </Section>
+        ) : null}
+        <Section
+          title="Symbolicate a stack"
+          actions={
+            <Button
+              size="sm"
+              disabled={!rpc || busy}
+              onClick={() => symbolicate({ stack: stack || undefined })}
+            >
+              {stack ? 'Symbolicate' : 'Run probe'}
+            </Button>
+          }
+        >
+          <Textarea
+            size="sm"
+            rows={5}
+            placeholder="Paste a JS stack trace, or leave empty to symbolicate a probe error thrown in the app."
+            value={stack}
+            onChange={(event) => setStack(event.target.value)}
+          />
+        </Section>
+        {result ? (
+          <Section title="Symbolication result">
+            <Symbolication result={result} />
+          </Section>
+        ) : null}
+      </PluginShell.Body>
+    </PluginShell>
+  );
+}
diff --git a/packages/repack-devtools-plugin/src/ui/federation-panel.tsx b/packages/repack-devtools-plugin/src/ui/federation-panel.tsx
new file mode 100644
index 000000000..92d098c2e
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/ui/federation-panel.tsx
@@ -0,0 +1,281 @@
+import {
+  Badge,
+  Button,
+  DataTable,
+  type DataTableColumn,
+  Input,
+  PluginShell,
+} from '@rozenite/ui';
+import { useState } from 'react';
+import type {
+  FederationEvent,
+  FederationRemote,
+  FederationSharedPackage,
+} from '../shared/types';
+import {
+  Detail,
+  Diagnostics,
+  formatTime,
+  Header,
+  Mono,
+  Notice,
+  Section,
+} from './components';
+import { useAppData } from './useDevToolsData';
+import '@rozenite/ui/styles.css';
+
+type RemoteRow = FederationRemote & { instance: string };
+type SharedRow = FederationSharedPackage & { instance: string };
+
+const remoteColumns: DataTableColumn<RemoteRow>[] = [
+  { id: 'instance', header: 'Host', accessorFn: (row) => row.instance },
+  {
+    id: 'name',
+    header: 'Remote',
+    accessorFn: (row) => row.alias ?? row.name,
+    cell: ({ row }) => <Mono>{row.original.alias ?? row.original.name}</Mono>,
+  },
+  {
+    id: 'entry',
+    header: 'Entry',
+    accessorFn: (row) => row.entry ?? row.version ?? '',
+    cell: ({ row }) => (
+      <Mono>{row.original.entry ?? row.original.version}</Mono>
+    ),
+  },
+  {
+    id: 'loaded',
+    header: 'Loaded',
+    accessorFn: (row) => (row.loaded ? 'yes' : 'no'),
+    cell: ({ row }) => (
+      <Badge
+        tone={row.original.loaded ? 'success' : 'neutral'}
+        variant="soft"
+        size="sm"
+      >
+        {row.original.loaded ? 'loaded' : 'not loaded'}
+      </Badge>
+    ),
+  },
+];
+
+const sharedColumns: DataTableColumn<SharedRow>[] = [
+  { id: 'instance', header: 'Host', accessorFn: (row) => row.instance },
+  { id: 'scope', header: 'Scope', accessorFn: (row) => row.scope },
+  {
+    id: 'name',
+    header: 'Package',
+    accessorFn: (row) => row.name,
+    cell: ({ row }) => <Mono>{row.original.name}</Mono>,
+  },
+  {
+    id: 'versions',
+    header: 'Versions (provider)',
+    accessorFn: (row) =>
+      row.versions
+        .map(
+          (version) =>
+            `${version.version}${version.from ? ` (${version.from})` : ''}${version.loaded ? ' ✓' : ''}`
+        )
+        .join(', '),
+  },
+  {
+    id: 'requiredVersion',
+    header: 'Required',
+    accessorFn: (row) =>
+      row.versions
+        .map((version) => version.requiredVersion)
+        .filter(Boolean)
+        .join(', '),
+  },
+  {
+    id: 'singleton',
+    header: 'Singleton',
+    accessorFn: (row) =>
+      row.versions.some((version) => version.singleton) ? 'yes' : '',
+  },
+];
+
+const eventColumns: DataTableColumn<FederationEvent>[] = [
+  {
+    id: 'at',
+    header: 'Time',
+    accessorFn: (row) => row.at,
+    cell: ({ row }) => formatTime(row.original.at),
+  },
+  {
+    id: 'type',
+    header: 'Hook',
+    accessorFn: (row) => row.type,
+    cell: ({ row }) => (
+      <span className={row.original.error ? 'text-danger' : undefined}>
+        {row.original.type}
+      </span>
+    ),
+  },
+  {
+    id: 'id',
+    header: 'Request',
+    accessorFn: (row) => row.id ?? '',
+    cell: ({ row }) => <Mono>{row.original.id}</Mono>,
+  },
+  {
+    id: 'url',
+    header: 'URL / version',
+    accessorFn: (row) => row.url ?? row.version ?? '',
+    cell: ({ row }) => <Mono>{row.original.url ?? row.original.version}</Mono>,
+  },
+  {
+    id: 'error',
+    header: 'Error',
+    accessorFn: (row) => row.error ?? row.detail ?? '',
+  },
+];
+
+export default function FederationPanel() {
+  const { connected, rpc, snapshot, error, refresh } = useAppData();
+  const [requestId, setRequestId] = useState('');
+  const [result, setResult] = useState<unknown>(null);
+  const [selected, setSelected] = useState<unknown>(null);
+  const federation = snapshot?.federation;
+
+  const remotes: RemoteRow[] =
+    federation?.instances.flatMap((instance) =>
+      instance.remotes.map((remote) => ({ ...remote, instance: instance.name }))
+    ) ?? [];
+  const shared: SharedRow[] = [
+    ...(federation?.instances.flatMap((instance) =>
+      instance.shared.map((item) => ({ ...item, instance: instance.name }))
+    ) ?? []),
+    ...(federation?.shareScopes?.map((item) => ({ ...item, instance: '' })) ??
+      []),
+  ];
+
+  const loadRemote = async () => {
+    if (!rpc) return;
+    try {
+      setResult(await rpc.method('loadRemote').invoke({ id: requestId }));
+    } catch (cause) {
+      setResult({ error: String(cause) });
+    }
+    void refresh();
+  };
+
+  return (
+    <PluginShell>
+      <Header
+        title={
+          <>
+            Module Federation{' '}
+            <Badge size="sm" variant="soft" tone="info">
+              {federation?.runtime ?? '…'}
+            </Badge>{' '}
+            {federation && federation.runtime === 'v2' ? (
+              <Badge
+                size="sm"
+                variant="soft"
+                tone={federation.runtimePluginInstalled ? 'success' : 'warning'}
+              >
+                {federation.runtimePluginInstalled
+                  ? 'runtime plugin active'
+                  : 'runtime plugin missing'}
+              </Badge>
+            ) : null}
+          </>
+        }
+      >
+        <Button size="sm" tone="neutral" variant="outline" onClick={refresh}>
+          Refresh
+        </Button>
+        <Button
+          size="sm"
+          tone="neutral"
+          variant="outline"
+          disabled={!rpc}
+          onClick={() =>
+            rpc &&
+            void rpc
+              .method('clear')
+              .invoke({ scope: 'federation' })
+              .then(refresh)
+          }
+        >
+          Clear events
+        </Button>
+      </Header>
+      <PluginShell.Body>
+        {!connected ? <Notice>Waiting for the app to connect…</Notice> : null}
+        {error ? <Notice>{error}</Notice> : null}
+        {federation?.runtime === 'none' ? (
+          <Notice>No Module Federation runtime detected in this app.</Notice>
+        ) : null}
+        <Diagnostics items={federation?.diagnostics ?? []} />
+        <Section title="Load a remote module">
+          <div className="flex flex-wrap items-center gap-2">
+            <Input
+              size="sm"
+              placeholder="Remote/Module, e.g. MiniApp/MiniAppNavigator"
+              value={requestId}
+              onChange={(event) => setRequestId(event.target.value)}
+            />
+            <Button
+              size="sm"
+              disabled={!rpc || !requestId.includes('/')}
+              onClick={loadRemote}
+            >
+              Load
+            </Button>
+          </div>
+        </Section>
+        {result ? (
+          <Detail
+            title="Result"
+            data={result}
+            onClose={() => setResult(null)}
+          />
+        ) : null}
+        <Section title={`Remotes (${remotes.length})`}>
+          <DataTable
+            ariaLabel="Remotes"
+            columns={remoteColumns}
+            data={remotes}
+            getRowId={(row) => `${row.instance}:${row.name}`}
+            onRowClick={setSelected}
+            emptyMessage="No remotes registered."
+          />
+        </Section>
+        <Section title={`Shared (${shared.length})`}>
+          <DataTable
+            ariaLabel="Shared packages"
+            columns={sharedColumns}
+            data={shared}
+            getRowId={(row) => `${row.instance}:${row.scope}:${row.name}`}
+            onRowClick={setSelected}
+            emptyMessage="No shared packages."
+          />
+        </Section>
+        {selected ? (
+          <Detail
+            title="Details"
+            data={selected}
+            onClose={() => setSelected(null)}
+          />
+        ) : null}
+        <Section title="Runtime events">
+          <DataTable
+            ariaLabel="Federation events"
+            columns={eventColumns}
+            data={[...(snapshot?.federationEvents ?? [])].reverse()}
+            getRowId={(row) => String(row.seq)}
+            onRowClick={setSelected}
+            emptyMessage={
+              federation?.runtimePluginInstalled
+                ? 'No federation events yet.'
+                : 'Events need the repack-devtools MF runtime plugin.'
+            }
+          />
+        </Section>
+      </PluginShell.Body>
+    </PluginShell>
+  );
+}
diff --git a/packages/repack-devtools-plugin/src/ui/scripts-panel.tsx b/packages/repack-devtools-plugin/src/ui/scripts-panel.tsx
new file mode 100644
index 000000000..61fa10694
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/ui/scripts-panel.tsx
@@ -0,0 +1,229 @@
+import {
+  Button,
+  DataTable,
+  type DataTableColumn,
+  Input,
+  PluginShell,
+} from '@rozenite/ui';
+import { useState } from 'react';
+import type { ScriptEvent, ScriptRecord } from '../shared/types';
+import {
+  Detail,
+  formatMs,
+  formatTime,
+  Header,
+  Mono,
+  Notice,
+  Section,
+  StatusBadge,
+} from './components';
+import { useAppData } from './useDevToolsData';
+import '@rozenite/ui/styles.css';
+
+const scriptColumns: DataTableColumn<ScriptRecord>[] = [
+  {
+    id: 'uniqueId',
+    header: 'Script',
+    accessorFn: (row) => row.uniqueId,
+    cell: ({ row }) => <Mono>{row.original.uniqueId}</Mono>,
+  },
+  {
+    id: 'status',
+    header: 'Status',
+    accessorFn: (row) => row.status,
+    cell: ({ row }) => <StatusBadge status={row.original.status} />,
+  },
+  {
+    id: 'source',
+    header: 'Source',
+    accessorFn: (row) =>
+      row.locator?.fetch === undefined
+        ? ''
+        : row.locator.fetch
+          ? 'download'
+          : 'cache',
+  },
+  {
+    id: 'loadMs',
+    header: 'Load',
+    accessorFn: (row) => row.loadMs ?? -1,
+    cell: ({ row }) => formatMs(row.original.loadMs),
+  },
+  {
+    id: 'url',
+    header: 'URL',
+    accessorFn: (row) => row.locator?.url ?? '',
+    cell: ({ row }) => <Mono>{row.original.locator?.url}</Mono>,
+  },
+  {
+    id: 'error',
+    header: 'Error',
+    accessorFn: (row) => row.error?.nativeMessage ?? row.error?.message ?? '',
+    cell: ({ row }) =>
+      row.original.error ? (
+        <span className="text-danger">
+          {[row.original.error.stage, row.original.error.code]
+            .filter(Boolean)
+            .join(' ')}
+          {': '}
+          {row.original.error.nativeMessage ?? row.original.error.message}
+        </span>
+      ) : null,
+  },
+];
+
+const eventColumns: DataTableColumn<ScriptEvent>[] = [
+  {
+    id: 'at',
+    header: 'Time',
+    accessorFn: (row) => row.at,
+    cell: ({ row }) => formatTime(row.original.at),
+  },
+  { id: 'type', header: 'Event', accessorFn: (row) => row.type },
+  {
+    id: 'uniqueId',
+    header: 'Script',
+    accessorFn: (row) => row.uniqueId ?? '',
+    cell: ({ row }) => <Mono>{row.original.uniqueId}</Mono>,
+  },
+  { id: 'detail', header: 'Detail', accessorFn: (row) => row.detail ?? '' },
+];
+
+export default function ScriptsPanel() {
+  const { connected, rpc, snapshot, error, refresh } = useAppData();
+  const [selected, setSelected] = useState<ScriptRecord | null>(null);
+  const [scriptId, setScriptId] = useState('');
+  const [caller, setCaller] = useState('');
+  const [result, setResult] = useState<unknown>(null);
+
+  const run = async (action: () => Promise<unknown>) => {
+    try {
+      setResult(await action());
+    } catch (cause) {
+      setResult({ error: String(cause) });
+    }
+    void refresh();
+  };
+
+  return (
+    <PluginShell>
+      <Header title="Re.Pack ScriptManager">
+        <Button size="sm" tone="neutral" variant="outline" onClick={refresh}>
+          Refresh
+        </Button>
+        <Button
+          size="sm"
+          tone="neutral"
+          variant="outline"
+          disabled={!rpc}
+          onClick={() =>
+            rpc && run(() => rpc.method('clear').invoke({ scope: 'scripts' }))
+          }
+        >
+          Clear records
+        </Button>
+        <Button
+          size="sm"
+          tone="danger"
+          variant="soft"
+          disabled={!rpc}
+          onClick={() =>
+            rpc && run(() => rpc.method('invalidateScripts').invoke({}))
+          }
+        >
+          Invalidate cache
+        </Button>
+      </Header>
+      <PluginShell.Body>
+        {!connected ? <Notice>Waiting for the app to connect…</Notice> : null}
+        {error ? <Notice>{error}</Notice> : null}
+        <Section title="Load a script">
+          <div className="flex flex-wrap items-center gap-2">
+            <Input
+              size="sm"
+              placeholder="scriptId (chunk name)"
+              value={scriptId}
+              onChange={(event) => setScriptId(event.target.value)}
+            />
+            <Input
+              size="sm"
+              placeholder="caller (optional)"
+              value={caller}
+              onChange={(event) => setCaller(event.target.value)}
+            />
+            <Button
+              size="sm"
+              disabled={!rpc || !scriptId}
+              onClick={() =>
+                rpc &&
+                run(() =>
+                  rpc
+                    .method('loadScript')
+                    .invoke({ scriptId, caller: caller || undefined })
+                )
+              }
+            >
+              Load
+            </Button>
+            <Button
+              size="sm"
+              variant="outline"
+              disabled={!rpc || !scriptId}
+              onClick={() =>
+                rpc &&
+                run(() =>
+                  rpc
+                    .method('prefetchScript')
+                    .invoke({ scriptId, caller: caller || undefined })
+                )
+              }
+            >
+              Prefetch
+            </Button>
+          </div>
+        </Section>
+        {result ? (
+          <Detail
+            title="Result"
+            data={result}
+            onClose={() => setResult(null)}
+          />
+        ) : null}
+        <Section title={`Scripts (${snapshot?.scripts.length ?? 0})`}>
+          <DataTable
+            ariaLabel="Scripts"
+            columns={scriptColumns}
+            data={snapshot?.scripts ?? []}
+            getRowId={(row) => row.uniqueId}
+            onRowClick={setSelected}
+            emptyMessage="No scripts resolved yet."
+          />
+        </Section>
+        {selected ? (
+          <Detail
+            title={selected.uniqueId}
+            data={{
+              record:
+                snapshot?.scripts.find(
+                  (item) => item.uniqueId === selected.uniqueId
+                ) ?? selected,
+              events: snapshot?.scriptEvents.filter(
+                (event) => event.uniqueId === selected.uniqueId
+              ),
+            }}
+            onClose={() => setSelected(null)}
+          />
+        ) : null}
+        <Section title="Events">
+          <DataTable
+            ariaLabel="ScriptManager events"
+            columns={eventColumns}
+            data={[...(snapshot?.scriptEvents ?? [])].reverse()}
+            getRowId={(row) => String(row.seq)}
+            emptyMessage="No ScriptManager events yet."
+          />
+        </Section>
+      </PluginShell.Body>
+    </PluginShell>
+  );
+}
diff --git a/packages/repack-devtools-plugin/src/ui/useDevToolsData.ts b/packages/repack-devtools-plugin/src/ui/useDevToolsData.ts
new file mode 100644
index 000000000..469898b21
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/ui/useDevToolsData.ts
@@ -0,0 +1,93 @@
+import {
+  createRozeniteRpc,
+  useRozeniteDevToolsClient,
+} from '@rozenite/plugin-bridge';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { DEV_SERVER_ROUTE, PLUGIN_ID } from '../shared/constants';
+import { isDevServerState } from '../shared/guards';
+import type {
+  PanelSnapshot,
+  RepackDevToolsEventMap,
+  RepackDevToolsMethods,
+} from '../shared/messaging';
+import type { DevServerState } from '../shared/types';
+
+export const useAppData = () => {
+  const client = useRozeniteDevToolsClient<RepackDevToolsEventMap>({
+    pluginId: PLUGIN_ID,
+  });
+  const rpc = useMemo(
+    () => (client ? createRozeniteRpc<RepackDevToolsMethods>(client) : null),
+    [client]
+  );
+  const [snapshot, setSnapshot] = useState<PanelSnapshot | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const pending = useRef(false);
+
+  const refresh = useCallback(async () => {
+    if (!rpc || pending.current) return;
+    pending.current = true;
+    try {
+      setSnapshot(await rpc.method('getSnapshot').invoke());
+      setError(null);
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : String(cause));
+    } finally {
+      pending.current = false;
+    }
+  }, [rpc]);
+
+  useEffect(() => {
+    if (!client || !rpc) return;
+    void refresh();
+    const subscription = client.onMessage('state-changed', () => {
+      void refresh();
+    });
+    return () => {
+      subscription.remove();
+      rpc.close();
+    };
+  }, [client, rpc, refresh]);
+
+  return { connected: !!client, rpc, snapshot, error, refresh };
+};
+
+/** Dev-server state is served by the same origin as the panel itself. */
+export const useDevServerData = (intervalMs = 2000) => {
+  const [state, setState] = useState<DevServerState | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  const refresh = useCallback(async () => {
+    try {
+      const response = await fetch(`${DEV_SERVER_ROUTE}/state`);
+      if (!response.ok) {
+        throw new Error(
+          `${DEV_SERVER_ROUTE}/state responded with ${response.status}; is the config wrapped with withRepackDevTools?`
+        );
+      }
+      const body: unknown = await response.json();
+      if (!isDevServerState(body)) {
+        throw new Error(
+          `${DEV_SERVER_ROUTE}/state returned an unexpected payload.`
+        );
+      }
+      setState(body);
+      setError(null);
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : String(cause));
+    }
+  }, []);
+
+  useEffect(() => {
+    void refresh();
+    const timer = setInterval(() => void refresh(), intervalMs);
+    return () => clearInterval(timer);
+  }, [refresh, intervalMs]);
+
+  const clearRequests = useCallback(async () => {
+    await fetch(`${DEV_SERVER_ROUTE}/clear`, { method: 'POST' });
+    await refresh();
+  }, [refresh]);
+
+  return { state, error, refresh, clearRequests };
+};
diff --git a/packages/repack-devtools-plugin/tsconfig.bundler.json b/packages/repack-devtools-plugin/tsconfig.bundler.json
new file mode 100644
index 000000000..ba5c1403c
--- /dev/null
+++ b/packages/repack-devtools-plugin/tsconfig.bundler.json
@@ -0,0 +1,16 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "rootDir": ".",
+    "outDir": "dist/bundler",
+    "lib": ["ES2022"]
+  },
+  "files": ["bundler.ts"],
+  "include": [
+    "src/bundler/**/*",
+    "src/shared/constants.ts",
+    "src/shared/types.ts",
+    "src/shared/guards.ts"
+  ],
+  "exclude": ["src/**/__tests__/**"]
+}
diff --git a/packages/repack-devtools-plugin/tsconfig.json b/packages/repack-devtools-plugin/tsconfig.json
new file mode 100644
index 000000000..743b3076a
--- /dev/null
+++ b/packages/repack-devtools-plugin/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "types": ["node"],
+    // `rozenite build` emits the CommonJS entry with `moduleResolution: node10`,
+    // which ignores package exports. React Native >= 0.87 only declares its
+    // types through exports, so point node10 at them directly.
+    "paths": {
+      "react-native": ["./node_modules/react-native/types_generated/index.d.ts"]
+    }
+  },
+  "include": [
+    "src/**/*",
+    "react-native.ts",
+    "sdk.ts",
+    "rozenite.config.ts",
+    "vite.config.ts",
+    "vitest.config.ts"
+  ],
+  "exclude": ["node_modules", "dist", "src/bundler"]
+}
diff --git a/packages/repack-devtools-plugin/vite.config.ts b/packages/repack-devtools-plugin/vite.config.ts
new file mode 100644
index 000000000..cbb01e281
--- /dev/null
+++ b/packages/repack-devtools-plugin/vite.config.ts
@@ -0,0 +1,15 @@
+import { rozenitePlugin } from '@rozenite/vite-plugin';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  root: import.meta.dirname,
+  plugins: [rozenitePlugin()],
+  base: './',
+  build: {
+    outDir: './dist',
+    emptyOutDir: false,
+    reportCompressedSize: false,
+    minify: true,
+    sourcemap: false,
+  },
+});
diff --git a/packages/repack-devtools-plugin/vitest.config.ts b/packages/repack-devtools-plugin/vitest.config.ts
new file mode 100644
index 000000000..0f630284c
--- /dev/null
+++ b/packages/repack-devtools-plugin/vitest.config.ts
@@ -0,0 +1,8 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    include: ['src/**/__tests__/**/*.test.ts'],
+    environment: 'node',
+  },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fcb0776b0..fdf4e1559 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -128,6 +128,9 @@ catalogs:
     react-native-worklets:
       specifier: 0.13.0
       version: 0.13.0
+    rozenite:
+      specifier: 2.5.0
+      version: 2.5.0
 
 overrides:
   caniuse-lite: ^1.0.30001774
@@ -194,10 +197,10 @@ importers:
         version: 3.1.1(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
       '@rn-primitives/slot':
         specifier: ^1.2.0
-        version: 1.5.2(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
+        version: 1.5.2(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
       '@rn-primitives/types':
         specifier: ^1.2.0
-        version: 1.5.2(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
+        version: 1.5.2(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -238,6 +241,9 @@ importers:
       '@callstack/repack':
         specifier: workspace:*
         version: link:../../packages/repack
+      '@callstack/repack-devtools-plugin':
+        specifier: workspace:*
+        version: link:../../packages/repack-devtools-plugin
       '@callstack/repack-plugin-nativewind':
         specifier: workspace:*
         version: link:../../packages/plugin-nativewind
@@ -310,6 +316,9 @@ importers:
       react-native-test-app:
         specifier: catalog:testers
         version: 5.4.14(@expo/config-plugins@58.0.9(typescript@7.0.2))(@react-native-community/cli-types@20.2.0)(memfs@4.64.0)(metro@0.87.1)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
+      rozenite:
+        specifier: catalog:testers
+        version: 2.5.0
       tailwindcss:
         specifier: ^3.4.17
         version: 3.4.19(yaml@2.9.0)
@@ -345,7 +354,7 @@ importers:
         version: 2.9.2(@rspack/core@1.6.0(@swc/helpers@0.5.23))(typescript@7.0.2)(webpack@5.105.4)
       expo:
         specifier: catalog:expo58
-        version: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+        version: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-asset:
         specifier: catalog:expo58
         version: 58.0.16(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
@@ -360,7 +369,7 @@ importers:
         version: 58.0.13(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-router:
         specifier: catalog:expo58
-        version: 58.0.22(0a44e7a7d601e3988001776cdacc6f07)
+        version: 58.0.22(349396f405cfe57c143feed2793b3d2b)
       expo-status-bar:
         specifier: catalog:expo58
         version: 58.0.3(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
@@ -389,6 +398,9 @@ importers:
       '@babel/core':
         specifier: 'catalog:'
         version: 7.29.7
+      '@callstack/repack-devtools-plugin':
+        specifier: workspace:*
+        version: link:../../packages/repack-devtools-plugin
       '@react-native-community/cli':
         specifier: catalog:testers
         version: 20.2.0(typescript@7.0.2)
@@ -419,6 +431,9 @@ importers:
       babel-preset-expo:
         specifier: catalog:expo58
         version: 58.0.17(@babel/core@7.29.7)(@babel/runtime@7.29.7)(expo@58.0.13)(react-refresh@0.19.0)
+      rozenite:
+        specifier: catalog:testers
+        version: 2.5.0
       typescript:
         specifier: 'catalog:'
         version: 7.0.2
@@ -439,7 +454,7 @@ importers:
         version: 2.9.2(@rspack/core@1.6.0(@swc/helpers@0.5.23))(typescript@7.0.2)(webpack@5.105.4)
       expo:
         specifier: catalog:expo58
-        version: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+        version: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-asset:
         specifier: catalog:expo58
         version: 58.0.16(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
@@ -517,6 +532,9 @@ importers:
       '@babel/core':
         specifier: ^7.29.7
         version: 7.29.7
+      '@callstack/repack-devtools-plugin':
+        specifier: workspace:*
+        version: link:../../packages/repack-devtools-plugin
       '@react-native-community/cli':
         specifier: catalog:testers
         version: 20.2.0(typescript@7.0.2)
@@ -565,6 +583,9 @@ importers:
       react-native-test-app:
         specifier: catalog:testers
         version: 5.4.14(@expo/config-plugins@58.0.9(typescript@7.0.2))(@react-native-community/cli-types@20.2.0)(memfs@4.64.0)(metro@0.87.1)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
+      rozenite:
+        specifier: catalog:testers
+        version: 2.5.0
       terser-webpack-plugin:
         specifier: 'catalog:'
         version: 5.5.0(webpack@5.105.4)
@@ -611,6 +632,9 @@ importers:
       '@babel/core':
         specifier: ^7.29.7
         version: 7.29.7
+      '@callstack/repack-devtools-plugin':
+        specifier: workspace:*
+        version: link:../../packages/repack-devtools-plugin
       '@react-native-community/cli':
         specifier: catalog:testers
         version: 20.2.0(typescript@7.0.2)
@@ -662,6 +686,9 @@ importers:
       react-native-test-app:
         specifier: catalog:testers
         version: 5.4.14(@expo/config-plugins@58.0.9(typescript@7.0.2))(@react-native-community/cli-types@20.2.0)(memfs@4.64.0)(metro@0.87.1)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
+      rozenite:
+        specifier: catalog:testers
+        version: 2.5.0
       terser-webpack-plugin:
         specifier: 'catalog:'
         version: 5.5.0(webpack@5.105.4)
@@ -1016,6 +1043,67 @@ importers:
         specifier: 'catalog:'
         version: 5.105.4
 
+  packages/repack-devtools-plugin:
+    dependencies:
+      '@rozenite/agent-bridge':
+        specifier: 2.5.0
+        version: 2.5.0(react@19.3.0)
+      '@rozenite/agent-shared':
+        specifier: 2.5.0
+        version: 2.5.0
+      '@rozenite/plugin-bridge':
+        specifier: 2.5.0
+        version: 2.5.0(react@19.3.0)
+      '@rozenite/ui':
+        specifier: 2.5.0
+        version: 2.5.0(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+    devDependencies:
+      '@callstack/repack':
+        specifier: workspace:*
+        version: link:../repack
+      '@rozenite/vite-plugin':
+        specifier: 2.5.0
+        version: 2.5.0(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)(vite@7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0))
+      '@swc/helpers':
+        specifier: 'catalog:'
+        version: 0.5.23
+      '@types/node':
+        specifier: 'catalog:'
+        version: 20.19.43
+      '@types/react':
+        specifier: catalog:testers
+        version: 19.2.17
+      '@types/react-dom':
+        specifier: ^19.2.0
+        version: 19.3.0(@types/react@19.2.17)
+      react:
+        specifier: 'catalog:'
+        version: 19.3.0
+      react-dom:
+        specifier: 'catalog:'
+        version: 19.3.0(react@19.3.0)
+      react-native:
+        specifier: 'catalog:'
+        version: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
+      react-native-web:
+        specifier: ^0.21.4
+        version: 0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      rozenite:
+        specifier: catalog:testers
+        version: 2.5.0
+      typescript:
+        specifier: 'catalog:'
+        version: 7.0.2
+      typescript-5:
+        specifier: npm:typescript@~5.9.3
+        version: typescript@5.9.3
+      vite:
+        specifier: ^7.3.1
+        version: 7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0)
+      vitest:
+        specifier: 'catalog:'
+        version: 4.1.11(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0)
+
   packages/repack-expo:
     dependencies:
       '@callstack/repack-plugin-expo-modules':
@@ -1051,10 +1139,10 @@ importers:
         version: 58.0.17(@babel/core@7.29.7)(@babel/runtime@7.29.7)(expo@58.0.13)(react-refresh@0.19.0)
       expo:
         specifier: catalog:expo58
-        version: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+        version: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-router:
         specifier: catalog:expo58
-        version: 58.0.22(4cdc89138c9183cc16c7600aec72e38f)
+        version: 58.0.22(d876cd37ca7f2675cfbf3082346c7716)
       react:
         specifier: 'catalog:'
         version: 19.3.0
@@ -2177,10 +2265,16 @@ packages:
   '@clack/core@0.4.1':
     resolution: {integrity: sha512-Pxhij4UXg8KSr7rPek6Zowm+5M22rbd2g1nfojHJkxp5YkFqiZ2+YLEM/XGVIzvGOcM0nqjIFxrpDwWRZYWYjA==}
 
+  '@clack/core@0.5.0':
+    resolution: {integrity: sha512-p3y0FIOwaYRUPRcMO7+dlmLh8PSRcrjuTndsiA0WAFbWES0mLZlrjVoBRZ9DzkPFJZG6KGkJmoEAY0ZcVWTkow==}
+
   '@clack/core@1.5.1':
     resolution: {integrity: sha512-iHTrHA8MtVuLl2TfZySmcKv1qO2PoyC9Z7pfSDozEuV5vtY3/wcOPKJXlqJ5Oq2Cx5DDGQGAMVx6HZfRRoVEbQ==}
     engines: {node: '>= 20.12.0'}
 
+  '@clack/prompts@0.11.0':
+    resolution: {integrity: sha512-pMN5FcrEw9hUkZA4f+zLlzivQSeQf5dRGJjSUbvVYDLvpKCdQx5OaknvKzgbtXOizhP+SJJJjqEbOe55uKKfAw==}
+
   '@clack/prompts@0.9.1':
     resolution: {integrity: sha512-JIpyaboYZeWYlyP0H+OoPPxd6nqueG/CmN6ixBiNFsIDHREevjIf0n0Ohh5gr5C8pEDknzgvz+pIJ8dMhzWIeg==}
 
@@ -2192,6 +2286,14 @@ packages:
     resolution: {integrity: sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==}
     engines: {node: '>=10.0.0'}
 
+  '@electron-internal/extract-zip@1.0.5':
+    resolution: {integrity: sha512-+bqFCP98pLI0Tt0XQo1TmlXtwjWchISndDOxCkEcIuUgXWpBnLyRI+2DU+mesvnMMX6L1XDqYNA0lXNDHd/yiA==}
+    engines: {node: '>=22.12.0'}
+
+  '@electron/get@5.1.0':
+    resolution: {integrity: sha512-3kSBtG8ObcTVfXanm5vVJ6UnBLEVmVsRk1M+vGqCuMBV+XLCbJYuWQful+yIy0GQDsSlK0kHEriEHn7SPk4EnA==}
+    engines: {node: '>=22.12.0'}
+
   '@emnapi/core@1.11.3':
     resolution: {integrity: sha512-zLpS5asjEb7lq8jYLq37N6XKaE41DIexlY1rF/z4/tIl3wo13Sqm28fRyfIsKZD+NZ8mM5RoKkpW/rBcuoSZSg==}
 
@@ -3781,6 +3883,9 @@ packages:
     resolution: {integrity: sha512-iPV2HNXlPs7xQDBJJGIjkH0x2psZwJeRIEpfSqxgqLaO5eEfE2Ccicfz2OBHBcIC5jKGGa4IoI/e26zMNDuTMQ==}
     engines: {node: ^22.13.0 || ^24.3.0 || >= 26.0.0}
 
+  '@react-native/normalize-colors@0.74.89':
+    resolution: {integrity: sha512-qoMMXddVKVhZ8PA1AbUCk83trpd6N+1nF2A6k1i6LsQObyS92fELuk8kU/lQs6M7BsMHwqyLCpQJ1uFgNvIQXg==}
+
   '@react-native/normalize-colors@0.88.0':
     resolution: {integrity: sha512-eZCu3tGAQCfvMCPQJVY4dmoMX8ZZYBvqIGHX7lwOYyzNK+Dl8e5ky7ZoXub1Rq75oSrQXNNmSP2CDjNNXXZpFQ==}
 
@@ -3918,6 +4023,9 @@ packages:
     resolution: {integrity: sha512-5zFk5wPiAEinfT5XH+t7Ka5I/CUnRf/fqnCS7LDj21ReOgGfdrUQ1wXVsV7EoClCNCgUHvWFDdWkbNOFeFa60A==}
     engines: {node: '>=18.12'}
 
+  '@rolldown/pluginutils@1.0.0-beta.27':
+    resolution: {integrity: sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==}
+
   '@rollup/rollup-android-arm-eabi@4.62.2':
     resolution: {integrity: sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==}
     cpu: [arm]
@@ -4062,6 +4170,10 @@ packages:
     peerDependencies:
       react: '>=17'
 
+  '@rozenite/agent-sdk@2.5.0':
+    resolution: {integrity: sha512-qmbYpKhbSoFHJvA32KxiBFjv/mQhGjvyS3t317zYRmOiI2bsK1gJHlu/ldfCQFD8YQFZw25WkD527I4TydXAMA==}
+    engines: {node: '>=20'}
+
   '@rozenite/agent-shared@2.5.0':
     resolution: {integrity: sha512-odly7RJ5xX8X+/8ysYgaYiVpY5B/SJSXmXkfx8jnpiu6ZblGMLDU2+dypqYXN7C3r8UmuTNBeadHcaTaPpqWAA==}
     engines: {node: '>=20'}
@@ -4070,6 +4182,11 @@ packages:
     resolution: {integrity: sha512-l3IkfFzCokcrsiQD4WMzQu9+tGXUM32/ggnLl+cx6XOauJKzPhI3MgN8h4BNusTfU065MVPlMHEtSPUIQRZ8SQ==}
     engines: {node: '>=20'}
 
+  '@rozenite/electron-app@2.5.0':
+    resolution: {integrity: sha512-IPY1ZL1QaH+49k1fKNSp8UbfKT3KfglGqFLo6wrnuL6vDAAWHqPuZKJoN50GMtJXdUQTvzs/o7l+J3DVr120oA==}
+    engines: {node: '>=22.12.0'}
+    hasBin: true
+
   '@rozenite/middleware@2.5.0':
     resolution: {integrity: sha512-iWuBJvQwXTKH7qnVL6bgqDviPZaI41sjwLpoZD+sDuUcQFLczkK7S/aqFzI4pjWW7RGVDgZciPFBvUvMWJAt1Q==}
     engines: {node: '>=20.19.0'}
@@ -4144,6 +4261,14 @@ packages:
       react: '>=19'
       react-dom: '>=19'
 
+  '@rozenite/vite-plugin@2.5.0':
+    resolution: {integrity: sha512-rFeQE/xuChC6BpjJG5qrRw1Bz+vuiBx0h8vtRHOC10Rp/9Nzovx2mfmnLYoiui1rQ2XH6ByDGAwXRhHVAZ9qOQ==}
+    engines: {node: '>=20'}
+    peerDependencies:
+      react: '*'
+      react-dom: '*'
+      vite: ^7.3.1
+
   '@rsbuild/core@1.3.18':
     resolution: {integrity: sha512-ocnz3pVapMTeuoP3zZ1shYcxnAQtRf6RzLl8n7acNi8Hu+ku6SiDGR65foclwcubWF6e9nZPohH94rXnmEVfrw==}
     engines: {node: '>=16.10.0'}
@@ -4775,6 +4900,100 @@ packages:
   '@swc/types@0.1.27':
     resolution: {integrity: sha512-K6h3iUlqeM946U4sXFYeahefR1YBbXJvko+hv8WS8/0BNJ4OHiHRywMnQUJCqkR7Y9+hqQ1TvEpiKqUhz7NEFg==}
 
+  '@tailwindcss/node@4.2.2':
+    resolution: {integrity: sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==}
+
+  '@tailwindcss/oxide-android-arm64@4.2.2':
+    resolution: {integrity: sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.2.2':
+    resolution: {integrity: sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.2.2':
+    resolution: {integrity: sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.2.2':
+    resolution: {integrity: sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
+    resolution: {integrity: sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
+    resolution: {integrity: sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
+    resolution: {integrity: sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
+    resolution: {integrity: sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.2.2':
+    resolution: {integrity: sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.2.2':
+    resolution: {integrity: sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==}
+    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-win32-arm64-msvc@4.2.2':
+    resolution: {integrity: sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
+    resolution: {integrity: sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.2.2':
+    resolution: {integrity: sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/vite@4.2.2':
+    resolution: {integrity: sha512-mEiF5HO1QqCLXoNEfXVA1Tzo+cYsrqV7w9Juj2wdUFyW07JRenqMG225MvPwr3ZD9N1bFQj46X7r33iHxLUW0w==}
+    peerDependencies:
+      vite: ^7.3.1
+
   '@tanstack/react-table@8.21.3':
     resolution: {integrity: sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==}
     engines: {node: '>=12'}
@@ -4912,6 +5131,9 @@ packages:
   '@types/node@20.19.43':
     resolution: {integrity: sha512-6oYBAi5ikg4Pl+kGsoYtawUMBT2zZMCvPNF7pVLnHZfd1zf38DRiWn/gT01RYCdUqkv7Fhr+C9ot4/tb+2sVvA==}
 
+  '@types/node@24.19.2':
+    resolution: {integrity: sha512-93d49wCWJkCyN87MxLpNN6KXPCwFw7bVUg79mGUV1OS40JGWwVCr8n61DXCSqz7CV6/VfPkb7xec7uP2M+QHWQ==}
+
   '@types/node@26.1.1':
     resolution: {integrity: sha512-nxAkRSVkN1Y0JC1W8ky/fTfkGsMmcrRsbx+3XoZE+rMOX71kLYTV7fLXpqud1GpbpP5TuffXFqfX7fH2GgZREw==}
 
@@ -4923,6 +5145,11 @@ packages:
     peerDependencies:
       '@types/react': ^17.0.0
 
+  '@types/react-dom@19.3.0':
+    resolution: {integrity: sha512-ZI7bU42mZXXKHn/qNLEw2IrbiINU7X5+vfgdixBHkCNpYWXjKgfQ/P+uyGb5CjOLB9UcnTeg3rylQtV2hym44Q==}
+    peerDependencies:
+      '@types/react': ^19.3.0
+
   '@types/react-test-renderer@19.3.0':
     resolution: {integrity: sha512-TX4p2D4Z2oigM3SXU7+QyLSUnSR0vR1S1Pfxm/qFL9nHQ3jclgi6ioGoWQmlIr1DeKRVmPJrmNlhgM0JlWlLUg==}
 
@@ -5128,6 +5355,12 @@ packages:
       vue-router:
         optional: true
 
+  '@vitejs/plugin-react@4.7.0':
+    resolution: {integrity: sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^7.3.1
+
   '@vitest/expect@4.1.11':
     resolution: {integrity: sha512-VX2x5vNJXET47KAFzwERI+KRMtTTCSWTfSMKsW7JsUsXV4psq++e3DvZpuTDOpHcxytiDs6p2nhVb2tVDiiUYw==}
 
@@ -5781,6 +6014,10 @@ packages:
     resolution: {integrity: sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==}
     engines: {node: '>=18'}
 
+  commander@14.0.3:
+    resolution: {integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==}
+    engines: {node: '>=20'}
+
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
@@ -5908,10 +6145,16 @@ packages:
     resolution: {integrity: sha512-p0SaNjrHOnQeR8/VnfGbmg9te2kfyYSQ7Sc/j/6DtPL3JQvKxmjO9TSjNFpujqV3vEYYBvNNvXSxzyksBWAx1Q==}
     engines: {node: '>=12.0.0'}
 
+  cross-fetch@3.2.0:
+    resolution: {integrity: sha512-Q+xVJLoGOeIMXZmbUK4HYk+69cQH6LudR0Vu/pRm2YlU/hDV9CiS0gKUMaWY5f2NeUH9C1nV3bsTlCo0FsTV1Q==}
+
   cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  css-in-js-utils@3.1.0:
+    resolution: {integrity: sha512-fJAcud6B3rRu+KHYk+Bwf+WFL2MDCJJ1XG9x137tJQ0xYxor7XziQtuGFbWNdqrvF4Tk26O3H73nfVqXt/fW1A==}
+
   css-select@5.2.2:
     resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
 
@@ -6121,9 +6364,19 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
+  ejs@3.1.10:
+    resolution: {integrity: sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+
   electron-to-chromium@1.5.396:
     resolution: {integrity: sha512-yHiw2Y3C3H9U6TMbOfoWK/BPreiOPXRfTWPBwQBoZG6/8TB6eOPnsy5oaRYuatR7Fw2SJ4kKforgufeo7fq0EQ==}
 
+  electron@44.9.3:
+    resolution: {integrity: sha512-Cv9/yMnZxNWsMlIe8T4v//NKHdUvbeyoTJoXE3BIcRxus2meeFaO9h/P3zB5d4cBXum51IgAYrT2QjpIDWKpJA==}
+    engines: {node: '>= 22.12.0'}
+    hasBin: true
+
   emittery@0.13.1:
     resolution: {integrity: sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==}
     engines: {node: '>=12'}
@@ -6163,6 +6416,10 @@ packages:
     resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
     engines: {node: '>=6'}
 
+  env-paths@3.0.0:
+    resolution: {integrity: sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   envinfo@7.21.0:
     resolution: {integrity: sha512-Lw7I8Zp5YKHFCXL7+Dz95g4CcbMEpgvqZNNq3AmlT5XAV6CgAAk6gyAMqn2zjw08K9BHfcNuKrMiCPLByGafow==}
     engines: {node: '>=4'}
@@ -6541,6 +6798,12 @@ packages:
   fb-watchman@2.0.2:
     resolution: {integrity: sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==}
 
+  fbjs-css-vars@1.0.2:
+    resolution: {integrity: sha512-b2XGFAFdWZWg0phtAWLHCk836A1Xann+I+Dgd3Gk64MHKZO44FfoD1KxyvbSh0qZsIoXQGGlVztIY+oitJPpRQ==}
+
+  fbjs@3.0.5:
+    resolution: {integrity: sha512-ztsSx77JBtkuMrEypfhgc3cI0+0h+svqeie7xHbh1k/IKdcydnvadp/mUaGgjAOXQmQSxsqgaRhS3q9fy+1kxg==}
+
   fdir@6.5.0:
     resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
     engines: {node: '>=12.0.0'}
@@ -6557,6 +6820,9 @@ packages:
     resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
     engines: {node: '>=18'}
 
+  filelist@1.0.6:
+    resolution: {integrity: sha512-5giy2PkLYY1cP39p17Ech+2xlpTRL9HLspOfEgm0L6CwBXBTgsK5ou0JtzYuepxkaQ/tvhCFIJ5uXo0OrM2DxA==}
+
   filesize@11.0.25:
     resolution: {integrity: sha512-oPVK4S+B5nRK8eL5FORi4RSzbz/1PmUx17NQLMIWv8tlNVDUFgLY0GNApL7tEebL4WgkBqSJGB3AJsCXUs01hw==}
     engines: {node: '>= 10.8.0'}
@@ -6974,6 +7240,9 @@ packages:
     resolution: {integrity: sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==}
     engines: {node: '>=10.18'}
 
+  hyphenate-style-name@1.1.0:
+    resolution: {integrity: sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==}
+
   iconv-lite@0.6.3:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
@@ -7026,6 +7295,9 @@ packages:
   inline-style-parser@0.2.7:
     resolution: {integrity: sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==}
 
+  inline-style-prefixer@7.0.1:
+    resolution: {integrity: sha512-lhYo5qNTQp3EvSSp3sRvXMbVQTLrvGV6DycRMJ5dm2BLMiJ30wpXKdDdgX+GmJZ5uQMucwRKHamXSst3Sj/Giw==}
+
   invariant@2.2.4:
     resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==}
 
@@ -7209,6 +7481,11 @@ packages:
     resolution: {integrity: sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==}
     engines: {node: '>=8'}
 
+  jake@10.9.4:
+    resolution: {integrity: sha512-wpHYzhxiVQL+IV05BLE2Xn34zW1S223hvjtqk0+gsPrwd/8JNLXJgZZM/iPFsYc1xyphF+6M6EvdE5E9MBGkDA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   jest-changed-files@29.7.0:
     resolution: {integrity: sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -7465,6 +7742,12 @@ packages:
   lighthouse-logger@1.4.2:
     resolution: {integrity: sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==}
 
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
   lightningcss-android-arm64@1.33.0:
     resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==}
     engines: {node: '>= 12.0.0'}
@@ -7477,6 +7760,12 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
   lightningcss-darwin-arm64@1.33.0:
     resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==}
     engines: {node: '>= 12.0.0'}
@@ -7489,6 +7778,12 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
   lightningcss-darwin-x64@1.33.0:
     resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==}
     engines: {node: '>= 12.0.0'}
@@ -7501,6 +7796,12 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
   lightningcss-freebsd-x64@1.33.0:
     resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==}
     engines: {node: '>= 12.0.0'}
@@ -7513,6 +7814,12 @@ packages:
     cpu: [arm]
     os: [linux]
 
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
   lightningcss-linux-arm-gnueabihf@1.33.0:
     resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==}
     engines: {node: '>= 12.0.0'}
@@ -7526,6 +7833,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
   lightningcss-linux-arm64-gnu@1.33.0:
     resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==}
     engines: {node: '>= 12.0.0'}
@@ -7540,6 +7854,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
   lightningcss-linux-arm64-musl@1.33.0:
     resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==}
     engines: {node: '>= 12.0.0'}
@@ -7554,6 +7875,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
   lightningcss-linux-x64-gnu@1.33.0:
     resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==}
     engines: {node: '>= 12.0.0'}
@@ -7568,6 +7896,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
   lightningcss-linux-x64-musl@1.33.0:
     resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==}
     engines: {node: '>= 12.0.0'}
@@ -7581,6 +7916,12 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
   lightningcss-win32-arm64-msvc@1.33.0:
     resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==}
     engines: {node: '>= 12.0.0'}
@@ -7593,6 +7934,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
   lightningcss-win32-x64-msvc@1.33.0:
     resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==}
     engines: {node: '>= 12.0.0'}
@@ -7603,6 +7950,10 @@ packages:
     resolution: {integrity: sha512-8f7aNmS1+etYSLHht0fQApPc2kNO8qGRutifN5rVIc6Xo6ABsEbqOr758UwI7ALVbTt4x1fllKt0PYgzD9S3yQ==}
     engines: {node: '>= 12.0.0'}
 
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
   lightningcss@1.33.0:
     resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==}
     engines: {node: '>= 12.0.0'}
@@ -7843,6 +8194,9 @@ packages:
   memoize-one@5.2.1:
     resolution: {integrity: sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==}
 
+  memoize-one@6.0.0:
+    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
+
   merge-descriptors@2.0.0:
     resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
     engines: {node: '>=18'}
@@ -8091,6 +8445,10 @@ packages:
   minimatch@3.1.5:
     resolution: {integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==}
 
+  minimatch@5.1.9:
+    resolution: {integrity: sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw==}
+    engines: {node: '>=10'}
+
   minimatch@8.0.7:
     resolution: {integrity: sha512-V+1uQNdzybxa14e/p00HZnQNNcTjnRJjDxg2V8wtkjFctq4M7hXFws4oekyTP0Jebeq7QYtpFyOeBAjc88zvYg==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -8123,6 +8481,10 @@ packages:
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
+  nano-spawn@1.0.3:
+    resolution: {integrity: sha512-jtpsQDetTnvS2Ts1fiRdci5rx0VYws5jGyC+4IYOTnIQ/wwdf6JdomlHBwqC3bJYOvaKu0C2GSZ1A60anrYpaA==}
+    engines: {node: '>=20.17'}
+
   nanoevents@9.1.0:
     resolution: {integrity: sha512-Jd0fILWG44a9luj8v5kED4WI+zfkkgwKyRQKItTtlPfEsh7Lznfi1kr8/iZ+XAIss4Qq5GqRB0qtWbaz9ceO/A==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -8163,6 +8525,15 @@ packages:
     resolution: {integrity: sha512-WDD0bdg9mbq6F4mRxEYcPWwfA1vxd0mrvKOyxI7Xj/atfRHVeutzuWByG//jfm4uPzp0y4Kj051EORCBSQMycw==}
     engines: {node: '>=12.0.0'}
 
+  node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+
   node-forge@1.4.0:
     resolution: {integrity: sha512-LarFH0+6VfriEhqMMcLX2F7SwSXeWwnEAJEsYm5QKWchiVYVvJyV9v7UDvUv+w5HO23ZpQTXDv/GxdDdMyOuoQ==}
     engines: {node: '>= 6.13.0'}
@@ -8575,6 +8946,9 @@ packages:
     resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
     engines: {node: '>=0.4.0'}
 
+  promise@7.3.1:
+    resolution: {integrity: sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==}
+
   promise@8.3.0:
     resolution: {integrity: sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==}
 
@@ -8753,6 +9127,12 @@ packages:
       react-native-windows:
         optional: true
 
+  react-native-web@0.21.4:
+    resolution: {integrity: sha512-77B6KlalB4osNIck91TNFixPkYPsTbuNEvw8P7IV+4v4/5wZSBRKZnw0Zhx6YjuauDTz71gc8IW+fVhcBMjr5A==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+
   react-native-worklets@0.13.0:
     resolution: {integrity: sha512-1OrhAeAKaZF4XrBa4YbPQbKzNOpjh52HDlId8e6ete1OCHNdAlrQHzG4gznJ225EAj3dgQXHViJvK51M9B52jQ==}
     peerDependencies:
@@ -8782,6 +9162,10 @@ packages:
     resolution: {integrity: sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==}
     engines: {node: '>=0.10.0'}
 
+  react-refresh@0.17.0:
+    resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
+    engines: {node: '>=0.10.0'}
+
   react-refresh@0.19.0:
     resolution: {integrity: sha512-5HdstYgoJBbBofjapO5qCPcovECJCBfvjLb+iTcsmqDFVMRdqy0qs7iiInBJTUXmIFc2bjoc5b2HVLp2zRtYhQ==}
     engines: {node: '>=0.10.0'}
@@ -9014,6 +9398,11 @@ packages:
     resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
     engines: {node: '>= 18'}
 
+  rozenite@2.5.0:
+    resolution: {integrity: sha512-DRe07ahFdcLSqOgBiNNosYJeTAPFBU3JieA4IdLOXykEPNQ7BHS4bIEXREIJylQIJV31897vXAhBOCZVTuup1Q==}
+    engines: {node: '>=20'}
+    hasBin: true
+
   rsbuild-plugin-dts@0.6.9:
     resolution: {integrity: sha512-mcB4mxfUqkHHzR5VV6PuXRGpLC1Gdly0BN/jRzbPmdWDtvfBO6LLOniiBzVVemibqs9gBQhl2OEilJs4Cyoq5w==}
     engines: {node: '>=16.7.0'}
@@ -9152,6 +9541,9 @@ packages:
   set-cookie-parser@2.7.2:
     resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==}
 
+  setimmediate@1.0.5:
+    resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
+
   setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
@@ -9396,11 +9788,18 @@ packages:
   style-to-object@1.0.14:
     resolution: {integrity: sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==}
 
+  styleq@0.1.3:
+    resolution: {integrity: sha512-3ZUifmCDCQanjeej1f6kyl/BeP/Vae5EYkQ9iJfUm/QwZvlgnZzyflqAsAWYURdtea8Vkvswu2GrC57h3qffcA==}
+
   sucrase@3.35.1:
     resolution: {integrity: sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==}
     engines: {node: '>=16 || 14 >=14.17'}
     hasBin: true
 
+  sumchecker@3.0.1:
+    resolution: {integrity: sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==}
+    engines: {node: '>= 8.0'}
+
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -9518,10 +9917,6 @@ packages:
   tinycolor2@1.6.0:
     resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
 
-  tinyexec@1.2.4:
-    resolution: {integrity: sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==}
-    engines: {node: '>=18'}
-
   tinyexec@1.3.1:
     resolution: {integrity: sha512-GCvB3aoys96IuDFBMcTB46JOR6mdMtAToqwiW8JlWhsoh1mhHi/xn9ss/Dg7N555GiJyEt2qzoG/NHCwM6h1EA==}
     engines: {node: '>=18'}
@@ -9558,6 +9953,9 @@ packages:
   toqr@0.1.1:
     resolution: {integrity: sha512-FWAPzCIHZHnrE/5/w9MPk0kK25hSQSH2IKhYh9PyjS3SG/+IEMvlwIHbhz+oF7xl54I+ueZlVnMjyzdSwLmAwA==}
 
+  tr46@0.0.3:
+    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+
   tree-dump@1.1.0:
     resolution: {integrity: sha512-rMuvhU4MCDbcbnleZTFezWsaZXRFemSqAM+7jPnzUl1fo9w3YEKOxAeui0fz3OI4EU4hf23iyA7uQRVko+UaBA==}
     engines: {node: '>=10.0'}
@@ -9619,14 +10017,26 @@ packages:
     resolution: {integrity: sha512-faYHw0anBbc/kWF3zFTEnxSFOAGUX9GFbOBthvDdLsIlEoWOFOtS0zgCiQYwIskL9iGXZL3kAXD8OoZ4GmMATA==}
     engines: {node: '>= 18'}
 
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
   typescript@7.0.2:
     resolution: {integrity: sha512-8FYau96o3NKOhbjKi/qNvG/W5jhzxkbdm5sj9AbZ/5T5sWqn3hJgLfGx27sRKZWTvyzCP8dLRBTf5tBTSRVUNA==}
     engines: {node: '>=16.20.0'}
     hasBin: true
 
+  ua-parser-js@1.0.41:
+    resolution: {integrity: sha512-LbBDqdIC5s8iROCUjMbW1f5dJQTEFB1+KO9ogbvlb3nm9n4YHa5p4KTvFPWvh2Hs8gZMBuiB1/8+pdfe/tDPug==}
+    hasBin: true
+
   undici-types@6.21.0:
     resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
 
+  undici-types@7.24.6:
+    resolution: {integrity: sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==}
+
   undici-types@8.3.0:
     resolution: {integrity: sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==}
 
@@ -9744,6 +10154,10 @@ packages:
     resolution: {integrity: sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
+  validate-npm-package-name@6.0.2:
+    resolution: {integrity: sha512-IUoow1YUtvoBBC06dXs8bR8B9vuA3aJfmQNKMoaPG/OFsPmoQvw8xh+6Ye25Gx9DQhoEom3Pcu9MKHerm/NpUQ==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
   vary@1.1.2:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
@@ -9757,6 +10171,10 @@ packages:
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
+  vite-plugin-react-native-web@2.7.1:
+    resolution: {integrity: sha512-J09rXvsEsintbdNiiyXI+Ht5r1zlAjFk8GD/LGt5KVr/kMPy+7+IaVo+tPf29pTnv5cDW+aXw6dD+ba8Bu1RWQ==}
+    engines: {node: '>=14.0.0'}
+
   vite@7.3.6:
     resolution: {integrity: sha512-4XP60spRGjSZFf1qYH+dJIkK2znL3zQfl9KkOV9MkkRR/3Dls0dxaBsQPTloEc5BLXWPL9vsOxopxyKoMmDueg==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -9859,6 +10277,9 @@ packages:
   web-namespaces@2.0.1:
     resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
 
+  webidl-conversions@3.0.1:
+    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+
   webpack-merge@6.0.1:
     resolution: {integrity: sha512-hXXvrjtx2PLYx4qruKl+kyRSLc52V+cCvMxRjmKwoA+CBbbF5GfIBtR6kCvl0fYGqTUPKB+1ktVmTHqMOzgCBg==}
     engines: {node: '>=18.0.0'}
@@ -9891,6 +10312,9 @@ packages:
   whatwg-url-minimum@0.2.0:
     resolution: {integrity: sha512-BtjXU1caNcCFfETP2DhqSeVPfRDl2MTUitI107RE34rJXjR/izfUtR5IoTFOK1WqjNLXbbeqaCH/mQAOLjpc8g==}
 
+  whatwg-url@5.0.0:
+    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+
   which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
 
@@ -11238,11 +11662,22 @@ snapshots:
       picocolors: 1.1.1
       sisteransi: 1.0.5
 
+  '@clack/core@0.5.0':
+    dependencies:
+      picocolors: 1.1.1
+      sisteransi: 1.0.5
+
   '@clack/core@1.5.1':
     dependencies:
       fast-wrap-ansi: 0.2.2
       sisteransi: 1.0.5
 
+  '@clack/prompts@0.11.0':
+    dependencies:
+      '@clack/core': 0.5.0
+      picocolors: 1.1.1
+      sisteransi: 1.0.5
+
   '@clack/prompts@0.9.1':
     dependencies:
       '@clack/core': 0.4.1
@@ -11258,6 +11693,23 @@ snapshots:
 
   '@discoveryjs/json-ext@0.5.7': {}
 
+  '@electron-internal/extract-zip@1.0.5':
+    optional: true
+
+  '@electron/get@5.1.0':
+    dependencies:
+      debug: 4.4.3
+      env-paths: 3.0.0
+      graceful-fs: 4.2.11
+      progress: 2.0.3
+      semver: 7.8.5
+      sumchecker: 3.0.1
+    optionalDependencies:
+      undici: 7.29.1
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
   '@emnapi/core@1.11.3':
     dependencies:
       '@emnapi/wasi-threads': 1.2.3
@@ -11467,7 +11919,7 @@ snapshots:
       compression: 1.8.2
       connect: 3.7.0
       dnssd-advertise: 1.1.6
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-server: 58.0.5
       fetch-nodeshim: 0.4.10
       getenv: 2.0.0
@@ -11494,7 +11946,7 @@ snapshots:
       ws: 8.21.3
       zod: 3.25.76
     optionalDependencies:
-      expo-router: 58.0.22(0a44e7a7d601e3988001776cdacc6f07)
+      expo-router: 58.0.22(349396f405cfe57c143feed2793b3d2b)
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
     transitivePeerDependencies:
       - '@expo/metro-runtime'
@@ -11548,7 +12000,7 @@ snapshots:
       compression: 1.8.2
       connect: 3.7.0
       dnssd-advertise: 1.1.6
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-server: 58.0.5
       fetch-nodeshim: 0.4.10
       getenv: 2.0.0
@@ -11575,7 +12027,7 @@ snapshots:
       ws: 8.21.3
       zod: 3.25.76
     optionalDependencies:
-      expo-router: 58.0.22(4cdc89138c9183cc16c7600aec72e38f)
+      expo-router: 58.0.22(d876cd37ca7f2675cfbf3082346c7716)
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0)
     transitivePeerDependencies:
       - '@expo/metro-runtime'
@@ -11642,7 +12094,7 @@ snapshots:
     dependencies:
       chalk: 4.1.2
     optionalDependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
 
@@ -11650,19 +12102,19 @@ snapshots:
     dependencies:
       chalk: 4.1.2
     optionalDependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0)
 
   '@expo/dom-webview@58.0.2(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)':
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
 
   '@expo/dom-webview@58.0.2(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)':
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0)
 
@@ -11742,7 +12194,7 @@ snapshots:
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
       stacktrace-parser: 0.1.11
     optionalDependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
 
   '@expo/log-box@58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)':
     dependencies:
@@ -11753,7 +12205,7 @@ snapshots:
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0)
       stacktrace-parser: 0.1.11
     optionalDependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
 
   '@expo/metro-config@58.0.14(expo@58.0.13)(typescript@7.0.2)':
     dependencies:
@@ -11786,7 +12238,7 @@ snapshots:
       postcss: 8.5.23
       resolve-from: 5.0.0
     optionalDependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
     transitivePeerDependencies:
       - bufferutil
       - supports-color
@@ -11809,7 +12261,7 @@ snapshots:
     dependencies:
       '@expo/log-box': 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
       anser: 1.4.10
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       pretty-format: 29.7.0
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
@@ -11822,7 +12274,7 @@ snapshots:
     dependencies:
       '@expo/log-box': 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)
       anser: 1.4.10
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       pretty-format: 29.7.0
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0)
@@ -11908,14 +12360,14 @@ snapshots:
   '@expo/router-server@58.0.14(@expo/metro-runtime@58.0.14)(expo-constants@58.0.12)(expo-font@58.0.8(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(expo-router@58.0.22)(expo-server@58.0.5)(expo@58.0.13)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       debug: 4.4.3
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-constants: 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(typescript@7.0.2)
       expo-font: 58.0.8(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
       expo-server: 58.0.5
       react: 19.3.0
     optionalDependencies:
       '@expo/metro-runtime': 58.0.14(expo@58.0.13)(react-dom@19.3.0(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
-      expo-router: 58.0.22(0a44e7a7d601e3988001776cdacc6f07)
+      expo-router: 58.0.22(349396f405cfe57c143feed2793b3d2b)
       react-dom: 19.3.0(react@19.3.0)
     transitivePeerDependencies:
       - supports-color
@@ -11923,14 +12375,14 @@ snapshots:
   '@expo/router-server@58.0.14(@expo/metro-runtime@58.0.14)(expo-constants@58.0.12)(expo-font@58.0.8(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(expo-router@58.0.22)(expo-server@58.0.5)(expo@58.0.13)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       debug: 4.4.3
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-constants: 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(typescript@7.0.2)
       expo-font: 58.0.8(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)
       expo-server: 58.0.5
       react: 19.3.0
     optionalDependencies:
       '@expo/metro-runtime': 58.0.14(expo@58.0.13)(react-dom@19.3.0(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)
-      expo-router: 58.0.22(4cdc89138c9183cc16c7600aec72e38f)
+      expo-router: 58.0.22(d876cd37ca7f2675cfbf3082346c7716)
       react-dom: 19.3.0(react@19.3.0)
     transitivePeerDependencies:
       - supports-color
@@ -13161,29 +13613,29 @@ snapshots:
 
   '@radix-ui/primitive@1.1.7': {}
 
-  '@radix-ui/react-collection@1.1.16(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
+  '@radix-ui/react-collection@1.1.16(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.2.17)(react@19.3.0)
       '@radix-ui/react-context': 1.2.2(@types/react@19.2.17)(react@19.3.0)
-      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       '@radix-ui/react-slot': 1.4.0(@types/react@19.2.17)(react@19.3.0)
       react: 19.3.0
       react-dom: 19.3.0(react@19.3.0)
     optionalDependencies:
       '@types/react': 19.2.17
-      '@types/react-dom': 17.0.26(@types/react@19.2.17)
+      '@types/react-dom': 19.3.0(@types/react@19.2.17)
 
-  '@radix-ui/react-collection@1.1.16(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
+  '@radix-ui/react-collection@1.1.16(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.0)
       '@radix-ui/react-context': 1.2.2(@types/react@19.3.0)(react@19.3.0)
-      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       '@radix-ui/react-slot': 1.4.0(@types/react@19.3.0)(react@19.3.0)
       react: 19.3.0
       react-dom: 19.3.0(react@19.3.0)
     optionalDependencies:
       '@types/react': 19.3.0
-      '@types/react-dom': 17.0.26(@types/react@19.3.0)
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
 
   '@radix-ui/react-compose-refs@1.1.5(@types/react@19.2.17)(react@19.3.0)':
     dependencies:
@@ -13235,51 +13687,51 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.3.0
 
-  '@radix-ui/react-presence@1.1.11(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
+  '@radix-ui/react-presence@1.1.11(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.2.17)(react@19.3.0)
       react: 19.3.0
       react-dom: 19.3.0(react@19.3.0)
     optionalDependencies:
       '@types/react': 19.2.17
-      '@types/react-dom': 17.0.26(@types/react@19.2.17)
+      '@types/react-dom': 19.3.0(@types/react@19.2.17)
 
-  '@radix-ui/react-presence@1.1.11(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
+  '@radix-ui/react-presence@1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.0)
       react: 19.3.0
       react-dom: 19.3.0(react@19.3.0)
     optionalDependencies:
       '@types/react': 19.3.0
-      '@types/react-dom': 17.0.26(@types/react@19.3.0)
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
 
-  '@radix-ui/react-primitive@2.1.11(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
+  '@radix-ui/react-primitive@2.1.11(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       '@radix-ui/react-slot': 1.4.0(@types/react@19.2.17)(react@19.3.0)
       react: 19.3.0
       react-dom: 19.3.0(react@19.3.0)
     optionalDependencies:
       '@types/react': 19.2.17
-      '@types/react-dom': 17.0.26(@types/react@19.2.17)
+      '@types/react-dom': 19.3.0(@types/react@19.2.17)
 
-  '@radix-ui/react-primitive@2.1.11(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
+  '@radix-ui/react-primitive@2.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       '@radix-ui/react-slot': 1.4.0(@types/react@19.3.0)(react@19.3.0)
       react: 19.3.0
       react-dom: 19.3.0(react@19.3.0)
     optionalDependencies:
       '@types/react': 19.3.0
-      '@types/react-dom': 17.0.26(@types/react@19.3.0)
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
 
-  '@radix-ui/react-roving-focus@1.1.20(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
+  '@radix-ui/react-roving-focus@1.1.20(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       '@radix-ui/primitive': 1.1.7
-      '@radix-ui/react-collection': 1.1.16(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-collection': 1.1.16(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.2.17)(react@19.3.0)
       '@radix-ui/react-context': 1.2.2(@types/react@19.2.17)(react@19.3.0)
       '@radix-ui/react-direction': 1.1.5(@types/react@19.2.17)(react@19.3.0)
       '@radix-ui/react-id': 1.1.4(@types/react@19.2.17)(react@19.3.0)
-      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       '@radix-ui/react-use-callback-ref': 1.1.4(@types/react@19.2.17)(react@19.3.0)
       '@radix-ui/react-use-controllable-state': 1.2.6(@types/react@19.2.17)(react@19.3.0)
       '@radix-ui/react-use-is-hydrated': 0.1.3(@types/react@19.2.17)(react@19.3.0)
@@ -13288,17 +13740,17 @@ snapshots:
       react-dom: 19.3.0(react@19.3.0)
     optionalDependencies:
       '@types/react': 19.2.17
-      '@types/react-dom': 17.0.26(@types/react@19.2.17)
+      '@types/react-dom': 19.3.0(@types/react@19.2.17)
 
-  '@radix-ui/react-roving-focus@1.1.20(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
+  '@radix-ui/react-roving-focus@1.1.20(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       '@radix-ui/primitive': 1.1.7
-      '@radix-ui/react-collection': 1.1.16(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-collection': 1.1.16(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.0)
       '@radix-ui/react-context': 1.2.2(@types/react@19.3.0)(react@19.3.0)
       '@radix-ui/react-direction': 1.1.5(@types/react@19.3.0)(react@19.3.0)
       '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.0)
-      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       '@radix-ui/react-use-callback-ref': 1.1.4(@types/react@19.3.0)(react@19.3.0)
       '@radix-ui/react-use-controllable-state': 1.2.6(@types/react@19.3.0)(react@19.3.0)
       '@radix-ui/react-use-is-hydrated': 0.1.3(@types/react@19.3.0)(react@19.3.0)
@@ -13307,7 +13759,7 @@ snapshots:
       react-dom: 19.3.0(react@19.3.0)
     optionalDependencies:
       '@types/react': 19.3.0
-      '@types/react-dom': 17.0.26(@types/react@19.3.0)
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
 
   '@radix-ui/react-slot@1.4.0(@types/react@19.2.17)(react@19.3.0)':
     dependencies:
@@ -13323,37 +13775,37 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.3.0
 
-  '@radix-ui/react-tabs@1.1.22(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
+  '@radix-ui/react-tabs@1.1.22(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       '@radix-ui/primitive': 1.1.7
       '@radix-ui/react-context': 1.2.2(@types/react@19.2.17)(react@19.3.0)
       '@radix-ui/react-direction': 1.1.5(@types/react@19.2.17)(react@19.3.0)
       '@radix-ui/react-id': 1.1.4(@types/react@19.2.17)(react@19.3.0)
-      '@radix-ui/react-presence': 1.1.11(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
-      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
-      '@radix-ui/react-roving-focus': 1.1.20(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-roving-focus': 1.1.20(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       '@radix-ui/react-use-controllable-state': 1.2.6(@types/react@19.2.17)(react@19.3.0)
       react: 19.3.0
       react-dom: 19.3.0(react@19.3.0)
     optionalDependencies:
       '@types/react': 19.2.17
-      '@types/react-dom': 17.0.26(@types/react@19.2.17)
+      '@types/react-dom': 19.3.0(@types/react@19.2.17)
 
-  '@radix-ui/react-tabs@1.1.22(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
+  '@radix-ui/react-tabs@1.1.22(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)':
     dependencies:
       '@radix-ui/primitive': 1.1.7
       '@radix-ui/react-context': 1.2.2(@types/react@19.3.0)(react@19.3.0)
       '@radix-ui/react-direction': 1.1.5(@types/react@19.3.0)(react@19.3.0)
       '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.0)
-      '@radix-ui/react-presence': 1.1.11(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
-      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
-      '@radix-ui/react-roving-focus': 1.1.20(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-primitive': 2.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-roving-focus': 1.1.20(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       '@radix-ui/react-use-controllable-state': 1.2.6(@types/react@19.3.0)(react@19.3.0)
       react: 19.3.0
       react-dom: 19.3.0(react@19.3.0)
     optionalDependencies:
       '@types/react': 19.3.0
-      '@types/react-dom': 17.0.26(@types/react@19.3.0)
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
 
   '@radix-ui/react-use-callback-ref@1.1.4(@types/react@19.2.17)(react@19.3.0)':
     dependencies:
@@ -13836,6 +14288,8 @@ snapshots:
       - supports-color
       - utf-8-validate
 
+  '@react-native/normalize-colors@0.74.89': {}
+
   '@react-native/normalize-colors@0.88.0': {}
 
   '@react-native/typescript-config@0.88.0': {}
@@ -13911,17 +14365,19 @@ snapshots:
     dependencies:
       nanoid: 3.3.20
 
-  '@rn-primitives/slot@1.5.2(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)':
+  '@rn-primitives/slot@1.5.2(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)':
     dependencies:
       react: 19.3.0
     optionalDependencies:
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
+      react-native-web: 0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
 
-  '@rn-primitives/types@1.5.2(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)':
+  '@rn-primitives/types@1.5.2(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)':
     dependencies:
       react: 19.3.0
     optionalDependencies:
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
+      react-native-web: 0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
 
   '@rnx-kit/react-native-host@0.5.21(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))':
     dependencies:
@@ -13977,6 +14433,8 @@ snapshots:
 
   '@rnx-kit/types-plugin-typescript@1.0.0': {}
 
+  '@rolldown/pluginutils@1.0.0-beta.27': {}
+
   '@rollup/rollup-android-arm-eabi@4.62.2':
     optional: true
 
@@ -14059,6 +14517,12 @@ snapshots:
       react: 19.3.0
       tslib: 2.8.1
 
+  '@rozenite/agent-sdk@2.5.0':
+    dependencies:
+      '@rozenite/agent-shared': 2.5.0
+      '@rozenite/tools': 2.5.0
+      tslib: 2.8.1
+
   '@rozenite/agent-shared@2.5.0':
     dependencies:
       '@rozenite/tools': 2.5.0
@@ -14079,6 +14543,13 @@ snapshots:
       - date-fns
       - vitest
 
+  '@rozenite/electron-app@2.5.0':
+    dependencies:
+      electron: 44.9.3
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
   '@rozenite/middleware@2.5.0(@types/react@19.2.17)(vitest@4.1.11(@types/node@26.1.1)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0))':
     dependencies:
       '@rozenite/agent-shared': 2.5.0
@@ -14108,7 +14579,7 @@ snapshots:
       base64-js: 1.5.1
       nanoevents: 9.1.0
     optionalDependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
     transitivePeerDependencies:
       - '@date-fns/tz'
       - '@types/react'
@@ -14235,6 +14706,24 @@ snapshots:
       - '@types/react'
       - date-fns
 
+  '@rozenite/vite-plugin@2.5.0(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)(vite@7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0))':
+    dependencies:
+      '@rozenite/tools': 2.5.0
+      '@rozenite/ui': 2.5.0(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@tailwindcss/vite': 4.2.2(vite@7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0))
+      '@vitejs/plugin-react': 4.7.0(vite@7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0))
+      ejs: 3.1.10
+      lucide-react: 0.263.1(react@19.3.0)
+      react: 19.3.0
+      react-dom: 19.3.0(react@19.3.0)
+      vite: 7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0)
+      vite-plugin-react-native-web: 2.7.1
+    transitivePeerDependencies:
+      - '@date-fns/tz'
+      - '@types/react'
+      - date-fns
+      - supports-color
+
   '@rsbuild/core@1.3.18':
     dependencies:
       '@rspack/core': 1.3.9(@swc/helpers@0.5.23)
@@ -15019,6 +15508,74 @@ snapshots:
     dependencies:
       '@swc/counter': 0.1.3
 
+  '@tailwindcss/node@4.2.2':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.24.3
+      jiti: 2.7.0
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.2
+      tailwindcss: 4.2.2
+
+  '@tailwindcss/oxide-android-arm64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide@4.2.2':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.2.2
+      '@tailwindcss/oxide-darwin-arm64': 4.2.2
+      '@tailwindcss/oxide-darwin-x64': 4.2.2
+      '@tailwindcss/oxide-freebsd-x64': 4.2.2
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.2.2
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.2.2
+      '@tailwindcss/oxide-linux-arm64-musl': 4.2.2
+      '@tailwindcss/oxide-linux-x64-gnu': 4.2.2
+      '@tailwindcss/oxide-linux-x64-musl': 4.2.2
+      '@tailwindcss/oxide-wasm32-wasi': 4.2.2
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.2.2
+      '@tailwindcss/oxide-win32-x64-msvc': 4.2.2
+
+  '@tailwindcss/vite@4.2.2(vite@7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0))':
+    dependencies:
+      '@tailwindcss/node': 4.2.2
+      '@tailwindcss/oxide': 4.2.2
+      tailwindcss: 4.2.2
+      vite: 7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0)
+
   '@tanstack/react-table@8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@tanstack/table-core': 8.21.3
@@ -15170,6 +15727,11 @@ snapshots:
     dependencies:
       undici-types: 6.21.0
 
+  '@types/node@24.19.2':
+    dependencies:
+      undici-types: 7.24.6
+    optional: true
+
   '@types/node@26.1.1':
     dependencies:
       undici-types: 8.3.0
@@ -15180,7 +15742,11 @@ snapshots:
     dependencies:
       '@types/react': 19.2.17
 
-  '@types/react-dom@17.0.26(@types/react@19.3.0)':
+  '@types/react-dom@19.3.0(@types/react@19.2.17)':
+    dependencies:
+      '@types/react': 19.2.17
+
+  '@types/react-dom@19.3.0(@types/react@19.3.0)':
     dependencies:
       '@types/react': 19.3.0
     optional: true
@@ -15307,6 +15873,18 @@ snapshots:
     optionalDependencies:
       react: 19.3.0
 
+  '@vitejs/plugin-react@4.7.0(vite@7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0))':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/plugin-transform-react-jsx-self': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-react-jsx-source': 7.29.7(@babel/core@7.29.7)
+      '@rolldown/pluginutils': 1.0.0-beta.27
+      '@types/babel__core': 7.20.5
+      react-refresh: 0.17.0
+      vite: 7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - supports-color
+
   '@vitest/expect@4.1.11':
     dependencies:
       '@standard-schema/spec': 1.1.0
@@ -15762,7 +16340,7 @@ snapshots:
       react-refresh: 0.14.2
     optionalDependencies:
       '@babel/runtime': 7.29.7
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
     transitivePeerDependencies:
       - '@babel/core'
       - supports-color
@@ -15814,7 +16392,7 @@ snapshots:
       react-refresh: 0.19.0
     optionalDependencies:
       '@babel/runtime': 7.29.7
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
     transitivePeerDependencies:
       - '@babel/core'
       - supports-color
@@ -16113,6 +16691,8 @@ snapshots:
 
   commander@12.1.0: {}
 
+  commander@14.0.3: {}
+
   commander@2.20.3: {}
 
   commander@4.1.1: {}
@@ -16239,12 +16819,22 @@ snapshots:
     dependencies:
       luxon: 3.7.2
 
+  cross-fetch@3.2.0:
+    dependencies:
+      node-fetch: 2.7.0
+    transitivePeerDependencies:
+      - encoding
+
   cross-spawn@7.0.6:
     dependencies:
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
 
+  css-in-js-utils@3.1.0:
+    dependencies:
+      hyphenate-style-name: 1.1.0
+
   css-select@5.2.2:
     dependencies:
       boolbase: 1.0.0
@@ -16404,8 +16994,21 @@ snapshots:
 
   ee-first@1.1.1: {}
 
+  ejs@3.1.10:
+    dependencies:
+      jake: 10.9.4
+
   electron-to-chromium@1.5.396: {}
 
+  electron@44.9.3:
+    dependencies:
+      '@electron-internal/extract-zip': 1.0.5
+      '@electron/get': 5.1.0
+      '@types/node': 24.19.2
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
   emittery@0.13.1: {}
 
   emoji-regex@8.0.0: {}
@@ -16443,6 +17046,9 @@ snapshots:
 
   env-paths@2.2.1: {}
 
+  env-paths@3.0.0:
+    optional: true
+
   envinfo@7.21.0: {}
 
   error-ex@1.3.4:
@@ -16666,7 +17272,7 @@ snapshots:
   expo-asset@58.0.16(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2):
     dependencies:
       '@expo/image-utils': 0.12.5(typescript@7.0.2)
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-constants: 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(typescript@7.0.2)
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
@@ -16677,7 +17283,7 @@ snapshots:
   expo-asset@58.0.16(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2):
     dependencies:
       '@expo/image-utils': 0.12.5(typescript@7.0.2)
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-constants: 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(typescript@7.0.2)
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0)
@@ -16689,7 +17295,7 @@ snapshots:
     dependencies:
       '@expo/env': 2.5.2
       '@expo/require-utils': 58.0.4(typescript@7.0.2)
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
     transitivePeerDependencies:
       - supports-color
@@ -16699,7 +17305,7 @@ snapshots:
     dependencies:
       '@expo/env': 2.5.2
       '@expo/require-utils': 58.0.4(typescript@7.0.2)
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0)
     transitivePeerDependencies:
       - supports-color
@@ -16707,46 +17313,46 @@ snapshots:
 
   expo-file-system@58.0.9(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)):
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
 
   expo-file-system@58.0.9(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0)):
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0)
 
   expo-font@58.0.8(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0):
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
 
   expo-font@58.0.8(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0):
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0)
 
   expo-glass-effect@58.0.4(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0):
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
 
   expo-glass-effect@58.0.4(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0):
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0)
 
   expo-keep-awake@58.0.3(expo@58.0.13)(react@19.3.0):
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react: 19.3.0
 
   expo-linking@58.0.13(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2):
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-constants: 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(typescript@7.0.2)
       invariant: 2.2.4
       react: 19.3.0
@@ -16757,7 +17363,7 @@ snapshots:
 
   expo-linking@58.0.13(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2):
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-constants: 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(typescript@7.0.2)
       invariant: 2.2.4
       react: 19.3.0
@@ -16810,17 +17416,17 @@ snapshots:
       '@expo/modules-macros-win32-arm64': 0.20.0
       '@expo/modules-macros-win32-x64': 0.20.0
 
-  expo-router@58.0.22(0a44e7a7d601e3988001776cdacc6f07):
+  expo-router@58.0.22(349396f405cfe57c143feed2793b3d2b):
     dependencies:
       '@expo/log-box': 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
       '@expo/metro-runtime': 58.0.14(expo@58.0.13)(react-dom@19.3.0(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
       '@expo/schema-utils': 58.0.1
       '@radix-ui/react-slot': 1.4.0(@types/react@19.2.17)(react@19.3.0)
-      '@radix-ui/react-tabs': 1.1.22(@types/react-dom@17.0.26(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-tabs': 1.1.22(@types/react-dom@19.3.0(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       '@react-native-masked-view/masked-view': 0.3.2(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
       '@react-native/normalize-colors': 0.88.0
       client-only: 0.0.1
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-constants: 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(typescript@7.0.2)
       expo-glass-effect: 58.0.4(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
       expo-linking: 58.0.13(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
@@ -16840,22 +17446,23 @@ snapshots:
       react-dom: 19.3.0(react@19.3.0)
       react-native-gesture-handler: 3.3.0(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
       react-native-reanimated: 4.7.1(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
+      react-native-web: 0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       react-native-worklets: 0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
     transitivePeerDependencies:
       - '@types/react'
       - '@types/react-dom'
 
-  expo-router@58.0.22(4cdc89138c9183cc16c7600aec72e38f):
+  expo-router@58.0.22(d876cd37ca7f2675cfbf3082346c7716):
     dependencies:
       '@expo/log-box': 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)
       '@expo/metro-runtime': 58.0.14(expo@58.0.13)(react-dom@19.3.0(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)
       '@expo/schema-utils': 58.0.1
       '@radix-ui/react-slot': 1.4.0(@types/react@19.3.0)(react@19.3.0)
-      '@radix-ui/react-tabs': 1.1.22(@types/react-dom@17.0.26(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
+      '@radix-ui/react-tabs': 1.1.22(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       '@react-native-masked-view/masked-view': 0.3.2(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)
       '@react-native/normalize-colors': 0.88.0
       client-only: 0.0.1
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       expo-constants: 58.0.12(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(typescript@7.0.2)
       expo-glass-effect: 58.0.4(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)
       expo-linking: 58.0.13(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
@@ -16875,6 +17482,7 @@ snapshots:
       react-dom: 19.3.0(react@19.3.0)
       react-native-gesture-handler: 3.3.0(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)
       react-native-reanimated: 4.7.1(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)
+      react-native-web: 0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
       react-native-worklets: 0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)
     transitivePeerDependencies:
       - '@types/react'
@@ -16884,11 +17492,11 @@ snapshots:
 
   expo-status-bar@58.0.3(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0):
     dependencies:
-      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
+      expo: 58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
       react: 19.3.0
       react-native: 0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0)
 
-  expo@58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2):
+  expo@58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2):
     dependencies:
       '@babel/runtime': 7.29.7
       '@expo/cli': 58.1.10(@expo/metro-runtime@58.0.14)(expo-constants@58.0.12)(expo-font@58.0.8(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0))(expo-router@58.0.22)(expo@58.0.13)(react-dom@19.3.0(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
@@ -16919,6 +17527,7 @@ snapshots:
     optionalDependencies:
       '@expo/metro-runtime': 58.0.14(expo@58.0.13)(react-dom@19.3.0(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0)
       react-dom: 19.3.0(react@19.3.0)
+      react-native-web: 0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
     transitivePeerDependencies:
       - '@babel/core'
       - bufferutil
@@ -16930,7 +17539,7 @@ snapshots:
       - typescript
       - utf-8-validate
 
-  expo@58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2):
+  expo@58.0.13(@babel/core@7.29.7)(@expo/metro-runtime@58.0.14)(expo-router@58.0.22)(react-dom@19.3.0(react@19.3.0))(react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0))(react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2):
     dependencies:
       '@babel/runtime': 7.29.7
       '@expo/cli': 58.1.10(@expo/metro-runtime@58.0.14)(expo-constants@58.0.12)(expo-font@58.0.8(expo@58.0.13)(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0))(expo-router@58.0.22)(expo@58.0.13)(react-dom@19.3.0(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)(typescript@7.0.2)
@@ -16961,6 +17570,7 @@ snapshots:
     optionalDependencies:
       '@expo/metro-runtime': 58.0.14(expo@58.0.13)(react-dom@19.3.0(react@19.3.0))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.3.0)(react@19.3.0))(react@19.3.0)
       react-dom: 19.3.0(react@19.3.0)
+      react-native-web: 0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0)
     transitivePeerDependencies:
       - '@babel/core'
       - bufferutil
@@ -17100,9 +17710,23 @@ snapshots:
     dependencies:
       bser: 2.1.1
 
-  fdir@6.5.0(picomatch@4.0.5):
+  fbjs-css-vars@1.0.2: {}
+
+  fbjs@3.0.5:
+    dependencies:
+      cross-fetch: 3.2.0
+      fbjs-css-vars: 1.0.2
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      promise: 7.3.1
+      setimmediate: 1.0.5
+      ua-parser-js: 1.0.41
+    transitivePeerDependencies:
+      - encoding
+
+  fdir@6.5.0(picomatch@4.0.7):
     optionalDependencies:
-      picomatch: 4.0.5
+      picomatch: 4.0.7
 
   fetch-nodeshim@0.4.10: {}
 
@@ -17110,6 +17734,10 @@ snapshots:
     dependencies:
       is-unicode-supported: 2.1.0
 
+  filelist@1.0.6:
+    dependencies:
+      minimatch: 5.1.9
+
   filesize@11.0.25: {}
 
   fill-range@7.1.1:
@@ -17643,6 +18271,8 @@ snapshots:
 
   hyperdyperid@1.2.0: {}
 
+  hyphenate-style-name@1.1.0: {}
+
   iconv-lite@0.6.3:
     dependencies:
       safer-buffer: 2.1.2
@@ -17684,6 +18314,10 @@ snapshots:
 
   inline-style-parser@0.2.7: {}
 
+  inline-style-prefixer@7.0.1:
+    dependencies:
+      css-in-js-utils: 3.1.0
+
   invariant@2.2.4:
     dependencies:
       loose-envify: 1.4.0
@@ -17839,6 +18473,12 @@ snapshots:
       html-escaper: 2.0.2
       istanbul-lib-report: 3.0.1
 
+  jake@10.9.4:
+    dependencies:
+      async: 3.2.6
+      filelist: 1.0.6
+      picocolors: 1.1.1
+
   jest-changed-files@29.7.0:
     dependencies:
       execa: 5.1.1
@@ -18352,66 +18992,99 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
   lightningcss-android-arm64@1.33.0:
     optional: true
 
   lightningcss-darwin-arm64@1.27.0:
     optional: true
 
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
   lightningcss-darwin-arm64@1.33.0:
     optional: true
 
   lightningcss-darwin-x64@1.27.0:
     optional: true
 
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
   lightningcss-darwin-x64@1.33.0:
     optional: true
 
   lightningcss-freebsd-x64@1.27.0:
     optional: true
 
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
   lightningcss-freebsd-x64@1.33.0:
     optional: true
 
   lightningcss-linux-arm-gnueabihf@1.27.0:
     optional: true
 
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
   lightningcss-linux-arm-gnueabihf@1.33.0:
     optional: true
 
   lightningcss-linux-arm64-gnu@1.27.0:
     optional: true
 
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
   lightningcss-linux-arm64-gnu@1.33.0:
     optional: true
 
   lightningcss-linux-arm64-musl@1.27.0:
     optional: true
 
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
   lightningcss-linux-arm64-musl@1.33.0:
     optional: true
 
   lightningcss-linux-x64-gnu@1.27.0:
     optional: true
 
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
   lightningcss-linux-x64-gnu@1.33.0:
     optional: true
 
   lightningcss-linux-x64-musl@1.27.0:
     optional: true
 
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
   lightningcss-linux-x64-musl@1.33.0:
     optional: true
 
   lightningcss-win32-arm64-msvc@1.27.0:
     optional: true
 
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
   lightningcss-win32-arm64-msvc@1.33.0:
     optional: true
 
   lightningcss-win32-x64-msvc@1.27.0:
     optional: true
 
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
   lightningcss-win32-x64-msvc@1.33.0:
     optional: true
 
@@ -18430,6 +19103,22 @@ snapshots:
       lightningcss-win32-arm64-msvc: 1.27.0
       lightningcss-win32-x64-msvc: 1.27.0
 
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
+
   lightningcss@1.33.0:
     dependencies:
       detect-libc: 2.1.2
@@ -18796,6 +19485,8 @@ snapshots:
 
   memoize-one@5.2.1: {}
 
+  memoize-one@6.0.0: {}
+
   merge-descriptors@2.0.0: {}
 
   merge-stream@2.0.0: {}
@@ -19301,6 +19992,10 @@ snapshots:
     dependencies:
       brace-expansion: 1.1.21
 
+  minimatch@5.1.9:
+    dependencies:
+      brace-expansion: 2.1.7
+
   minimatch@8.0.7:
     dependencies:
       brace-expansion: 2.1.7
@@ -19325,6 +20020,8 @@ snapshots:
       object-assign: 4.1.1
       thenify-all: 1.6.0
 
+  nano-spawn@1.0.3: {}
+
   nanoevents@9.1.0: {}
 
   nanoid@3.3.20: {}
@@ -19374,6 +20071,10 @@ snapshots:
 
   nocache@3.0.4: {}
 
+  node-fetch@2.7.0:
+    dependencies:
+      whatwg-url: 5.0.0
+
   node-forge@1.4.0: {}
 
   node-int64@0.4.0: {}
@@ -19775,6 +20476,10 @@ snapshots:
 
   progress@2.0.3: {}
 
+  promise@7.3.1:
+    dependencies:
+      asap: 2.0.6
+
   promise@8.3.0:
     dependencies:
       asap: 2.0.6
@@ -20009,6 +20714,21 @@ snapshots:
       - memfs
       - metro
 
+  react-native-web@0.21.4(react-dom@19.3.0(react@19.3.0))(react@19.3.0):
+    dependencies:
+      '@babel/runtime': 7.29.7
+      '@react-native/normalize-colors': 0.74.89
+      fbjs: 3.0.5
+      inline-style-prefixer: 7.0.1
+      memoize-one: 6.0.0
+      nullthrows: 1.1.1
+      postcss-value-parser: 4.2.0
+      react: 19.3.0
+      react-dom: 19.3.0(react@19.3.0)
+      styleq: 0.1.3
+    transitivePeerDependencies:
+      - encoding
+
   react-native-worklets@0.13.0(@babel/core@7.29.7)(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(react-native@0.88.0(@babel/core@7.29.7)(@react-native-community/cli@20.2.0(typescript@7.0.2))(@react-native/metro-config@0.88.0(@babel/core@7.29.7))(@types/react@19.2.17)(react@19.3.0))(react@19.3.0):
     dependencies:
       '@babel/core': 7.29.7
@@ -20150,6 +20870,8 @@ snapshots:
 
   react-refresh@0.14.2: {}
 
+  react-refresh@0.17.0: {}
+
   react-refresh@0.19.0: {}
 
   react-render-to-markdown@19.1.0(react@19.3.0):
@@ -20461,6 +21183,23 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  rozenite@2.5.0:
+    dependencies:
+      '@clack/prompts': 0.11.0
+      '@rozenite/agent-sdk': 2.5.0
+      '@rozenite/agent-shared': 2.5.0
+      '@rozenite/tools': 2.5.0
+      commander: 14.0.3
+      ejs: 3.1.10
+      is-unicode-supported: 2.1.0
+      nano-spawn: 1.0.3
+      picocolors: 1.1.1
+      validate-npm-package-name: 6.0.2
+    optionalDependencies:
+      '@rozenite/electron-app': 2.5.0
+    transitivePeerDependencies:
+      - supports-color
+
   rsbuild-plugin-dts@0.6.9(@rsbuild/core@1.3.18)(typescript@7.0.2):
     dependencies:
       '@ast-grep/napi': 0.37.0
@@ -20606,6 +21345,8 @@ snapshots:
 
   set-cookie-parser@2.7.2: {}
 
+  setimmediate@1.0.5: {}
+
   setprototypeof@1.2.0: {}
 
   sf-symbols-typescript@2.2.0: {}
@@ -20854,6 +21595,8 @@ snapshots:
     dependencies:
       inline-style-parser: 0.2.7
 
+  styleq@0.1.3: {}
+
   sucrase@3.35.1:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.13
@@ -20864,6 +21607,13 @@ snapshots:
       tinyglobby: 0.2.17
       ts-interface-checker: 0.1.13
 
+  sumchecker@3.0.1:
+    dependencies:
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
   supports-color@5.5.0:
     dependencies:
       has-flag: 3.0.0
@@ -21006,14 +21756,12 @@ snapshots:
 
   tinycolor2@1.6.0: {}
 
-  tinyexec@1.2.4: {}
-
   tinyexec@1.3.1: {}
 
   tinyglobby@0.2.17:
     dependencies:
-      fdir: 6.5.0(picomatch@4.0.5)
-      picomatch: 4.0.5
+      fdir: 6.5.0(picomatch@4.0.7)
+      picomatch: 4.0.7
 
   tinygradient@1.1.5:
     dependencies:
@@ -21036,6 +21784,8 @@ snapshots:
 
   toqr@0.1.1: {}
 
+  tr46@0.0.3: {}
+
   tree-dump@1.1.0(tslib@2.8.1):
     dependencies:
       tslib: 2.8.1
@@ -21088,6 +21838,8 @@ snapshots:
       media-typer: 1.1.1
       mime-types: 3.0.2
 
+  typescript@5.9.3: {}
+
   typescript@7.0.2:
     optionalDependencies:
       '@typescript/typescript-aix-ppc64': 7.0.2
@@ -21111,8 +21863,13 @@ snapshots:
       '@typescript/typescript-win32-arm64': 7.0.2
       '@typescript/typescript-win32-x64': 7.0.2
 
+  ua-parser-js@1.0.41: {}
+
   undici-types@6.21.0: {}
 
+  undici-types@7.24.6:
+    optional: true
+
   undici-types@8.3.0: {}
 
   undici@7.29.1: {}
@@ -21225,6 +21982,8 @@ snapshots:
 
   validate-npm-package-name@5.0.1: {}
 
+  validate-npm-package-name@6.0.2: {}
+
   vary@1.1.2: {}
 
   vfile-location@5.0.3:
@@ -21242,11 +22001,15 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
+  vite-plugin-react-native-web@2.7.1:
+    dependencies:
+      flow-remove-types: 2.324.0
+
   vite@7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0):
     dependencies:
       esbuild: 0.28.1
-      fdir: 6.5.0(picomatch@4.0.5)
-      picomatch: 4.0.5
+      fdir: 6.5.0(picomatch@4.0.7)
+      picomatch: 4.0.7
       postcss: 8.5.23
       rollup: 4.62.2
       tinyglobby: 0.2.17
@@ -21261,8 +22024,8 @@ snapshots:
   vite@7.3.6(@types/node@26.1.1)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0):
     dependencies:
       esbuild: 0.28.1
-      fdir: 6.5.0(picomatch@4.0.5)
-      picomatch: 4.0.5
+      fdir: 6.5.0(picomatch@4.0.7)
+      picomatch: 4.0.7
       postcss: 8.5.23
       rollup: 4.62.2
       tinyglobby: 0.2.17
@@ -21288,10 +22051,10 @@ snapshots:
       magic-string: 0.30.21
       obug: 2.1.4
       pathe: 2.0.3
-      picomatch: 4.0.5
+      picomatch: 4.0.7
       std-env: 4.2.0
       tinybench: 2.9.0
-      tinyexec: 1.2.4
+      tinyexec: 1.3.1
       tinyglobby: 0.2.17
       tinyrainbow: 3.1.0
       vite: 7.3.6(@types/node@20.19.43)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0)
@@ -21325,10 +22088,10 @@ snapshots:
       magic-string: 0.30.21
       obug: 2.1.4
       pathe: 2.0.3
-      picomatch: 4.0.5
+      picomatch: 4.0.7
       std-env: 4.2.0
       tinybench: 2.9.0
-      tinyexec: 1.2.4
+      tinyexec: 1.3.1
       tinyglobby: 0.2.17
       tinyrainbow: 3.1.0
       vite: 7.3.6(@types/node@26.1.1)(jiti@2.7.0)(lightningcss@1.33.0)(terser@5.51.2)(yaml@2.9.0)
@@ -21368,6 +22131,8 @@ snapshots:
 
   web-namespaces@2.0.1: {}
 
+  webidl-conversions@3.0.1: {}
+
   webpack-merge@6.0.1:
     dependencies:
       clone-deep: 4.0.1
@@ -21450,6 +22215,11 @@ snapshots:
 
   whatwg-url-minimum@0.2.0: {}
 
+  whatwg-url@5.0.0:
+    dependencies:
+      tr46: 0.0.3
+      webidl-conversions: 3.0.1
+
   which-module@2.0.1: {}
 
   which-pm-runs@1.1.0: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 81761618a..d1c790ce8 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -92,3 +92,4 @@ catalogs:
     "@rozenite/react-navigation-plugin": "2.5.0"
     "@rozenite/repack": "2.5.0"
     "@rozenite/storage-plugin": "2.5.0"
+    "rozenite": "2.5.0"

From b45f11590c03c166f8fecb7501c3934f735ef6c6 Mon Sep 17 00:00:00 2001
From: Daniel Williams <me@dannyhw.com>
Date: Thu, 22 Oct 2026 14:27:20 +0100
Subject: [PATCH 2/4] test(repack-devtools-plugin): don't echo the request URL
 from the fake server

---
 .../repack-devtools-plugin/src/__tests__/bundler.test.ts     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/repack-devtools-plugin/src/__tests__/bundler.test.ts b/packages/repack-devtools-plugin/src/__tests__/bundler.test.ts
index 5e53400bb..dfedb999a 100644
--- a/packages/repack-devtools-plugin/src/__tests__/bundler.test.ts
+++ b/packages/repack-devtools-plugin/src/__tests__/bundler.test.ts
@@ -163,8 +163,9 @@ describe('middlewares', () => {
           }
           if (req.url?.startsWith('/missing')) {
             res.statusCode = 404;
+            // Body split across write() and end() to check both are captured.
             res.write('Cannot GET ');
-            res.end(req.url);
+            res.end('missing chunk');
             return;
           }
           res.end('ok');
@@ -203,7 +204,7 @@ describe('middlewares', () => {
     expect(all.requests[1]).toMatchObject({
       status: 404,
       platform: 'ios',
-      responseBody: 'Cannot GET /missing/chunk.bundle?platform=ios',
+      responseBody: 'Cannot GET missing chunk',
     });
     expect(all.requests[0].responseBody).toBeUndefined();
 

From 2493778fa84c744fae54b4aaf29958e88d44217f Mon Sep 17 00:00:00 2001
From: Daniel Williams <me@dannyhw.com>
Date: Thu, 22 Oct 2026 16:38:49 +0100
Subject: [PATCH 3/4] feat(repack-devtools-plugin): trace ScriptManager calls
 and inject faults

Add agent tools to check retry, dedup and cache behaviour and to test
failure handling without changing app code:

- list-script-calls: every loadScript/prefetchScript/invalidateScripts
  call with outcome, duration, whether resolvers ran and whether it
  reused a stored attempt (the #1506 signature). The tracer returns a
  derived promise so unhandled rejections are still reported.
- get-script-manager: stored promises with their state, resolvers,
  hook taps and cache; flags stored rejected promises.
- inject-script-fault: fail or delay the resolve/load stage through
  ScriptManager hooks.
- inject-server-fault / list-faults / clear-faults: make any dev server
  wrapped with withRepackDevTools (MF remotes included) answer with an
  error status, a delay or a dropped connection; also available as
  GET|POST|DELETE /repack-devtools/faults.

The request log now records connections closed before a response
(status 0) and marks faulted responses. The MF runtime plugin records
the manifest HTTP status, since MF parses error pages as JSON and only
reports a parse error.
---
 .agents/skills/repack-debug-runtime/SKILL.md  |  52 ++-
 .../skills/repack-reproduce-issue/SKILL.md    |   3 +
 .../repack-devtools-oct2026/design.md         |  64 +++-
 packages/repack-devtools-plugin/README.md     |   8 +-
 .../src/__tests__/bundler.test.ts             | 109 +++++-
 .../src/__tests__/federationState.test.ts     |  16 +
 .../src/__tests__/runtimePlugin.test.ts       |  35 ++
 .../src/__tests__/scriptManagerCalls.test.ts  | 348 ++++++++++++++++++
 .../src/bundler/diagnostics.ts                |  25 +-
 .../src/bundler/faults.ts                     | 116 ++++++
 .../src/bundler/middleware.ts                 | 133 ++++++-
 .../src/bundler/store.ts                      |  19 +-
 .../src/bundler/withRepackDevTools.ts         |   4 +-
 .../src/react-native/api.ts                   | 164 ++++++++-
 .../src/react-native/callTracer.ts            | 174 +++++++++
 .../src/react-native/faults.ts                | 113 ++++++
 .../react-native/federation/runtimePlugin.ts  |   5 +
 .../src/react-native/federation/state.ts      |  11 +-
 .../src/react-native/install.ts               |   4 +-
 .../src/react-native/promiseTracker.ts        |  35 ++
 .../src/react-native/rows.ts                  |  18 +
 .../react-native/scriptManagerInspector.ts    | 131 +++++++
 .../src/react-native/store.ts                 |  17 +-
 .../useRepackDevToolsAgentTools.ts            |  59 ++-
 .../src/shared/agent-tools.ts                 | 235 ++++++++++++
 .../src/shared/constants.ts                   |   1 +
 .../src/shared/requests.ts                    |   7 +
 .../src/shared/types.ts                       | 108 +++++-
 .../src/ui/dev-server-panel.tsx               |  16 +-
 29 files changed, 1990 insertions(+), 40 deletions(-)
 create mode 100644 packages/repack-devtools-plugin/src/__tests__/runtimePlugin.test.ts
 create mode 100644 packages/repack-devtools-plugin/src/__tests__/scriptManagerCalls.test.ts
 create mode 100644 packages/repack-devtools-plugin/src/bundler/faults.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/callTracer.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/faults.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/promiseTracker.ts
 create mode 100644 packages/repack-devtools-plugin/src/react-native/scriptManagerInspector.ts
 create mode 100644 packages/repack-devtools-plugin/src/shared/requests.ts

diff --git a/.agents/skills/repack-debug-runtime/SKILL.md b/.agents/skills/repack-debug-runtime/SKILL.md
index 9c0c80de6..4a84e0ffa 100644
--- a/.agents/skills/repack-debug-runtime/SKILL.md
+++ b/.agents/skills/repack-debug-runtime/SKILL.md
@@ -69,7 +69,9 @@ diagnostic has a `ref` that tells you which tool gives details:
 
 | `ref` | Follow up with |
 | --- | --- |
-| `<script uniqueId>` | `get-script --uniqueId <ref>` |
+| `<script uniqueId>` | `get-script --uniqueId <ref>`, `get-script-manager` |
+| `call:<seq>` | `list-script-calls --uniqueId <id>` |
+| `fault-<n>` / `server-fault-<n>` | `list-faults` (injected by you; not a real bug) |
 | `federation-event:<seq>` | `list-federation-events --errorsOnly true` |
 | `<instance>:<scope>/<pkg>` | `get-federation` |
 | `err-<n>` | `get-error --id <ref>`, then `symbolicate --errorId <ref>` |
@@ -83,7 +85,9 @@ Read-only: `get-overview [--devServer false]`, `list-scripts [--status failed] [
 `get-federation`, `list-federation-events [--type] [--errorsOnly true]`,
 `list-errors [--source global-handler|script-manager|federation]`, `get-error --id`,
 `symbolicate [--stack "<raw stack>"] [--errorId]`,
-`get-dev-server [--origin http://localhost:8082] [--requests failed|all|none]`.
+`get-dev-server [--origin http://localhost:8082] [--requests failed|all|none]`,
+`list-script-calls [--uniqueId] [--method loadScript] [--errorsOnly true]`,
+`get-script-manager`, `list-faults [--origin]`.
 List tools paginate with `--limit` and `--cursor` (take the cursor from `page`).
 
 Actions, to reproduce issues without driving the UI:
@@ -91,6 +95,22 @@ Actions, to reproduce issues without driving the UI:
 `invalidate-scripts [--scriptIds a,b]`, `load-remote --id Remote/Module [--instance]`,
 `clear [--scope scripts|federation|errors|all]`, `reload`.
 
+Fault injection, to test error handling and recovery without editing app code:
+
+- `inject-script-fault --stage resolve|load [--scriptId x] [--caller y]
+  [--action fail|delay] [--delayMs n] [--times n] [--code c]`: through
+  ScriptManager hooks. `resolve` throws before resolvers run (a resolver that
+  fetches a manifest while offline); `load` throws before the download with
+  `NetworkFailure` (loadScript only).
+- `inject-server-fault --match <substring|/regex/> [--status 503]
+  [--delayMs n] [--drop true] [--times n] [--platform] [--origin]`: on any
+  dev server wrapped with `withRepackDevTools`, including MF remotes. Faulted
+  responses carry `fault` in the request log; dropped connections are logged
+  with `status: 0`.
+- `clear-faults [--id] [--origin]`. Faults stay active until `--times` is
+  used up; always clear them when done, and remember that the overview's
+  `faults` diagnostics mean failures you caused yourself.
+
 ### Dev-server endpoints (curl, no app needed)
 
 - `GET /repack-devtools/state?requests=failed|all|none`: per-platform
@@ -99,6 +119,8 @@ Actions, to reproduce issues without driving the UI:
   diagnostics.
 - `GET /repack-devtools/compilation?platform=android`: one compilation in full.
 - `POST /repack-devtools/clear`: empties the request log.
+- `GET|POST|DELETE /repack-devtools/faults[?id=]`: list, add (JSON body like
+  `inject-server-fault`) or remove server faults.
 
 Every MF dev server has its own endpoint (host and each mini app).
 `builds: 0` with `status: compiling` means that platform was never requested.
@@ -113,6 +135,21 @@ diagnostic lists emitted assets with similar names. If the record shows
 `source: cache`, call `invalidate-scripts` and `load-script` again to tell
 cache problems from server problems.
 
+**Retry / recovery after a failure.** Inject the failure once
+(`inject-script-fault --stage resolve --scriptId X --times 1`, or
+`inject-server-fault --match X --status 503 --times 1`), call `load-script`
+twice, then `list-script-calls --uniqueId X`. A healthy retry shows
+`resolverRan: true` on the second call. `resolverRan: false` with
+`joined: rejected load` means ScriptManager returned the stored failure
+instead of trying again; `get-script-manager` then lists that promise as
+`rejected` (issue #1506). The same check works for prefetch-then-load and for
+concurrent callers (`joined: pending ...` is expected deduplication).
+
+**Resolver and cache behaviour.** `get-script-manager` lists resolvers with
+priorities, taps per hook and cache entries. `list-script-calls` tells how
+often resolvers really ran versus calls served from a stored promise; compare
+with the dev server request log to see what was actually downloaded.
+
 **Module Federation.** `get-federation` shows each host instance's remotes
 (`loaded`), shared packages per scope with every registered version, who
 provided it (`from`), and which one is `loaded`. Diagnostics flag singletons
@@ -142,6 +179,17 @@ answers 400 "Cannot infer platform" when none carries a platform (query
 
 ## Gotchas
 
+- **Agent tool calls time out after about 30 s**: a `load-script` that waits
+  on a long injected delay times out on the agent side while the app keeps
+  going. Read the outcome afterwards with `list-script-calls`.
+- **`resolverRan` reads as "ScriptManager reached its resolve step during
+  this call".** It is false when an injected `resolve` fault fired (check the
+  `faults` column) and for calls that only joined another attempt (`joined`
+  set).
+- **MF manifest errors hide the HTTP status**: MF parses error pages as JSON,
+  so a 4xx/5xx shows up as `JSON Parse error`. The `afterLoadManifest` event
+  `detail` has `HTTP <status>`.
+
 - **Startup is only captured** when the entry calls
   `installRepackDevTools({ boot: true })` before other code
   (`app.bootRecording: true`). The testers do this.
diff --git a/.agents/skills/repack-reproduce-issue/SKILL.md b/.agents/skills/repack-reproduce-issue/SKILL.md
index 22c4de541..6397992b2 100644
--- a/.agents/skills/repack-reproduce-issue/SKILL.md
+++ b/.agents/skills/repack-reproduce-issue/SKILL.md
@@ -46,6 +46,9 @@ an integration test or a `pnpm bundle:<platform>` run is faster and deterministi
    `cd android && ./gradlew assembleDebug`, or `pnpm ios` for the simulator.
 4. Make the minimal code/config change in the tester that triggers the bug.
    Keep it as a separate commit so it can be dropped or turned into a test.
+   For failure and recovery bugs (offline, flaky CDN, 5xx, timeouts, a
+   resolver that throws) try `inject-script-fault` / `inject-server-fault`
+   first: they need no app change and work on every tester.
 5. Trigger it. Prefer agent tools over UI driving:
    `load-script`, `prefetch-script`, `invalidate-scripts`, `load-remote`,
    `reload`. When the bug needs UI interaction, drive the device with
diff --git a/agent_context/repack-devtools-oct2026/design.md b/agent_context/repack-devtools-oct2026/design.md
index 9edd06e34..ff56d8cb9 100644
--- a/agent_context/repack-devtools-oct2026/design.md
+++ b/agent_context/repack-devtools-oct2026/design.md
@@ -14,8 +14,8 @@ Agent workflows live in the `repack-debug-runtime` and
 | --- | --- | --- |
 | Entry | `react-native.ts` (`installRepackDevTools`, `useRepackDevTools`, MF runtime plugin) | `bundler.ts` (`withRepackDevTools`) |
 | Store | `globalThis.__REPACK_DEVTOOLS_STORE__` | `globalThis.__REPACK_DEVTOOLS_DEV_SERVER_STORE__` |
-| Sources | `ScriptManager.shared` events, `ErrorUtils` global handler, MF 2 runtime hooks, `__FEDERATION__` / `__webpack_require__.S` | compiler `watchRun`/`invalid`/`done`, a request-log middleware |
-| Exposed via | Rozenite agent tools + RPC to panels | `GET /repack-devtools/state`, `/compilation`, `POST /clear` |
+| Sources | `ScriptManager.shared` events and wrapped methods, `ErrorUtils` global handler, MF 2 runtime hooks, `__FEDERATION__` / `__webpack_require__.S` | compiler `watchRun`/`invalid`/`done`, a request-log middleware |
+| Exposed via | Rozenite agent tools + RPC to panels | `GET /repack-devtools/state`, `/compilation`, `POST /clear`, `GET\|POST\|DELETE /faults` |
 
 The halves are joined by the app: `get-overview` and `get-dev-server` fetch
 `<devServer>/repack-devtools/state` from the device, so one call returns app
@@ -33,6 +33,40 @@ the only option when the bundle does not build.
   unique id `<caller>_<scriptId>`) and a bounded event log. Error stage comes
   from the ScriptManager message, error code from `originalError.code` or a
   `[CODE]` argument.
+- `callTracer.ts` replaces `loadScript`, `prefetchScript` and
+  `invalidateScripts` on the `ScriptManager.shared` instance (`Reflect.set`)
+  with wrappers that return the original promise. Every caller goes through
+  the instance (webpack chunk runtime, MF CorePlugin/PrefetchPlugin,
+  `Federated.importModule`, app code), so all calls are seen. A call records
+  whether `scriptsPromises[uniqueId]` already existed (`joined`, with the
+  stored promise's state) and whether a `resolving` event followed
+  (`resolverRan`). "Error, joined a rejected promise, no resolver" is the
+  #1506 signature. A call that joined a stored load (or any stored promise,
+  for prefetchScript) is never credited with events, since ScriptManager
+  emits `resolving` after `await initCache()` and a joiner would otherwise
+  pick up the original attempt's events. A load that joined a prefetch only
+  counts events after the prefetch settled. The wrapper returns a derived
+  promise that rethrows: the tracer's own handler marks ScriptManager's
+  promise as handled, and returning that promise would hide "Possible
+  unhandled promise rejection" warnings for callers that never catch.
+  `resolverRan` is false for calls that failed in `beforeResolve` (injected
+  resolve faults), because `resolving` is emitted after that hook.
+- `promiseTracker.ts` learns promise states without unhandled rejections
+  (attach `then(ok, err)`, WeakMap); `scriptManagerInspector.ts` reads the
+  TS-protected `scriptsPromises`, `resolvers`, `hookMap[*].taps`, `cache`
+  and `storage`, waits one tick and flags stored rejected promises.
+- Runtime cost (dev only; `react-native.ts` swaps everything for no-ops in
+  production): a bounded record per ScriptManager call, one extra microtask
+  before callers see the result, and, after the first injected fault, a
+  pass-through `beforeResolve`/`beforeLoad` tap for the rest of the JS
+  runtime. The inspector reads protected fields and degrades to empty values
+  if they are renamed.
+- `faults.ts` taps `hooks.beforeResolve` / `hooks.beforeLoad` lazily on the
+  first injected fault (hooks cannot be removed; without faults they pass
+  through). A throw in `beforeResolve` follows ScriptManager's resolve error
+  path, a throw in `beforeLoad` the load error path (`errorLoad`, error code
+  from the thrown error). `prefetchScript` has no load hooks, so `load`
+  faults only affect `loadScript`.
 - `federation/runtimePlugin.ts` is an MF 2 runtime plugin that only observes:
   waterfall hooks return their arguments, error hooks return `undefined` so
   MF's own recovery stays in charge. It is installed through `runtimePlugins`
@@ -64,6 +98,32 @@ request log captures the first 4 KB of failed responses (the dev server's
 explanation) and skips tooling paths. Diagnostics compare 404'd asset URLs
 with the platform's emitted asset names.
 
+A fault middleware runs after the request log, so faulted responses are
+logged and marked with `fault` (via the `x-repack-devtools-fault` header).
+Faults match a URL substring or `/regex/`, optionally method and platform,
+and answer with a status, a delay (then serve normally), or a destroyed
+socket. Responses that close without finishing are logged with status `0`
+(`shared/requests.ts`), which also catches real client timeouts. Requests
+produced by a fault are reported as `faults` info diagnostics, not errors.
+Agents add server faults through the app (`inject-server-fault`, which POSTs
+to the origin) or with curl.
+
+## Validation (Oct 2026, Android emulator, no app code changes)
+
+- #1506: `inject-script-fault --stage resolve --times 1`, then two
+  `load-script` calls. The retry failed in 0 ms with `joined: rejected load`,
+  `resolverRan: false`, and `get-script-manager` listed the rejected promise.
+- Chunk 503/drop/timeout via server faults: load errors are cleaned up and
+  the retry downloads again (no caching of failures on the load path).
+  A 40 s delay surfaced as `NetworkFailure: timeout` after 30 s.
+- MF 2 manifest 503: MF parses the error body (`JSON Parse error`) without
+  checking `res.ok`, and drops `manifestLoading[url]` so the retry works. The
+  runtime plugin now records `HTTP <status>` from `afterLoadManifest`'s
+  `response`.
+- Every `loadRemote` makes MF call `prefetchScript(<container>)` again, and
+  resolvers run each time even when the container is loaded (relevant for
+  network-backed resolvers, e.g. #726). Not yet investigated.
+
 ## Build
 
 `rozenite build` compiles panels with Vite and the React Native/SDK entry
diff --git a/packages/repack-devtools-plugin/README.md b/packages/repack-devtools-plugin/README.md
index 84335f768..c7d49117d 100644
--- a/packages/repack-devtools-plugin/README.md
+++ b/packages/repack-devtools-plugin/README.md
@@ -9,9 +9,13 @@ the workspace.
   request log, errors and symbolication.
 - **Agent tools** (`rozenite agent callstack/repack-devtools <tool>`), the
   same data plus actions (`load-script`, `load-remote`, `invalidate-scripts`,
-  `symbolicate`, `reload`, …), with computed diagnostics in `get-overview`.
+  `symbolicate`, `reload`, …), a trace of every ScriptManager call
+  (`list-script-calls`), ScriptManager internals (`get-script-manager`), and
+  fault injection in the app and on dev servers (`inject-script-fault`,
+  `inject-server-fault`), with computed diagnostics in `get-overview`.
 - **Dev-server endpoints**: `GET /repack-devtools/state`,
-  `GET /repack-devtools/compilation?platform=…`, `POST /repack-devtools/clear`.
+  `GET /repack-devtools/compilation?platform=…`, `POST /repack-devtools/clear`,
+  `GET|POST|DELETE /repack-devtools/faults`.
 
 Usage, tool reference and debugging playbooks:
 [`.agents/skills/repack-debug-runtime`](../../.agents/skills/repack-debug-runtime/SKILL.md).
diff --git a/packages/repack-devtools-plugin/src/__tests__/bundler.test.ts b/packages/repack-devtools-plugin/src/__tests__/bundler.test.ts
index dfedb999a..ae05e8ee0 100644
--- a/packages/repack-devtools-plugin/src/__tests__/bundler.test.ts
+++ b/packages/repack-devtools-plugin/src/__tests__/bundler.test.ts
@@ -7,6 +7,7 @@ import {
 } from '../bundler/collector';
 import { diagnoseRequests, getRequestPlatform } from '../bundler/diagnostics';
 import {
+  createFaultMiddleware,
   createRequestLogMiddleware,
   createStateMiddleware,
   getDevServerState,
@@ -224,6 +225,108 @@ describe('middlewares', () => {
     );
     expect(unknownPlatform.status).toBe(404);
   });
+
+  const addFault = async (fault: Record<string, unknown>) => {
+    const response = await fetch(`${origin}/repack-devtools/faults`, {
+      method: 'POST',
+      body: JSON.stringify(fault),
+    });
+    return { status: response.status, body: await response.json() };
+  };
+
+  const stack = () => [
+    createStateMiddleware(),
+    createRequestLogMiddleware(),
+    createFaultMiddleware(),
+  ];
+
+  it('answers matching requests with an injected status a limited number of times', async () => {
+    await listen(stack());
+
+    const added = await addFault({
+      match: '/miniapp/',
+      status: 503,
+      times: 1,
+      platform: 'ios',
+    });
+    expect(added.status).toBe(201);
+    expect(added.body).toMatchObject({ id: 'server-fault-1', remaining: 1 });
+
+    const android = await fetch(`${origin}/miniapp/a.bundle?platform=android`);
+    expect(android.status).toBe(200);
+    const faulted = await fetch(`${origin}/miniapp/a.bundle?platform=ios`);
+    expect(faulted.status).toBe(503);
+    expect(await faulted.text()).toContain('Injected fault server-fault-1');
+    const recovered = await fetch(`${origin}/miniapp/a.bundle?platform=ios`);
+    expect(recovered.status).toBe(200);
+
+    const state = getDevServerState();
+    expect(state.requests.map((request) => request.fault)).toEqual([
+      undefined,
+      'server-fault-1',
+      undefined,
+    ]);
+    expect(state.faults[0]).toMatchObject({ hits: 1, remaining: 0 });
+    // used up: no longer reported as active
+    expect(state.diagnostics.map((item) => item.ref)).not.toContain(
+      'server-fault-1'
+    );
+  });
+
+  it('logs dropped connections and reports active faults', async () => {
+    await listen(stack());
+    await addFault({ match: '/\\.bundle$/', drop: true });
+
+    await expect(fetch(`${origin}/index.bundle`)).rejects.toThrow();
+    // tooling routes are never faulted
+    const state = await fetch(`${origin}/repack-devtools/state`);
+    expect(state.status).toBe(200);
+    await new Promise((resolve) => setTimeout(resolve, 10));
+
+    const { requests, diagnostics } = getDevServerState();
+    expect(requests).toEqual([
+      expect.objectContaining({
+        url: '/index.bundle',
+        status: 0,
+        fault: 'server-fault-1',
+      }),
+    ]);
+    expect(diagnostics.map((item) => item.area)).toEqual(['faults', 'faults']);
+    expect(diagnostics[1].message).toContain('connection dropped');
+  });
+
+  it('delays requests and serves them normally', async () => {
+    await listen(stack());
+    await addFault({ match: 'slow', delayMs: 40 });
+    const startedAt = Date.now();
+    const response = await fetch(`${origin}/slow.bundle`);
+    expect(response.status).toBe(200);
+    expect(Date.now() - startedAt).toBeGreaterThanOrEqual(35);
+  });
+
+  it('validates, lists and removes faults', async () => {
+    await listen(stack());
+    expect(await addFault({ status: 500 })).toMatchObject({ status: 400 });
+    expect(await addFault({ match: 'x' })).toMatchObject({ status: 400 });
+    expect(await addFault({ match: 'x', status: 42 })).toMatchObject({
+      status: 400,
+    });
+    await addFault({ match: 'a', status: 500 });
+    await addFault({ match: 'b', status: 500 });
+
+    const list = await (await fetch(`${origin}/repack-devtools/faults`)).json();
+    expect(list).toHaveLength(2);
+
+    const removeOne = await fetch(
+      `${origin}/repack-devtools/faults?id=${list[0].id}`,
+      { method: 'DELETE' }
+    );
+    expect(await removeOne.json()).toEqual({ removed: 1 });
+    const removeAll = await fetch(`${origin}/repack-devtools/faults`, {
+      method: 'DELETE',
+    });
+    expect(await removeAll.json()).toEqual({ removed: 1 });
+  });
 });
 
 describe('withRepackDevTools', () => {
@@ -246,9 +349,9 @@ describe('withRepackDevTools', () => {
     expect(start.plugins?.[0]).toBeInstanceOf(RepackDevToolsCollectorPlugin);
     const setup = start.devServer?.setupMiddlewares;
     const once = setup?.(['builtin'], {}) ?? [];
-    expect(once).toHaveLength(4);
-    expect(once.slice(2)).toEqual(['builtin', 'user']);
-    expect(setup?.(once, {})).toHaveLength(5);
+    expect(once).toHaveLength(5);
+    expect(once.slice(3)).toEqual(['builtin', 'user']);
+    expect(setup?.(once, {})).toHaveLength(6);
     expect(getDevServerStore().port).toBe(8091);
   });
 
diff --git a/packages/repack-devtools-plugin/src/__tests__/federationState.test.ts b/packages/repack-devtools-plugin/src/__tests__/federationState.test.ts
index 957f82d55..e66bcd264 100644
--- a/packages/repack-devtools-plugin/src/__tests__/federationState.test.ts
+++ b/packages/repack-devtools-plugin/src/__tests__/federationState.test.ts
@@ -177,6 +177,22 @@ describe('diagnoseFederationEvents', () => {
     expect(diagnostic.hint).toContain('could not reach http://localhost:8082');
   });
 
+  it('explains manifest parse errors caused by error responses', () => {
+    const [diagnostic] = diagnoseFederationEvents([
+      {
+        seq: 1,
+        at: 0,
+        type: 'afterLoadManifest',
+        url: 'http://localhost:8082/android/mf-manifest.json',
+        error: 'JSON Parse error: Unexpected character: I',
+        detail: 'HTTP 503',
+      },
+    ]);
+    expect(diagnostic.hint).toContain('manifest response (HTTP 503)');
+    expect(diagnostic.hint).toContain('without checking the HTTP status');
+    expect(diagnostic.hint).toContain('origin=http://localhost:8082');
+  });
+
   it('reports each distinct failure once', () => {
     const event: FederationEvent = {
       seq: 1,
diff --git a/packages/repack-devtools-plugin/src/__tests__/runtimePlugin.test.ts b/packages/repack-devtools-plugin/src/__tests__/runtimePlugin.test.ts
new file mode 100644
index 000000000..160b32b4a
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/__tests__/runtimePlugin.test.ts
@@ -0,0 +1,35 @@
+import { beforeEach, describe, expect, it } from 'vitest';
+import { createRepackDevToolsRuntimePlugin } from '../react-native/federation/runtimePlugin';
+import { getStore } from '../react-native/store';
+import { STORE_GLOBAL } from '../shared/constants';
+
+beforeEach(() => {
+  Reflect.deleteProperty(globalThis, STORE_GLOBAL);
+});
+
+describe('runtime plugin', () => {
+  it('records every hook without throwing, even with minimal args', () => {
+    const plugin = createRepackDevToolsRuntimePlugin();
+    const hooks = Object.entries(plugin).filter(
+      (entry): entry is [string, (args: unknown) => unknown] =>
+        typeof entry[1] === 'function'
+    );
+    expect(hooks.length).toBeGreaterThan(5);
+    for (const [name, hook] of hooks) {
+      expect(() => hook({ id: 'MiniApp/App' }), name).not.toThrow();
+    }
+  });
+
+  it('keeps the manifest HTTP status', () => {
+    const plugin = createRepackDevToolsRuntimePlugin();
+    plugin.afterLoadManifest({
+      manifestUrl: 'http://localhost:8082/android/mf-manifest.json',
+      error: new SyntaxError('JSON Parse error: Unexpected character: I'),
+      response: { status: 503 },
+    });
+    expect(getStore().federationEvents.at(-1)).toMatchObject({
+      type: 'afterLoadManifest',
+      detail: 'HTTP 503',
+    });
+  });
+});
diff --git a/packages/repack-devtools-plugin/src/__tests__/scriptManagerCalls.test.ts b/packages/repack-devtools-plugin/src/__tests__/scriptManagerCalls.test.ts
new file mode 100644
index 000000000..4b0645259
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/__tests__/scriptManagerCalls.test.ts
@@ -0,0 +1,348 @@
+import { beforeEach, describe, expect, it } from 'vitest';
+import {
+  attachCallTracer,
+  diagnoseScriptCalls,
+} from '../react-native/callTracer';
+import { clearScriptFaults, injectScriptFault } from '../react-native/faults';
+import { inspectScriptManager } from '../react-native/scriptManagerInspector';
+import { applyScriptManagerEvent } from '../react-native/scriptManagerRecorder';
+import { getStore } from '../react-native/store';
+import { STORE_GLOBAL } from '../shared/constants';
+
+type Hook = (args: { options: Record<string, unknown> }) => Promise<unknown>;
+type StoredPromise = Promise<void> & { isPrefetch?: boolean };
+
+/**
+ * Mirrors the parts of ScriptManager the tracer, inspector and faults rely
+ * on. `fixed: false` keeps the shape from issue #1506: the resolve step runs
+ * outside the try/finally that clears `scriptsPromises`.
+ */
+class FakeScriptManager {
+  scriptsPromises: Record<string, StoredPromise> = {};
+  cache: Record<string, { url: string }> = {};
+  resolvers: Array<[string, number, () => unknown]> = [['default', 0, () => 0]];
+  taps: Record<string, Hook[]> = { beforeResolve: [], beforeLoad: [] };
+  hookMap = {
+    beforeResolve: { taps: this.taps.beforeResolve },
+    beforeLoad: { taps: this.taps.beforeLoad },
+  };
+  hooks = {
+    beforeResolve: (fn: Hook) => this.taps.beforeResolve.push(fn),
+    beforeLoad: (fn: Hook) => this.taps.beforeLoad.push(fn),
+  };
+  resolveCount = 0;
+  failResolve = 0;
+
+  constructor(private fixed = false) {}
+
+  private async runHooks(name: string, scriptId: string, caller?: string) {
+    for (const tap of this.taps[name]) {
+      await tap({ options: { scriptId, caller } });
+    }
+  }
+
+  private async resolveScript(scriptId: string, caller?: string) {
+    const uniqueId = caller ? `${caller}_${scriptId}` : scriptId;
+    // like ScriptManager, which awaits initCache() before emitting
+    await Promise.resolve();
+    applyScriptManagerEvent(getStore(), 'resolving', { scriptId, caller });
+    await this.runHooks('beforeResolve', scriptId, caller);
+    this.resolveCount += 1;
+    if (this.failResolve > 0) {
+      this.failResolve -= 1;
+      throw new Error('Network request failed');
+    }
+    this.cache[uniqueId] = { url: `http://localhost/${scriptId}.bundle` };
+    return uniqueId;
+  }
+
+  async loadScript(scriptId: string, caller?: string): Promise<void> {
+    const uniqueId = caller ? `${caller}_${scriptId}` : scriptId;
+    const stored = this.scriptsPromises[uniqueId];
+    if (stored) {
+      // a prefetch only downloads, so load after it
+      if (stored.isPrefetch) await stored;
+      else return stored;
+    }
+    const run = async () => {
+      if (this.fixed) {
+        try {
+          await this.resolveScript(scriptId, caller);
+        } catch (error) {
+          delete this.scriptsPromises[uniqueId];
+          throw error;
+        }
+      } else {
+        await this.resolveScript(scriptId, caller);
+      }
+      try {
+        await this.runHooks('beforeLoad', scriptId, caller);
+      } finally {
+        delete this.scriptsPromises[uniqueId];
+      }
+    };
+    const promise: StoredPromise = run();
+    this.scriptsPromises[uniqueId] = promise;
+    return promise;
+  }
+
+  prefetchScript(scriptId: string, caller?: string): Promise<void> {
+    const uniqueId = caller ? `${caller}_${scriptId}` : scriptId;
+    const stored = this.scriptsPromises[uniqueId];
+    if (stored) return stored;
+    const promise: StoredPromise = this.resolveScript(scriptId, caller).then(
+      () => {
+        applyScriptManagerEvent(getStore(), 'prefetching', {
+          scriptId,
+          caller,
+          locator: { uniqueId },
+        });
+      }
+    );
+    promise.isPrefetch = true;
+    this.scriptsPromises[uniqueId] = promise;
+    return promise;
+  }
+
+  invalidateScripts(scriptIds: string[] = []) {
+    for (const id of scriptIds) {
+      delete this.scriptsPromises[id];
+      delete this.cache[id];
+    }
+    return Promise.resolve(scriptIds);
+  }
+}
+
+const settle = (promise: Promise<unknown>) =>
+  promise.then(
+    () => 'ok',
+    (error: unknown) => (error instanceof Error ? error.message : 'error')
+  );
+
+const tick = () => new Promise((resolve) => setTimeout(resolve, 0));
+
+beforeEach(() => {
+  Reflect.deleteProperty(globalThis, STORE_GLOBAL);
+});
+
+describe('call tracer', () => {
+  it('records outcomes and whether resolvers ran', async () => {
+    const sm = new FakeScriptManager();
+    attachCallTracer(sm);
+
+    expect(await settle(sm.loadScript('miniapp', 'main'))).toBe('ok');
+    await tick();
+
+    const [call] = getStore().scriptCalls;
+    expect(call).toMatchObject({
+      method: 'loadScript',
+      uniqueId: 'main_miniapp',
+      outcome: 'ok',
+      resolverRan: true,
+    });
+    expect(call.joined).toBeUndefined();
+    expect(call.events).toEqual(['resolving']);
+  });
+
+  it('shows retries that reuse a stored rejected promise (#1506)', async () => {
+    const sm = new FakeScriptManager();
+    attachCallTracer(sm);
+    sm.failResolve = 1;
+
+    expect(await settle(sm.loadScript('miniapp', 'main'))).toBe(
+      'Network request failed'
+    );
+    await tick();
+    expect(await settle(sm.loadScript('miniapp', 'main'))).toBe(
+      'Network request failed'
+    );
+    expect(await settle(sm.prefetchScript('miniapp', 'main'))).toBe(
+      'Network request failed'
+    );
+    await tick();
+
+    expect(sm.resolveCount).toBe(1);
+    const [first, retry, prefetch] = getStore().scriptCalls;
+    expect(first).toMatchObject({ resolverRan: true, outcome: 'error' });
+    expect(retry).toMatchObject({
+      outcome: 'error',
+      resolverRan: false,
+      joined: { isPrefetch: false, state: 'rejected' },
+    });
+    expect(prefetch).toMatchObject({ resolverRan: false, outcome: 'error' });
+
+    const diagnostics = diagnoseScriptCalls(getStore().scriptCalls);
+    expect(diagnostics).toHaveLength(1);
+    expect(diagnostics[0]).toMatchObject({
+      severity: 'error',
+      ref: `call:${prefetch.seq}`,
+    });
+    expect(diagnostics[0].message).toContain('2 ');
+
+    const state = await inspectScriptManager(sm);
+    expect(state.promises).toEqual([
+      expect.objectContaining({
+        uniqueId: 'main_miniapp',
+        state: 'rejected',
+        error: 'Network request failed',
+      }),
+    ]);
+    expect(state.diagnostics[0]).toMatchObject({
+      severity: 'error',
+      ref: 'main_miniapp',
+    });
+  });
+
+  it('reports a clean state once the failure is not kept', async () => {
+    const sm = new FakeScriptManager(true);
+    attachCallTracer(sm);
+    sm.failResolve = 1;
+
+    await settle(sm.loadScript('miniapp', 'main'));
+    await tick();
+    expect(await settle(sm.loadScript('miniapp', 'main'))).toBe('ok');
+    await tick();
+
+    expect(sm.resolveCount).toBe(2);
+    expect(getStore().scriptCalls[1]).toMatchObject({
+      resolverRan: true,
+      outcome: 'ok',
+    });
+    expect(diagnoseScriptCalls(getStore().scriptCalls)).toEqual([]);
+    expect((await inspectScriptManager(sm)).diagnostics).toEqual([]);
+  });
+
+  it('does not credit a joined call with the attempt it joined', async () => {
+    const sm = new FakeScriptManager(true);
+    attachCallTracer(sm);
+    await Promise.all([
+      sm.loadScript('miniapp', 'main'),
+      sm.loadScript('miniapp', 'main'),
+    ]);
+    await tick();
+
+    expect(sm.resolveCount).toBe(1);
+    const [first, second] = getStore().scriptCalls;
+    expect(first).toMatchObject({ resolverRan: true });
+    expect(second).toMatchObject({
+      resolverRan: false,
+      events: [],
+      joined: { isPrefetch: false, state: 'pending' },
+    });
+  });
+
+  it('credits a load that waited for a prefetch with its own resolve only', async () => {
+    const sm = new FakeScriptManager(true);
+    attachCallTracer(sm);
+    sm.failResolve = 0;
+    const prefetch = sm.prefetchScript('miniapp', 'main');
+    // joins the in-flight prefetch, then resolves and loads on its own
+    const load = sm.loadScript('miniapp', 'main');
+    await Promise.all([prefetch, load]);
+    await tick();
+    const loadCall = getStore().scriptCalls.find(
+      (call) => call.method === 'loadScript'
+    );
+    expect(loadCall).toMatchObject({ resolverRan: true });
+    expect(loadCall?.events).toEqual(['resolving']);
+  });
+
+  it('keeps rejections unhandled for callers that do not catch', async () => {
+    const sm = new FakeScriptManager();
+    let original: Promise<void> | undefined;
+    const load = sm.loadScript.bind(sm);
+    sm.loadScript = (scriptId, caller) => {
+      original = load(scriptId, caller);
+      return original;
+    };
+    attachCallTracer(sm);
+    sm.failResolve = 1;
+    const returned = sm.loadScript('miniapp', 'main');
+    // a derived promise, so the tracer's handler on the original one does
+    // not count as the caller's
+    expect(returned).not.toBe(original);
+    await expect(returned).rejects.toThrow('Network request failed');
+  });
+
+  it('marks a finished prefetch as prefetched', async () => {
+    const sm = new FakeScriptManager(true);
+    attachCallTracer(sm);
+    await sm.prefetchScript('miniapp', 'main');
+    await tick();
+    expect(getStore().scripts.get('main_miniapp')?.status).toBe('prefetched');
+  });
+});
+
+describe('inspector', () => {
+  it('reads resolvers, hook taps and cache', async () => {
+    const sm = new FakeScriptManager(true);
+    await sm.loadScript('miniapp', 'main');
+    injectScriptFault(sm, { stage: 'load', times: 0 });
+    const state = await inspectScriptManager(sm);
+    expect(state).toMatchObject({
+      available: true,
+      resolvers: [{ key: 'default', priority: 0 }],
+      hooks: { beforeResolve: 1, beforeLoad: 1 },
+      cache: [
+        { uniqueId: 'main_miniapp', url: 'http://localhost/miniapp.bundle' },
+      ],
+      storage: false,
+    });
+  });
+
+  it('is unavailable for non-objects', async () => {
+    expect((await inspectScriptManager(undefined)).available).toBe(false);
+  });
+});
+
+describe('script faults', () => {
+  it('fails the resolve stage a limited number of times', async () => {
+    const sm = new FakeScriptManager(true);
+    attachCallTracer(sm);
+    const fault = injectScriptFault(sm, {
+      stage: 'resolve',
+      scriptId: 'miniapp',
+      times: 1,
+    });
+
+    expect(await settle(sm.loadScript('miniapp', 'main'))).toBe(
+      'Network request failed (injected)'
+    );
+    expect(await settle(sm.loadScript('other', 'main'))).toBe('ok');
+    expect(await settle(sm.loadScript('miniapp', 'main'))).toBe('ok');
+
+    expect(fault).toMatchObject({ hits: 1, remaining: 0 });
+    expect(getStore().scriptCalls[0].faults).toEqual([fault.id]);
+    expect(getStore().scriptCalls[2].faults).toEqual([]);
+  });
+
+  it('fails the load stage with a NetworkFailure code', async () => {
+    const sm = new FakeScriptManager(true);
+    injectScriptFault(sm, { stage: 'load' });
+    const error = await sm.loadScript('miniapp').catch((e: unknown) => e);
+    expect(error).toMatchObject({
+      message: 'Script download failed (injected)',
+      code: 'NetworkFailure',
+    });
+  });
+
+  it('delays without failing, and installs hooks only once', async () => {
+    const sm = new FakeScriptManager(true);
+    injectScriptFault(sm, { stage: 'resolve', action: 'delay', delayMs: 30 });
+    injectScriptFault(sm, { stage: 'load', action: 'delay', delayMs: 0 });
+    const startedAt = Date.now();
+    await sm.loadScript('miniapp');
+    expect(Date.now() - startedAt).toBeGreaterThanOrEqual(25);
+    expect(sm.taps.beforeResolve).toHaveLength(1);
+  });
+
+  it('clears one or all faults', () => {
+    const sm = new FakeScriptManager(true);
+    const first = injectScriptFault(sm, { stage: 'resolve' });
+    injectScriptFault(sm, { stage: 'load' });
+    expect(clearScriptFaults(first.id)).toBe(1);
+    expect(getStore().faults).toHaveLength(1);
+    expect(clearScriptFaults()).toBe(1);
+    expect(getStore().faults).toEqual([]);
+  });
+});
diff --git a/packages/repack-devtools-plugin/src/bundler/diagnostics.ts b/packages/repack-devtools-plugin/src/bundler/diagnostics.ts
index d97d03467..4ca5baf96 100644
--- a/packages/repack-devtools-plugin/src/bundler/diagnostics.ts
+++ b/packages/repack-devtools-plugin/src/bundler/diagnostics.ts
@@ -1,3 +1,4 @@
+import { isFailedRequest, NO_RESPONSE_STATUS } from '../shared/requests.js';
 import type {
   DevServerRequest,
   Diagnostic,
@@ -65,7 +66,7 @@ export const diagnoseRequests = (
 ): Diagnostic[] => {
   const groups = new Map<string, DevServerRequest[]>();
   for (const request of requests) {
-    if (request.status < 400) continue;
+    if (!isFailedRequest(request)) continue;
     const key = `${request.method} ${pathname(request.url)} ${request.status}`;
     const group = groups.get(key) ?? [];
     group.push(request);
@@ -81,6 +82,17 @@ export const diagnoseRequests = (
     const body = firstLine(latest.responseBody);
     const ref = `request:${latest.seq}`;
 
+    if (latest.fault) {
+      diagnostics.push({
+        severity: 'info',
+        area: 'faults',
+        message: `${latest.status === NO_RESPONSE_STATUS ? `${latest.method} ${pathname(latest.url)} (connection dropped)` : key}${times}: produced by injected fault ${latest.fault}.`,
+        hint: 'Check how the app handled it (list-script-calls, list-errors), not why the server failed.',
+        ref,
+      });
+      continue;
+    }
+
     if (
       latest.status === 404 &&
       /\.(bundle|js|map|json)$/.test(pathname(latest.url))
@@ -109,6 +121,17 @@ export const diagnoseRequests = (
       continue;
     }
 
+    if (latest.status === NO_RESPONSE_STATUS) {
+      diagnostics.push({
+        severity: 'error',
+        area: 'dev-server',
+        message: `${latest.method} ${pathname(latest.url)}${times}: the connection closed before the dev server sent a response.`,
+        hint: 'The client gave up (timeout) or the server crashed mid-request; check the dev server output.',
+        ref,
+      });
+      continue;
+    }
+
     if (pathname(latest.url) === '/symbolicate') {
       diagnostics.push({
         severity: 'warning',
diff --git a/packages/repack-devtools-plugin/src/bundler/faults.ts b/packages/repack-devtools-plugin/src/bundler/faults.ts
new file mode 100644
index 000000000..3e1e6720c
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/bundler/faults.ts
@@ -0,0 +1,116 @@
+import type { IncomingMessage, ServerResponse } from 'node:http';
+import {
+  isRecord,
+  readBoolean,
+  readNumber,
+  readString,
+} from '../shared/guards.js';
+import type { ServerFault } from '../shared/types.js';
+import { getRequestPlatform } from './diagnostics.js';
+import { type DevServerStore, getDevServerStore } from './store.js';
+
+type Next = (error?: unknown) => void;
+
+const MAX_FAULTS = 50;
+
+const toMatcher = (match: string) => {
+  const regex = /^\/(.+)\/([a-z]*)$/.exec(match);
+  if (regex) {
+    try {
+      const pattern = new RegExp(regex[1], regex[2]);
+      return (url: string) => pattern.test(url);
+    } catch {
+      // invalid regex: fall back to a substring match
+    }
+  }
+  return (url: string) => url.includes(match);
+};
+
+/** Validates a fault definition received as JSON. */
+export const parseServerFault = (
+  input: unknown,
+  store: DevServerStore
+): ServerFault | string => {
+  if (!isRecord(input)) return 'Expected a JSON object.';
+  const match = readString(input, 'match');
+  if (!match) return '`match` (URL substring or /regex/) is required.';
+  const status = readNumber(input, 'status');
+  const delayMs = readNumber(input, 'delayMs');
+  const drop = readBoolean(input, 'drop');
+  if (status === undefined && delayMs === undefined && !drop) {
+    return 'Set at least one of `status`, `delayMs` or `drop`.';
+  }
+  if (status !== undefined && (status < 100 || status > 599)) {
+    return '`status` must be an HTTP status code.';
+  }
+  store.seq += 1;
+  return {
+    id: `server-fault-${store.seq}`,
+    match,
+    method: readString(input, 'method')?.toUpperCase(),
+    platform: readString(input, 'platform'),
+    status,
+    body: readString(input, 'body'),
+    delayMs,
+    drop,
+    remaining: readNumber(input, 'times'),
+    hits: 0,
+    createdAt: Date.now(),
+  };
+};
+
+export const addServerFault = (store: DevServerStore, fault: ServerFault) => {
+  store.faults.push(fault);
+  if (store.faults.length > MAX_FAULTS) store.faults.shift();
+  return fault;
+};
+
+export const findServerFault = (
+  store: DevServerStore,
+  method: string,
+  url: string
+) =>
+  store.faults.find(
+    (fault) =>
+      (fault.remaining === undefined || fault.remaining > 0) &&
+      (!fault.method || fault.method === method) &&
+      (!fault.platform || fault.platform === getRequestPlatform(url)) &&
+      toMatcher(fault.match)(url)
+  );
+
+/** Marks a response as produced by a fault, for the request log. */
+export const FAULT_HEADER = 'x-repack-devtools-fault';
+
+/**
+ * Applies injected faults to matching requests: delays them, answers with
+ * the configured status, or drops the connection. Tooling routes are never
+ * faulted (the caller skips them).
+ */
+export const applyServerFault = (
+  req: IncomingMessage,
+  res: ServerResponse,
+  next: Next,
+  store: DevServerStore = getDevServerStore()
+) => {
+  const fault = findServerFault(store, req.method ?? 'GET', req.url ?? '');
+  if (!fault) return next();
+  fault.hits += 1;
+  if (fault.remaining !== undefined) fault.remaining -= 1;
+  res.setHeader(FAULT_HEADER, fault.id);
+
+  const respond = () => {
+    if (fault.drop) {
+      req.socket.destroy();
+      return;
+    }
+    if (fault.status === undefined) return next();
+    res.statusCode = fault.status;
+    res.setHeader('Content-Type', 'text/plain');
+    res.end(
+      fault.body ??
+        `Injected fault ${fault.id}: ${fault.status} for ${req.method} ${fault.match}`
+    );
+  };
+  if (fault.delayMs) setTimeout(respond, fault.delayMs);
+  else respond();
+};
diff --git a/packages/repack-devtools-plugin/src/bundler/middleware.ts b/packages/repack-devtools-plugin/src/bundler/middleware.ts
index 0bef25ec7..0e0779fc4 100644
--- a/packages/repack-devtools-plugin/src/bundler/middleware.ts
+++ b/packages/repack-devtools-plugin/src/bundler/middleware.ts
@@ -1,11 +1,22 @@
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import { DEV_SERVER_ROUTE, LIMITS } from '../shared/constants.js';
-import type { DevServerState } from '../shared/types.js';
+import { isFailedRequest, NO_RESPONSE_STATUS } from '../shared/requests.js';
+import type {
+  DevServerState,
+  Diagnostic,
+  ServerFault,
+} from '../shared/types.js';
 import {
   diagnoseCompilations,
   diagnoseRequests,
   getRequestPlatform,
 } from './diagnostics.js';
+import {
+  addServerFault,
+  applyServerFault,
+  FAULT_HEADER,
+  parseServerFault,
+} from './faults.js';
 import {
   type DevServerStore,
   getDevServerStore,
@@ -44,13 +55,93 @@ export const getDevServerState = (
     startedAt: store.startedAt,
     compilations,
     requests: store.requests,
+    faults: store.faults,
     diagnostics: [
+      ...diagnoseServerFaults(store.faults),
       ...diagnoseCompilations(compilations),
       ...diagnoseRequests(store.requests, compilations),
     ],
   };
 };
 
+const describeServerFault = (fault: ServerFault) =>
+  [
+    fault.drop ? 'drop connection' : undefined,
+    fault.status !== undefined ? `status ${fault.status}` : undefined,
+    fault.delayMs ? `delay ${fault.delayMs}ms` : undefined,
+    fault.remaining !== undefined ? `${fault.remaining} left` : undefined,
+  ]
+    .filter(Boolean)
+    .join(', ');
+
+const diagnoseServerFaults = (faults: ServerFault[]): Diagnostic[] =>
+  faults
+    .filter((fault) => fault.remaining === undefined || fault.remaining > 0)
+    .map((fault) => ({
+      severity: 'info',
+      area: 'faults',
+      message: `Injected server fault ${fault.id} is active for "${fault.match}" (${describeServerFault(fault)}, ${fault.hits} hit(s)). Failures it causes are not real bugs.`,
+      hint: `Remove it with DELETE ${DEV_SERVER_ROUTE}/faults?id=${fault.id} or the clear-faults tool.`,
+      ref: fault.id,
+    }));
+
+const MAX_BODY_BYTES = 64 * 1024;
+
+const readJsonBody = (req: IncomingMessage) =>
+  new Promise<unknown>((resolve, reject) => {
+    const chunks: Buffer[] = [];
+    let size = 0;
+    req.on('data', (chunk: Buffer) => {
+      size += chunk.length;
+      if (size > MAX_BODY_BYTES) {
+        reject(new Error('Request body too large.'));
+        req.destroy();
+        return;
+      }
+      chunks.push(chunk);
+    });
+    req.on('end', () => {
+      try {
+        resolve(JSON.parse(Buffer.concat(chunks).toString('utf8') || '{}'));
+      } catch {
+        reject(new Error('Request body is not valid JSON.'));
+      }
+    });
+    req.on('error', reject);
+  });
+
+const handleFaults = (
+  req: IncomingMessage,
+  res: ServerResponse,
+  params: URLSearchParams,
+  store: DevServerStore
+) => {
+  if (req.method === 'GET') return sendJson(res, 200, store.faults);
+  if (req.method === 'DELETE') {
+    const id = params.get('id');
+    const before = store.faults.length;
+    store.faults = id ? store.faults.filter((fault) => fault.id !== id) : [];
+    return sendJson(res, 200, { removed: before - store.faults.length });
+  }
+  if (req.method === 'POST') {
+    readJsonBody(req).then(
+      (body) => {
+        const fault = parseServerFault(body, store);
+        if (typeof fault === 'string') {
+          return sendJson(res, 400, { error: fault });
+        }
+        return sendJson(res, 201, addServerFault(store, fault));
+      },
+      (error: unknown) =>
+        sendJson(res, 400, {
+          error: error instanceof Error ? error.message : String(error),
+        })
+    );
+    return;
+  }
+  return sendJson(res, 405, { error: 'Use GET, POST or DELETE.' });
+};
+
 const sendJson = (res: ServerResponse, status: number, body: unknown) => {
   res.statusCode = status;
   res.setHeader('Content-Type', 'application/json');
@@ -59,9 +150,10 @@ const sendJson = (res: ServerResponse, status: number, body: unknown) => {
 };
 
 /**
- * Serves `GET <route>/state`, `GET <route>/compilation?platform=` and
- * `POST <route>/clear`, so agents can read bundler state with curl even when
- * the app is not running.
+ * Serves `GET <route>/state`, `GET <route>/compilation?platform=`,
+ * `POST <route>/clear` and `GET|POST|DELETE <route>/faults`, so agents can
+ * read bundler state and inject faults with curl even when the app is not
+ * running.
  */
 export const createStateMiddleware = (): Middleware => {
   const middleware: Middleware = (req, res, next) => {
@@ -71,6 +163,7 @@ export const createStateMiddleware = (): Middleware => {
     const params = new URLSearchParams(query);
     const store = getDevServerStore();
 
+    if (path === '/faults') return handleFaults(req, res, params, store);
     if (req.method === 'POST' && path === '/clear') {
       store.requests.length = 0;
       return sendJson(res, 200, { cleared: 'requests' });
@@ -84,7 +177,7 @@ export const createStateMiddleware = (): Middleware => {
         ...state,
         requests:
           requests === 'failed'
-            ? state.requests.filter((request) => request.status >= 400)
+            ? state.requests.filter(isFailedRequest)
             : requests === 'none'
               ? []
               : state.requests,
@@ -103,13 +196,31 @@ export const createStateMiddleware = (): Middleware => {
       return sendJson(res, 200, compilation);
     }
     return sendJson(res, 404, {
-      error: `Unknown route. Use ${DEV_SERVER_ROUTE}/state, ${DEV_SERVER_ROUTE}/compilation?platform=<platform> or POST ${DEV_SERVER_ROUTE}/clear.`,
+      error: `Unknown route. Use ${DEV_SERVER_ROUTE}/state, ${DEV_SERVER_ROUTE}/compilation?platform=<platform>, ${DEV_SERVER_ROUTE}/faults or POST ${DEV_SERVER_ROUTE}/clear.`,
     });
   };
   middleware.__repackDevTools = true;
   return middleware;
 };
 
+const faultOf = (res: ServerResponse) => {
+  const header = res.getHeader(FAULT_HEADER);
+  return typeof header === 'string' ? header : undefined;
+};
+
+const isTooling = (url: string) =>
+  IGNORED.some((prefix) => url.startsWith(prefix));
+
+/** Applies injected server faults; must run after the request log. */
+export const createFaultMiddleware = (): Middleware => {
+  const middleware: Middleware = (req, res, next) => {
+    if (isTooling(req.url ?? '')) return next();
+    applyServerFault(req, res, next);
+  };
+  middleware.__repackDevTools = true;
+  return middleware;
+};
+
 /**
  * Logs every request with its status and duration. For failed responses the
  * first bytes of the body are kept, which is usually the explanation.
@@ -158,9 +269,9 @@ export const createRequestLogMiddleware = (): Middleware => {
       },
     });
 
-    res.once('finish', () => {
+    const log = (finished: boolean) => {
       try {
-        const status = res.statusCode;
+        const status = finished ? res.statusCode : NO_RESPONSE_STATUS;
         pushRequest(getDevServerStore(), {
           at: startedAt,
           method: req.method ?? 'GET',
@@ -168,6 +279,7 @@ export const createRequestLogMiddleware = (): Middleware => {
           status,
           durationMs: Date.now() - startedAt,
           platform: getRequestPlatform(url),
+          fault: faultOf(res),
           userAgent: req.headers['user-agent'],
           responseBody:
             status >= 400 && chunks.length
@@ -177,6 +289,11 @@ export const createRequestLogMiddleware = (): Middleware => {
       } catch {
         // logging must never break a response
       }
+    };
+    res.once('finish', () => log(true));
+    // dropped or aborted before a response was sent: no `finish` event
+    res.once('close', () => {
+      if (!res.writableFinished) log(false);
     });
     next();
   };
diff --git a/packages/repack-devtools-plugin/src/bundler/store.ts b/packages/repack-devtools-plugin/src/bundler/store.ts
index 7bb069db8..fc7c2d79a 100644
--- a/packages/repack-devtools-plugin/src/bundler/store.ts
+++ b/packages/repack-devtools-plugin/src/bundler/store.ts
@@ -1,6 +1,10 @@
 import { DEV_SERVER_STORE_GLOBAL, LIMITS } from '../shared/constants.js';
 import { isRecord, readGlobal } from '../shared/guards.js';
-import type { DevServerRequest, PlatformCompilation } from '../shared/types.js';
+import type {
+  DevServerRequest,
+  PlatformCompilation,
+  ServerFault,
+} from '../shared/types.js';
 
 export type DevServerStore = {
   startedAt: number;
@@ -8,17 +12,19 @@ export type DevServerStore = {
   seq: number;
   compilations: Map<string, PlatformCompilation>;
   requests: DevServerRequest[];
+  faults: ServerFault[];
 };
 
-/**
- * One store per dev server process. Re.Pack runs every platform compiler in
- * the same process, so they all record here.
- */
 const isDevServerStore = (value: unknown): value is DevServerStore =>
   isRecord(value) &&
   value.compilations instanceof Map &&
-  Array.isArray(value.requests);
+  Array.isArray(value.requests) &&
+  Array.isArray(value.faults);
 
+/**
+ * One store per dev server process. Re.Pack runs every platform compiler in
+ * the same process, so they all record here.
+ */
 export const getDevServerStore = (): DevServerStore => {
   const existing = readGlobal(DEV_SERVER_STORE_GLOBAL);
   if (isDevServerStore(existing)) return existing;
@@ -27,6 +33,7 @@ export const getDevServerStore = (): DevServerStore => {
     seq: 0,
     compilations: new Map(),
     requests: [],
+    faults: [],
   };
   Reflect.set(globalThis, DEV_SERVER_STORE_GLOBAL, store);
   return store;
diff --git a/packages/repack-devtools-plugin/src/bundler/withRepackDevTools.ts b/packages/repack-devtools-plugin/src/bundler/withRepackDevTools.ts
index 91b0479c6..ab6df503b 100644
--- a/packages/repack-devtools-plugin/src/bundler/withRepackDevTools.ts
+++ b/packages/repack-devtools-plugin/src/bundler/withRepackDevTools.ts
@@ -1,5 +1,6 @@
 import { RepackDevToolsCollectorPlugin } from './collector.js';
 import {
+  createFaultMiddleware,
   createRequestLogMiddleware,
   createStateMiddleware,
 } from './middleware.js';
@@ -78,7 +79,8 @@ export const withRepackDevTools = <
           if (!result.some(isDevToolsMiddleware)) {
             result.unshift(
               createStateMiddleware(),
-              createRequestLogMiddleware()
+              createRequestLogMiddleware(),
+              createFaultMiddleware()
             );
           }
           return result;
diff --git a/packages/repack-devtools-plugin/src/react-native/api.ts b/packages/repack-devtools-plugin/src/react-native/api.ts
index adbe16894..0c0a33dda 100644
--- a/packages/repack-devtools-plugin/src/react-native/api.ts
+++ b/packages/repack-devtools-plugin/src/react-native/api.ts
@@ -1,5 +1,6 @@
 import { Federated, ScriptManager } from '@callstack/repack/client';
 import { DevSettings } from 'react-native';
+import type { FaultList, InjectServerFaultArgs } from '../shared/agent-tools';
 import { DEV_SERVER_ROUTE } from '../shared/constants';
 import {
   callMethod,
@@ -8,8 +9,10 @@ import {
   isRecord,
   readArray,
   readGlobal,
+  readNumber,
   readString,
 } from '../shared/guards';
+import { isFailedRequest } from '../shared/requests';
 import type {
   DevServerState,
   DevServerSummary,
@@ -17,17 +20,29 @@ import type {
   FederationState,
   Overview,
   RecordedError,
+  ScriptCall,
+  ScriptCallMethod,
   ScriptEvent,
+  ScriptFault,
   ScriptRecord,
   ScriptStatus,
+  ServerFault,
   SymbolicationResult,
 } from '../shared/types';
+import { diagnoseScriptCalls } from './callTracer';
 import {
   getAppInfo,
   getDevServerOrigin,
   getFederationGlobals,
 } from './environment';
+import {
+  clearScriptFaults,
+  injectScriptFault,
+  listScriptFaults,
+  type ScriptFaultInput,
+} from './faults';
 import { readFederationState } from './federation/state';
+import { inspectScriptManager } from './scriptManagerInspector';
 import { type ClearScope, clearStore, describeError, getStore } from './store';
 import { symbolicateStack } from './symbolication';
 
@@ -82,6 +97,139 @@ export const listScriptEvents = (
       (!filter.uniqueId || event.uniqueId === filter.uniqueId)
   );
 
+export const listScriptCalls = (
+  filter: {
+    uniqueId?: string;
+    method?: ScriptCallMethod;
+    errorsOnly?: boolean;
+  } = {}
+): ScriptCall[] =>
+  getStore().scriptCalls.filter(
+    (call) =>
+      (!filter.uniqueId ||
+        call.uniqueId === filter.uniqueId ||
+        call.scriptId === filter.uniqueId ||
+        call.scriptIds?.includes(filter.uniqueId)) &&
+      (!filter.method || call.method === filter.method) &&
+      (!filter.errorsOnly || call.outcome === 'error')
+  );
+
+export const getScriptManagerState = () =>
+  inspectScriptManager(ScriptManager.shared);
+
+const describeScriptFault = (fault: ScriptFault) =>
+  [
+    fault.action,
+    fault.code,
+    fault.delayMs ? `delay ${fault.delayMs}ms` : undefined,
+    fault.remaining !== undefined ? `${fault.remaining} left` : undefined,
+  ]
+    .filter(Boolean)
+    .join(', ');
+
+const diagnoseScriptFaults = (faults: ScriptFault[]): Diagnostic[] =>
+  faults
+    .filter((fault) => fault.remaining === undefined || fault.remaining > 0)
+    .map((fault) => ({
+      severity: 'info',
+      area: 'faults',
+      message: `Injected ${fault.stage} fault ${fault.id} is active for ${fault.scriptId ? `"${fault.scriptId}"` : 'every script'} (${describeScriptFault(fault)}, ${fault.hits} hit(s)). Failures it causes are not real bugs.`,
+      hint: 'Remove it with clear-faults.',
+      ref: fault.id,
+    }));
+
+export const injectAppFault = (input: ScriptFaultInput) =>
+  injectScriptFault(ScriptManager.shared, input);
+
+const requireOrigin = (origin = getDevServerOrigin()) => {
+  if (!origin) throw new Error('Dev server origin is unknown.');
+  return origin;
+};
+
+const readErrorBody = async (response: Response) => {
+  const body: unknown = await response.json().catch(() => undefined);
+  return readString(body, 'error') ?? `HTTP ${response.status}`;
+};
+
+const isServerFault = (value: unknown): value is ServerFault =>
+  readString(value, 'id') !== undefined &&
+  readString(value, 'match') !== undefined &&
+  readNumber(value, 'hits') !== undefined;
+
+const faultsUrl = (origin: string) => `${origin}${DEV_SERVER_ROUTE}/faults`;
+
+export const injectServerFault = async ({
+  origin,
+  ...fault
+}: InjectServerFaultArgs): Promise<ServerFault> => {
+  const url = faultsUrl(requireOrigin(origin));
+  const response = await fetch(url, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(fault),
+  });
+  if (!response.ok) {
+    throw new Error(`${url}: ${await readErrorBody(response)}`);
+  }
+  const body: unknown = await response.json();
+  if (!isServerFault(body)) {
+    throw new Error(`${url} returned an unexpected payload.`);
+  }
+  return body;
+};
+
+/** The app's dev server plus `origin`, without duplicates. */
+const faultOrigins = (origin?: string) =>
+  Array.from(
+    new Set([getDevServerOrigin(), origin].filter((item) => item !== undefined))
+  );
+
+export const listFaults = async (origin?: string): Promise<FaultList> => ({
+  app: listScriptFaults(),
+  servers: await Promise.all(
+    faultOrigins(origin).map(async (item) => {
+      try {
+        const response = await fetch(faultsUrl(item));
+        if (!response.ok) {
+          return {
+            origin: item,
+            faults: [],
+            error: await readErrorBody(response),
+          };
+        }
+        const body: unknown = await response.json();
+        return {
+          origin: item,
+          faults: Array.isArray(body) ? body.filter(isServerFault) : [],
+        };
+      } catch (error) {
+        return {
+          origin: item,
+          faults: [],
+          error: describeError(error).message,
+        };
+      }
+    })
+  ),
+});
+
+export const clearFaults = async (id?: string, origin?: string) => {
+  let removed = clearScriptFaults(id);
+  const query = id ? `?id=${encodeURIComponent(id)}` : '';
+  for (const item of faultOrigins(origin)) {
+    try {
+      const response = await fetch(`${faultsUrl(item)}${query}`, {
+        method: 'DELETE',
+      });
+      const body: unknown = await response.json();
+      removed += readNumber(body, 'removed') ?? 0;
+    } catch {
+      // an unreachable server has no faults to clear
+    }
+  }
+  return { removed };
+};
+
 export const listErrors = (
   filter: { source?: RecordedError['source'] } = {}
 ): RecordedError[] =>
@@ -174,9 +322,7 @@ const summarizeDevServer = async (
           errors: compilation.errorCount,
           warnings: compilation.warningCount,
         })),
-        failedRequests: state.requests.filter(
-          (request) => request.status >= 400
-        ).length,
+        failedRequests: state.requests.filter(isFailedRequest).length,
       },
       diagnostics: state.diagnostics,
     };
@@ -203,13 +349,18 @@ export const getOverview = async (
   const app = getAppInfo();
   const scripts = Array.from(store.scripts.values());
   const federation = getFederation();
-  const devServer =
+  const [devServer, scriptManager] = await Promise.all([
     options.devServer === false
-      ? { diagnostics: [] }
-      : await summarizeDevServer(app.devServer);
+      ? summarizeDevServer(undefined)
+      : summarizeDevServer(app.devServer),
+    getScriptManagerState().catch(() => undefined),
+  ]);
 
   const diagnostics: Diagnostic[] = [
+    ...diagnoseScriptFaults(store.faults),
     ...diagnoseScripts(scripts),
+    ...(scriptManager?.diagnostics ?? []),
+    ...diagnoseScriptCalls(store.scriptCalls),
     ...federation.diagnostics,
     ...store.errors
       .filter((error) => error.isFatal)
@@ -246,6 +397,7 @@ export const getOverview = async (
       failedScripts: scripts.filter((record) => record.status === 'failed')
         .length,
       scriptEvents: store.scriptEvents.length,
+      scriptCalls: store.scriptCalls.length,
       federationEvents: store.federationEvents.length,
       errors: store.errors.length,
     },
diff --git a/packages/repack-devtools-plugin/src/react-native/callTracer.ts b/packages/repack-devtools-plugin/src/react-native/callTracer.ts
new file mode 100644
index 000000000..c9e90b07d
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/callTracer.ts
@@ -0,0 +1,174 @@
+import { LIMITS } from '../shared/constants';
+import { getProp, toStringArray } from '../shared/guards';
+import type { Diagnostic, ScriptCall, ScriptCallMethod } from '../shared/types';
+import { getPromiseState, trackPromise } from './promiseTracker';
+import { getScriptUniqueId } from './scriptManagerRecorder';
+import {
+  type DevToolsStore,
+  describeError,
+  getStore,
+  nextSeq,
+  notify,
+  pushBounded,
+  truncate,
+} from './store';
+
+const TRACED_METHODS: ScriptCallMethod[] = [
+  'loadScript',
+  'prefetchScript',
+  'invalidateScripts',
+];
+
+const readStoredPromise = (scriptManager: unknown, uniqueId: string) =>
+  getProp(getProp(scriptManager, 'scriptsPromises'), uniqueId);
+
+/** Starts a call record; `finish` completes it once the returned promise settles. */
+export const beginCall = (
+  store: DevToolsStore,
+  scriptManager: unknown,
+  method: ScriptCallMethod,
+  args: unknown[],
+  now = Date.now()
+) => {
+  const call: ScriptCall = {
+    seq: nextSeq(store),
+    method,
+    startedAt: now,
+    outcome: 'pending',
+    events: [],
+    resolverRan: false,
+    faults: [],
+  };
+  // Events with a higher seq than this were caused by (or ran during) the call.
+  let eventsAfter = call.seq;
+  if (method === 'invalidateScripts') {
+    call.scriptIds = toStringArray(args[0]) ?? [];
+  } else if (typeof args[0] === 'string') {
+    call.scriptId = args[0];
+    call.caller = typeof args[1] === 'string' ? args[1] : undefined;
+    call.uniqueId = getScriptUniqueId(call.scriptId, call.caller);
+    const stored = readStoredPromise(scriptManager, call.uniqueId);
+    if (stored instanceof Promise) {
+      const state = getPromiseState(stored) ?? trackPromise(stored, now);
+      call.joined = {
+        isPrefetch: getProp(stored, 'isPrefetch') === true,
+        state: state?.state ?? 'unknown',
+        ageMs: state ? now - state.since : undefined,
+      };
+      // loadScript waits for a stored prefetch and then resolves and loads
+      // on its own; events before the prefetch settled belong to the
+      // prefetch. Registered before ScriptManager's own `await`, so it runs
+      // first.
+      if (method === 'loadScript' && call.joined.isPrefetch) {
+        const mark = () => {
+          eventsAfter = store.seq;
+        };
+        stored.then(mark, mark);
+      }
+    }
+  }
+  pushBounded(store.scriptCalls, call, LIMITS.scriptCalls);
+
+  const finish = (error: unknown, failed: boolean, end = Date.now()) => {
+    call.endedAt = end;
+    call.durationMs = end - call.startedAt;
+    call.outcome = failed ? 'error' : 'ok';
+    if (failed) call.error = truncate(describeError(error).message);
+    // A call that joined a stored load (or any stored promise, for
+    // prefetchScript) got that promise back and did no work of its own, even
+    // when the attempt it joined emitted events while it waited.
+    const reusedOnly =
+      call.joined !== undefined &&
+      (method === 'prefetchScript' || !call.joined.isPrefetch);
+    if (call.uniqueId && !reusedOnly) {
+      const events = store.scriptEvents.filter(
+        (event) => event.seq > eventsAfter && event.uniqueId === call.uniqueId
+      );
+      call.events = events.map((event) => event.type);
+      call.resolverRan = call.events.includes('resolving');
+      if (method === 'prefetchScript' && !failed) {
+        const record = store.scripts.get(call.uniqueId);
+        if (record?.status === 'prefetching') record.status = 'prefetched';
+      }
+    }
+    notify(store);
+  };
+  return { call, finish };
+};
+
+/**
+ * Wraps ScriptManager's public methods on the instance so every call (app
+ * code, the webpack chunk runtime, Module Federation, devtools actions) is
+ * recorded with its outcome and whether a new attempt actually ran.
+ */
+export const attachCallTracer = (scriptManager: unknown) => {
+  const store = getStore();
+  if (store.hooked.callTracer || typeof scriptManager !== 'object') {
+    return false;
+  }
+  if (scriptManager === null) return false;
+  store.hooked.callTracer = true;
+
+  for (const method of TRACED_METHODS) {
+    const original = getProp(scriptManager, method);
+    if (typeof original !== 'function') continue;
+    const traced = function (this: unknown, ...args: unknown[]): unknown {
+      const target = this ?? scriptManager;
+      let tracker: ReturnType<typeof beginCall> | undefined;
+      try {
+        tracker = beginCall(getStore(), target, method, args);
+      } catch {
+        // tracing must never break script loading
+      }
+      const result: unknown = Reflect.apply(original, target, args);
+      if (tracker && result instanceof Promise) {
+        const { call, finish } = tracker;
+        if (call.uniqueId) {
+          trackPromise(readStoredPromise(target, call.uniqueId));
+        }
+        // Hand the caller a derived promise that rethrows instead of
+        // `result`: our handler marks `result` as handled, so returning it
+        // would hide "Possible unhandled promise rejection" warnings for
+        // callers that never catch.
+        return result.then(
+          (value: unknown) => {
+            finish(undefined, false);
+            return value;
+          },
+          (error: unknown) => {
+            finish(error, true);
+            throw error;
+          }
+        );
+      }
+      return result;
+    };
+    Reflect.set(scriptManager, method, traced);
+  }
+  return true;
+};
+
+/** Calls that got an already-rejected stored promise back. */
+export const diagnoseScriptCalls = (calls: ScriptCall[]): Diagnostic[] => {
+  const reusedFailures = calls.filter(
+    (call) =>
+      call.outcome === 'error' &&
+      !call.resolverRan &&
+      call.joined?.state === 'rejected'
+  );
+  const byId = new Map<string, ScriptCall[]>();
+  for (const call of reusedFailures) {
+    const key = call.uniqueId ?? '';
+    byId.set(key, [...(byId.get(key) ?? []), call]);
+  }
+  return Array.from(byId, ([uniqueId, group]) => {
+    const latest = group[group.length - 1];
+    return {
+      severity: 'error',
+      area: 'scripts',
+      message: `${group.length} ${latest.method} call(s) for "${uniqueId}" failed immediately with a stored error (${latest.error ?? 'unknown'}); resolvers did not run and nothing was downloaded.`,
+      hint: 'ScriptManager returned a rejected promise from an earlier attempt. Compare with get-script-manager (promises) to see which attempt is stored.',
+      ref: `call:${latest.seq}`,
+    };
+  });
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/faults.ts b/packages/repack-devtools-plugin/src/react-native/faults.ts
new file mode 100644
index 000000000..860800188
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/faults.ts
@@ -0,0 +1,113 @@
+import { callMethod, getProp, readString } from '../shared/guards';
+import type { FaultStage, ScriptFault } from '../shared/types';
+import { getStore, nextSeq, notify } from './store';
+
+export type ScriptFaultInput = {
+  stage: FaultStage;
+  scriptId?: string;
+  caller?: string;
+  action?: 'fail' | 'delay';
+  message?: string;
+  code?: string;
+  delayMs?: number;
+  times?: number;
+};
+
+const sleep = (ms: number) =>
+  new Promise<void>((resolve) => setTimeout(resolve, ms));
+
+const matches = (fault: ScriptFault, stage: FaultStage, options: unknown) =>
+  fault.stage === stage &&
+  (fault.remaining === undefined || fault.remaining > 0) &&
+  (!fault.scriptId || fault.scriptId === readString(options, 'scriptId')) &&
+  (!fault.caller || fault.caller === readString(options, 'caller'));
+
+/**
+ * Applies the first matching fault for a stage. Called from ScriptManager
+ * hooks: `beforeResolve` (resolve stage, errors surface as "Failed while
+ * resolving script locator") and `beforeLoad` (load stage, loadScript only,
+ * errors surface as "Failed to load script" with the given code).
+ */
+export const applyScriptFault = async (stage: FaultStage, options: unknown) => {
+  const store = getStore();
+  const fault = store.faults.find((item) => matches(item, stage, options));
+  if (!fault) return;
+  fault.hits += 1;
+  if (fault.remaining !== undefined) fault.remaining -= 1;
+  const call = [...store.scriptCalls]
+    .reverse()
+    .find(
+      (item) =>
+        item.outcome === 'pending' &&
+        item.scriptId === readString(options, 'scriptId')
+    );
+  call?.faults.push(fault.id);
+  notify(store);
+  if (fault.delayMs) await sleep(fault.delayMs);
+  if (fault.action === 'fail') {
+    throw Object.assign(new Error(fault.message), {
+      code: fault.code,
+      injectedFault: fault.id,
+    });
+  }
+};
+
+const installFaultHooks = (scriptManager: unknown) => {
+  const store = getStore();
+  if (store.hooked.faultHooks) return;
+  const hooks = getProp(scriptManager, 'hooks');
+  // Hooks cannot be removed, so they are only added once a fault is
+  // injected; without active faults they pass their arguments through.
+  callMethod(hooks, 'beforeResolve', [
+    async (args: unknown) => {
+      await applyScriptFault('resolve', getProp(args, 'options'));
+      return args;
+    },
+  ]);
+  callMethod(hooks, 'beforeLoad', [
+    async (args: unknown) => {
+      await applyScriptFault('load', getProp(args, 'options'));
+      return args;
+    },
+  ]);
+  store.hooked.faultHooks = true;
+};
+
+export const injectScriptFault = (
+  scriptManager: unknown,
+  input: ScriptFaultInput
+): ScriptFault => {
+  const store = getStore();
+  installFaultHooks(scriptManager);
+  const action = input.action ?? 'fail';
+  const fault: ScriptFault = {
+    id: `fault-${nextSeq(store)}`,
+    stage: input.stage,
+    scriptId: input.scriptId,
+    caller: input.caller,
+    action,
+    message:
+      input.message ??
+      (input.stage === 'resolve'
+        ? 'Network request failed (injected)'
+        : 'Script download failed (injected)'),
+    code: input.code ?? (input.stage === 'load' ? 'NetworkFailure' : undefined),
+    delayMs: input.delayMs,
+    remaining: input.times,
+    hits: 0,
+    createdAt: Date.now(),
+  };
+  store.faults.push(fault);
+  notify(store);
+  return fault;
+};
+
+export const listScriptFaults = () => getStore().faults;
+
+export const clearScriptFaults = (id?: string) => {
+  const store = getStore();
+  const before = store.faults.length;
+  store.faults = id ? store.faults.filter((item) => item.id !== id) : [];
+  notify(store);
+  return before - store.faults.length;
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/federation/runtimePlugin.ts b/packages/repack-devtools-plugin/src/react-native/federation/runtimePlugin.ts
index 9e688a7de..7d7bda156 100644
--- a/packages/repack-devtools-plugin/src/react-native/federation/runtimePlugin.ts
+++ b/packages/repack-devtools-plugin/src/react-native/federation/runtimePlugin.ts
@@ -1,4 +1,5 @@
 import { LIMITS } from '../../shared/constants';
+import { readNumber } from '../../shared/guards';
 import type { FederationEvent } from '../../shared/types';
 import {
   describeError,
@@ -218,8 +219,11 @@ export const createRepackDevToolsRuntimePlugin = () => {
       error?: unknown;
       cached?: boolean;
       recovered?: boolean;
+      /** The fetch Response; MF parses it without checking `ok`. */
+      response?: unknown;
       origin?: Origin;
     }) {
+      const status = readNumber(args.response, 'status');
       recordFederationEvent({
         type: 'afterLoadManifest',
         instance: instanceName(args.origin),
@@ -227,6 +231,7 @@ export const createRepackDevToolsRuntimePlugin = () => {
         url: args.manifestUrl,
         error: errorMessage(args.error),
         detail: [
+          status !== undefined ? `HTTP ${status}` : undefined,
           args.cached ? 'cached' : undefined,
           args.recovered ? 'recovered' : undefined,
         ]
diff --git a/packages/repack-devtools-plugin/src/react-native/federation/state.ts b/packages/repack-devtools-plugin/src/react-native/federation/state.ts
index b703f6f33..dc2e28875 100644
--- a/packages/repack-devtools-plugin/src/react-native/federation/state.ts
+++ b/packages/repack-devtools-plugin/src/react-native/federation/state.ts
@@ -245,6 +245,9 @@ export const diagnoseSharedPackages = (
 };
 
 const NETWORK_ERROR = /Network request failed|ECONNREFUSED|Failed to fetch/i;
+const JSON_ERROR = /JSON Parse error|Unexpected token|is not valid JSON/i;
+
+const httpStatusOf = (detail?: string) => /HTTP \d{3}/.exec(detail ?? '')?.[0];
 
 const originOf = (url?: string) => /^(https?:\/\/[^/]+)/.exec(url ?? '')?.[1];
 
@@ -265,9 +268,11 @@ export const diagnoseFederationEvents = (
       message: `${event.type} failed for ${target}${event.url ? ` (${event.url})` : ''}: ${event.error ?? 'remote entry failed to load'}`,
       hint: NETWORK_ERROR.test(event.error ?? '')
         ? `The device could not reach ${originOf(event.url) ?? 'the remote'}: check that its dev server is running and the port is reachable from the device (Android: adb reverse). get-dev-server with origin=${originOf(event.url) ?? '<remote origin>'} shows whether it is up.`
-        : event.type === 'afterLoadManifest'
-          ? 'Check that the remote dev server is running and serves this manifest URL for the current platform.'
-          : 'Look up the remote entry URL in the dev server request log and the ScriptManager records for the container.',
+        : JSON_ERROR.test(event.error ?? '') && event.url?.includes('.json')
+          ? `The manifest response${httpStatusOf(event.detail) ? ` (${httpStatusOf(event.detail)})` : ''} was not JSON. MF parses the body without checking the HTTP status, so an error page (4xx/5xx, CDN or proxy HTML) shows up as a parse error. Look up the request with get-dev-server origin=${originOf(event.url) ?? '<remote origin>'} --requests failed, or fetch the URL.`
+          : event.type === 'afterLoadManifest'
+            ? 'Check that the remote dev server is running and serves this manifest URL for the current platform.'
+            : 'Look up the remote entry URL in the dev server request log and the ScriptManager records for the container.',
       ref: `federation-event:${event.seq}`,
     });
   }
diff --git a/packages/repack-devtools-plugin/src/react-native/install.ts b/packages/repack-devtools-plugin/src/react-native/install.ts
index c45af9a69..2458fee80 100644
--- a/packages/repack-devtools-plugin/src/react-native/install.ts
+++ b/packages/repack-devtools-plugin/src/react-native/install.ts
@@ -6,6 +6,7 @@ import {
   readGlobal,
   readString,
 } from '../shared/guards';
+import { attachCallTracer } from './callTracer';
 import { attachGlobalErrorHandler } from './errorRecorder';
 import {
   createRepackDevToolsRuntimePlugin,
@@ -57,7 +58,7 @@ export type InstallOptions = {
 };
 
 /**
- * Starts recording ScriptManager events, uncaught errors and Module
+ * Starts recording ScriptManager events and calls, uncaught errors and Module
  * Federation lifecycle events. Safe to call more than once; call it at the
  * top of the app entry file to capture startup.
  */
@@ -66,6 +67,7 @@ export const installRepackDevTools = (options: InstallOptions = {}) => {
   if (options.boot) store.bootRecording = true;
   try {
     attachScriptManager(ScriptManager.shared);
+    attachCallTracer(ScriptManager.shared);
   } catch {
     // ScriptManager is unavailable outside Re.Pack bundles
   }
diff --git a/packages/repack-devtools-plugin/src/react-native/promiseTracker.ts b/packages/repack-devtools-plugin/src/react-native/promiseTracker.ts
new file mode 100644
index 000000000..d548323bd
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/promiseTracker.ts
@@ -0,0 +1,35 @@
+import type { PromiseState } from '../shared/types';
+import { describeError } from './store';
+
+type Tracked = { state: PromiseState; error?: string; since: number };
+
+const tracked = new WeakMap<object, Tracked>();
+
+/**
+ * Observes a promise's outcome without changing it. The derived promise
+ * handles rejections, so tracking never adds an unhandled rejection.
+ */
+export const trackPromise = (promise: unknown, now = Date.now()) => {
+  if (!(promise instanceof Promise)) return undefined;
+  const existing = tracked.get(promise);
+  if (existing) return existing;
+  const entry: Tracked = { state: 'pending', since: now };
+  tracked.set(promise, entry);
+  promise.then(
+    () => {
+      entry.state = 'fulfilled';
+    },
+    (error: unknown) => {
+      entry.state = 'rejected';
+      entry.error = describeError(error).message;
+    }
+  );
+  return entry;
+};
+
+export const getPromiseState = (promise: unknown): Tracked | undefined =>
+  promise instanceof Promise ? tracked.get(promise) : undefined;
+
+/** Lets callbacks of already-settled tracked promises run. */
+export const flushPromiseStates = () =>
+  new Promise<void>((resolve) => setTimeout(resolve, 0));
diff --git a/packages/repack-devtools-plugin/src/react-native/rows.ts b/packages/repack-devtools-plugin/src/react-native/rows.ts
index 0f6ad6a88..90f074f6d 100644
--- a/packages/repack-devtools-plugin/src/react-native/rows.ts
+++ b/packages/repack-devtools-plugin/src/react-native/rows.ts
@@ -1,12 +1,14 @@
 import type {
   ErrorRow,
   FederationEventRow,
+  ScriptCallRow,
   ScriptEventRow,
   ScriptRow,
 } from '../shared/agent-tools';
 import type {
   FederationEvent,
   RecordedError,
+  ScriptCall,
   ScriptEvent,
   ScriptRecord,
 } from '../shared/types';
@@ -42,6 +44,22 @@ export const toScriptEventRow = (event: ScriptEvent): ScriptEventRow => ({
   detail: event.detail ?? '',
 });
 
+export const toScriptCallRow = (call: ScriptCall): ScriptCallRow => ({
+  seq: call.seq,
+  at: call.startedAt,
+  method: call.method,
+  uniqueId: call.uniqueId ?? call.scriptIds?.join(',') ?? '',
+  outcome: call.outcome,
+  durationMs: call.durationMs ?? null,
+  resolverRan: call.resolverRan,
+  joined: call.joined
+    ? `${call.joined.state} ${call.joined.isPrefetch ? 'prefetch' : 'load'}`
+    : '',
+  events: call.events.join(','),
+  error: call.error ?? '',
+  faults: call.faults.join(','),
+});
+
 export const toFederationEventRow = (
   event: FederationEvent
 ): FederationEventRow => ({
diff --git a/packages/repack-devtools-plugin/src/react-native/scriptManagerInspector.ts b/packages/repack-devtools-plugin/src/react-native/scriptManagerInspector.ts
new file mode 100644
index 000000000..cb7e35f44
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/react-native/scriptManagerInspector.ts
@@ -0,0 +1,131 @@
+import {
+  callMethod,
+  getProp,
+  isRecord,
+  readArray,
+  readString,
+} from '../shared/guards';
+import type {
+  Diagnostic,
+  ScriptManagerState,
+  StoredScriptPromise,
+} from '../shared/types';
+import {
+  flushPromiseStates,
+  getPromiseState,
+  trackPromise,
+} from './promiseTracker';
+
+const HOOK_NAMES = [
+  'beforeResolve',
+  'resolve',
+  'afterResolve',
+  'errorResolve',
+  'beforeLoad',
+  'load',
+  'afterLoad',
+  'errorLoad',
+];
+
+/**
+ * ScriptManager keeps in-flight and finished-but-not-cleared load promises
+ * in `scriptsPromises`. A loadScript/prefetchScript for a key that is still
+ * there gets the stored promise back instead of a new attempt.
+ */
+export const readStoredPromises = (
+  scriptManager: unknown,
+  now = Date.now()
+): StoredScriptPromise[] => {
+  const promises = getProp(scriptManager, 'scriptsPromises');
+  if (!isRecord(promises)) return [];
+  return Object.entries(promises)
+    .filter(([, promise]) => promise instanceof Promise)
+    .map(([uniqueId, promise]) => {
+      const tracked = getPromiseState(promise) ?? trackPromise(promise, now);
+      return {
+        uniqueId,
+        isPrefetch: getProp(promise, 'isPrefetch') === true,
+        state: tracked?.state ?? 'unknown',
+        error: tracked?.error,
+        ageMs: tracked ? now - tracked.since : undefined,
+      };
+    });
+};
+
+export const diagnoseStoredPromises = (
+  promises: StoredScriptPromise[]
+): Diagnostic[] =>
+  promises
+    .filter((entry) => entry.state === 'rejected')
+    .map((entry) => ({
+      severity: 'error',
+      area: 'scripts',
+      message: `ScriptManager keeps a rejected ${entry.isPrefetch ? 'prefetchScript' : 'loadScript'} promise for "${entry.uniqueId}" (${entry.error ?? 'unknown error'}). Later loadScript/prefetchScript calls for it return this failure without running resolvers or downloading again.`,
+      hint: 'A rejected promise that stays in scriptsPromises means the failure happened on a path that skips the cleanup in ScriptManager (see list-script-calls: joined.state=rejected, resolverRan=false). invalidate-scripts with this unique id removes it.',
+      ref: entry.uniqueId,
+    }));
+
+/** Snapshot of ScriptManager internals; waits a tick so settled states are known. */
+export const inspectScriptManager = async (
+  scriptManager: unknown
+): Promise<ScriptManagerState> => {
+  if (!isRecord(scriptManager)) {
+    return {
+      available: false,
+      promises: [],
+      resolvers: [],
+      hooks: {},
+      storage: false,
+      cache: [],
+      diagnostics: [],
+    };
+  }
+  readStoredPromises(scriptManager);
+  await flushPromiseStates();
+  const promises = readStoredPromises(scriptManager);
+
+  const resolvers = readArray(scriptManager, 'resolvers')
+    .filter(Array.isArray)
+    .map((entry) => ({
+      key: typeof entry[0] === 'string' ? entry[0] : String(entry[0]),
+      priority:
+        typeof entry[1] === 'number' || typeof entry[1] === 'string'
+          ? entry[1]
+          : String(entry[1]),
+    }));
+
+  const hookMap = getProp(scriptManager, 'hookMap');
+  const hooks = Object.fromEntries(
+    HOOK_NAMES.map((name) => {
+      const hook = getProp(hookMap, name);
+      const taps = getProp(hook, 'taps');
+      return [
+        name,
+        Array.isArray(taps)
+          ? taps.length
+          : callMethod(hook, 'isUsed', []) === true
+            ? 1
+            : 0,
+      ];
+    })
+  );
+
+  const cacheMap = getProp(scriptManager, 'cache');
+  const cache = isRecord(cacheMap)
+    ? Object.entries(cacheMap).map(([uniqueId, entry]) => ({
+        uniqueId,
+        url: readString(entry, 'url'),
+        query: readString(entry, 'query'),
+      }))
+    : [];
+
+  return {
+    available: true,
+    promises,
+    resolvers,
+    hooks,
+    storage: getProp(scriptManager, 'storage') !== undefined,
+    cache,
+    diagnostics: diagnoseStoredPromises(promises),
+  };
+};
diff --git a/packages/repack-devtools-plugin/src/react-native/store.ts b/packages/repack-devtools-plugin/src/react-native/store.ts
index e7a79d85d..1c9447ba8 100644
--- a/packages/repack-devtools-plugin/src/react-native/store.ts
+++ b/packages/repack-devtools-plugin/src/react-native/store.ts
@@ -3,7 +3,9 @@ import { isRecord, readGlobal, readString } from '../shared/guards';
 import type {
   FederationEvent,
   RecordedError,
+  ScriptCall,
   ScriptEvent,
+  ScriptFault,
   ScriptRecord,
 } from '../shared/types';
 
@@ -14,6 +16,9 @@ export type DevToolsStore = {
   seq: number;
   scripts: Map<string, ScriptRecord>;
   scriptEvents: ScriptEvent[];
+  scriptCalls: ScriptCall[];
+  /** Active ScriptManager faults (see `faults.ts`). */
+  faults: ScriptFault[];
   federationEvents: FederationEvent[];
   errors: RecordedError[];
   listeners: Set<() => void>;
@@ -21,6 +26,8 @@ export type DevToolsStore = {
     scriptManager: boolean;
     errorHandler: boolean;
     runtimePlugin: boolean;
+    callTracer: boolean;
+    faultHooks: boolean;
     federationInstances: Set<unknown>;
   };
 };
@@ -33,6 +40,8 @@ const createStore = (): DevToolsStore => ({
   seq: 0,
   scripts: new Map(),
   scriptEvents: [],
+  scriptCalls: [],
+  faults: [],
   federationEvents: [],
   errors: [],
   listeners: new Set(),
@@ -40,6 +49,8 @@ const createStore = (): DevToolsStore => ({
     scriptManager: false,
     errorHandler: false,
     runtimePlugin: false,
+    callTracer: false,
+    faultHooks: false,
     federationInstances: new Set(),
   },
 });
@@ -53,7 +64,10 @@ const isDevToolsStore = (value: unknown): value is DevToolsStore =>
   isRecord(value) &&
   value.scripts instanceof Map &&
   value.listeners instanceof Set &&
-  Array.isArray(value.errors);
+  Array.isArray(value.errors) &&
+  // stores created by an older copy of the plugin lack newer fields
+  Array.isArray(value.scriptCalls) &&
+  Array.isArray(value.faults);
 
 export const getStore = (): DevToolsStore => {
   const existing = readGlobal(STORE_GLOBAL);
@@ -113,6 +127,7 @@ export const clearStore = (scope: ClearScope = 'all') => {
   if (scope === 'all' || scope === 'scripts') {
     store.scripts.clear();
     store.scriptEvents.length = 0;
+    store.scriptCalls.length = 0;
   }
   if (scope === 'all' || scope === 'federation') {
     store.federationEvents.length = 0;
diff --git a/packages/repack-devtools-plugin/src/react-native/useRepackDevToolsAgentTools.ts b/packages/repack-devtools-plugin/src/react-native/useRepackDevToolsAgentTools.ts
index 355e920fe..fe9d6c2c1 100644
--- a/packages/repack-devtools-plugin/src/react-native/useRepackDevToolsAgentTools.ts
+++ b/packages/repack-devtools-plugin/src/react-native/useRepackDevToolsAgentTools.ts
@@ -6,14 +6,21 @@ import {
   REPACK_DEVTOOLS_AGENT_PLUGIN_ID as pluginId,
   repackDevToolsToolDefinitions as tools,
 } from '../shared/agent-tools';
+import { isFailedRequest } from '../shared/requests';
 import {
   clear,
+  clearFaults,
   fetchDevServerState,
   getFederation,
   getOverview,
   getScript,
+  getScriptManagerState,
+  injectAppFault,
+  injectServerFault,
   invalidateScripts,
   listErrors,
+  listFaults,
+  listScriptCalls,
   listScriptEvents,
   listScripts,
   loadRemote,
@@ -25,6 +32,7 @@ import {
 import {
   toErrorRow,
   toFederationEventRow,
+  toScriptCallRow,
   toScriptEventRow,
   toScriptRow,
 } from './rows';
@@ -105,6 +113,55 @@ export const useRepackDevToolsAgentTools = () => {
       ),
   });
 
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.listScriptCalls,
+    handler: ({ uniqueId, method, errorsOnly, limit, cursor } = {}) => {
+      const rows = listScriptCalls({ uniqueId, method, errorsOnly }).map(
+        toScriptCallRow
+      );
+      return {
+        ...paginateArray(rows, {
+          keyOf: (row) => String(row.seq),
+          limit,
+          cursor,
+          scope: `${uniqueId ?? ''}|${method ?? ''}|${errorsOnly ?? ''}`,
+        }),
+        total: rows.length,
+      };
+    },
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.getScriptManager,
+    handler: () => getScriptManagerState(),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.injectScriptFault,
+    handler: (args) => injectAppFault(args),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.injectServerFault,
+    handler: (args) => injectServerFault(args),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.listFaults,
+    handler: ({ origin } = {}) => listFaults(origin),
+  });
+
+  useRozenitePluginAgentTool({
+    pluginId,
+    tool: tools.clearFaults,
+    handler: ({ id, origin } = {}) => clearFaults(id, origin),
+  });
+
   useRozenitePluginAgentTool({
     pluginId,
     tool: tools.getFederation,
@@ -184,7 +241,7 @@ export const useRepackDevToolsAgentTools = () => {
             ? state.requests
             : requests === 'none'
               ? []
-              : state.requests.filter((request) => request.status >= 400),
+              : state.requests.filter(isFailedRequest),
       };
     },
   });
diff --git a/packages/repack-devtools-plugin/src/shared/agent-tools.ts b/packages/repack-devtools-plugin/src/shared/agent-tools.ts
index 7f4f91fba..ca06c3295 100644
--- a/packages/repack-devtools-plugin/src/shared/agent-tools.ts
+++ b/packages/repack-devtools-plugin/src/shared/agent-tools.ts
@@ -12,10 +12,15 @@ import type {
   Overview,
   RecordedError,
   RecordedErrorSource,
+  ScriptCall,
+  ScriptCallMethod,
   ScriptEvent,
   ScriptEventType,
+  ScriptFault,
+  ScriptManagerState,
   ScriptRecord,
   ScriptStatus,
+  ServerFault,
   SymbolicationResult,
 } from './types';
 
@@ -79,6 +84,21 @@ export type ScriptEventRow = {
   detail: string;
 };
 
+export type ScriptCallRow = {
+  seq: number;
+  at: number;
+  method: ScriptCallMethod;
+  uniqueId: string;
+  outcome: ScriptCall['outcome'];
+  durationMs: number | null;
+  resolverRan: boolean;
+  /** `<pending|fulfilled|rejected> <load|prefetch>` when an earlier attempt was reused. */
+  joined: string;
+  events: string;
+  error: string;
+  faults: string;
+};
+
 export type ErrorRow = {
   id: string;
   at: number;
@@ -119,6 +139,45 @@ export type ListFederationEventsResult = {
   total: number;
 };
 
+export type ListScriptCallsArgs = PageArgs & {
+  uniqueId?: string;
+  method?: ScriptCallMethod;
+  errorsOnly?: boolean;
+};
+export type ListScriptCallsResult = {
+  items: ScriptCallRow[];
+  page: PageEnvelope;
+  total: number;
+};
+
+export type InjectScriptFaultArgs = {
+  stage: 'resolve' | 'load';
+  scriptId?: string;
+  caller?: string;
+  action?: 'fail' | 'delay';
+  message?: string;
+  code?: string;
+  delayMs?: number;
+  times?: number;
+};
+
+export type InjectServerFaultArgs = {
+  match: string;
+  origin?: string;
+  method?: string;
+  platform?: string;
+  status?: number;
+  body?: string;
+  delayMs?: number;
+  drop?: boolean;
+  times?: number;
+};
+
+export type FaultList = {
+  app: ScriptFault[];
+  servers: Array<{ origin: string; faults: ServerFault[]; error?: string }>;
+};
+
 export type ListErrorsArgs = PageArgs & { source?: RecordedErrorSource };
 export type ListErrorsResult = {
   items: ErrorRow[];
@@ -141,6 +200,7 @@ const SCRIPT_STATUSES: ScriptStatus[] = [
   'resolving',
   'resolved',
   'prefetching',
+  'prefetched',
   'loading',
   'loaded',
   'failed',
@@ -311,6 +371,181 @@ export const repackDevToolsToolDefinitions = {
     },
   }),
 
+  listScriptCalls: definePaginatedAgentToolContract<
+    ListScriptCallsArgs,
+    ListScriptCallsResult
+  >({
+    name: 'list-script-calls',
+    description:
+      'Every loadScript/prefetchScript/invalidateScripts call into ScriptManager.shared (app code, chunk runtime, MF, devtools actions) with outcome and duration. `resolverRan=false` plus a `joined` earlier attempt means ScriptManager returned a stored promise instead of trying again; use it to check retry, dedup and cache behaviour.',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        uniqueId: {
+          type: 'string',
+          description: 'Unique id (`<caller>_<scriptId>`) or bare script id.',
+        },
+        method: {
+          type: 'string',
+          enum: ['loadScript', 'prefetchScript', 'invalidateScripts'],
+        },
+        errorsOnly: { type: 'boolean' },
+        ...pageProperties,
+      },
+    },
+    pagination: {
+      kind: 'cursor',
+      fields: [
+        'seq',
+        'at',
+        'method',
+        'uniqueId',
+        'outcome',
+        'durationMs',
+        'resolverRan',
+        'joined',
+        'events',
+        'error',
+        'faults',
+      ],
+      defaultFields: [
+        'seq',
+        'method',
+        'uniqueId',
+        'outcome',
+        'durationMs',
+        'resolverRan',
+        'joined',
+        'error',
+        'faults',
+      ],
+      meta: ['total'],
+    },
+  }),
+
+  getScriptManager: defineAgentToolContract<undefined, ScriptManagerState>({
+    name: 'get-script-manager',
+    description:
+      'ScriptManager internals: stored load/prefetch promises with their state (a stored rejected promise is returned to every later call), registered resolvers with priorities, taps per hook, locator cache entries and whether storage is set. Diagnostics flag stored rejected promises.',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: { type: 'object', properties: {} },
+  }),
+
+  injectScriptFault: defineAgentToolContract<
+    InjectScriptFaultArgs,
+    ScriptFault
+  >({
+    name: 'inject-script-fault',
+    description:
+      'Make ScriptManager fail or stall for matching scripts, through its hooks, to test error handling and recovery without changing app code. `resolve` throws before resolvers run (like a resolver that fetches a manifest and goes offline); `load` throws before the download, with code NetworkFailure by default (loadScript only, not prefetchScript). Faults stay active until `times` hits are used or clear-faults is called.',
+    readOnly: false,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        stage: { type: 'string', enum: ['resolve', 'load'] },
+        scriptId: {
+          type: 'string',
+          description: 'Exact script id; omit to match every script.',
+        },
+        caller: { type: 'string' },
+        action: {
+          type: 'string',
+          enum: ['fail', 'delay'],
+          description: 'Default fail. With delayMs, fail waits first.',
+        },
+        message: { type: 'string' },
+        code: { type: 'string' },
+        delayMs: { type: 'number' },
+        times: {
+          type: 'number',
+          description: 'Number of matching calls to affect; omit for all.',
+        },
+      },
+      required: ['stage'],
+    },
+  }),
+
+  injectServerFault: defineAgentToolContract<
+    InjectServerFaultArgs,
+    ServerFault
+  >({
+    name: 'inject-server-fault',
+    description:
+      'Make a dev server answer matching requests with an error status, a delay, or a dropped connection, to test how the app handles failing chunk, asset, MF manifest or remote entry downloads. Works for any dev server wrapped with withRepackDevTools (pass `origin` for MF remotes). Responses it produces are marked with `fault` in the request log.',
+    readOnly: false,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        match: {
+          type: 'string',
+          description:
+            'Substring of the request URL, or a /regex/ (e.g. "/miniapp/" or "/mf-manifest\\.json/").',
+        },
+        origin: {
+          type: 'string',
+          description:
+            'Dev server origin; defaults to the server that served the app.',
+        },
+        method: { type: 'string' },
+        platform: { type: 'string' },
+        status: { type: 'number', description: 'HTTP status to answer with.' },
+        body: { type: 'string' },
+        delayMs: {
+          type: 'number',
+          description: 'Wait before answering (or before serving normally).',
+        },
+        drop: {
+          type: 'boolean',
+          description: 'Destroy the connection without a response.',
+        },
+        times: {
+          type: 'number',
+          description: 'Number of matching requests to affect; omit for all.',
+        },
+      },
+      required: ['match'],
+    },
+  }),
+
+  listFaults: defineAgentToolContract<{ origin?: string }, FaultList>({
+    name: 'list-faults',
+    description:
+      'Active injected faults in the app and on the dev server (plus `origin` if given), with hit counts.',
+    readOnly: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        origin: {
+          type: 'string',
+          description: 'Additional dev server origin to query.',
+        },
+      },
+    },
+  }),
+
+  clearFaults: defineAgentToolContract<
+    { id?: string; origin?: string },
+    { removed: number }
+  >({
+    name: 'clear-faults',
+    description:
+      'Remove injected faults from the app and the dev server (plus `origin` if given). Pass `id` to remove one.',
+    readOnly: false,
+    destructive: true,
+    idempotent: true,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        id: { type: 'string' },
+        origin: { type: 'string' },
+      },
+    },
+  }),
+
   getFederation: defineAgentToolContract<undefined, FederationState>({
     name: 'get-federation',
     description:
diff --git a/packages/repack-devtools-plugin/src/shared/constants.ts b/packages/repack-devtools-plugin/src/shared/constants.ts
index dfc594589..f7e5345bc 100644
--- a/packages/repack-devtools-plugin/src/shared/constants.ts
+++ b/packages/repack-devtools-plugin/src/shared/constants.ts
@@ -12,6 +12,7 @@ export const DEV_SERVER_STORE_GLOBAL = '__REPACK_DEVTOOLS_DEV_SERVER_STORE__';
 
 export const LIMITS = {
   scriptEvents: 500,
+  scriptCalls: 300,
   federationEvents: 500,
   errors: 100,
   devServerRequests: 300,
diff --git a/packages/repack-devtools-plugin/src/shared/requests.ts b/packages/repack-devtools-plugin/src/shared/requests.ts
new file mode 100644
index 000000000..5a62a6ba6
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/shared/requests.ts
@@ -0,0 +1,7 @@
+import type { DevServerRequest } from './types.js';
+
+/** Status logged when the connection closed before a response was sent. */
+export const NO_RESPONSE_STATUS = 0;
+
+export const isFailedRequest = (request: Pick<DevServerRequest, 'status'>) =>
+  request.status === NO_RESPONSE_STATUS || request.status >= 400;
diff --git a/packages/repack-devtools-plugin/src/shared/types.ts b/packages/repack-devtools-plugin/src/shared/types.ts
index f07f86234..ead3aff56 100644
--- a/packages/repack-devtools-plugin/src/shared/types.ts
+++ b/packages/repack-devtools-plugin/src/shared/types.ts
@@ -6,7 +6,8 @@ export type DiagnosticArea =
   | 'errors'
   | 'dev-server'
   | 'compilation'
-  | 'symbolication';
+  | 'symbolication'
+  | 'faults';
 
 /**
  * A finding computed from the recorded data. Agents should start from these:
@@ -25,6 +26,7 @@ export type ScriptStatus =
   | 'resolving'
   | 'resolved'
   | 'prefetching'
+  | 'prefetched'
   | 'loading'
   | 'loaded'
   | 'failed'
@@ -96,6 +98,106 @@ export type ScriptEvent = {
   detail?: string;
 };
 
+export type ScriptCallMethod =
+  | 'loadScript'
+  | 'prefetchScript'
+  | 'invalidateScripts';
+
+export type PromiseState = 'pending' | 'fulfilled' | 'rejected' | 'unknown';
+
+/**
+ * One call into `ScriptManager.shared` (from app code, the webpack chunk
+ * runtime, MF or the devtools actions).
+ */
+export type ScriptCall = {
+  seq: number;
+  method: ScriptCallMethod;
+  scriptId?: string;
+  caller?: string;
+  uniqueId?: string;
+  /** `invalidateScripts` only. */
+  scriptIds?: string[];
+  startedAt: number;
+  endedAt?: number;
+  durationMs?: number;
+  outcome: 'pending' | 'ok' | 'error';
+  error?: string;
+  /**
+   * A load/prefetch for the same unique id was already stored in
+   * ScriptManager when the call started, so ScriptManager returned (or
+   * awaited) it instead of starting a new attempt.
+   */
+  joined?: { isPrefetch: boolean; state: PromiseState; ageMs?: number };
+  /** ScriptManager event types emitted for this unique id while the call ran. */
+  events: ScriptEventType[];
+  /** Whether resolvers ran during the call (a `resolving` event was emitted). */
+  resolverRan: boolean;
+  /** Injected faults that fired during the call. */
+  faults: string[];
+};
+
+export type StoredScriptPromise = {
+  uniqueId: string;
+  isPrefetch: boolean;
+  state: PromiseState;
+  error?: string;
+  ageMs?: number;
+};
+
+/** Internal ScriptManager state, read from its (TypeScript-protected) fields. */
+export type ScriptManagerState = {
+  available: boolean;
+  /** In-flight or stored load/prefetch promises (`scriptsPromises`). */
+  promises: StoredScriptPromise[];
+  /** Registered resolvers, highest priority first. */
+  resolvers: Array<{ key: string; priority: string | number }>;
+  /** Number of taps per ScriptManager hook (`ScriptManager.shared.hooks`). */
+  hooks: Record<string, number>;
+  storage: boolean;
+  /** Locator cache, keyed by unique id (persisted when storage is set). */
+  cache: Array<{ uniqueId: string; url?: string; query?: string }>;
+  diagnostics: Diagnostic[];
+};
+
+export type FaultStage = 'resolve' | 'load';
+
+/** A fault injected into ScriptManager through its hooks. */
+export type ScriptFault = {
+  id: string;
+  stage: FaultStage;
+  /** Exact script id; omit to match every script. */
+  scriptId?: string;
+  caller?: string;
+  /** `fail` throws, `delay` only waits `delayMs`; `fail` with `delayMs` waits, then throws. */
+  action: 'fail' | 'delay';
+  message: string;
+  /** Error `code`, e.g. `NetworkFailure` like native loading errors. */
+  code?: string;
+  delayMs?: number;
+  /** Remaining hits; omit for unlimited. */
+  remaining?: number;
+  hits: number;
+  createdAt: number;
+};
+
+/** A fault injected into dev-server responses. */
+export type ServerFault = {
+  id: string;
+  /** Substring of the request URL, or `/regex/`. */
+  match: string;
+  method?: string;
+  platform?: string;
+  /** Respond with this status instead of serving the request. */
+  status?: number;
+  body?: string;
+  delayMs?: number;
+  /** Destroy the socket without a response (like a dropped connection). */
+  drop?: boolean;
+  remaining?: number;
+  hits: number;
+  createdAt: number;
+};
+
 export type FederationEventType =
   | 'beforeRequest'
   | 'afterResolve'
@@ -236,6 +338,7 @@ export type Overview = {
     scripts: number;
     failedScripts: number;
     scriptEvents: number;
+    scriptCalls: number;
     federationEvents: number;
     errors: number;
   };
@@ -301,6 +404,8 @@ export type DevServerRequest = {
   userAgent?: string;
   /** Response body for failed requests, truncated. */
   responseBody?: string;
+  /** Id of the injected server fault that produced this response. */
+  fault?: string;
 };
 
 export type DevServerState = {
@@ -309,5 +414,6 @@ export type DevServerState = {
   startedAt: number;
   compilations: PlatformCompilation[];
   requests: DevServerRequest[];
+  faults: ServerFault[];
   diagnostics: Diagnostic[];
 };
diff --git a/packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx b/packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx
index b0b128a05..ab56b897f 100644
--- a/packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx
+++ b/packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx
@@ -5,6 +5,7 @@ import {
   PluginShell,
 } from '@rozenite/ui';
 import { useState } from 'react';
+import { isFailedRequest, NO_RESPONSE_STATUS } from '../shared/requests';
 import type {
   CompilationIssue,
   DevServerRequest,
@@ -37,8 +38,12 @@ const requestColumns: DataTableColumn<DevServerRequest>[] = [
     header: 'Status',
     accessorFn: (row) => row.status,
     cell: ({ row }) => (
-      <span className={row.original.status >= 400 ? 'text-danger' : undefined}>
-        {row.original.status}
+      <span
+        className={isFailedRequest(row.original) ? 'text-danger' : undefined}
+      >
+        {row.original.status === NO_RESPONSE_STATUS
+          ? 'closed'
+          : row.original.status}
       </span>
     ),
   },
@@ -55,6 +60,13 @@ const requestColumns: DataTableColumn<DevServerRequest>[] = [
     accessorFn: (row) => row.durationMs,
     cell: ({ row }) => formatMs(row.original.durationMs),
   },
+  {
+    id: 'fault',
+    header: 'Fault',
+    accessorFn: (row) => row.fault ?? '',
+    cell: ({ row }) =>
+      row.original.fault ? <Mono>{row.original.fault}</Mono> : null,
+  },
 ];
 
 const assetColumns: DataTableColumn<PlatformCompilation['assets'][number]>[] = [

From 690957f1b1aab4dd865aaf3c6d7f734b02979738 Mon Sep 17 00:00:00 2001
From: Daniel Williams <me@dannyhw.com>
Date: Thu, 22 Oct 2026 17:29:08 +0100
Subject: [PATCH 4/4] fix(repack-devtools-plugin): fix panel layout glitches
 and noisy diagnostics

Panels:
- Detail boxes no longer collapse over the next section and scroll
  into view when opened from a table row.
- Table cells keep long ids, URLs and messages on one line (full value
  on hover) instead of breaking every few characters; times, sizes and
  durations do not wrap; tables scroll sideways in narrow panels
  instead of clipping columns.
- Diagnostics show identical messages once and only the first three
  until expanded.
- Dev server: requests come before build output, warnings/errors and
  assets are collapsible, platforms that were never built show
  "not requested".
- The symbolication result scrolls into view; the federation load box
  is hidden without an MF runtime.

Data:
- Strip ANSI colour codes from /symbolicate code frames.
- Report a shared-package problem once when instances share a scope.
- Group MF load failures per URL and downgrade them to warnings when a
  later load of the same URL succeeded.
---
 .../src/__tests__/federationState.test.ts     |  74 +++++++
 .../src/__tests__/symbolication.test.ts       |   6 +-
 .../src/bundler/collector.ts                  |   3 +-
 .../src/react-native/federation/state.ts      |  95 +++++++--
 .../src/react-native/symbolication.ts         |   4 +-
 .../repack-devtools-plugin/src/shared/text.ts |   3 +
 .../src/ui/components.tsx                     | 182 ++++++++++++++++--
 .../src/ui/dev-server-panel.tsx               | 140 +++++++++-----
 .../src/ui/errors-panel.tsx                   |  33 ++--
 .../src/ui/federation-panel.tsx               | 118 +++++++-----
 .../src/ui/scripts-panel.tsx                  |  98 ++++++----
 11 files changed, 568 insertions(+), 188 deletions(-)
 create mode 100644 packages/repack-devtools-plugin/src/shared/text.ts

diff --git a/packages/repack-devtools-plugin/src/__tests__/federationState.test.ts b/packages/repack-devtools-plugin/src/__tests__/federationState.test.ts
index e66bcd264..8e9ded713 100644
--- a/packages/repack-devtools-plugin/src/__tests__/federationState.test.ts
+++ b/packages/repack-devtools-plugin/src/__tests__/federationState.test.ts
@@ -72,6 +72,32 @@ describe('readFederationState', () => {
     );
   });
 
+  it('reports a problem in a scope shared by several instances once', () => {
+    const shareScopeMap = {
+      default: {
+        react: {
+          '19.2.0': shared('19.2.0', 'HostApp', true),
+          '18.3.1': shared('18.3.1', 'MiniApp', true),
+        },
+      },
+    };
+    const state = readFederationState({
+      federation: {
+        __INSTANCES__: [
+          { name: 'HostApp', shareScopeMap },
+          { name: 'MiniApp', shareScopeMap },
+        ],
+      },
+      runtimePluginInstalled: true,
+      events: [],
+    });
+    expect(
+      state.diagnostics.filter((item) =>
+        item.message.startsWith('Singleton "react" is loaded')
+      )
+    ).toHaveLength(1);
+  });
+
   it('flags a loaded shared version that misses a required range', () => {
     const state = readFederationState({
       federation: {
@@ -193,6 +219,54 @@ describe('diagnoseFederationEvents', () => {
     expect(diagnostic.hint).toContain('origin=http://localhost:8082');
   });
 
+  it('reports one failure per URL and notes a later successful load', () => {
+    const url = 'http://localhost:8082/android/mf-manifest.json';
+    const error = 'JSON Parse error: Unexpected character: I';
+    const failures: FederationEvent[] = [
+      { seq: 1, at: 0, type: 'errorLoadRemote', id: url, url, error },
+      {
+        seq: 2,
+        at: 0,
+        type: 'afterLoadManifest',
+        remote: 'MiniApp',
+        url,
+        error,
+        detail: 'HTTP 503',
+      },
+      {
+        seq: 3,
+        at: 0,
+        type: 'errorLoadRemote',
+        id: 'MiniApp/MiniAppNavigator',
+        url,
+        error: 'Failed to get manifest. #RUNTIME-003',
+      },
+    ];
+    const [failed, ...rest] = diagnoseFederationEvents(failures);
+    expect(rest).toEqual([]);
+    expect(failed).toMatchObject({
+      severity: 'error',
+      ref: 'federation-event:2',
+    });
+    expect(failed.message).toContain('errorLoadRemote, afterLoadManifest');
+    expect(failed.message).toContain('requested by MiniApp/MiniAppNavigator');
+    expect(failed.hint).toContain('(HTTP 503)');
+
+    const [recovered] = diagnoseFederationEvents([
+      ...failures,
+      {
+        seq: 4,
+        at: 0,
+        type: 'afterLoadManifest',
+        remote: 'MiniApp',
+        url,
+        detail: 'HTTP 200',
+      },
+    ]);
+    expect(recovered.severity).toBe('warning');
+    expect(recovered.message).toContain('later load of the same URL succeeded');
+  });
+
   it('reports each distinct failure once', () => {
     const event: FederationEvent = {
       seq: 1,
diff --git a/packages/repack-devtools-plugin/src/__tests__/symbolication.test.ts b/packages/repack-devtools-plugin/src/__tests__/symbolication.test.ts
index 3b7345da2..7c3fe341e 100644
--- a/packages/repack-devtools-plugin/src/__tests__/symbolication.test.ts
+++ b/packages/repack-devtools-plugin/src/__tests__/symbolication.test.ts
@@ -100,7 +100,9 @@ describe('symbolicateStack', () => {
                 column: 1,
               },
             ],
-            codeFrame: { content: '> 12 | throw new Error()' },
+            codeFrame: {
+              content: '\u001b[31m> 12 |\u001b[39m throw new Error()',
+            },
           });
         }
         return response(404, 'Not found');
@@ -114,7 +116,7 @@ describe('symbolicateStack', () => {
     expect(posted).toEqual([{ stack: [parsed[0], parsed[2], parsed[3]] }]);
     expect(result.frames[1].symbolicated).toBeUndefined();
     expect(result.frames[3].symbolicated?.file).toBe('/app/src/Async.tsx');
-    expect(result.codeFrame?.content).toContain('throw');
+    expect(result.codeFrame?.content).toBe('> 12 | throw new Error()');
     expect(result.frames.map((frame) => frame.unmapped)).toEqual([
       false,
       false,
diff --git a/packages/repack-devtools-plugin/src/bundler/collector.ts b/packages/repack-devtools-plugin/src/bundler/collector.ts
index 6cfee20e3..e01fa7ac4 100644
--- a/packages/repack-devtools-plugin/src/bundler/collector.ts
+++ b/packages/repack-devtools-plugin/src/bundler/collector.ts
@@ -1,4 +1,5 @@
 import { LIMITS } from '../shared/constants.js';
+import { stripAnsi } from '../shared/text.js';
 import type { CompilationIssue } from '../shared/types.js';
 import {
   type DevServerStore,
@@ -52,8 +53,6 @@ export type CompilerLike = {
 const MAX_ASSETS = 500;
 const MAX_FILES = 100;
 
-const stripAnsi = (value: string) => value.replace(/\u001b\[[0-9;]*m/g, '');
-
 export const toIssue = (raw: RawIssue): CompilationIssue => {
   if (typeof raw === 'string') {
     return { message: stripAnsi(raw).slice(0, LIMITS.messageLength) };
diff --git a/packages/repack-devtools-plugin/src/react-native/federation/state.ts b/packages/repack-devtools-plugin/src/react-native/federation/state.ts
index dc2e28875..0a17dd4db 100644
--- a/packages/repack-devtools-plugin/src/react-native/federation/state.ts
+++ b/packages/repack-devtools-plugin/src/react-native/federation/state.ts
@@ -9,6 +9,7 @@ import {
 import type {
   Diagnostic,
   FederationEvent,
+  FederationEventType,
   FederationInstance,
   FederationRemote,
   FederationSharedPackage,
@@ -251,34 +252,86 @@ const httpStatusOf = (detail?: string) => /HTTP \d{3}/.exec(detail ?? '')?.[0];
 
 const originOf = (url?: string) => /^(https?:\/\/[^/]+)/.exec(url ?? '')?.[1];
 
+/** Events that mean a manifest or remote entry for a URL loaded fine. */
+const LOAD_SUCCESS: ReadonlySet<FederationEventType> = new Set([
+  'afterLoadManifest',
+  'afterLoadEntry',
+]);
+
+const isFailure = (event: FederationEvent) =>
+  !!event.error || event.type === 'loadEntryError';
+
+/**
+ * One diagnostic per failing URL (or request id when MF gave no URL): a
+ * failed manifest is reported by several hooks (errorLoadRemote for the
+ * manifest, afterLoadManifest, errorLoadRemote for the module). Failures
+ * followed by a successful load of the same URL are downgraded to warnings,
+ * since MF retries and the app may have recovered.
+ */
 export const diagnoseFederationEvents = (
   events: FederationEvent[]
 ): Diagnostic[] => {
-  const diagnostics: Diagnostic[] = [];
-  const seen = new Set<string>();
+  const groups = new Map<string, FederationEvent[]>();
   for (const event of events) {
-    if (!event.error && event.type !== 'loadEntryError') continue;
-    const key = `${event.type}:${event.id ?? ''}:${event.remote ?? ''}:${event.url ?? ''}`;
-    if (seen.has(key)) continue;
-    seen.add(key);
-    const target = event.id ?? event.remote ?? event.url ?? 'unknown';
-    diagnostics.push({
-      severity: 'error',
+    if (!isFailure(event)) continue;
+    const key = event.url ?? event.id ?? event.remote ?? 'unknown';
+    groups.set(key, [...(groups.get(key) ?? []), event]);
+  }
+
+  return Array.from(groups, ([key, failures]): Diagnostic => {
+    // afterLoadManifest carries the HTTP status and the underlying error
+    const root =
+      failures.find((event) => event.type === 'afterLoadManifest') ??
+      failures[0];
+    const last = failures[failures.length - 1];
+    const recovered =
+      !!root.url &&
+      events.some(
+        (event) =>
+          event.seq > last.seq &&
+          event.url === root.url &&
+          LOAD_SUCCESS.has(event.type) &&
+          !isFailure(event)
+      );
+    const hooks = Array.from(new Set(failures.map((event) => event.type)));
+    const requests = Array.from(
+      new Set(
+        failures
+          .map((event) => event.id)
+          .filter((id) => id !== undefined && id !== key)
+      )
+    );
+    const status = failures
+      .map((event) => httpStatusOf(event.detail))
+      .find(Boolean);
+    const error = root.error ?? 'remote entry failed to load';
+
+    return {
+      severity: recovered ? 'warning' : 'error',
       area: 'federation',
-      message: `${event.type} failed for ${target}${event.url ? ` (${event.url})` : ''}: ${event.error ?? 'remote entry failed to load'}`,
-      hint: NETWORK_ERROR.test(event.error ?? '')
-        ? `The device could not reach ${originOf(event.url) ?? 'the remote'}: check that its dev server is running and the port is reachable from the device (Android: adb reverse). get-dev-server with origin=${originOf(event.url) ?? '<remote origin>'} shows whether it is up.`
-        : JSON_ERROR.test(event.error ?? '') && event.url?.includes('.json')
-          ? `The manifest response${httpStatusOf(event.detail) ? ` (${httpStatusOf(event.detail)})` : ''} was not JSON. MF parses the body without checking the HTTP status, so an error page (4xx/5xx, CDN or proxy HTML) shows up as a parse error. Look up the request with get-dev-server origin=${originOf(event.url) ?? '<remote origin>'} --requests failed, or fetch the URL.`
-          : event.type === 'afterLoadManifest'
+      message: `${hooks.join(', ')} failed for ${key}${requests.length ? ` (requested by ${requests.join(', ')})` : ''}: ${error}${recovered ? '. A later load of the same URL succeeded.' : ''}`,
+      hint: NETWORK_ERROR.test(error)
+        ? `The device could not reach ${originOf(root.url) ?? 'the remote'}: check that its dev server is running and the port is reachable from the device (Android: adb reverse). get-dev-server with origin=${originOf(root.url) ?? '<remote origin>'} shows whether it is up.`
+        : JSON_ERROR.test(error) && root.url?.includes('.json')
+          ? `The manifest response${status ? ` (${status})` : ''} was not JSON. MF parses the body without checking the HTTP status, so an error page (4xx/5xx, CDN or proxy HTML) shows up as a parse error. Look up the request with get-dev-server origin=${originOf(root.url) ?? '<remote origin>'} --requests failed, or fetch the URL.`
+          : root.type === 'afterLoadManifest'
             ? 'Check that the remote dev server is running and serves this manifest URL for the current platform.'
             : 'Look up the remote entry URL in the dev server request log and the ScriptManager records for the container.',
-      ref: `federation-event:${event.seq}`,
-    });
-  }
-  return diagnostics;
+      ref: `federation-event:${root.seq}`,
+    };
+  });
 };
 
+/** Instances sharing a scope report the same package problems; keep one. */
+const dedupeDiagnostics = (diagnostics: Diagnostic[]) =>
+  diagnostics.filter(
+    (item, index) =>
+      diagnostics.findIndex(
+        (other) =>
+          other.severity === item.severity && other.message === item.message
+      ) === index
+  );
+
 export const readFederationState = (
   globals: FederationGlobals
 ): FederationState => {
@@ -293,13 +346,13 @@ export const readFederationState = (
   const shareScopes =
     runtime === 'v1' ? toSharedPackages(globals.webpackShareScopes) : undefined;
 
-  const diagnostics = [
+  const diagnostics = dedupeDiagnostics([
     ...instances.flatMap((instance) =>
       diagnoseSharedPackages(instance.shared, instance.name)
     ),
     ...(shareScopes ? diagnoseSharedPackages(shareScopes, 'webpack') : []),
     ...diagnoseFederationEvents(globals.events),
-  ];
+  ]);
 
   if (runtime === 'v2' && !globals.runtimePluginInstalled) {
     diagnostics.push({
diff --git a/packages/repack-devtools-plugin/src/react-native/symbolication.ts b/packages/repack-devtools-plugin/src/react-native/symbolication.ts
index d60fa3135..37e0f8337 100644
--- a/packages/repack-devtools-plugin/src/react-native/symbolication.ts
+++ b/packages/repack-devtools-plugin/src/react-native/symbolication.ts
@@ -6,6 +6,7 @@ import {
   readNumber,
   readString,
 } from '../shared/guards';
+import { stripAnsi } from '../shared/text';
 import type {
   Diagnostic,
   SourceMapCheck,
@@ -113,7 +114,8 @@ const toCodeFrame = (value: unknown): SymbolicationResult['codeFrame'] => {
   return content === undefined
     ? undefined
     : {
-        content,
+        // Metro-style code frames are coloured for terminals
+        content: stripAnsi(content),
         fileName: readString(value, 'fileName'),
         location: getProp(value, 'location'),
       };
diff --git a/packages/repack-devtools-plugin/src/shared/text.ts b/packages/repack-devtools-plugin/src/shared/text.ts
new file mode 100644
index 000000000..e233acd58
--- /dev/null
+++ b/packages/repack-devtools-plugin/src/shared/text.ts
@@ -0,0 +1,3 @@
+/** Removes terminal colour codes, e.g. from code frames and compiler messages. */
+export const stripAnsi = (value: string) =>
+  value.replace(/\u001b\[[0-9;]*m/g, '');
diff --git a/packages/repack-devtools-plugin/src/ui/components.tsx b/packages/repack-devtools-plugin/src/ui/components.tsx
index 161d3cb1d..277d8449a 100644
--- a/packages/repack-devtools-plugin/src/ui/components.tsx
+++ b/packages/repack-devtools-plugin/src/ui/components.tsx
@@ -1,5 +1,13 @@
-import { Alert, Badge, Button, JsonInspector, type Tone } from '@rozenite/ui';
-import type { ReactNode } from 'react';
+import {
+  Alert,
+  Badge,
+  Button,
+  DataTable,
+  type DataTableProps,
+  JsonInspector,
+  type Tone,
+} from '@rozenite/ui';
+import { type ReactNode, useEffect, useRef, useState } from 'react';
 import type { Diagnostic } from '../shared/types';
 
 export const formatTime = (at?: number) =>
@@ -22,6 +30,8 @@ const STATUS_TONES: Record<string, Tone> = {
   ok: 'success',
   resolved: 'info',
   prefetching: 'info',
+  prefetched: 'info',
+  'not requested': 'neutral',
   loading: 'warning',
   resolving: 'warning',
   compiling: 'warning',
@@ -42,22 +52,54 @@ const SEVERITY_TONES: Record<Diagnostic['severity'], Tone> = {
   info: 'info',
 };
 
+const COLLAPSED_DIAGNOSTICS = 3;
+
+/**
+ * Severity-ordered findings. Identical messages are shown once, and only the
+ * first few are expanded so the data below stays on screen.
+ */
 export const Diagnostics = ({ items }: { items: Diagnostic[] }) => {
-  if (items.length === 0) return null;
+  const [expanded, setExpanded] = useState(false);
+  const unique = items.filter(
+    (item, index) =>
+      items.findIndex(
+        (other) =>
+          other.severity === item.severity && other.message === item.message
+      ) === index
+  );
+  if (unique.length === 0) return null;
+  const shown = expanded ? unique : unique.slice(0, COLLAPSED_DIAGNOSTICS);
+  const hidden = unique.length - shown.length;
   return (
     <div className="flex flex-col gap-2 p-3">
-      {items.map((item, index) => (
+      {shown.map((item, index) => (
         <Alert
           // biome-ignore lint/suspicious/noArrayIndexKey: diagnostics are an immutable, ordered snapshot; position is their identity
           key={`${item.ref ?? ''}-${index}`}
           tone={SEVERITY_TONES[item.severity]}
         >
-          <Alert.Title>{item.message}</Alert.Title>
+          <Alert.Title className="[overflow-wrap:anywhere]">
+            {item.message}
+          </Alert.Title>
           {item.hint ? (
-            <Alert.Description>{item.hint}</Alert.Description>
+            <Alert.Description className="[overflow-wrap:anywhere]">
+              {item.hint}
+            </Alert.Description>
           ) : null}
         </Alert>
       ))}
+      {hidden > 0 || expanded ? (
+        <div>
+          <Button
+            size="sm"
+            tone="neutral"
+            variant="ghost"
+            onClick={() => setExpanded(!expanded)}
+          >
+            {expanded ? 'Show fewer' : `Show ${hidden} more`}
+          </Button>
+        </div>
+      ) : null}
     </div>
   );
 };
@@ -70,7 +112,9 @@ export const Header = ({
   children?: ReactNode;
 }) => (
   <div className="flex flex-wrap items-center gap-2 border-b border-border px-3 py-2">
-    <div className="mr-auto text-sm font-semibold">{title}</div>
+    <div className="mr-auto min-w-0 text-sm font-semibold [overflow-wrap:anywhere]">
+      {title}
+    </div>
     {children}
   </div>
 );
@@ -91,10 +135,17 @@ export const Section = ({
       </h3>
       {actions}
     </div>
-    <div className="px-3 pb-3">{children}</div>
+    <div className="min-w-0 px-3 pb-3">{children}</div>
   </section>
 );
 
+/** DataTable that scrolls sideways instead of overflowing a narrow panel. */
+export const Table = <TRow,>(props: DataTableProps<TRow>) => (
+  <div className="overflow-x-auto">
+    <DataTable {...props} />
+  </div>
+);
+
 export const Detail = ({
   title,
   data,
@@ -103,23 +154,114 @@ export const Detail = ({
   title: string;
   data: unknown;
   onClose: () => void;
-}) => (
-  <div className="flex min-h-0 flex-col border-t border-border">
-    <Header title={title}>
-      <Button size="sm" tone="neutral" variant="ghost" onClick={onClose}>
-        Close
-      </Button>
-    </Header>
-    <div className="overflow-auto p-3 text-xs">
-      <JsonInspector data={data} defaultExpandedDepth={2} />
+}) => {
+  const ref = useRef<HTMLDivElement>(null);
+  // Opened from a table row that may be far above; bring it on screen.
+  useEffect(() => {
+    ref.current?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+  }, []);
+  return (
+    // shrink-0: inside the panel's flex column a shrinkable box collapses and
+    // its content overlaps the next section
+    <div ref={ref} className="flex shrink-0 flex-col border-y border-border">
+      <Header title={title}>
+        <Button size="sm" tone="neutral" variant="ghost" onClick={onClose}>
+          Close
+        </Button>
+      </Header>
+      <div className="max-h-96 overflow-auto p-3 text-xs">
+        <JsonInspector data={data} defaultExpandedDepth={2} />
+      </div>
     </div>
-  </div>
-);
+  );
+};
+
+/** Wraps output that appears below the fold after an action and scrolls to it. */
+export const Reveal = ({ children }: { children: ReactNode }) => {
+  const ref = useRef<HTMLDivElement>(null);
+  useEffect(() => {
+    ref.current?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+  }, []);
+  return <div ref={ref}>{children}</div>;
+};
 
 export const Notice = ({ children }: { children: ReactNode }) => (
   <div className="p-4 text-sm text-muted-foreground">{children}</div>
 );
 
+/** Monospace text that wraps only where it has to. */
 export const Mono = ({ children }: { children: ReactNode }) => (
-  <span className="font-mono text-[11px] break-all">{children}</span>
+  <span className="font-mono text-xs [overflow-wrap:anywhere]">{children}</span>
+);
+
+// Relative to the panel (the iframe viewport), so a table with several
+// clipped columns still fits a typical DevTools width.
+const CLIP_WIDTHS = {
+  sm: 'max-w-[min(12rem,14vw)]',
+  md: 'max-w-[min(18rem,19vw)]',
+  lg: 'max-w-[min(28rem,28vw)]',
+  xl: 'max-w-[min(40rem,45vw)]',
+} as const;
+
+/**
+ * One-line table cell, cut with an ellipsis and shown in full on hover. Keeps
+ * rows one line high however long ids, URLs and messages get; selecting the
+ * row shows the full value.
+ */
+export const Clip = ({
+  children,
+  width = 'md',
+  mono = true,
+  className,
+}: {
+  children?: string;
+  width?: keyof typeof CLIP_WIDTHS;
+  mono?: boolean;
+  className?: string;
+}) =>
+  children ? (
+    <span
+      title={children}
+      className={[
+        'block truncate',
+        CLIP_WIDTHS[width],
+        mono ? 'font-mono text-xs' : '',
+        className ?? '',
+      ].join(' ')}
+    >
+      {children}
+    </span>
+  ) : null;
+
+/** Short values (times, sizes, statuses) that must not wrap. */
+export const NoWrap = ({ children }: { children: ReactNode }) => (
+  <span className="whitespace-nowrap tabular-nums">{children}</span>
+);
+
+/** Long preformatted text (stacks, code frames), collapsed to its first line. */
+export const Collapsible = ({
+  summary,
+  children,
+  defaultOpen = false,
+  tone,
+}: {
+  summary: string;
+  children: ReactNode;
+  defaultOpen?: boolean;
+  tone?: 'danger' | 'warning';
+}) => (
+  <details
+    open={defaultOpen}
+    className="rounded border border-border [&[open]>summary]:border-b [&[open]>summary]:border-border"
+  >
+    <summary
+      className={`cursor-pointer truncate px-2 py-1 font-mono text-xs ${tone === 'danger' ? 'text-danger' : tone === 'warning' ? 'text-warning' : ''}`}
+      title={summary}
+    >
+      {summary}
+    </summary>
+    <pre className="max-h-64 overflow-auto p-2 font-mono text-[11px] whitespace-pre-wrap [overflow-wrap:anywhere]">
+      {children}
+    </pre>
+  </details>
 );
diff --git a/packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx b/packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx
index ab56b897f..b2587becc 100644
--- a/packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx
+++ b/packages/repack-devtools-plugin/src/ui/dev-server-panel.tsx
@@ -1,9 +1,4 @@
-import {
-  Button,
-  DataTable,
-  type DataTableColumn,
-  PluginShell,
-} from '@rozenite/ui';
+import { Button, type DataTableColumn, PluginShell } from '@rozenite/ui';
 import { useState } from 'react';
 import { isFailedRequest, NO_RESPONSE_STATUS } from '../shared/requests';
 import type {
@@ -12,16 +7,19 @@ import type {
   PlatformCompilation,
 } from '../shared/types';
 import {
+  Clip,
+  Collapsible,
   Detail,
   Diagnostics,
   formatBytes,
   formatMs,
   formatTime,
   Header,
-  Mono,
   Notice,
+  NoWrap,
   Section,
   StatusBadge,
+  Table,
 } from './components';
 import { useDevServerData } from './useDevToolsData';
 import '@rozenite/ui/styles.css';
@@ -31,7 +29,7 @@ const requestColumns: DataTableColumn<DevServerRequest>[] = [
     id: 'at',
     header: 'Time',
     accessorFn: (row) => row.at,
-    cell: ({ row }) => formatTime(row.original.at),
+    cell: ({ row }) => <NoWrap>{formatTime(row.original.at)}</NoWrap>,
   },
   {
     id: 'status',
@@ -39,7 +37,7 @@ const requestColumns: DataTableColumn<DevServerRequest>[] = [
     accessorFn: (row) => row.status,
     cell: ({ row }) => (
       <span
-        className={isFailedRequest(row.original) ? 'text-danger' : undefined}
+        className={`whitespace-nowrap ${isFailedRequest(row.original) ? 'text-danger' : ''}`}
       >
         {row.original.status === NO_RESPONSE_STATUS
           ? 'closed'
@@ -52,20 +50,23 @@ const requestColumns: DataTableColumn<DevServerRequest>[] = [
     id: 'url',
     header: 'URL',
     accessorFn: (row) => row.url,
-    cell: ({ row }) => <Mono>{row.original.url}</Mono>,
+    cell: ({ row }) => <Clip width="xl">{row.original.url}</Clip>,
   },
   {
     id: 'durationMs',
-    header: 'Time',
+    header: 'Duration',
     accessorFn: (row) => row.durationMs,
-    cell: ({ row }) => formatMs(row.original.durationMs),
+    cell: ({ row }) => <NoWrap>{formatMs(row.original.durationMs)}</NoWrap>,
   },
   {
     id: 'fault',
     header: 'Fault',
     accessorFn: (row) => row.fault ?? '',
-    cell: ({ row }) =>
-      row.original.fault ? <Mono>{row.original.fault}</Mono> : null,
+    cell: ({ row }) => (
+      <span className="font-mono text-xs whitespace-nowrap">
+        {row.original.fault}
+      </span>
+    ),
   },
 ];
 
@@ -74,13 +75,13 @@ const assetColumns: DataTableColumn<PlatformCompilation['assets'][number]>[] = [
     id: 'name',
     header: 'Asset',
     accessorFn: (row) => row.name,
-    cell: ({ row }) => <Mono>{row.original.name}</Mono>,
+    cell: ({ row }) => <Clip width="xl">{row.original.name}</Clip>,
   },
   {
     id: 'size',
     header: 'Size',
     accessorFn: (row) => row.size,
-    cell: ({ row }) => formatBytes(row.original.size),
+    cell: ({ row }) => <NoWrap>{formatBytes(row.original.size)}</NoWrap>,
   },
   {
     id: 'chunks',
@@ -89,42 +90,77 @@ const assetColumns: DataTableColumn<PlatformCompilation['assets'][number]>[] = [
   },
 ];
 
+const firstLine = (text: string) =>
+  text
+    .split('\n')
+    .map((line) => line.trim())
+    .find(Boolean) ?? text;
+
+const issueSummary = (issue: CompilationIssue) => {
+  const location = [issue.moduleName ?? issue.file, issue.loc]
+    .filter(Boolean)
+    .join(':');
+  // the message usually repeats the location on its first line
+  const message = issue.message
+    .split('\n')
+    .map((line) => line.trim())
+    .filter(
+      (line) => line && !line.startsWith('../') && !line.startsWith('./')
+    );
+  return [firstLine(message.join('\n') || issue.message), location]
+    .filter(Boolean)
+    .join(' · ');
+};
+
 const Issues = ({
   title,
   issues,
+  tone,
 }: {
   title: string;
   issues: CompilationIssue[];
+  tone: 'danger' | 'warning';
 }) =>
   issues.length === 0 ? null : (
-    <div className="flex flex-col gap-2">
-      <div className="text-xs font-semibold">{title}</div>
+    <div className="flex flex-col gap-1">
+      <div className="text-xs font-semibold">
+        {title} ({issues.length})
+      </div>
       {issues.map((issue, index) => (
-        <pre
+        <Collapsible
           // biome-ignore lint/suspicious/noArrayIndexKey: issues are an immutable, ordered snapshot; position is their identity
           key={`${issue.file ?? ''}-${index}`}
-          className="overflow-auto rounded border border-border p-2 text-[11px] whitespace-pre-wrap"
+          summary={issueSummary(issue)}
+          tone={tone}
+          // errors stop the build, so show the first one in full
+          defaultOpen={tone === 'danger' && index === 0}
         >
           {[issue.moduleName ?? issue.file, issue.loc]
             .filter(Boolean)
             .join(':')}
           {issue.moduleName || issue.file ? '\n' : ''}
           {issue.message}
-        </pre>
+        </Collapsible>
       ))}
     </div>
   );
 
+/** The store starts every platform as `compiling`; with no build it was never requested. */
+const compilationStatus = (compilation: PlatformCompilation) =>
+  compilation.builds === 0 && compilation.status === 'compiling'
+    ? 'not requested'
+    : compilation.status;
+
 const Compilation = ({ compilation }: { compilation: PlatformCompilation }) => (
   <Section
     title={
       <span className="flex items-center gap-2">
         {compilation.platform}
-        <StatusBadge status={compilation.status} />
+        <StatusBadge status={compilationStatus(compilation)} />
       </span>
     }
   >
-    <div className="mb-2 text-xs text-muted-foreground">
+    <div className="mb-2 text-xs text-muted-foreground [overflow-wrap:anywhere]">
       {compilation.builds} build(s)
       {compilation.durationMs !== undefined
         ? ` · last ${formatMs(compilation.durationMs)}`
@@ -138,15 +174,21 @@ const Compilation = ({ compilation }: { compilation: PlatformCompilation }) => (
         : ''}
     </div>
     <div className="flex flex-col gap-3">
-      <Issues title="Errors" issues={compilation.errors} />
-      <Issues title="Warnings" issues={compilation.warnings} />
-      <DataTable
-        ariaLabel={`${compilation.platform} assets`}
-        columns={assetColumns}
-        data={compilation.assets}
-        getRowId={(row) => row.name}
-        emptyMessage="No assets emitted yet."
-      />
+      <Issues tone="danger" title="Errors" issues={compilation.errors} />
+      <Issues tone="warning" title="Warnings" issues={compilation.warnings} />
+      {compilation.assets.length > 0 ? (
+        <details>
+          <summary className="cursor-pointer text-xs font-semibold">
+            Assets ({compilation.assets.length})
+          </summary>
+          <Table
+            ariaLabel={`${compilation.platform} assets`}
+            columns={assetColumns}
+            data={compilation.assets}
+            getRowId={(row) => row.name}
+          />
+        </details>
+      ) : null}
     </div>
   </Section>
 );
@@ -175,23 +217,17 @@ export default function DevServerPanel() {
       <PluginShell.Body>
         {error ? <Notice>{error}</Notice> : null}
         <Diagnostics items={state?.diagnostics ?? []} />
-        {state?.compilations.map((compilation) => (
-          <Compilation key={compilation.platform} compilation={compilation} />
-        ))}
-        {state && state.compilations.length === 0 ? (
-          <Notice>
-            No compilation yet. Request a bundle from a device to start one.
-          </Notice>
-        ) : null}
         <Section title={`Requests (${state?.requests.length ?? 0})`}>
-          <DataTable
-            ariaLabel="Dev server requests"
-            columns={requestColumns}
-            data={[...(state?.requests ?? [])].reverse()}
-            getRowId={(row) => String(row.seq)}
-            onRowClick={setSelected}
-            emptyMessage="No requests recorded."
-          />
+          <div className="max-h-[50vh] overflow-y-auto">
+            <Table
+              ariaLabel="Dev server requests"
+              columns={requestColumns}
+              data={[...(state?.requests ?? [])].reverse()}
+              getRowId={(row) => String(row.seq)}
+              onRowClick={setSelected}
+              emptyMessage="No requests recorded."
+            />
+          </div>
         </Section>
         {selected ? (
           <Detail
@@ -200,6 +236,14 @@ export default function DevServerPanel() {
             onClose={() => setSelected(null)}
           />
         ) : null}
+        {state?.compilations.map((compilation) => (
+          <Compilation key={compilation.platform} compilation={compilation} />
+        ))}
+        {state && state.compilations.length === 0 ? (
+          <Notice>
+            No compilation yet. Request a bundle from a device to start one.
+          </Notice>
+        ) : null}
       </PluginShell.Body>
     </PluginShell>
   );
diff --git a/packages/repack-devtools-plugin/src/ui/errors-panel.tsx b/packages/repack-devtools-plugin/src/ui/errors-panel.tsx
index 00ac48c83..a5f9c5635 100644
--- a/packages/repack-devtools-plugin/src/ui/errors-panel.tsx
+++ b/packages/repack-devtools-plugin/src/ui/errors-panel.tsx
@@ -1,6 +1,5 @@
 import {
   Button,
-  DataTable,
   type DataTableColumn,
   PluginShell,
   Textarea,
@@ -8,12 +7,16 @@ import {
 import { useState } from 'react';
 import type { RecordedError, SymbolicationResult } from '../shared/types';
 import {
+  Clip,
   Diagnostics,
   formatTime,
   Header,
   Mono,
   Notice,
+  NoWrap,
+  Reveal,
   Section,
+  Table,
 } from './components';
 import { useAppData } from './useDevToolsData';
 import '@rozenite/ui/styles.css';
@@ -23,19 +26,24 @@ const errorColumns: DataTableColumn<RecordedError>[] = [
     id: 'at',
     header: 'Time',
     accessorFn: (row) => row.at,
-    cell: ({ row }) => formatTime(row.original.at),
+    cell: ({ row }) => <NoWrap>{formatTime(row.original.at)}</NoWrap>,
   },
   {
     id: 'source',
     header: 'Source',
     accessorFn: (row) => `${row.source}${row.isFatal ? ' (fatal)' : ''}`,
+    cell: ({ getValue }) => <NoWrap>{String(getValue())}</NoWrap>,
   },
   {
     id: 'message',
     header: 'Message',
     accessorFn: (row) => row.message,
+    // long MF messages embed JSON and URLs; keep rows to a few lines
     cell: ({ row }) => (
-      <span>
+      <span
+        className="line-clamp-3 [overflow-wrap:anywhere]"
+        title={row.original.message}
+      >
         {row.original.name ? `${row.original.name}: ` : ''}
         {row.original.message}
       </span>
@@ -45,7 +53,7 @@ const errorColumns: DataTableColumn<RecordedError>[] = [
     id: 'ref',
     header: 'Ref',
     accessorFn: (row) => row.ref ?? '',
-    cell: ({ row }) => <Mono>{row.original.ref}</Mono>,
+    cell: ({ row }) => <Clip>{row.original.ref}</Clip>,
   },
 ];
 
@@ -66,11 +74,11 @@ const Symbolication = ({ result }: { result: SymbolicationResult }) => (
     </div>
     <Diagnostics items={result.diagnostics} />
     {result.codeFrame ? (
-      <pre className="overflow-auto rounded border border-border p-2 text-[11px]">
+      <pre className="max-h-64 overflow-auto rounded border border-border p-2 text-[11px]">
         {result.codeFrame.content}
       </pre>
     ) : null}
-    <div className="flex flex-col gap-1 font-mono text-[11px]">
+    <div className="flex flex-col gap-1 font-mono text-[11px] [overflow-wrap:anywhere]">
       {result.frames.map((frame, index) => (
         <div
           // biome-ignore lint/suspicious/noArrayIndexKey: stack frames are an immutable, ordered snapshot; position is their identity
@@ -136,7 +144,7 @@ export default function ErrorsPanel() {
         {!connected ? <Notice>Waiting for the app to connect…</Notice> : null}
         {error ? <Notice>{error}</Notice> : null}
         <Section title={`Errors (${snapshot?.errors.length ?? 0})`}>
-          <DataTable
+          <Table
             ariaLabel="Errors"
             columns={errorColumns}
             data={[...(snapshot?.errors ?? [])].reverse()}
@@ -171,7 +179,7 @@ export default function ErrorsPanel() {
               </>
             }
           >
-            <pre className="overflow-auto text-[11px] whitespace-pre-wrap">
+            <pre className="max-h-80 overflow-auto text-[11px] whitespace-pre-wrap [overflow-wrap:anywhere]">
               {selected.stack ?? selected.message}
             </pre>
           </Section>
@@ -197,9 +205,12 @@ export default function ErrorsPanel() {
           />
         </Section>
         {result ? (
-          <Section title="Symbolication result">
-            <Symbolication result={result} />
-          </Section>
+          // keyed so a new result scrolls into view again
+          <Reveal key={result.frames.length + (result.status ?? 0)}>
+            <Section title="Symbolication result">
+              <Symbolication result={result} />
+            </Section>
+          </Reveal>
         ) : null}
       </PluginShell.Body>
     </PluginShell>
diff --git a/packages/repack-devtools-plugin/src/ui/federation-panel.tsx b/packages/repack-devtools-plugin/src/ui/federation-panel.tsx
index 92d098c2e..761e3b610 100644
--- a/packages/repack-devtools-plugin/src/ui/federation-panel.tsx
+++ b/packages/repack-devtools-plugin/src/ui/federation-panel.tsx
@@ -1,7 +1,6 @@
 import {
   Badge,
   Button,
-  DataTable,
   type DataTableColumn,
   Input,
   PluginShell,
@@ -13,13 +12,15 @@ import type {
   FederationSharedPackage,
 } from '../shared/types';
 import {
+  Clip,
   Detail,
   Diagnostics,
   formatTime,
   Header,
-  Mono,
   Notice,
+  NoWrap,
   Section,
+  Table,
 } from './components';
 import { useAppData } from './useDevToolsData';
 import '@rozenite/ui/styles.css';
@@ -33,14 +34,14 @@ const remoteColumns: DataTableColumn<RemoteRow>[] = [
     id: 'name',
     header: 'Remote',
     accessorFn: (row) => row.alias ?? row.name,
-    cell: ({ row }) => <Mono>{row.original.alias ?? row.original.name}</Mono>,
+    cell: ({ row }) => <Clip>{row.original.alias ?? row.original.name}</Clip>,
   },
   {
     id: 'entry',
     header: 'Entry',
     accessorFn: (row) => row.entry ?? row.version ?? '',
     cell: ({ row }) => (
-      <Mono>{row.original.entry ?? row.original.version}</Mono>
+      <Clip width="xl">{row.original.entry ?? row.original.version}</Clip>
     ),
   },
   {
@@ -66,11 +67,11 @@ const sharedColumns: DataTableColumn<SharedRow>[] = [
     id: 'name',
     header: 'Package',
     accessorFn: (row) => row.name,
-    cell: ({ row }) => <Mono>{row.original.name}</Mono>,
+    cell: ({ row }) => <Clip width="lg">{row.original.name}</Clip>,
   },
   {
     id: 'versions',
-    header: 'Versions (provider)',
+    header: 'Versions',
     accessorFn: (row) =>
       row.versions
         .map(
@@ -78,6 +79,11 @@ const sharedColumns: DataTableColumn<SharedRow>[] = [
             `${version.version}${version.from ? ` (${version.from})` : ''}${version.loaded ? ' ✓' : ''}`
         )
         .join(', '),
+    cell: ({ getValue }) => (
+      <Clip width="md" mono={false}>
+        {String(getValue())}
+      </Clip>
+    ),
   },
   {
     id: 'requiredVersion',
@@ -87,6 +93,11 @@ const sharedColumns: DataTableColumn<SharedRow>[] = [
         .map((version) => version.requiredVersion)
         .filter(Boolean)
         .join(', '),
+    cell: ({ getValue }) => (
+      <Clip width="sm" mono={false}>
+        {String(getValue())}
+      </Clip>
+    ),
   },
   {
     id: 'singleton',
@@ -101,14 +112,16 @@ const eventColumns: DataTableColumn<FederationEvent>[] = [
     id: 'at',
     header: 'Time',
     accessorFn: (row) => row.at,
-    cell: ({ row }) => formatTime(row.original.at),
+    cell: ({ row }) => <NoWrap>{formatTime(row.original.at)}</NoWrap>,
   },
   {
     id: 'type',
     header: 'Hook',
     accessorFn: (row) => row.type,
     cell: ({ row }) => (
-      <span className={row.original.error ? 'text-danger' : undefined}>
+      <span
+        className={`whitespace-nowrap ${row.original.error ? 'text-danger' : ''}`}
+      >
         {row.original.type}
       </span>
     ),
@@ -117,18 +130,29 @@ const eventColumns: DataTableColumn<FederationEvent>[] = [
     id: 'id',
     header: 'Request',
     accessorFn: (row) => row.id ?? '',
-    cell: ({ row }) => <Mono>{row.original.id}</Mono>,
+    cell: ({ row }) => <Clip width="md">{row.original.id}</Clip>,
   },
   {
     id: 'url',
     header: 'URL / version',
     accessorFn: (row) => row.url ?? row.version ?? '',
-    cell: ({ row }) => <Mono>{row.original.url ?? row.original.version}</Mono>,
+    cell: ({ row }) => (
+      <Clip width="md">{row.original.url ?? row.original.version}</Clip>
+    ),
   },
   {
     id: 'error',
-    header: 'Error',
+    header: 'Error / detail',
     accessorFn: (row) => row.error ?? row.detail ?? '',
+    cell: ({ row }) => (
+      <Clip
+        width="md"
+        mono={false}
+        className={row.original.error ? 'text-danger' : ''}
+      >
+        {row.original.error ?? row.original.detail}
+      </Clip>
+    ),
   },
 ];
 
@@ -210,23 +234,27 @@ export default function FederationPanel() {
           <Notice>No Module Federation runtime detected in this app.</Notice>
         ) : null}
         <Diagnostics items={federation?.diagnostics ?? []} />
-        <Section title="Load a remote module">
-          <div className="flex flex-wrap items-center gap-2">
-            <Input
-              size="sm"
-              placeholder="Remote/Module, e.g. MiniApp/MiniAppNavigator"
-              value={requestId}
-              onChange={(event) => setRequestId(event.target.value)}
-            />
-            <Button
-              size="sm"
-              disabled={!rpc || !requestId.includes('/')}
-              onClick={loadRemote}
-            >
-              Load
-            </Button>
-          </div>
-        </Section>
+        {federation?.runtime === 'none' ? null : (
+          <Section title="Load a remote module">
+            <div className="flex flex-wrap items-center gap-2">
+              <div className="w-80 max-w-full">
+                <Input
+                  size="sm"
+                  placeholder="Remote/Module, e.g. MiniApp/MiniAppNavigator"
+                  value={requestId}
+                  onChange={(event) => setRequestId(event.target.value)}
+                />
+              </div>
+              <Button
+                size="sm"
+                disabled={!rpc || !requestId.includes('/')}
+                onClick={loadRemote}
+              >
+                Load
+              </Button>
+            </div>
+          </Section>
+        )}
         {result ? (
           <Detail
             title="Result"
@@ -235,7 +263,7 @@ export default function FederationPanel() {
           />
         ) : null}
         <Section title={`Remotes (${remotes.length})`}>
-          <DataTable
+          <Table
             ariaLabel="Remotes"
             columns={remoteColumns}
             data={remotes}
@@ -245,7 +273,7 @@ export default function FederationPanel() {
           />
         </Section>
         <Section title={`Shared (${shared.length})`}>
-          <DataTable
+          <Table
             ariaLabel="Shared packages"
             columns={sharedColumns}
             data={shared}
@@ -261,19 +289,23 @@ export default function FederationPanel() {
             onClose={() => setSelected(null)}
           />
         ) : null}
-        <Section title="Runtime events">
-          <DataTable
-            ariaLabel="Federation events"
-            columns={eventColumns}
-            data={[...(snapshot?.federationEvents ?? [])].reverse()}
-            getRowId={(row) => String(row.seq)}
-            onRowClick={setSelected}
-            emptyMessage={
-              federation?.runtimePluginInstalled
-                ? 'No federation events yet.'
-                : 'Events need the repack-devtools MF runtime plugin.'
-            }
-          />
+        <Section
+          title={`Runtime events (${snapshot?.federationEvents.length ?? 0})`}
+        >
+          <div className="max-h-[60vh] overflow-y-auto">
+            <Table
+              ariaLabel="Federation events"
+              columns={eventColumns}
+              data={[...(snapshot?.federationEvents ?? [])].reverse()}
+              getRowId={(row) => String(row.seq)}
+              onRowClick={setSelected}
+              emptyMessage={
+                federation?.runtimePluginInstalled
+                  ? 'No federation events yet.'
+                  : 'Events need the repack-devtools MF runtime plugin.'
+              }
+            />
+          </div>
         </Section>
       </PluginShell.Body>
     </PluginShell>
diff --git a/packages/repack-devtools-plugin/src/ui/scripts-panel.tsx b/packages/repack-devtools-plugin/src/ui/scripts-panel.tsx
index 61fa10694..9177a436e 100644
--- a/packages/repack-devtools-plugin/src/ui/scripts-panel.tsx
+++ b/packages/repack-devtools-plugin/src/ui/scripts-panel.tsx
@@ -1,21 +1,17 @@
-import {
-  Button,
-  DataTable,
-  type DataTableColumn,
-  Input,
-  PluginShell,
-} from '@rozenite/ui';
+import { Button, type DataTableColumn, Input, PluginShell } from '@rozenite/ui';
 import { useState } from 'react';
 import type { ScriptEvent, ScriptRecord } from '../shared/types';
 import {
+  Clip,
   Detail,
   formatMs,
   formatTime,
   Header,
-  Mono,
   Notice,
+  NoWrap,
   Section,
   StatusBadge,
+  Table,
 } from './components';
 import { useAppData } from './useDevToolsData';
 import '@rozenite/ui/styles.css';
@@ -25,7 +21,7 @@ const scriptColumns: DataTableColumn<ScriptRecord>[] = [
     id: 'uniqueId',
     header: 'Script',
     accessorFn: (row) => row.uniqueId,
-    cell: ({ row }) => <Mono>{row.original.uniqueId}</Mono>,
+    cell: ({ row }) => <Clip>{row.original.uniqueId}</Clip>,
   },
   {
     id: 'status',
@@ -47,13 +43,7 @@ const scriptColumns: DataTableColumn<ScriptRecord>[] = [
     id: 'loadMs',
     header: 'Load',
     accessorFn: (row) => row.loadMs ?? -1,
-    cell: ({ row }) => formatMs(row.original.loadMs),
-  },
-  {
-    id: 'url',
-    header: 'URL',
-    accessorFn: (row) => row.locator?.url ?? '',
-    cell: ({ row }) => <Mono>{row.original.locator?.url}</Mono>,
+    cell: ({ row }) => <NoWrap>{formatMs(row.original.loadMs)}</NoWrap>,
   },
   {
     id: 'error',
@@ -61,15 +51,21 @@ const scriptColumns: DataTableColumn<ScriptRecord>[] = [
     accessorFn: (row) => row.error?.nativeMessage ?? row.error?.message ?? '',
     cell: ({ row }) =>
       row.original.error ? (
-        <span className="text-danger">
-          {[row.original.error.stage, row.original.error.code]
+        <Clip mono={false} className="text-danger">
+          {`${[row.original.error.stage, row.original.error.code]
             .filter(Boolean)
-            .join(' ')}
-          {': '}
-          {row.original.error.nativeMessage ?? row.original.error.message}
-        </span>
+            .join(
+              ' '
+            )}: ${row.original.error.nativeMessage ?? row.original.error.message}`}
+        </Clip>
       ) : null,
   },
+  {
+    id: 'url',
+    header: 'URL',
+    accessorFn: (row) => row.locator?.url ?? '',
+    cell: ({ row }) => <Clip>{row.original.locator?.url}</Clip>,
+  },
 ];
 
 const eventColumns: DataTableColumn<ScriptEvent>[] = [
@@ -77,16 +73,34 @@ const eventColumns: DataTableColumn<ScriptEvent>[] = [
     id: 'at',
     header: 'Time',
     accessorFn: (row) => row.at,
-    cell: ({ row }) => formatTime(row.original.at),
+    cell: ({ row }) => <NoWrap>{formatTime(row.original.at)}</NoWrap>,
+  },
+  {
+    id: 'type',
+    header: 'Event',
+    accessorFn: (row) => row.type,
+    cell: ({ row }) => (
+      <span className={row.original.type === 'error' ? 'text-danger' : ''}>
+        {row.original.type}
+      </span>
+    ),
   },
-  { id: 'type', header: 'Event', accessorFn: (row) => row.type },
   {
     id: 'uniqueId',
     header: 'Script',
     accessorFn: (row) => row.uniqueId ?? '',
-    cell: ({ row }) => <Mono>{row.original.uniqueId}</Mono>,
+    cell: ({ row }) => <Clip>{row.original.uniqueId}</Clip>,
+  },
+  {
+    id: 'detail',
+    header: 'Detail',
+    accessorFn: (row) => row.detail ?? '',
+    cell: ({ row }) => (
+      <Clip width="xl" mono={false}>
+        {row.original.detail}
+      </Clip>
+    ),
   },
-  { id: 'detail', header: 'Detail', accessorFn: (row) => row.detail ?? '' },
 ];
 
 export default function ScriptsPanel() {
@@ -139,18 +153,22 @@ export default function ScriptsPanel() {
         {error ? <Notice>{error}</Notice> : null}
         <Section title="Load a script">
           <div className="flex flex-wrap items-center gap-2">
-            <Input
-              size="sm"
-              placeholder="scriptId (chunk name)"
-              value={scriptId}
-              onChange={(event) => setScriptId(event.target.value)}
-            />
-            <Input
-              size="sm"
-              placeholder="caller (optional)"
-              value={caller}
-              onChange={(event) => setCaller(event.target.value)}
-            />
+            <div className="w-56 max-w-full">
+              <Input
+                size="sm"
+                placeholder="scriptId (chunk name)"
+                value={scriptId}
+                onChange={(event) => setScriptId(event.target.value)}
+              />
+            </div>
+            <div className="w-56 max-w-full">
+              <Input
+                size="sm"
+                placeholder="caller (optional)"
+                value={caller}
+                onChange={(event) => setCaller(event.target.value)}
+              />
+            </div>
             <Button
               size="sm"
               disabled={!rpc || !scriptId}
@@ -190,7 +208,7 @@ export default function ScriptsPanel() {
           />
         ) : null}
         <Section title={`Scripts (${snapshot?.scripts.length ?? 0})`}>
-          <DataTable
+          <Table
             ariaLabel="Scripts"
             columns={scriptColumns}
             data={snapshot?.scripts ?? []}
@@ -215,7 +233,7 @@ export default function ScriptsPanel() {
           />
         ) : null}
         <Section title="Events">
-          <DataTable
+          <Table
             ariaLabel="ScriptManager events"
             columns={eventColumns}
             data={[...(snapshot?.scriptEvents ?? [])].reverse()}