The builder workspace

The builder is where you spend your time: chat on the left, live preview in the middle, and a toolbar of tools across the top. Here’s the full map.

Project & page

Logo — back to your project list.
Project name — display only here; rename it in Settings → General.
Page selector — switch, create, and manage pages and folders. See Pages & folders.

Canvas tools (center)

Viewport switcher — Desktop / Tablet / Mobile preview, which also controls responsive style editing.
Inspector toggle (eye) — turn click-to-select on the preview on or off. Switch it off when you want to use the page (click links, test forms) instead of editing it.
Theme Colors — open the theme editor for your site’s palette and typography.
Live Controls — manage your interactive elements (chat rooms, videos, catalogs). Appears once your project has any. See Live Controls.
Version History (clock) — browse and restore earlier snapshots.
Code Editor (brackets) — open the built-in code editor.

Utilities (right side)

Reload Preview — full preview restart (~10–30 s). Use it if the preview ever gets stuck.
Performance — run a Google PageSpeed audit per page, with one-click AI fixes. See Performance audits.
Insights — click heatmaps, scroll maps, and session recordings (requires Analytics to be on).
Project Settings (⚙) — owner-only shortcut to Project Settings.
Client Review — share a live preview link and collect comments. See Client Review.
Undo — appears after an AI change; rolls the project back to before the last AI turn, showing how many files it touched. More in Version history & undo.
Publish — build and deploy your site. See Publishing. After a successful publish, a green Open site button appears next to it.
Bug report — send us a report with context attached if something misbehaves.
Profile — your avatar: remaining credits (with a Manage link), billing & invoices, log out.

The left panel

The left panel is your AI chat — and it transforms into other panels when you open them: Theme Colors, Live Controls, Version History, Client Review, Performance, the Blog post manager, and page settings all open here. A collapse button (chevron) hides the whole panel when you want a full-width preview.

For everything the chat panel itself can do — slash commands, attachments, suggestion chips, per-turn revert — see Chat panel features.

If the preview fails to load

Rarely, the in-browser preview can fail to boot (some VPNs and strict browser setups block it). You’ll see a “Preview couldn’t load” screen with two options: Reload, or Restore a version from history. Your project files are safe either way — this only affects the preview.