Output & artifacts components.

The side panel that holds something the model made, with a live preview, its code, earlier versions, and copy or download.

A browser frame for a generated page, with reload and desktop, tablet and phone widths.

The small card or chip inside a reply that points to an artifact and opens it.

Code in a reply, with the file name, line numbers, marked lines and a copy button.

A proposed code change, split into hunks that can be accepted or rejected one at a time.

The files an agent touched, shown in their folders and marked added, modified or deleted.

A summary of a test run with pass and fail counts, each suite, and the error for anything that failed.

Rows returned by a query, with sortable columns and a CSV download.

A chart the model draws to answer a question about numbers, with hover values and a legend.

An answer card for a weather question, with today's conditions and the next few days.

A trip plan split by day, with a route map and timed stops.

An email the agent wrote for you to check, edit and send.

A meeting the agent proposes, with who is free, and buttons to add it or ask for another time.

Products in an answer when someone asks what to buy: a side-by-side comparison, a scrolling row of results, one top pick in detail, a spec table that can show only the differences, and a product named inline with a hover card.