inspect_rendered_page
Identify which catalog components are mounted on a live page and map them to their source files, enabling quick navigation from visual element to code.
Instructions
The reverse bridge: open a live page and report which CATALOG components are actually mounted on it, mapped back to their source files. Walks React/Vue dev internals in the running app — use it to go from 'the thing I see on screen' to 'the file I should edit' without grepping. Give a catalog component, a route, or a raw url. Text-only output (use render_component for a screenshot). Requires the dev server (dev build) to be running.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | No | Absolute URL or dev-server-relative path to open. | |
| route | No | Route path to open (e.g., "/patients/:id"). | |
| params | No | Values for dynamic route segments, e.g. {"id": "123"}. | |
| settleMs | No | Extra milliseconds to wait after load before inspecting. | |
| component | No | Catalog component name whose route to open (resolved via the route map). |