Use this file to discover all available pages before exploring further.
This page is the reference map of the Builder interface. For each surface (sidebar, header bar, editor toolbar, overview tab, automation tab, page tab, imports tab, files tab, activity tab, settings tab, deploy modal) it lists every visible control and the action it performs.Use it as a lookup when a button does not behave the way you expect, or when you need to know what a click actually persists.
Display only. Edit them from Settings → General or by clicking Edit YAML.
Workspace description
Truncated to ~200px. Full text in Settings → General.
Edit YAML button (file-code icon)
Opens a Monaco editor on the raw workspace index.yml (name, slug, description, config, secret schema, repositories). Saving writes through the workspaces API.
AI toggle (sparkles icon)
Opens and closes the right-side AI assistant panel.
Version dropdown (visible when a deploy exists)
Switches the main pane to a read-only preview of a previously deployed bundle.
The page editor. The + action creates a new page; existing pages are listed below.
Each page shows a sublabel: SPA for editable source, Read-only for the version currently being viewed in the version dropdown, Deployed for an immutable deploy snapshot.
Automations
The automation editor. The + action creates a new automation; existing automations are listed below.
Automations whose name contains / characters are rendered as folders (finance/invoices/process → finance → invoices → process).
Imports
The imports tab. The + action opens the App Store.
Each installed app shows a Disabled badge if its config has it turned off.
Code view — a file explorer on the left and a Monaco editor on the right. Supports folder creation, file creation, rename, and delete.
Preview view — Builder compiles the source and renders the React app inside the preview pane, with the runtime AppProps injected (sdk, user, workspace, backends).
Save persists the entire source tree to the workspace as page files. Deploy bundles the tree into a JavaScript bundle (see Deploy modal).
Activity is the workspace event log. It is documented in Testing & Debugging — the page covers correlation IDs, the four views (Table, Timeline, Graph, Distribution), and the filter grammar.
The Packaging tab lets you publish the workspace as a reusable app in the platform’s app store.
Field
Notes
Photo
Image upload. Limited to 2 MB and must be an image MIME type.
Slug
The app slug under which the workspace will appear in the store. Once the workspace has been published once, the slug is read-only — it becomes the immutable identifier of the app.
Description
Optional short description shown in the app store.
Version name
Optional human-readable version label (the version is created regardless).
Publish
Uploads the photo (if changed), updates the workspace, then creates an app store entry pointing at the new version.
Opened from the Deploy button in the header bar. Documented in Deployment — covers the Publish tab (bundle build, version assignment) and the Share tab (Platform URL, four embed modes, <script> snippet).