Code editor and history
The App Builder is a real IDE, so it gives you a real code editor and a real history. You never have to touch the code, but it is always there, and it is always yours.
The code editor
Section titled “The code editor”The Code tab opens a full editor over the files of your project. It highlights JavaScript, TypeScript, JSX, HTML, CSS, JSON and Markdown, and gives you the editing comforts you expect: bracket matching, code folding, line numbers and basic autocompletion as you type.
Every file you see is part of your own application, in open formats. Edit by hand, let the AI Assistant edit alongside you, and watch the live preview update either way.
History and snapshots
Section titled “History and snapshots”The History panel keeps a timeline of your project through snapshots. A snapshot is a saved state of your whole app that you can return to.
- Snapshots are created automatically after each Agent run, so a full build always leaves a point you can go back to.
- From the panel you can restore your project to any snapshot, or delete the ones you no longer need.
- A graph shows how your snapshots relate, so you can see where you branched from.
Together with the three Assistant modes, this makes building safe to experiment with: let the AI try something in Agent mode, and if you do not like the result, restore the snapshot from before and try another way.
Your code stays yours
Section titled “Your code stays yours”Whatever you build, the code belongs to you. It is standard, in open formats, with no platform-only files mixed in, so you can read it, export it, and take it elsewhere. The AI accelerates the work; it never locks you out of it.