From 6b043d76beadb52e05c27cc41cb59c21ff9fbbf7 Mon Sep 17 00:00:00 2001
From: Stan Grams <sjg@haxx.space>
Date: Tue, 24 Mar 2026 21:15:34 +0100
Subject: [PATCH] [feat](trx-frontend-http): swap play icon to pause when audio
 is active

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
---
 .../trx-frontend/trx-frontend-http/assets/web/app.js           | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
index e275429..59cfdf2 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
@@ -7940,10 +7940,13 @@ txAudioBtn.addEventListener("click", startTxAudio);
 
 // Header play button mirrors the RX audio toggle.
 const headerAudioToggle = document.getElementById("header-audio-toggle");
+const _audioIconPlay = '<svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M5 3v10l8-5z"/></svg>';
+const _audioIconPause = '<svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><rect x="3" y="3" width="3.5" height="10" rx="0.8"/><rect x="9.5" y="3" width="3.5" height="10" rx="0.8"/></svg>';
 function syncHeaderAudioBtn() {
   if (!headerAudioToggle) return;
   headerAudioToggle.classList.toggle("audio-active", rxActive);
   headerAudioToggle.title = rxActive ? "Stop audio" : "Play audio";
+  headerAudioToggle.innerHTML = rxActive ? _audioIconPause : _audioIconPlay;
 }
 if (headerAudioToggle) {
   headerAudioToggle.addEventListener("click", startRxAudio);