# The builder workspace

> A tour of the Genesis builder — every toolbar button, panel, and control around your live preview.

Source: https://support.estage.com/workspace
Part of the ESTAGE Support help center (https://support.estage.com). Full knowledge base: https://support.estage.com/llms-full.txt

---

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.

## Top toolbar, left to right

### Project & page

- **Logo** — back to your [projects dashboard](https://support.estage.com/workspace-dashboard).
- **Project name** — display only here; rename it in
  [Settings → General](https://support.estage.com/project-settings-general).
- **App switcher** — if the project holds more than one app (Website, Web app, Mobile app,
  Desktop app), this picks the one you're working on. It is also where you **add** one. Everything below — chat, preview, pages, settings, publishing —
  follows your choice. See [Apps inside a project](https://support.estage.com/platform-apps).
- **Page selector** — switch, create, and manage pages and folders. See
  [Pages & folders](https://support.estage.com/workspace-pages).

### Canvas tools (center)

- **Viewport switcher** — Desktop / Tablet / Mobile preview, which also controls
  [responsive style editing](https://support.estage.com/visual-editor-styling#responsive-editing--viewports).
- **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](https://support.estage.com/workspace-theme-colors) for your site's palette
  and typography.
- **Version History** (clock) — browse and [restore earlier snapshots](https://support.estage.com/workspace-version-history).
- **Code Editor** (brackets) — open the [built-in code editor](https://support.estage.com/workspace-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](https://support.estage.com/workspace-performance).
- **Insights** — click heatmaps, scroll maps, and session recordings (requires
  [Analytics](https://support.estage.com/project-settings-analytics) to be on).
- **Project Settings** (⚙) — shortcut to [Project Settings](https://support.estage.com/project-settings); which tabs open
  depends on your [role](https://support.estage.com/project-settings-roles).
- **Client Review** — share a live preview link and collect comments. See
  [Client Review](https://support.estage.com/workspace-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](https://support.estage.com/workspace-version-history).
- **Publish** — build and deploy your site. See [Publishing](https://support.estage.com/workspace-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. Account settings open **in a panel over the builder**, with billing, allocation and
  credits together in one **Allocation & credits** tab — see
  [the dashboard](https://support.estage.com/workspace-dashboard#account-settings-without-leaving-the-page).

> **Note**
>
> On narrower windows, the utility tools collapse into a **⋯** overflow menu — everything is
> still there.

## The left panel

The left panel is your [AI chat](https://support.estage.com/building) — 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](https://support.estage.com/building-chat-features).

> **Tip: Working from your own machine?**
>
> The [ESTAGE Genesis desktop app](https://support.estage.com/workspace-desktop-app) — Mac, Windows and Linux — lets the AI
> read images straight off your disk or out of your Photos library, save exports where you want them,
> and capture your screen instead of you uploading screenshots. It is also what runs a
> [desktop-app project](https://support.estage.com/platform-desktop-apps) in a real window while you build it.

## 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.