polish(p15): mute panel, revert scroll to knob, waveform icon + strong toggle state

Mute --deepdrft-panel-ground; WAVE scroll MudSlider back to RadialKnob; new DDIcons Waveform/WaveformFilled glyph for the waveform toggle; strong green ON-state chip vs dim OFF; refresh popover pointer-capture comment.
This commit is contained in:
daniel-c-harvey
2026-06-17 18:03:16 -04:00
parent 412b96ba16
commit 6ecc7f1f37
5 changed files with 80 additions and 50 deletions
+34
View File
@@ -23,6 +23,40 @@ public static class DDIcons
</svg>
""";
/// <summary>
/// Audio waveform — outline variant, shown when the waveform subsystem is OFF.
/// Seven vertical bars of varying height centred on a 24×24 viewBox, evoking a
/// classic sound-wave / spectrum display. Uses currentColor so it themes freely.
/// Inner markup only — no outer &lt;svg&gt; wrapper; MudBlazor supplies viewBox="0 0 24 24".
/// </summary>
public const string Waveform = """
<g>
<rect x="1" y="9" width="2" height="6" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
<rect x="5" y="5" width="2" height="14" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
<rect x="9" y="2" width="2" height="20" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
<rect x="13" y="6" width="2" height="12" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
<rect x="17" y="4" width="2" height="16" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
<rect x="21" y="9" width="2" height="6" rx="1" fill="none" stroke="currentColor" stroke-width="1.2"/>
</g>
""";
/// <summary>
/// Audio waveform — filled variant, shown when the waveform subsystem is ON.
/// Same bar layout as <see cref="Waveform"/> but bars are solid currentColor,
/// giving a strong visual contrast for the active (ON) state.
/// Inner markup only — no outer &lt;svg&gt; wrapper; MudBlazor supplies viewBox="0 0 24 24".
/// </summary>
public const string WaveformFilled = """
<g>
<rect x="1" y="9" width="2" height="6" rx="1" fill="currentColor"/>
<rect x="5" y="5" width="2" height="14" rx="1" fill="currentColor"/>
<rect x="9" y="2" width="2" height="20" rx="1" fill="currentColor"/>
<rect x="13" y="6" width="2" height="12" rx="1" fill="currentColor"/>
<rect x="17" y="4" width="2" height="16" rx="1" fill="currentColor"/>
<rect x="21" y="9" width="2" height="6" rx="1" fill="currentColor"/>
</g>
""";
/// <summary>
/// Lava lamp - the Mix visualizer settings glyph. Sourced from lava-lamp-svgrepo-com.svg
/// (SVG Repo, viewBox="0 0 50 50"). Wrapped in a scale(0.48) transform to fit MudBlazor's