Skip to main content

Editor overview

The editor appears inside a project session. It combines generated files, database tools, preview, terminal output, and project actions.

Top controls​

  • Code opens the generated source editor.
  • Preview opens the running application view.
  • Full-screen and device controls help inspect the app.
  • Download, share, publish, GitHub, and settings controls appear when available for the project and plan.
Cocoding AI preview tab in a project workspace
The preview tab is used to test the generated app as a user would see it.

Left-side tools​

The activity bar lets you switch between generated files and database tools. Collapse the explorer when you need more preview space.

Empty or loading states​

Early sessions can show loading placeholders or an empty preview. Wait for generation to complete, then refresh preview if needed. If the preview remains unavailable, check Troubleshooting.