Phase 10 reframe R4: seven-knob inline visualizer controls, always-on lava loop, filled lava-lamp icon

DeepDrftPublic.Client/Controls/MixWaveformVisualizer.razor.cs

@@ -58,9 +58,9 @@ public partial class MixWaveformVisualizer : ComponentBase, IAsyncDisposable
     // datum-fetch / subscription / playback-coupling seams log to the browser console (prefixed
     // `[MixVisualizer]`, same as the JS logs so the two interleave into one timeline). These pinpoint
     // which upstream link is broken when the ribbon stays blank — set false once confirmed healthy.
-    // ON for the Phase 10 reframe Wave R2 lava test (matches the JS-side DEBUG in
-    // MixVisualizer.ts). Daniel evaluates the physics in-browser; flip back to false at
-    // reframe close along with the JS flag.
+    // ON for the Phase 10 reframe Wave R4 controls test (matches the JS-side DEBUG in
+    // MixVisualizer.ts). Daniel evaluates the seven-knob bar + pause behavior in-browser; flip back to
+    // false at reframe close along with the JS flag.
     private static readonly bool Debug = true;
     private const string Tag = "[MixVisualizer]";
 
@@ -176,9 +176,9 @@ public partial class MixWaveformVisualizer : ComponentBase, IAsyncDisposable
                 return;
             }
 
-            // Seed the module with the current state now that it exists. All four control values
+            // Seed the module with the current state now that it exists. All seven control values
             // come from the shared (session-persisted) state, so a mix opened mid-session seeds the
-            // module with the slider positions the listener left them at.
+            // module with the knob positions the listener left them at.
             await PushControlsAsync();
             await PushDatumAsync();
             await PushPlaybackAsync();
@@ -190,10 +190,10 @@ public partial class MixWaveformVisualizer : ComponentBase, IAsyncDisposable
         await PushThemeIfChangedAsync();
     }
 
-    // The controls row mutated a slider on the shared state and raised Changed. Push all four control
-    // values (cheap scalar interop). In the Phase 10 reframe Wave R2, three of them are re-routed to
-    // the lava physics inside the JS handle (setBubblyness→gravity, setDetach→heat,
-    // setColorShiftSpeed→collision) — see MixVisualizer.ts; the bridge contract is unchanged.
+    // The controls bar mutated a knob on the shared state and raised Changed. Push all seven control
+    // values (cheap scalar interop). Each control now drives its own dedicated dial in the JS handle
+    // (lava reframe Wave R4) — scroll speed → visible-time-span, plus the six lava/colour dials; see
+    // PushControlsAsync. The bridge stays the sole owner of the JS module handle.
     private void OnControlStateChanged() => InvokeAsync(async () =>
     {
         await PushControlsAsync();
@@ -202,20 +202,29 @@ public partial class MixWaveformVisualizer : ComponentBase, IAsyncDisposable
     // ── Bridge pushes. Each is a no-op until the module handle exists. ───────────────────────────
 
     /// <summary>
-    /// Push the control values to the module from the shared state. Used to seed on first render and
-    /// to re-push when the controls row signals a change. In the Phase 10 reframe Wave R2 the four
-    /// live controls are routed to the lava physics by the JS handle (see MixVisualizer.ts):
-    /// Bubblyness→gravity, Detach→heat, ColorShiftSpeed→collision, and the repurposed resolution knob
-    /// (WaveformWidth)→waveform width. VisibleSeconds is still seeded once via setZoom so the window
-    /// holds at its default; the controls row no longer mutates it this wave. Bridge contract unchanged.
+    /// Push the seven control values to the module from the shared state. Used to seed on first render
+    /// and to re-push when the controls bar signals a change (lava reframe Wave R4). Each value is its
+    /// own dedicated dial now — no more R2 temp-remapping:
+    /// <list type="bullet">
+    ///   <item>scroll speed [0,1] is mapped to a visible time-span via <see cref="MixZoomMapping"/> and
+    ///         pushed through <c>setScrollSpeed</c> (higher speed → tighter window → faster scroll);</item>
+    ///   <item>gradient rotation speed → <c>setGradientRotationSpeed</c> (inert until Wave R3);</item>
+    ///   <item>gravity / heat / blob density / collision strength → their dedicated lava-physics dials;</item>
+    ///   <item>waveform width → the ribbon-extent uniform.</item>
+    /// </list>
     /// </summary>
     private async Task PushControlsAsync()
     {
         if (_handle is null) return;
-        await _handle.InvokeVoidAsync("setZoom", ControlState.VisibleSeconds);
-        await _handle.InvokeVoidAsync("setBubblyness", ControlState.Bubblyness);
-        await _handle.InvokeVoidAsync("setDetach", ControlState.Detach);
-        await _handle.InvokeVoidAsync("setColorShiftSpeed", ControlState.ColorShiftSpeed);
+        // Scroll speed is a normalized [0,1] axis; map it to the visible time-span the renderer scrolls
+        // through. The log map keeps the even-to-the-hand feel the old zoom slider had.
+        var visibleSeconds = MixZoomMapping.FractionToSeconds(ControlState.ScrollSpeed);
+        await _handle.InvokeVoidAsync("setScrollSpeed", visibleSeconds);
+        await _handle.InvokeVoidAsync("setGradientRotationSpeed", ControlState.GradientRotationSpeed);
+        await _handle.InvokeVoidAsync("setLavaGravity", ControlState.LavaGravity);
+        await _handle.InvokeVoidAsync("setLavaHeat", ControlState.LavaHeat);
+        await _handle.InvokeVoidAsync("setBlobDensity", ControlState.BlobDensity);
+        await _handle.InvokeVoidAsync("setCollisionStrength", ControlState.CollisionStrength);
         await _handle.InvokeVoidAsync("setWaveformWidth", ControlState.WaveformWidth);
     }