The builder

A tour of the wish4 builder — chat, live preview, page tree, and the top bar.

The builder is where you create and change your site. It has two halves: the chat (left) where you talk to the AI, and the live preview (right) that updates as it works.

How to build websites & apps with AI — the wish4 editor tutorial
1 · Describe it2 · Watch itbuild live →3 · Save→ publishHistory→ revert
Anatomy of the builder.

The chat

Type what you want and press Enter. While the AI works you'll see short progress notes and action chips (e.g. *Read /*, *Edited /about*). You can:

  • Queue a follow-up — keep typing while it works; your next message sends automatically when it finishes.
  • Stop it — press the Stop button to halt a run mid-way.
  • Attach files — click the paperclip or just paste an image; see Images & files.
  • Use Option/Cmd+Enter for a newline without sending.

The live preview & page tree

The right side shows your actual site. Multi-page sites get tabs at the top, arranged as a tree so you can see structure — a section page (like /services) shows its sub-pages indented beneath it. Use the desktop/mobile toggle to check responsiveness, and click a tab to switch pages.

The composer

  • Build / Discuss switch — Build makes changes; Discuss only talks them through. See Build & Discuss modes.
  • Voice — tap the mic and dictate; a live waveform shows it's hearing you. Accept with ✓ or discard with ✕. The chevron next to the mic picks the dictation language.
  • Edit a sent message — hover your message and click the pencil: it loads back into the composer, and sending re-runs from that point (later changes are rolled back first).

The preview toolbar

  • Preview / Settings tabs — the same workspace, two views. Settings holds the domain, access, favicon, sitemap, redirects, SEO and danger zone.
  • Edit — comment mode: click any element on the page and send feedback pinned to it. See Point at elements.
  • Device switcher — cycle desktop / tablet / mobile canvases to check responsiveness.
  • Page pill — shows the current page's name; the chevron opens a searchable page picker, the refresh icon reloads the preview.
  • Publish — opens the publish panel: status, your live URL with copy/open, who can view the site, and the publish action. A pulsing dot on the button means there's unpublished work. See Publishing & visibility.

Changes are saved as a draft until you hit Publish. Your live site never changes until you do.