Toolbar and Saving

The toolbar is the command center for your project. It provides navigation, save status, publishing controls, and quick actions.

Toolbar Actions

• Back: Returns to the dashboard. If there are unsaved changes, the editor will save before leaving.
• Project name: Displays the current project name (truncated if long).
• Publish: Opens the publishing dialog and shows publish status.
• Save: Persists HTML, CSS, JS, and Data. Shows Saved, Save, or Saving....
• Settings: Opens project metadata settings.
• Refresh: Rebuilds the preview and clears console logs.

Save Shortcuts

The editor intercepts browser defaults so you can save with familiar shortcuts:

• Mac: Cmd + S
• Windows: Ctrl + S

Save Status Behavior

• Unsaved: You have local changes that are not yet persisted.
• Saving: A save request is in progress.
• Saved: The server accepted the latest version.