From 88891afd8ebf6790d10b85df30018c2090c21c8e Mon Sep 17 00:00:00 2001
From: b1rdmania <102524336+b1rdmania@users.noreply.github.com>
Date: Fri, 26 Dec 2025 18:26:49 +0000
Subject: [PATCH] Move Copy link to Generate & Play and align /play output.

Shows Copy link beside the synth engine controls and makes /play run procedural generation to match the main page.
---
 index.html  | 2 +-
 src/play.ts | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 0e4213b..6df58b8 100644
--- a/index.html
+++ b/index.html
@@ -877,7 +877,6 @@
                         <input type="range" id="soundfontVolume" min="0" max="1" step="0.01" value="0.7" />
                     </div>
                     <div class="preview-actions">
-                        <button id="copyLinkBtn" type="button" disabled>Copy link</button>
                         <button id="nextResultBtn" class="next-result" disabled>Try Next Result</button>
                     </div>
                 </div>
@@ -900,6 +899,7 @@
                         <div class="motif-controls">
                             <button id="motifBtn" class="primary" disabled>Generate & Play</button>
                             <button id="motifStopBtn" disabled>Stop</button>
+                            <button id="copyLinkBtn" type="button" disabled>Copy link</button>
                             <div class="volume-control">
                                 <label for="motifVolume">Volume</label>
                                 <input type="range" id="motifVolume" min="0" max="1" step="0.01" value="0.7" />
diff --git a/src/play.ts b/src/play.ts
index 3f9fa77..4343ae9 100644
--- a/src/play.ts
+++ b/src/play.ts
@@ -114,8 +114,8 @@ async function main(): Promise<void> {
       setUiPlaying(true);
       statusEl.textContent = 'Generating…';
 
-      // Match main page output: passthrough → existing SynthesisEngine.
-      await motifEngine.generateFromMIDI(events, 'passthrough');
+      // Match main page "Generate & Play": procedural role-mapping → existing SynthesisEngine.
+      await motifEngine.generateFromMIDI(events, 'procedural');
       motifEngine.setVolume(Number.parseFloat(volumeEl.value));
 
       statusEl.textContent = 'Playing…';