Views
Roadmap, Architecture, and Spec appear when their artifacts exist. A direct build can have working code before it has a roadmap or architecture graph.
The header also holds Share and Publish. Publish puts the app at its permanent address.
Inspect and edit code
Code opens as a viewer for browsing generated files. Select a file in the tree, or search file names and contents. Content matches jump to the matching line. On mobile, use the folder button to open the file drawer. Use the toolbar to wrap long lines or copy the complete file. Large files open in plain text to stay responsive; choose Syntax highlighting to enable colors. Changes appear as unified diffs, with an optional split view on desktop. Choose Edit for a manual change. Undo, redo, find and replace, and Reset file are available while editing. Switching files keeps your drafts and undo history. Choose Save changes to save, and Done to return to viewing. Done does not save pending changes. If saving fails, the draft stays available so you can retry.
The editor supports basic changes without autocomplete, diagnostics, or code folding.
Chat controls
Type/ in the composer to see the commands for the current project.
The composer also shows the credits used on the project; select it for a turn-by-turn breakdown. The CLI command reference lists terminal commands and keys; the web and CLI palettes differ.
Project setup
Open/integrations or the composer’s + menu. Project setup has the same tabs as workspace Integrations, for this project:
- Built-in: AI, the project’s payments mode (test or live), and its sign-in app.
- Connections: choose a workspace account for each provider.
- Agent Skills: reusable instructions for the agent.
- MCP Servers: additional tools and data sources.
- API Keys: the project’s environment variables.

