Studio Tabs

The pane on the right of Studio Mode has six tabs. Each one shows a different part of the agent's work.

Open, close and switch tabs

• Click + (New tab) to open the tab launcher. Type in "Search tabs: browser, files, terminal, project…" and press Enter to open the first match.
• Click the X on a tab to close it. If you close every tab, the launcher shows.
• Review, Files, Terminal, Project and Screenshots open once; opening one again switches to it.
• You can open more than one Browser tab, but they all show the same live browser.

Browser

A real browser running for you in the cloud. You can watch the agent use it, and click, scroll and type in it yourself. Full details: The live browser.

Review

Shows the files the agent changed in each answer, with what was added and removed. You can Reject a file, Reject all, or Accept all. Full details: Review changes.

Files

Your project's files, read-only.

When the agent writes or edits a file, the tree updates and that file opens by itself. A file being written shows Writing…, and a file that just changed flashes blue (Just changed).

The code view has colours and line numbers. Pictures show as images; click to zoom. Very large files show only the first 1 MB.

If no project is picked, it says: "Pick a project above the chat input to see its files here."

Drag a file into the chat

You can point the agent at a file without typing its path:

1. In the Files tab, drag a file from the tree, or drag a file's tab.
2. Drop it on the chat box.
3. It shows as a small chip with the file name above your message. Click its X to remove it.
4. Send your message. The agent knows exactly which file you mean.

Folders can't be dragged.

File names in the agent's answers

When the agent mentions a file, like src/App.tsx or app.ts:25, it shows as a grey chip. Click it to open that file in the Files tab, at that line if one is given. The Edited and Created steps in an answer open the file the same way.

Terminal

Shows every command the agent runs in this chat, with its output: $ command, a spinner while it runs, then the result. Errors show in red. Code the agent runs shows as [language] › [first line].

• Running with a blue dot means a command is still going.
• Clear empties the list.
• It follows new output unless you scroll up.

The terminal is read-only: you can't type commands. Ask the agent instead. When it's empty: "Commands run by the agent in this chat appear here."

Project

A summary of the open project, "Shared with Project Mode".

Open in Project Mode opens the project in the code editor. Refresh loads the details again.

Screenshots

Every screenshot the agent took in the browser during this chat, newest first. New ones appear as they're taken.

Click a screenshot to view it large:

• Older and Newer move between screenshots (or use ← and →).
• Download saves it.
• Open the page opens the website it shows.
• Esc closes the viewer.

Full page screenshots you take from the Browser tab are saved here too.

When it's empty: "Screenshots the agent takes in the browser are saved here."

FAQ