The workspace

Chat

The conversation on the left is where you describe what you want and where the Builder reports what it did: files created, commands run, errors it hit. You can answer its questions, change direction, or ask it to explain a file. On complex tasks the coordinator delegates to specialist agents and you see which one is working.

Files and editor

Every file the Builder writes appears in the file tree. Open any of them in the editor and change it yourself; the edit is written to the running project a moment later, so the preview reloads with it, and it is in every export and deploy. The Builder sees your edits and works from the current state of the project, not from what it wrote earlier. Edits are kept when you reopen the chat in the same browser. Keep changes small and preview often.

Preview

The preview pane shows the app running. For the in-browser workspace, that is a real Vite dev server running inside your browser; for cloud projects it is the app running on your server.

Terminal

The terminal is a real shell in the project. Install a package, run the tests, run the build:

npm install
npm run dev
npm run build

The exact scripts depend on the project; open package.json to see them.

Where things run

The browser workspace runs Node inside your browser, so a static or front-end project needs no server at all. Full-stack projects with a Node backend and a PostgreSQL database run on a dedicated cloud server on paid plans. See Cloud.