From b4ea35baf80435f1d51dbdae26f22737d2e7ba23 Mon Sep 17 00:00:00 2001
From: Stan Grams <sjg@haxx.space>
Date: Sat, 1 Aug 2026 11:32:34 +0200
Subject: [PATCH] feat(ui): add dedicated audio controls section

---
 .../trx-frontend-http/assets/web/index.html   | 28 +++++++++++--------
 .../trx-frontend-http/assets/web/ui-core.js   | 12 +++++---
 .../trx-frontend-http/src/status.rs           |  1 +
 3 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
index 1fb05d71..1ab75cc4 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
@@ -419,20 +419,24 @@ SPDX-License-Identifier: GPL-2.0-or-later
                 <button id="tx-limit-btn" type="button">Set</button>
               </div>
             </div>
-            <div class="full-row label-below-row" id="audio-row">
-              <div class="label"><span>Audio</span></div>
-              <div class="inline" style="gap: 0.6rem; flex-wrap: wrap; align-items: center;">
-                <button id="rx-audio-btn" type="button">Play Audio</button>
-                <button id="tx-audio-btn" type="button">Transmit Audio</button>
-                <label class="vol-label">RX<input type="range" id="rx-vol" min="0" max="100" value="80" class="vol-slider" /><small class="vol-pct" id="rx-vol-pct">80%</small></label>
-                <label class="vol-label">TX<input type="range" id="tx-vol" min="0" max="100" value="80" class="vol-slider" /><small class="vol-pct" id="tx-vol-pct">80%</small></label>
-                <label class="vol-label" id="sdr-squelch-wrap" style="display:none;">SQL<input type="range" id="sdr-squelch" min="0" max="100" value="0" class="vol-slider" /><small class="vol-pct" id="sdr-squelch-pct">Open</small><button id="sdr-squelch-auto" type="button" class="sql-auto-btn" title="Set squelch to current noise level">Auto</button></label>
-                <div id="audio-level">
-                  <div id="audio-level-fill"></div>
+            <details id="audio-controls" class="advanced-radio-controls audio-controls-section">
+              <summary>Audio controls</summary>
+              <div class="advanced-radio-body">
+                <div class="full-row" id="audio-row">
+                  <div class="inline" style="gap: 0.6rem; flex-wrap: wrap; align-items: center;">
+                    <button id="rx-audio-btn" type="button">Play Audio</button>
+                    <button id="tx-audio-btn" type="button">Transmit Audio</button>
+                    <label class="vol-label">RX<input type="range" id="rx-vol" min="0" max="100" value="80" class="vol-slider" /><small class="vol-pct" id="rx-vol-pct">80%</small></label>
+                    <label class="vol-label">TX<input type="range" id="tx-vol" min="0" max="100" value="80" class="vol-slider" /><small class="vol-pct" id="tx-vol-pct">80%</small></label>
+                    <label class="vol-label" id="sdr-squelch-wrap" style="display:none;">SQL<input type="range" id="sdr-squelch" min="0" max="100" value="0" class="vol-slider" /><small class="vol-pct" id="sdr-squelch-pct">Open</small><button id="sdr-squelch-auto" type="button" class="sql-auto-btn" title="Set squelch to current noise level">Auto</button></label>
+                    <div id="audio-level">
+                      <div id="audio-level-fill"></div>
+                    </div>
+                    <small id="audio-status" style="min-width: 60px;">Off</small>
+                  </div>
                 </div>
-                <small id="audio-status" style="min-width: 60px;">Off</small>
               </div>
-            </div>
+            </details>
           </div>
         </div>
       </div>
diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/ui-core.js b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/ui-core.js
index 69f1d74f..9c01455b 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/ui-core.js
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/ui-core.js
@@ -126,10 +126,10 @@
   };
 
   const layouts = {
-    compact: { label: "Compact", advanced: false, preferredTab: "main" },
-    broadcast: { label: "Broadcast", unavailable: "Broadcast requires an enumerated WFM-capable receiver", advanced: false, preferredTab: "main", capability: "broadcast" },
-    digital: { label: "Digital", unavailable: "Digital requires a compatible rig mode and an available decoder", advanced: false, preferredTab: "digital-modes", capability: "digital" },
-    full: { label: "Full controls", advanced: true, preferredTab: "main" },
+    compact: { label: "Compact", advanced: false, audio: false, scheduler: false, preferredTab: "main" },
+    broadcast: { label: "Broadcast", unavailable: "Broadcast requires an enumerated WFM-capable receiver", advanced: false, audio: true, scheduler: false, preferredTab: "main", capability: "broadcast" },
+    digital: { label: "Digital", unavailable: "Digital requires a compatible rig mode and an available decoder", advanced: false, audio: false, scheduler: false, preferredTab: "digital-modes", capability: "digital" },
+    full: { label: "Full controls", advanced: true, audio: true, scheduler: true, preferredTab: "main" },
   };
   const layoutCapabilities = { broadcast: false, digital: false };
   let activeRigId = null;
@@ -195,6 +195,10 @@
     if (options.persist !== false) localStorage.setItem(layoutStorageKey(), document.body.dataset.operatorLayout);
     const details = document.getElementById("advanced-radio-controls");
     if (details) details.open = layout.advanced;
+    const audioDetails = document.getElementById("audio-controls");
+    if (audioDetails) audioDetails.open = layout.audio;
+    const schedulerDetails = document.getElementById("scheduler-controls");
+    if (schedulerDetails) schedulerDetails.open = layout.scheduler;
     if (options.navigate && typeof window.navigateToTab === "function") {
       window.navigateToTab(layout.preferredTab);
     }
diff --git a/src/trx-client/trx-frontend/trx-frontend-http/src/status.rs b/src/trx-client/trx-frontend/trx-frontend-http/src/status.rs
index c0a4a720..68afc3b7 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/src/status.rs
+++ b/src/trx-client/trx-frontend/trx-frontend-http/src/status.rs
@@ -89,5 +89,6 @@ mod tests {
         );
         assert!(UI_CORE_JS.contains("window.trxUi"));
         assert!(html.contains("<summary>Scheduler controls</summary>"));
+        assert!(html.contains("<summary>Audio controls</summary>"));
     }
 }
-- 
2.55.0