Select an element

Describing a part of a page in words is slow and easy to get wrong. Instead you can click the thing itself in the preview, and it becomes context for your next chat message.

Turn on the select tool

A small toolbar floats at the bottom centre of the preview. Its buttons are icons only. They carry no text and no tooltip of their own, so tell them apart by shape: the cursor on the left is the select tool, the T in the middle is inline text editing, and the speech bubble on the right is commenting. Click the cursor to turn selecting on, and click it again to turn it off.

Two of the icons carry a small badge once there is something to count. The badge on the cursor is how many elements you have selected, and the badge on the speech bubble is how many comment threads are still open on the project.

Only one of the three preview tools runs at a time. Turning on select turns off inline text editing and commenting.

The tool is unavailable on pages that cannot host the editing bridge. The buttons go flat and the tooltip reads Selecting and inline editing are unavailable on this page.

Pick elements

Move the pointer over the preview and elements highlight as you pass them. Click one and it gets a persistent outline, and a chip for it is inserted into the chat box.

The chip is named after what you clicked, so a heading reads Heading, a paragraph or a span reads Text, and there are names for Link, Button, Image, Icon, Quote, Video and others. Repeats are numbered, so a second heading becomes Heading #2.

The picker stays on after each click, so keep clicking to add more. Click a selected element again to drop it.

The ten element limit

You can hold 10 elements at once. Past that, clicking another one raises Selection limit reached with the note that you can select up to 10 elements at once. Deselect something to make room.

Find a chip again

Hover a chip in the chat box and the matching element is highlighted in the preview and scrolled into view. Moving the text cursor into a chip does the same thing, so you can check what you attached without leaving the keyboard.

Selection is tied to a page

An element is remembered as a page plus a position in that page, so the same-looking element on another page is a different selection. Outlines only draw for the elements that belong to the page you are looking at, and stay visible even when the select tool is off.

If a selected element disappears from the page, for example because AI rewrote that section, it drops out of the selection on its own.

Write the request

Chips are inserted at the text cursor, so you can drop one into the middle of a sentence and keep typing around it. Write what you want changed and send. You do not need to name the elements again.

Sending empties the selection. The chips travel with the message you attached them to, the outlines come off the preview, and the next message starts with nothing pinned.

Make these two cards the same height and move the button to the bottom.

Next

• Edit text inline is faster when you only want to change words.
• Site chat covers writing the request itself.