Get to know the editor

The chat, the file tree, the file content and the preview: everything in the editor and what it is for.

The editor is where you improve your app once it is created.

Panels

The chat, on the left: the main tool. Write what you want to add or change and the AI modifies the code. You can attach files by dragging them into the chat.
File tree: the file structure of the project.
File content: shows the code of the selected file.
Preview: shows your app.

You can show or hide each panel from the “View” menu.

Top bar

Project menu: settings, project map, download source code and delete project. The same menu also has the app section: settings, icon, app map and delete app.
AI model selector: choose which AI makes the changes.
“View” menu: shows or hides the panels.
“Help” menu: instructions, tutorials, advisory and contact with support.
Balance: your available balance, with the shortcut to buy credits.
Envelope icon: opens support. It shows a notice when you have unread messages.
Your avatar: settings, subscription, billing, consumption, domains and log out.

Project navigation bar

Below the top bar you will see the path Dashboard > Project > app:

The app selector: switch between the apps in the project. From here you can also create a “New app within the project” or “Replicate app for another platform”.
“Pending tasks”: the project's getting-started list.
“Publish”: opens a menu with Preview (test builds) and Publish (store versions and web publishing).

Edit files by hand

In the file content panel you can click “Edit file”, make your changes and click “Save changes”.

You can also replace a file by dropping another file of the same type on top of it, for example one image over another image. If the file is of a different type, “File type mismatch” appears.

If the chat is under maintenance