On this page ▾
Roadmap
The work was planned in four phases, each with a GitHub issue that holds the full list of tasks. Phases 1, 2 and 4 are done, and phase 3 has a few items left. The tables on this page show the highlights.
Plans follow feedback. To ask for something, or to move an item up, comment on its issue or open a feature request.
Available today
Inspection and agents
| Feature | Read more |
|---|---|
| Agent tools over MCP for the live app | Tools |
| NgRx and SignalStore time travel | Restore an earlier state |
| Why a form is invalid, for you and agents | Forms agent tools |
| Mobile apps | Capacitor, NativeScript, Angular Native |
Setup and workflow
Tracked in #340 (done).
| Feature | What it does | Read more |
|---|---|---|
| Open in editor | Alt+click a component on the page, or any file and line in the panel, to open it in your editor. | Open a file in your editor |
| One-line Vite setup | The Vite plugin adds the overlay to the page, so setup is one line in vite.config.ts. |
Vite and Analog |
| One-command agent setup | pangular mcp --print-config prints the MCP config for Claude Code and other agents. |
Print the config |
| Safe by default | The hub stays off in production builds and checks every request by default. | Security |
Deeper inspection
Tracked in #341 (done).
| Feature | What it does | Read more |
|---|---|---|
| Edit inputs and signals | Change inputs, properties and writable signals from the panel and from agents. | Editing values |
| Change detection flash | Components flash on the page as change detection checks them. | Watch checks live |
| Flame graph | A flame graph and a per-cycle chart for change detection recordings, plus a Chrome Performance track. | Change detection |
| Hydration overlay | Hydrated, skipped and mismatched regions marked on the page. | Hydration |
A shell you live in
Tracked in #342. The items below are done; the rest of the phase is under Planned.
| Feature | What it does | Read more |
|---|---|---|
| Command palette | ⌘K or Ctrl+K opens any tab or action. | Command palette |
| Settings | Theme, tab order and visibility, and a passive mode for the popup. | Settings |
| One timeline | Router, HTTP, NgRx, change detection, forms and signals on one time axis. | Timeline |
| NG0xxx errors explained | Runtime errors with their code, a docs link and the component that threw them. | Errors |
| Terminals dock | Runs the project's build and test commands next to the panel. | Terminals |
Deeper diagnosis
Tracked in #343 (done).
| Feature | What it does | Read more |
|---|---|---|
| What triggered each check | The event, signal, timer or request behind each run, wasted checks, OnPush hints and components that need zone.js. | Why it ran and what it wasted |
| Leak detection | Live subscriptions and effects per component, and components that stay alive after they are destroyed. | Leaks |
| Error explainers | NG0100, hydration mismatches and missing providers explained, with the binding, the DOM diff or the lookup path. | Explainers |
| One audit entry point | One list of findings across the inspectors, an axe pass, and before and after sessions. | Audit, Inspect, fix and verify |
| Tools for browser agents | Read-only tools registered on the page through WebMCP, off by default. | Browser agents |
| Agent skills | Skills shipped in the package, installed with one command. | Agent skills |
| NgRx history and sessions | Full state for every entry still in the log, export and import of a session, and generated tests. | Session |
| Other stores and queries | NGXS, Elf and MiniRx through their Redux DevTools integration, and a TanStack Query tab. | Other stores, TanStack Query |
| Waterfall and SSR tracing | A network waterfall, redacted headers, and SSR tracing for web-standard handlers such as Hono, h3 and Nitro. | HTTP timeline |
| Provider values and startup | Peek at a created service's value, and see the time to stable and the slowest providers. | Peek at a provider value, Startup timing |
| Plugin API | Libraries add their own tab and agent tools. | Write a plugin |
Planned
These items remain from phase 3, #342.
| Item | What it does | Issue |
|---|---|---|
ng add |
One command sets up the overlay and the hub in an Angular CLI app. | #342 |
| Extension stores | The Chrome extension in the Chrome Web Store and Edge Add-ons, and a Firefox build. | #342 |
| Ionic support | Ionic apps, on top of the Capacitor support. | #307 |
Fixes and improvements per inspector
Besides the phases, issues #366 through #373 track the open audit findings and proposed improvements for each inspector and the package. Pull requests for any of them are welcome. Start with Development setup.