From 7cbda2304b244ec1fb2bd5cbfcb1f17da7ce10e3 Mon Sep 17 00:00:00 2001
From: w1n5t0n <w1n5t0n@lnfinitemonkeys.org>
Date: Fri, 3 Apr 2026 17:34:14 +0100
Subject: [PATCH] feat(playground): dynamic engine label in output mode toggle
 (meml-i40)

---
 playground/a-immersive.html | 2 +-
 playground/js/a-app.js      | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/playground/a-immersive.html b/playground/a-immersive.html
index d1e1e5a..32f6cb0 100644
--- a/playground/a-immersive.html
+++ b/playground/a-immersive.html
@@ -207,7 +207,7 @@
           <span class="mode-label">Output</span>
           <div class="pill-toggle pill-toggle-sm" id="output-toggle-float">
             <button class="pill-opt active" data-mode="visual">Visual</button>
-            <button class="pill-opt" data-mode="synth">Synth</button>
+            <button class="pill-opt" data-mode="synth" id="synth-mode-btn">C15 Shaper-Feedback</button>
             <button class="pill-opt" data-mode="midi-cc">MIDI CC</button>
             <button class="pill-opt" data-mode="audio-canvas">Audio Canvas</button>
           </div>
diff --git a/playground/js/a-app.js b/playground/js/a-app.js
index 8b83e64..1bef9d9 100644
--- a/playground/js/a-app.js
+++ b/playground/js/a-app.js
@@ -740,6 +740,8 @@ async function setActiveEngine(engine) {
   activeEngine = engine;
   c15 = engine; // keep alias in sync
   arpeggiator.setEngine(engine);
+  const btn = document.getElementById('synth-mode-btn');
+  if (btn) btn.textContent = engine.displayName;
   await resizeMLP(engine.paramCount);
 }