Ableton Learning Music Playground

Source snapshot

The local route vendors the official Playground page instead of reauthoring it. The shipped copy keeps the synced beats, basslines, chords, and melodies widgets under the original Ableton widget runtime while removing the wider lesson shell.

• Live original verified against https://learningmusic.ableton.com/the-playground on 2026-03-21.
• The public route intentionally ships the Playground only, not the wider Learning Music navigation shell.
• Export-to-Live is intentionally disabled in the archive build because the published export flow depends on a remote Ableton service rather than route-local media.

Asset handoff

• ableton-learning-music-playground/index.html owns the local metadata shell, shared footer wiring, and widget bootstrap.
• shared/engineering-sandbox.css and shared/engineering-sandbox.js provide the local practice-shell onboarding, hint strip, and framed first lesson surface around the archived Ableton widgets.
• ableton-learning-music-playground/widgets/build/ preserves the published sequencer and drumpad runtime, patched to load route-local samples.
• ableton-learning-music-playground/lessons/sounds/ contains the full local audio inventory for the shipped route: 31 audio files.
• ableton-learning-music-playground/fonts/ contains 9 archived font files, with local CSS and icon assets under the same route tree.

Known deviations

• The public route removes the upstream header, feedback shell, cookie surfaces, and other marketing or navigation chrome from the page body.
• Export actions are relabeled as unavailable and disabled so the public archive does not expose a broken remote export flow.
• Public provenance is limited to the shared footer with local canonical and og:url metadata.
• The Engineering Sandbox practice shell is framing-only here: it adds onboarding and first-surface emphasis without changing the underlying multitrack widget runtime.

Validation guidance

• Future fixes should preserve the published widget runtime and patch asset paths or shell behavior rather than rewriting the sequencer UI.
• Verify the practice hero renders before the first lesson surface and that the framed widget stack stays unobscured on desktop, tablet, and mobile widths.
• Smoke coverage should keep proving local script loading, transport start, one edit path, multitrack sync, and zero remote playable media requests.
• Run node interactive-explanation/tools/check-public-surface.mjs, node interactive-explanation/tools/smoke-bundle.mjs --group music, and the full smoke bundle after route changes.