The toolbox

Your dev server, next to the agent building it.

Open a browser in a project's toolbox and its pages sit beside its sessions. Point at what is wrong on the page, and the agent gets the element, its component and a screenshot.

Browser

Point at it instead of describing it

Turn on the pen (Inspect) and click anything on the page. It drops into the session's field as a chip, carrying the selector, the text, the styles and a screenshot, and, in a dev build of React, Vue, Svelte or Angular, the component it belongs to and its source file. Send it with what you want changed.

Browser

Every project keeps its own browser

Each group of sessions has its own browsers, as many tabs as you like, each with its own page, history and light or dark. They show in the sidebar under the group's sessions: the page's title over its address.

Browser

Light and dark, without a reload

The sun and moon switch the page's prefers-color-scheme on the spot, so you can check both themes while the agent works. It turns amber when the page differs from the app.

And also

The small things.

Made for localhost

Type a port, 3000, and it opens on localhost. The address bar lists the common ports (3000, 4000, 5173, 8080) and the pages you opened last.

The keys you know

Reload with ⌘R, back and forward with ⌘[ and ⌘] or a swipe, and ⌘L for the address.

Full screen, still talking

Full screen gives the page the whole window. A floating field for the selected session stays at the foot, with its status above it.

Web Inspector when you need it

The ⋯ menu has Show Web Inspector (⌥⌘I), Open in Safari and Clear History.

Drop a picture on a pane

Drag an image from the page onto a session's pane and it is attached to what you send.

It stays on your Mac

The pages and the history are the Mac app's own. Nothing about them goes to the daemon, a relay or your phone.
Your agent

The agent sees what you picked, not your screen

The browser is yours. The agent does not drive it or watch it: what reaches it is the element you picked, written into your prompt with the path of its screenshot, in a session of the same project. Picking selects that session and puts the cursor in its field.

Questions

Before you open it.

Can the agent click around in the browser?

No. The agent never drives the page. You pick an element and send it; the agent reads that in your prompt.

Is it on the phone too?

No. The browser is in the Mac app only. The phone apps show your sessions and their activity.

Which pages can it open?

Any address, and plain http too, so a dev server on localhost opens as it is.

Do I need a particular framework for Inspect?

No. Any element gives its selector, text, styles and a screenshot. A dev build of React, Vue, Svelte or Angular also gives the component it belongs to and its source file.

Related

Where to go from here.