Rap-Beat Architect - OREV UI Phase 8

01 Header Lockup Tightened Rap-Beat Architect now sits directly beside the site/header logo instead of drifting into the center of the header.

02 Responsive Shell Hardened Phase 8 lets the center stack scroll naturally so Arrangement Lanes and the Step Grid are no longer collapsed under the timeline.

03 Accessible Menus Protected Menu dropdowns open on hover, focus, or click, with no hover gap and a high stacking layer above panels, timeline, lanes, and inspector.

04 Conditional Overflow Preserved Command Timeline and Layer Lanes still use themed x-overflow bars only when content exceeds the viewport.

Beat Brain

Source rail / arrangement setup

phase 8.0

Beat Title Producer Tag

BPM Key

Scale Profile

Arrangement

Intensity 62 Swing / Pocket 16

808 Bass Density 55 Hat Complexity 58

Grit / Saturation 36

A. Setup Rules

Architect Directives

street rules

Keep vocal pocket clear in verse sections.
Let hook sections lift with stronger kick + 808 movement.
Use imported one-shots only when intentionally loaded; the old oscillator synth is blocked unless Legacy Fallback is manually enabled.
JSON export remains the source-of-truth handoff format.

Phase 4 TimGM6mb SoundFont Override

browser playback parity

This build copies the ArrangeAI TimGM6mb browser SoundFont reference kit into Rap-Beat Architect and blocks the old oscillator synth by default, so page playback follows the same note, velocity, and timing contract as the exported MIDI file.

B. Local Reference Kit

Reference Kit Mapper

reference kit

Target Track

Bundled TimGM6mb reference samples play by default. Local samples still override a lane only for this browser session. MIDI export bytes are not rewritten by this UI phase.

C. Browser SoundFont Contract

ArrangeAI TimGM6mb Playback

hard override

Pending SoundFont load.

mode=hard-soundfont-reference
kit=rba-timgm6mb-gm-reference-kit
midiExport=UNCHANGED

Use START_LOCAL_SERVER so the browser can fetch bundled WAV samples. If the kit fails, playback is blocked rather than silently falling back to the mismatched synth.

Untitled Street Draft

Stopped

Ready.

OREV menu header active; protected MIDI export remains unchanged while browser playback uses the ArrangeAI TimGM6mb/SoundFont playback kit.

02 timeline command stage

Zoom

Phase 7 keeps the command timeline styled and uses an OREV x-overflow scrollbar only when clip width exceeds the viewport. Drag handles reorder clips; use focus mode when needed.

02A

Arrangement Lanes

Role map / section energy

role map

02B

16-Step Drum + 808 Grid

Click cells to toggle hits. Double-click active 808 cells to cycle bass notes. Right-click any cell to accent.

section editor

Inspector

Diagnostics / mix / handoff

technical

A. Preset Gallery

Preset / Kit / Pattern Gallery

phase 7

Profilemood + genre starting point

Arrangementsection layout and energy

KitTimGM6mb plus local one-shots

Patterntimeline clips and lane layers

This is a UI dress-up layer only. Generation, MIDI export, DAW ZIP, SoundFont browser playback, Groove Lab, Bassline Lab, mixer, and sample import remain protected.

B. Producer Readout

Producer Notes

explain

C. Performance Labs

Groove Lab

phase 5 lab polish

Groove Preset

Bassline Lab

phase 5 lab polish

808 Preset

D. Mix Stack

Mixer + Effects

control polish

Master Bus

gain staging

E. Header Menus

Transport + Export Menu Map

menus

PlaybackPlay Full / Stop

CreateGenerate / Mutate / Humanize / Fill / 808

ProjectSave / Load / Import / Export JSON / Docs

HandoffMIDI / DAW ZIP untouched

Topbar commands are restored to compact menus without changing original button ids, event handlers, MIDI exporter, DAW ZIP writer, or SoundFont playback contract. Dropdown menus are z-index layered above the workstation panels.

F. Handoff Bay

MIDI + DAW Handoff

handoff

Export Scope

Exports include Standard MIDI Type 1, markers, track map, project JSON, handoff notes, mixer snapshot, gain-staging report, bassline performance reports, and groove/fill reports. Audio stems remain scheduled for a later render phase.

Project Contract

handoff ready

Single-page app: index.html, styles.css, app.js.
No CDNs and no external audio assets.
Roadmap/state docs included for phase continuation.
UI Phase 6 groups transport, generation, project file, documentation, MIDI, DAW ZIP, JSON, and handoff commands while preserving MIDI export, DAW ZIP, browser SoundFont playback, Groove Lab, Bassline Lab, and the mixer data contracts.