UI & Panels

Back to Index

Dockable panel system with an After Effects-style menu bar, unified clip properties, and touch interactions on phones and tablets. Every device uses the same editor shell.

Menu Bar
Panel System
Available Panels
Slot Grid
Properties Panel
Dock Layouts
MIDI Control
Resolution Settings
Settings Dialog
Status Indicator
Context Menus
Touch Devices

Structure

Menu	Contents
File	New Project, Open Project, Open Recent, Save, Save As, Project Info, Autosave, Clear All Cache and Reload
Edit	Copy, Paste, Settings
View	Panels submenu, Layouts submenu
Output	New Output Window, Open Output Manager, Active Outputs
Info	Where are you coming from?, Tutorials, Quick Tour, Timeline Tour, Imprint, Privacy Policy, Contact

Keyboard Shortcuts

Shortcut	Action
`Ctrl+N`	New Project
`Ctrl+S`	Save Project
`Ctrl+Shift+S`	Save As
`Ctrl+O`	Open Project

Project Name

Displayed at the left of the menu bar
Click to edit or rename
Shows an unsaved indicator when changes are pending

New Project opens the in-app project setup dialog, where spaces are explicitly supported, invalid filesystem characters are validated inline, and unsaved work is called out before the folder picker opens
First Save (when no project is open) and Save As reuse the same keyboard-accessible project-name dialog instead of browser-native prompts
Open Project opens an existing project folder
Open Recent shows browser-remembered projects and can clear that recent list
Save / Save As follow the folder-based project model
Rename Project opens the shared validated project-name dialog for the active project; the project name is no longer permanently shown in the toolbar
Autosave exposes enable/disable plus 1, 2, 5, and 10 minute intervals for interval-save mode
Save Mode itself lives in Settings -> General, and the default branch behavior is continuous save with a short debounce after changes
Clear All Cache and Reload clears localStorage, IndexedDB, caches, and service workers

Chat with dev, Leave note, Write issue, Discord, and Reddit are grouped here; the separate Help menu has been removed
The Info trigger shows +1 while a developer-chat reply is unread, and the chat entry shows the bounded unread count
Where are you coming from? reopens the welcome/onboarding chooser
Tutorials opens the tutorial campaign picker
Quick Tour starts the panel introduction campaign
Timeline Tour starts the timeline deep dive campaign
Startup opens directly into the selected editor experience; no update, video, About, or changelog splash is mounted.
Imprint / Privacy Policy open the directly addressable /impressum and /datenschutz pages in a new tab
Contact opens the legal dialog; German and English legal texts can be selected there

The welcome/onboarding chooser can also apply shortcut-preset defaults based on the editor background the user selects.

Panel System

Dockable Behavior

All docked panels can be:

Dragged to rearrange
Grouped in tabs
Resized via split panes
Closed and reopened from the View menu
Floated as independent windows
Maximized from the hovered tab with the fullscreen shortcut
Dropped into the center of a pane with a large anchored preview, or onto the tab bar for exact tab insertion
Dropped onto the outer dock edges to create full-height side strips or full-width top/bottom strips

Tab Controls

Action	Method
Switch tab	Click
Pan an overflowing tab bar	Middle-mouse drag
Drag tab	Hold for 500 ms, then drag
Insert into tab group	Drag into the tab group and choose one of the visible gap cubes
Maximize hovered tab	Hover a dock tab and use the fullscreen shortcut

Floating Panels

Floating panels keep their own position, size, and z-order
They can be brought to the front by clicking
They can be redocked by clicking Dock or by dragging the floating panel title tab onto a dock target

Browser Window Panels

Undock to Window opens a dock tab as a separate browser window
The detached browser window renders the selected panel through the main editor runtime, so edits and controls affect the main app state
Detached browser windows keep their last local position and size across refreshes
The detached browser window can return the panel to the main layout with Dock back

Available Panels

MasterSelects registers 17 dockable editor panel types, plus the Slot Grid overlay that sits on top of the Timeline. Start is a separate hidden landing-panel type. AI Scene Description is registered and hidden from the View, add-panel, and change-panel pickers.

Panel	Type ID	Surface
Multi Preview	`multi-preview`	4-slot composition preview grid
Preview	`preview`	Main composition preview canvas
Timeline	`timeline`	Multi-track editor and playback surface
Media	`media`	Media browser, folders, and project items
Properties	`clip-properties`	Unified clip inspector
History	`history`	Undo/redo history
Audio Mixer	`audio-mixer`	Track and master audio controls
Node Workspace	`node-workspace`	AI-assisted node workspace
Export	`export`	Render and export controls
MIDI Mapping	`midi-mapping`	Editable list of assigned MIDI notes and trigger previews
Screen Capture	`capture`	Record a display, window, or browser tab into the project
AI Segment	`ai-segment`	Local SAM2 segmentation tools
AI Scene Description	`scene-description`	Scene list with playback sync
Transitions	`transitions`	Transition library
Waveform	`scope-waveform`	Waveform scope
Histogram	`scope-histogram`	Histogram scope
Vectorscope	`scope-vectorscope`	Vectorscope scope

Panels submenu: all dockable panels in one flyout
Inside Panels, entries are grouped into Core, AI, and Scopes
Panel entries show their current visible/on state directly in the menu and update immediately when toggled
Layouts submenu: named layouts, default layout selection, and loading saved layouts

Preview Panel

Main composition output canvas
Source selector supports the active composition, a named composition, or a layer-index source
Per-panel transparency grid toggle
Multiple preview panels can be opened and floated
Stats overlay is available

Multi Preview Panel

4-slot grid for showing multiple compositions at once
Can auto-distribute the active composition’s layers or use custom per-slot assignments
Per-panel transparency grid toggle

Timeline Panel

Multi-track video and audio editor
Composition tabs for switching open compositions
Playback controls, snapping, and ruler
Slot Grid overlay is part of the timeline workflow

Media Panel

Media browser with folders, compositions, and generated project items
Single toggle button switches between list view and grid view
Reorderable column headers in list view
Grid breadcrumb navigation for folder drilling
Add menu for compositions, folders, text, solids, live input, and nested 3D items (mesh, 3D text, camera, light, 3D effector, and Gaussian splat), plus motion nulls, adjustment layers, math scenes, and motion-shape primitives
Dragging files or folders from the OS recreates the folder structure inside the project
Dropping multiple OS files directly on the timeline asks whether to place them side by side or stacked on new layers, while still importing through the Media Panel file path first
Drag-to-timeline support
Type-specific project items for text, solids, meshes, cameras, and splat effectors
Board mode right-drag supports smooth edge autopan; dragging far out onto a timeline lane hands off to the same timeline drag preview/drop path as list-view media drags, then restores the item at its original board position
Bottom-right Generate tray expands into the FlashBoard prompt composer for video, image, speech, and music generation without opening a separate dock tab
Appearance settings include a separate Wooden media panel theme checkbox, default off, that switches the Media Panel to the wooden studio skin; disabling it leaves the standard dark panel chrome unchanged

Export Panel

Encoder selection: WebCodecs or HTML Video
WebCodecs and FFmpeg codec choices
Container, resolution, frame rate, quality, and audio controls
In/Out export and FCPXML export
Stacked alpha export
Progress with phase display

MIDI Mapping Panel

Open from View -> Panels -> MIDI Mapping
Shows all currently assigned MIDI notes and control-change bindings in one list
Includes global transport bindings, per-marker bindings, Slot Grid trigger bindings, and property parameter bindings
Each row shows the note, target, and resulting command behavior
Click any transport, marker, or slot mapping card to trigger the assigned action and preview what the MIDI note does
Mappings flash live while matching MIDI input is currently driving them
Edit opens inline controls for manual channel/note changes and marker reassignment
Parameter mappings expose inline Min / Max range inputs, an Invert toggle, and a Damp checkbox for smoothed value changes
Learn and Clear remain available directly from the panel
Marker bindings support Jump To Marker, Play From Marker, and Jump To Marker And Stop
Slot bindings can be created from the Slot Grid filled-slot context menu, which opens this panel with a pending Listening... mapping

Screen Capture Panel

Records a display, window, or browser tab directly into an open project
Supports display and microphone audio, cursor capture, preview, pause/resume, and recovery of interrupted recordings
Imports completed recordings into Recordings; when enabled, the experimental WebCodecs tier adds crop and scale controls

AI Segment Panel

SAM2 object segmentation in the browser
Point-based include/exclude workflow
Real-time mask overlay
Forward propagation for video

AI Scene Description Panel

Scene-by-scene video descriptions
Search within descriptions
Click-to-seek scene segments
Playback-synced highlighting

Media Generator Tray

Compact bottom-right Chat / Generate / Studio / Downloads launcher inside the Media Panel
Expanded tray embeds only the compact FlashBoard prompt composer for hosted video, image, ElevenLabs audio, and Suno music flows
Studio opens a separate dock panel with parallel, persistent generation tabs and draggable result tiles; the compact Generate tray remains available unchanged
Active generation jobs render as compact preview cards above the prompt, including queued/processing state, elapsed timer, progress, prompt, and failed-job dismissal
Service and provider selection reflect the active backend through the FlashBoard composer
Image, video, and audio media can be attached as ordered prompt references from the Media Panel context menu or by dragging them onto the expanded composer
Current generation backends route through MasterSelects Cloud. Hosted Kie.ai media, ElevenLabs speech, and Suno music use Cloud credits; provider credentials do not enter browser settings.

FlashBoard Prompt Composer

Composer panel for prompt/text-to-speech/music input, ordered media references, output/model selection, duration, aspect ratio, mode, multi-shot authoring, audio voice settings, and Suno song controls
Completed generations are imported back into the media store and can be sent to the timeline; ElevenLabs and Suno audio imports under AI Gen / Audio
The tray reuses the FlashBoard queue/import runtime without showing the full node canvas

Media Downloads

Downloads open from the bottom of the Media panel beside Generate and Chat
Paste one or more URLs from major platforms
Downloads use the same Media tray queue as generated media
Completed downloads are imported back into the Media panel under Downloads/platform folders

Transitions Panel

Draggable transition palette for the current 2D and 3D transition families, including dissolve/dip, wipe/iris, push/slide, dedicated 2D rotate, stylize, glitch, light, zoom, motion blur, pattern, and 2.5D flip/card/roll/spinback variants.
The palette is grouped into 2D and 3D sections. Related variants appear as a single family card; dissolve style, direction, shape, color, motion-blur style, light/film style, or pattern variants are selected in the transition-scoped Properties tab. The 2D and 3D sections can be collapsed when browsing the palette.
Search filters grouped family cards by family names, transition IDs, variant names, descriptions, category aliases, synonym aliases such as film/depth/lens, and 2D/3D dimension labels. Glitch search includes hidden RGB split, mosaic, pixelate, and scanline variants even though the palette shows one Glitch family card. Light search includes Flash, Light Leak, Light Sweep, Projector Flicker, Film Roll, and Vignette Bloom variants while the palette keeps them grouped as one Light family. Pattern search includes visible multi-panel Puzzle Push, Shatter Glass, and Magnetic Tiles variants through the grouped Pattern family. 3D search includes separate Flip, Tumble, Roll, and Spin families for the current runtime effects. Search results stay expanded even if a section was collapsed before searching.
Family cards show a variant count. Clicking a family expands the draggable leaf variants until the pointer leaves the panel.
Transition cards render through the transition-preview renderer map, with a generic SVG fallback when a transition has no dedicated preview renderer.
Family-card assembly, sectioning, and search indexing live in focused transition panel helpers so the panel layout does not grow with each new transition definition.
The transition Properties tab uses the same grouped 2D/3D selector model; its choice-button metadata and glyph mapping are kept in focused helpers so the Properties tab can grow by family without adding more panel-state code.
Each transition item carries a plain JSON drag payload with transition ID and duration.
The duration control keeps only the minimum bound; long transitions are allowed and rely on hold-frame fallback where source material runs out.
Timeline hover uses source-aware ghosts: normal transition body, real-handle coverage, and red hold-frame fallback coverage.
The panel is active in the View menu.

Video Scopes Panels

Three independent GPU-rendered scopes:

Panel	Function
Histogram	RGB distribution graph with channel modes
Vectorscope	Color vector analysis
Waveform	Luma/RGB waveform monitor

View mode buttons include RGB, R, G, B, and Luma
IRE reference remains available
The scopes are fully GPU-rendered

Slot Grid

Resolume-style slot grid for simultaneous multi-layer composition playback. The grid overlays the Timeline panel and lets each slot run on its own wall-clock time.

Grid Layout

4 rows by 12 columns
Rows A through D represent playback layers
Column headers let you activate an entire column
Slots show a mini timeline preview of the assigned composition

Opening the Slot Grid

Method	Action
Toolbar toggle	Switches between the normal timeline and Slot Grid
`Ctrl+Shift+Scroll Down`	Zoom out from Timeline into Slot Grid view
`Ctrl+Shift+Scroll Up`	Zoom back into Timeline while hovering a filled slot

Slot Interaction

Action	Behavior
Click a filled slot	Select slot clip settings, open the Slot Clip tab, open the composition in the editor, and activate its layer; the disabled-by-default `useLiveSlotTrigger` flag instead triggers it live
Re-click an active slot	Restart playback from the slot trim-in point
Click an empty slot	Deactivate that layer
Click a column header	Activate all compositions in that column
Drag a slot	Reorder or swap a composition position
Right-click a filled slot	Open in Editor, map MIDI to the slot, or Remove from Slot

Multi-Layer Playback

Each layer tracks elapsed time independently
Active layers loop automatically
Background layer audio is muted by default
Deactivating a layer returns control to the next active layer if needed
Optional warm-deck badges show slot preparation state when useWarmSlotDecks is enabled (the current feature flag is disabled by default)

See Slot Grid for the current live/deck behavior, slot-clip trimming, and context-menu actions.

Looks Panel

Looks is a dockable panel available from the tab-bar + menu. With a visual clip selected it shows searchable, categorized 256x144 previews built from the current timeline frame. Clicking a tile applies its complete effect stack; the action is one undo step. The panel includes 14 starter Looks and can save the selected clip’s current effect stack as a named custom Look.

Properties Panel

The unified Properties panel adapts its tabs to the selected clip type, selected audio track/layer, selected master bus, and slot-grid mode. The dock tab already identifies the current clip, track, or master target, so the inner tab labels stay compact and do not repeat that scope. Transcript controls live inside Analysis; linked video/audio companions share the same transcript state, so selecting either side opens the same Analysis workspace.

Selecting a timeline transition switches the panel to TRANSITION Parameters. That tab shows the transition type, first-pass centered placement with timeline body offset support, hold-frame policy, duration, body range, real source-handle duration, hold fallback duration, and remove action. The same duration edit operation is used by the selected timeline body’s drag-resize handle; dragging the body updates the transition offset relative to the cut. Timeline body moves snap to the centered cut position and source-handle edges; resize handles snap to the same source-handle edges.

Standard Video Clip Tabs

Tab	Contents
Transform	Position, scale, rotation, opacity, blend mode, and speed
Effects	GPU effects list with parameters
Masks	Mask shapes with mode and feather controls
Analysis	Shared analysis map, transcript controls, and compact scene blobs with faces, synchronized dialogue, cuts, metrics, quality, and descriptions

The Analysis workspace uses one source-time model for its collapsible graph and segment list. Visual scene boundaries remain unchanged in the graph, while the list independently divides long dialogue into readable speech segments. Speaker changes and long pauses are hard natural boundaries; sentence endings nearest the 10-second target are preferred, and unpunctuated speech is split at a word boundary before 15 seconds. Within those semantic boundaries, the measured dialogue-column width supplies a bounded character budget: narrow panels create shorter bubbles and wide panels keep more words together without hiding them behind a fixed-size split. This keeps talking-head footage navigable even when cut detection returns one long scene. The list consumes all remaining panel height and owns its scroll. Each virtualized segment keeps visible face crops on the left with a separate transcript-speaker abbreviation beside them, larger word-synchronized dialogue across the remaining width. The compact scene/speech label keeps the segment-start seek action and exposes timing details as a tooltip. Speaker labels are not silently equated with anonymous face identities. Segments remain compact and never expand. Clicking a word seeks to that exact word; clicking the scene/speech label seeks to the speech-segment start (or the scene start when no speech exists). Redundant playhead and clip-summary statistics are omitted. Face crops remain lazy because only the bounded virtualized window resolves thumbnails.

The source-wide people/review correction strip lives in Analysis settings so the normal scene list stays focused. It deliberately reuses the same person and review identities as scene cards: drag a person to merge, an appearance to move it, or a review track to assign it. Crop loading remains viewport-lazy.

The Action Center above the map is a single compact row of status pills using the same flat control treatment as Export. Each pill exposes its channel state and triggers analyze, reanalyze, continue, retry, or cancel as appropriate. Analyze all and a settings button complete the row. The settings disclosure uses separate compact areas for shared visual-analysis controls and transcript controls. It keeps only control titles, scope/profile choices, language/mode, and actions visible; estimates and explanatory copy do not push the map down. Quick/Balanced Focus/Motion and Faces execute with the selected source interval and sampling cadence; frame-accurate cuts remain source-wide. Deep/Custom stay blocked without qualifying evidence. Analyze All deliberately excludes AI scene descriptions, which remain an explicit opt-in because they can incur provider cost and share visual content externally.

Analysis contains the transcript workspace header for provider and language selection, start/continue/cancel/clear, fusion progress, coverage, and shared search. The same search filters individual rows in the virtualized segment list. Words are grouped into timestamped speaker turns and readable timed segments; clicking a word seeks the playhead to that source position. During playback, the currently spoken word and active speech segment are highlighted and the list follows them when that segment is visible under the current search filter. Follow mode centers each active segment vertically instead of pinning it to a viewport edge. Scrubbing updates the same highlight without animated lag.

For audio-bearing clips, the overview also renders an Audio sparkline lane from loaded loudness and VAD spans plus a Markers needle lane for persisted speech markers. The Audio Intelligence Action Center card reports analysis state, progress, and marker count and supports run/re-run or cancel. Inside the Analysis settings disclosure, AnalysisAudioSettings lists the persisted age of VAD, alignment, markers, prosody, and room-tone artifacts and provides the same run/re-run or cancel control.

Best Quality uses a fixed provider split: Deepgram supplies every displayed word and timestamp, while OpenAI supplies the speaker turns. The summary states these two roles directly.

The transcript workspace header uses one compact surface for language, quality mode, actions, progress, coverage, and search. An active run replaces the completed-result summary instead of stacking contradictory states. Best Quality shows Deepgram, OpenAI, and Speakers as three compact stages beneath one overall progress rail. Cancel aborts local, direct-provider, hosted Cloudflare requests and restores the most recently completed transcript when re-transcription is stopped.

Audio Clip Tabs

Tab	Contents
Effects	Audio effects and linked audio controls
Audio Edits	Non-destructive edit-stack operations
Analysis	Audio-safe analysis workspace with the shared transcript and its provider controls; visual channels remain explicitly unavailable

Audio Track And Master Tabs

Target	Tabs
Audio track/layer	Controls, Effects, Sends
Master bus	Controls, Effects

Text and 3D Text Tabs

Clip Type	Tabs
Text	Text, Transform, Effects, Masks
3D Text	3D Text, Transform, Effects, Masks

Specialized Clip Tabs

Clip Type	Tabs
Vector Animation	Lottie/Rive, Transform, Effects, Masks
Gaussian avatar	Blendshapes, Transform, Effects, Masks
Gaussian splat	Transform, Gaussian Splat, Effects, Masks
Camera	Transform
Splat effector	Transform, Effector
Slot Grid clip	Slot Clip

Camera Transform Controls

Camera clips expose Nav Mode controls at the top of the Transform tab.
Camera lens and gate controls also live in the Transform tab: FOV, full-frame-equivalent millimeters, Near, Far, and Resolution X/Y.
In Scene Nav, mouse wheel over the preview moves the real camera position along the current view direction, so X/Y/Z can all change. It does not change FOV or the mm lens field.
Camera Position X/Y/Z is the camera eye position in world space and is edited independently from lens FOV/mm; changing the lens does not rewrite or recalculate the position fields.
Camera Resolution X/Y sets the edit-view gate aspect used to draw the camera frame; it is stored with the camera clip and has keyframe controls like the other camera settings.
Camera Edit mode uses its own 35 mm free-camera lens by default, independent of the timeline camera clip’s lens or keyframes.
FPS switches preview navigation between orbit-style look and FPS-style look.
NO KF keeps existing camera keyframes active during playback, but routes preview navigation and MIDI camera-look input into temporary live offsets instead of writing new camera keyframes.
Live NO KF offsets are added on top of the keyframed camera pose for preview control and are cleared when NO KF is turned off.
Live NO KF offsets are not saved to the project and are ignored for export renders, so the stored camera animation remains the source of truth.

Solid Clip Behavior

Solid clips show a color picker bar above the tabs
The picker updates the clip color in place

Tab Behavior

Tabs switch automatically based on clip type
Properties tabs hide their horizontal scrollbar. Compact previous/next controls appear only when more tabs exist in that direction and reveal one additional tab per click. Manual navigation stays where the user leaves it; when the active tab is outside the viewport, its direction control is highlighted instead of pulling the strip back automatically. Hovering a direction control advances one additional tab every 500 ms until the pointer leaves it or the strip reaches that end. A manual click advances immediately, pauses that hover timer for two seconds, and then resumes the 500 ms cadence. Tab movement and direction-control entry/exit are animated smoothly.
Clicking an audio track/layer in the Timeline or a strip in the Audio Mixer selects the same TRACK Properties target, highlights both surfaces, and smoothly reveals off-screen timeline audio layers
Clicking the master bus selects the MASTER Properties target
Badge counts appear for effects, masks, transcripts, and analysis readiness
Slot grid mode switches the panel to the Slot Clip tab
The Slot Clip tab shows the slotted composition tracks, the configured trim window, and the current live layer playhead on one range timeline

Dock Layouts

Built-In Layouts

The built-in VIDEO EDIT layout is the default desktop layout; its left tab group always contains Media followed by Transitions:

Left column: Media / Transitions tabs
Center: Preview
Right column: Properties, Export, History (Export active)
Bottom: Timeline

Its timeline defaults to balanced video/audio focus with two visible 70 px video tracks and one visible 48 px compact audio track, so audio headers keep the bottom pan rail visible without showing the inline volume fader. On a first empty load, VIDEO EDIT is also the active named layout, so the header switcher and Layouts menu show it as current.

The built-in AUDIO EDIT layout keeps Timeline above Media, Audio Mixer, and Properties/History. Its timeline defaults to audio focus with two visible 40 px video context tracks and one visible 96 px full-height audio track.

The built-in 3D EDIT layout keeps four independent Preview panels in a 2x2 grid above the Timeline, with Media and Properties/Export/History on the right. The previews open directly in Edit mode as Front, Side, Top, and Perspective views. Loading the layout keeps the current playhead when it is already covered by a camera clip, jumps to the earliest camera when cameras exist elsewhere in the composition, and creates one composition-length camera only when none exists.

The toolbar exposes one MOBILE layout entry. Its horizontal/portrait arrangement is selected internally from the active composition aspect: the preview and ordered Media/Properties/Export/Transitions panels stay above the Timeline without requiring page-level horizontal scrolling. The automatic policy also enters Mobile for coarse-pointer devices or browser widths at or below the compact breakpoint. Settings -> General -> Automatically use Mobile layout when space is limited is enabled by default. Leaving the compact condition restores the exact layout the user had before Mobile, not a hard-coded desktop layout. Switching into, out of, or between Mobile arrangements preserves both the Timeline panel height and its per-track height state.

At toolbar widths of 767 px or less, the row of named layout buttons collapses into one light-gray Layout control. Click or touch opens a compact, color-neutral refracted-glass bubble containing every available layout; choosing one loads it and closes the picker. Escape and an outside press also close the menu.

Multi Preview, scopes, and other panels are available from the View menu and can be floated or docked.

Layout Persistence

The dock layout is persisted with Zustand and project state
Floating panels are restored across sessions
Browser window panels are restored from local dock state on refresh and stay connected when project layout hydration runs
Invalid panel types are cleaned up on load
Named layouts can be stored in the View menu and reused
The active named layout can be overwritten directly with Save to Current Layout
Named layouts also store the timeline audio focus/display mode, track slot counts, per-slot heights, and track visibility
Loading a saved layout animates panel movement, resizing, and reflow over 500ms
A saved layout can be marked as the default layout
Loading a layout creates missing tracks for saved slots without deleting extra existing tracks
Splitter touch hit areas extend on both sides of the visible divider. A touch directly on the physical divider starts and captures resizing immediately, while the expanded area beside it waits for directed movement so an ordinary nearby tap remains available to the panel.

Right-clicking a dock tab opens a tab menu. Undock moves that tab into a freely movable and resizable floating panel, Undock to Window opens it in a separate browser window with a Dock back control, Hide removes that tab, and Change to replaces the tab slot with another panel. If the target panel is already open elsewhere, it is moved into the clicked slot instead of creating a duplicate. The Timeline panel uses composition tabs instead of a normal panel tab and intentionally does not expose this panel context menu. Each composition tab keeps its full-height close target at the far-right edge for reliable mouse and touch input. Closing the active composition tab switches directly to its neighbor without running the normal composition-change animation.

Layout Actions

Action	Location
Save Current Layout	View -> Layouts
Save to Current Layout	View -> Layouts
Load Saved Layout	View -> Layouts
Set Current as Default	View -> Layouts
Set Saved Layout as Default	View -> Layouts
Load Default Layout	View -> Layouts

MIDI Control

Enabling MIDI

Edit menu -> Settings -> MIDI

Requirements

Browser Web MIDI API support
MIDI device connected
Permission granted

Status Display

MIDI Control (N devices)

Mapping Overview

View -> Panels -> MIDI Mapping opens the dedicated mapping panel
The panel lists all assigned transport, marker, slot, and parameter bindings
Clicking a binding previews the exact trigger path without needing a physical MIDI note
Matching mappings flash in the panel when the hardware input is used
Parameter bindings can be range-adjusted, inverted, and damped directly in the mapping panel
Empty-state guidance points back to Settings and the marker right-click menu
Right-click a numeric parameter name in the Properties panel to open its MIDI menu and learn or clear a MIDI note/CC binding. Right-clicking the numeric value itself still resets the value to its default. Learned CC values map across the parameter’s configured range and then use the same edit path as manual changes.

Resolution Settings

Output Resolution

Configured in Settings -> General -> Output.

Preset	Dimensions
1080p	1920 x 1080
1440p	2560 x 1440
4K	3840 x 2160
9:16	1080 x 1920

Custom width and height are also supported. This applies to newly created compositions; the active composition can still be configured per item in the Media panel.

Preview Quality

Configured in Settings -> General -> Preview.

Option	Render Size
Full	100%
Half	50%
Quarter	25%

Lower preview quality reduces GPU workload and memory use on engine-backed preview targets. It does not change export resolution or the HTML-only source monitor.

Settings Dialog

Opening

Edit menu -> Settings

Category	Contents
General	Save mode, autosave interval/enable state, import copy behavior, timeline zoom anchor, shortcut/mouse input display, output defaults, preview quality, GPU preference, and AI feature settings
MIDI	Browser MIDI permission state, transport learning, and device list
Shortcuts	Preset selection, overrides, recorder, reset, and custom preset controls
Appearance	Theme selection, custom theme controls, interface text scale, interface font, high-readability colors, and studio surface skins
Audio	Browser input/output device selection, latency mode, device API status, output-routing status, and AudioContext diagnostics
Transcription	Provider selection and pricing
Native Helper	Native helper connection, port, helper-backed flows, and decode settings
Integrations	Optional YouTube Data API key; AI uses authenticated hosted services

Integrations

The dialog currently exposes only the optional YouTube Data API v3 key. AI features use authenticated hosted services rather than user-entered provider keys in Preferences.

Status Indicator

WebGPU Status

In the expanded preview statistics overlay:

WebGPU (Vendor)       when GPU information is available
Initializing WebGPU... during preview initialization

Native Helper Status

Shows connection state when Native Helper is enabled
Used for downloads, project file operations, and local AI bridge access

Context Menus

Behavior

Right-click to open
Stay within viewport bounds
Close on outside click

Common Options

Rename
Delete
Settings
Context-specific actions

Touch Devices

Phones and tablets use the same docked editor shell as desktop browsers; Mobile is a responsive dock layout, not a separate editor implementation. Coarse-pointer devices, narrow browser windows, and portrait compositions can activate it automatically when the default-on setting is enabled. The internal horizontal/portrait choice is intentionally hidden behind the single MOBILE toolbar entry. Touch-specific input support stays inside the shared timeline and panels: one-tap native media import, direct clip move and trim, ruler/playhead scrubbing, two-finger timeline zoom, long-press context menus positioned above the finger, Media Panel-to-Timeline dragging with a deliberate movement threshold, native scrolling in the Classic Media list without panel-tab swipe cancellation, immediately captured dock splitters when the visible divider is touched, one-finger 3D orbit, and continuous two-finger camera dolly.

docs/Features/README.md
docs/Features/Debugging.md
docs/Features/Playback-Debugging.md