Interface & Transport

The TopBar serves as the central control dashboard for the studio. It remains permanently accessible regardless of the active module.

1. Transport Controls

Positioned on the left side of the TopBar, the transport section controls the global timing engine:

• Play / Pause Button: Starts or pauses sequencer progression. Also triggered using the Space key.
• Stop Button: Halts playback and immediately returns the playhead to the initial position (1:1:1).
• Position Display: Indicates the current playhead position using standard Bar:Beat:Step notation.

2. Tempo (BPM) & Global Musical Key

Tempo Adjustment (BPM)

Sets rhythmic pacing in beats per minute (BPM), configurable between 40 and 240 BPM:

• Direct numerical value input.
• Vertical drag adjustment or arrow keys.

Global Musical Key & Scale

The Global Key selector defines the root tonic and musical scale for your song (e.g. C Major, F# Minor, D Dorian).

• All melodic modules (SynthLab, Piano Roll) automatically synchronize with this scale.
• The AI Assistant references this key to enforce melodic harmony and scale adherence.

3. Module Navigation

Switching between studio workspaces is handled via the navigation tabs:

1. JuicyBox (/app/juicy): Percussion and drum sequencer.
2. SynthLab (/app/synth): Sound design and subtractive synthesis.
3. Skyline (/app/song): Timeline arrangement and Piano Roll editing.
4. The Sauce (/app/mixer): Master mixing console and multi-effects rack.

4. Project Menu & User Session

Located on the right side of the TopBar:

• Quick Save: Triggers a persistent project snapshot.
• Project Menu: Allows creating a blank project, opening existing work, or downloading the project as raw JSON data.
• Profile Avatar: Displays current login state (guest or authenticated), interface language toggle (FR / EN), and provides direct navigation to account management pages.