Desk layout

The desk is three columns on a wide screen: library on the left, stage in the center, inspector on the right. A top bar holds transport. A perform strip under the stage holds pinned sliders.

Top bar

The source button shows Choose source, Mic, the track name, or Source. Click it to open the Audio source dialog.

Next to the source:

• Previous and next track buttons step the audio file queue. They hide on a narrow row until the sm breakpoint.
• Play / Pause toggles transport. Keys: Space, K.
• Signal bands are compact meters. Click them to edit Hz ranges. Tooltip: Signal bands. Click to edit ranges.
• The playhead scrubber seeks a file. It hides on mic. Keys: ← / → seek 5 seconds.
• Mute / Unmute sets volume to 0 or restores 0.8.
• The Volume slider sets the main mix. Keys: ↑ / ↓.
• BPM plus Tap sets tempo. An empty field uses auto tempo. A typed value locks tempo.
• Repeat track loops the current file.

The action cluster on the right:

• MIDI, Learn, and Map enable Web MIDI and open MIDI maps.
• Undo and Redo step desk history. Keys: ⌘Z / Ctrl+Z and ⌘⇧Z / Ctrl+Y / Ctrl+Shift+Z.
• Search opens Jump to parameter. Keys: ⌘K / Ctrl+K.
• Help opens Keyboard shortcuts.
• Quality chips show low, medium, high. FPS chips set a paint-rate cap.
• Output (below 2xl) opens the inspector Output tab on a phone.
• The performance HUD (xl and up) shows live fps and ms av.

Banners:

• Drop audio or media anywhere, or choose a source to start plus Choose source.
• After the first source: Next: pick a Look… with Looks, React, Output, Dismiss.
• A reduced-motion banner plus Enable motion.
• Save errors as alerts.

Library

The left rail has Looks, Scenes, and Media. On a phone the tabs always show. On a desktop, when the rail is at least 720 px wide, a Looks · Media split can sit side by side.

The columns icon stores looksMediaSplit. The choice stays if the rail later collapses.

Drag the divider between the library and the stage to resize the rail. Width stays between 400 px and 1600 px.

Stage

The center canvas is the live picture. WebGL2 is the default backend. WebGPU is opt-in on the Output tab.

Stage chrome:

• Pop out / Return opens or closes /drift/output. Key: P.
• Fullscreen fills this screen with the stage. Key: F.
• When the output is detached, Output detached offers Focus window and Return. A floating Focus output button also appears.

Drop audio or media on the desk. Drop is off during a video export lock.

Inspector

Five tabs sit on the right. Arrow keys, Home, and End move between tabs.

Show filters: All, Changed, Modulated. Changed shows parameters that differ from defaults. Modulated shows parameters with an active routing.

The tables below list the tab labels from the console registry.

Perform strip

Pin a parameter from the inspector. The strip shows Perform · N pinned. A phone can Show or Hide the strip. Empty copy: Pin parameters from the inspector for live control plus Open Look.

Maximum: 16 pinned parameters. Each row has a slider, a modulation badge, MIDI learn, and a pin toggle.

Phone layout

The bottom nav has Stage, Looks, and Edit. Stage focuses the detached output if that window is open.

Boot overlays

Restoring the session waits for IndexedDB. A video export lock covers the desk during record or bake. Use Stop or Cancel. Escape stops the export.