Editor Overview

Desktop and mobile shells

The editor renders through two separate surfaces:

• EditorLayout for desktop-class viewports
• MobileEditorLayout for narrow viewports

They share the same project model, but the interaction model changes significantly on mobile.

Main panels

On desktop, the editor can show these major views:

• Assets
• Preview
• Timeline
• Settings/inspector
• Chat
• Toolbox
• Transcript

Panel visibility is configurable through layout presets and custom saved layouts.

Top bar features

The top bar is more than navigation. It currently includes:

• Editable project name
• Branch selector
• Workspace switcher
• History controls
• Render access
• Credit display and refresh
• Theme toggle
• Notification entry point
• Save/sync state
• Keyboard shortcuts modal
• Command menu entry point
• Local/cloud project status and conversion actions where allowed

Layout system

The layout system supports:

• Multiple built-in layout presets
• Custom saved layouts
• Per-layout panel visibility
• Recalling the previous selection from local storage

This is important because AVS supports both AI-heavy and timeline-heavy workflows, and those benefit from different panel ratios.

Collaboration features

The editor includes several active collaboration affordances:

• Active editor user list
• Collaborative cursor overlay
• Branch-aware editing
• Session-state warnings for stale or conflicting editing sessions

When a session goes stale or conflicting, the UI can offer:

• Reload latest project
• Take over the editing session

Command and navigation features

AVS includes a command menu for fast access to:

• save/load/export
• render
• playback controls
• undo/redo
• zoom and recenter actions
• chat/toolbox entry points
• tutorial access
• navigation to editor destinations

This is separate from the global app command trigger and acts as an editor-local search/action hub.

Playback and preview

The preview area supports:

• Live playback
• fullscreen mode
• seek-based frame capture
• range-aware preview generation
• mute, loop, speed, and transport controls

The editor also keeps preview thumbnails in sync for project cards.

Save and project-state behavior

The editor distinguishes between:

• saved locally
• synced remotely
• sync failed
• lease lost
• read only
• reload required

That distinction matters because AVS supports both local and remote persistence paths.

Local project behavior

If a project is local, the editor can surface:

• restore progress
• pending local changes
• background backup state
• offline-ready status

This is one of the more unusual parts of the beta app and is worth understanding before you standardize workflows around it.

Mobile editor specifics

The mobile editor collapses the experience into tab-first workflows and includes:

• compact preview
• tab switching for chat, assets, and editing views
• render access
• save/sync state display
• account menu access

Use desktop for deeper branching, transcript, and inspector-heavy sessions.