Tour the workspace

Find your way around a project: the chat, the project panel, the preview, and the project bar's pages and tools.

Updated Oct 12, 2026

The screen

Chat, on the left: send requests, attach images, answer questions, undo a turn. See Work with the assistant.
Project panel, in the middle: the App, Design, Code and Status tabs.
Preview, on the right: the app in a device frame, compiled from the current source. See Preview.

Control	What it does
Projects	Back to your apps. On a phone, the ← arrow.
The app's icon and name (App settings)	Opens App settings: name, icon, launch screen and store identifiers. On a phone it is in the app menu.
Editor, Publish, Manage App, Push notifications	The app's pages: tabs on a wide window, the app menu on a narrower one.
Saved	Whether your own edits are saved, and whether the assistant is working.
Server	Backend, in-app purchases and secrets; a dot shows a connected backend. See Server.
MCP	Connects Claude Code, Codex, Cursor, VS Code and other coding agents. See Connect an editor.
Build	Signed APK, App Bundle or IPA, with progress. Store uploads happen in Publish.
Credits	The organization's balance after finalized charges.
⋯ (phone)	Code, Server, MCP, the credit balance and your other open apps.

App: screens, navigation and shared components. See App structure.
Design: brand colour, radius, density, type and typefaces, no prompt needed. See Design tokens.
Code: the source, with Download and Upload to assets/ (Upload to public/ on a landing page). ⌘E (Ctrl+E) opens it anywhere. See Edit the source.
Status: open checklist items from every chat (with Jump and Continue), Feature journeys (the app's journeys), and Quality checks (what the last checks found).

Tabs stay loaded, so switching keeps your place. A narrow panel shows only their icons; hover one for its name.
Collapse the panel for a bigger preview. On a phone, Chat, Preview and App are tabs at the bottom, and Code opens from ⋯ as a drawer.

Did this page help?