Editor Overview

Editor Overview | Aveiro

In short

The editor opens when you click a site from the dashboard. The left rail switches between Pages, Layout, Components, Styles, Settings, and Integrations. Quasar — the AI assistant — lives in a docked panel on the right (or a mobile sheet), not in the left rail. The main area shows a live preview and your page content in Preview, Visual, or Source mode.

Opening the editor

From Sites, click a site card or choose Edit from the site menu. The URL includes your organization ID, site ID, and /edit. Use the back to Sites control at the top of the left rail to return to the dashboard without signing out.

Layout

The editor is a split view:

Area	Purpose
Left rail	Icons to switch panel tabs (Pages, Layout, Components, Styles, Settings, Integrations, Translations)
Left panel	Content for the active tab — file tree, layout slots, integrations, etc.
Quasar assistant	Docked right column (or mobile sheet) — org-wide AI chat with site context
Top toolbar	Site switcher, page picker, device preview width, edit mode, publish, shortcuts
Preview / canvas	Live preview of the open page, or the visual/source editor when editing

Changes save automatically as you edit. A saved-state indicator shows when content is syncing. Open Quasar from the floating launcher (bottom-right), ⌘/Ctrl+J, or the command palette. See AI overview.

Panel tabs

Tab	Use it for
Pages	File tree, collections, page settings, sort order, create/delete pages — default tab
Layout	Site-wide and per-collection layout templates, header, footer, sidebars
Components	Insert blocks — heroes, media, signup forms, MDX components
Styles	Site theme — colors, typography, radius, and global tokens
Settings	Site name, URL, SEO, analytics, publish, custom domain
Integrations	Fourthwall — storefront token, checkout URL, Store collection
Translations	Locale variants, translation jobs, per-language publish (when enabled)

Each tab has its own section in this documentation. Start with Pages if you are new to the editor.

Mode	Best for
Preview	See the page as visitors will — read-only in the canvas
Visual	Click blocks to select, edit text inline, reorder sections
Source	Edit raw MDX directly — requires the code editor feature (opt-in under Account → Settings → Workspace)

Section	Topics
AI	Quasar assistant dock, chat, suggestions, applying and reverting AI changes
Pages	File tree, collections, page settings, publish, history
Layout	Templates, slots, collection overrides
Components	Inserting blocks, categories, MDX
Styles	Site theme and block-level styling
Settings	URL, SEO, domain, analytics, publish
Integrations	Fourthwall storefront connect, cart, checkout
Editing	Modes and keyboard shortcuts

Editor Overview

Opening the editor

Layout

Panel tabs

Opening the editor

Layout

Panel tabs

Editing modes

Preview device sizes

Publish from the editor

Version history

Documentation map