Skip to content

UI-Panels.md

Latest commit

 

History

History
706 lines (535 loc) · 33.6 KB

UI-Panels.md

File metadata and controls

706 lines (535 loc) · 33.6 KB
Raw

UI & Panels

Back to Index

Dockable desktop panel system with an After Effects-style menu bar, unified clip properties, and a separate mobile shell for touch devices.

Table of Contents

Menu Bar

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, Changelog, About, 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

File Menu Details

  • 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
  • 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

Info Menu

  • 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
  • Changelog opens the changelog dialog
  • About shows app and version information
  • 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

View Menu Grouping

  • 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 prompt entry point inside the Media Panel
  • Expanded tray embeds only the compact FlashBoard prompt composer for hosted video, image, ElevenLabs audio, and Suno music flows
  • 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.

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.

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

Tab Context Menu

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; right-click the empty part of its tab bar next to the composition tabs to open the Timeline panel menu. 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

Categories

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, AI feature settings, and mobile/desktop view mode
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

The Preferences dialog drag position is updated at animation-frame cadence during mouse movement so moving the dialog does not force React state updates for every raw mouse event.

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

Mobile UI

MasterSelects detects mobile devices and presents an unsupported-device gate.

Root Component

MobileApp.tsx replaces the desktop dock layout with an unsupported-device gate. Its Trotzdem Desktop oeffnen action enables the desktop interface for the current device.

Components

Component Purpose
MobileApp Unsupported-device gate and desktop-mode action

Related Features

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