We need to create a single-file index.html with embedded CSS and JS, and load tone.min.js via <script src="tone.min.js"></script>. Need to construct UI: clickable pentatonic pad grid (like 5 notes perhaps). On click, trigger synth voice with reverb. Also have play/stop button that runs an arpeggio sequence at adjustable tempo.

We need to write index.html.

First check repository for tone.min.js presence.

So tone.min.js is present. We can load it.

We'll write HTML file. Use simple style: grid of buttons (maybe 5 columns x 2 rows). Pentatonic scale: notes like C4, D4, E4, G4, A4 (C major pentatonic). For each pad, assign note. On click, trigger synth (maybe Tone.Synth) with reverb (Tone.Reverb). Also show highlight when playing.

Implement play/stop button: When clicked Play, start an arpeggio sequence (maybe using Tone.Sequence) cycling through notes of pentatonic scale in order, at tempo defined by an input (range slider). Provide a tempo input. Use Transport BPM.

We'll need to create synth and reverb objects and connect.

Implementation: define synth = new Tone.Synth().toDestination(); add reverb = new Tone.Reverb({ decay: 2 }).toDestination(); Connect synth to reverb and then to destination: synth.connect(reverb); reverb.toDestination();

For pad triggers: when clicking, call synth.triggerAttackRelease(note, "8n").

For arpeggio: create a Tone.Part or Tone.Sequence that steps through notes on each quarter note maybe.

Define notes array. Sequence function: synth.triggerAttackRelease(note, "8n").

Play button toggles Transport.start()/stop().

Tempo adjustable: input type=range min 60 max 180 default 120. On change, set Tone.Transport.bpm.value.

Make sure to start audio context on user interaction (click). tone.js requires start via Tone.start().

So on first interaction (any button or play), call Tone.start().

We also need to avoid external resources, all self-contained.

Write CSS for grid layout. Use .pad class.

Now produce index.html.

Write file with write tool.