From d4ea5a0de7fba33599a5a4c5e7f947de3bb15bbc Mon Sep 17 00:00:00 2001
From: Jan Svabenik <jan@svabi.ch>
Date: Wed, 18 Mar 2026 07:50:26 +0100
Subject: [PATCH] Add decode mode selector in UI

---
 web/app.js     | 4 +++-
 web/index.html | 9 +++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/web/app.js b/web/app.js
index 00942ac..c467651 100644
--- a/web/app.js
+++ b/web/app.js
@@ -63,6 +63,8 @@ const detailClassEl = qs('detailClass');
 const jumpToEventBtn = qs('jumpToEventBtn');
 const exportEventBtn = qs('exportEventBtn');
 const liveListenEventBtn = qs('liveListenEventBtn');
+const decodeEventBtn = qs('decodeEventBtn');
+const decodeModeSelect = qs('decodeMode');
 const recordingMetaEl = qs('recordingMeta');
 const recordingMetaLink = qs('recordingMetaLink');
 const recordingIQLink = qs('recordingIQLink');
@@ -1143,7 +1145,7 @@ if (decodeEventBtn) {
       decodeResultEl.textContent = 'Decode: no recording';
       return;
     }
-    const mode = ev.class?.mod_type || 'FT8';
+    const mode = decodeModeSelect?.value || ev.class?.mod_type || 'FT8';
     const res = await fetch(`/api/recordings/${rec.id}/decode?mode=${mode}`);
     if (!res.ok) {
       decodeResultEl.textContent = 'Decode: failed';
diff --git a/web/index.html b/web/index.html
index c0471f9..2b771ec 100644
--- a/web/index.html
+++ b/web/index.html
@@ -241,8 +241,17 @@
         </div>
         <div class="insp-actions">
           <button class="act-btn" id="jumpToEventBtn" type="button">Go to freq</button>
+          <select id="decodeMode" class="ctrl-select">
+            <option value="FT8">FT8</option>
+            <option value="WSPR">WSPR</option>
+            <option value="DMR">DMR</option>
+            <option value="D-STAR">D-STAR</option>
+            <option value="FSK">FSK</option>
+            <option value="PSK">PSK</option>
+          </select>
           <button class="act-btn" id="exportEventBtn" type="button">Export</button>
           <button class="act-btn" id="liveListenEventBtn" type="button">Listen</button>
+          <button class="act-btn" id="decodeEventBtn" type="button">Decode</button>
           <button class="act-btn act-btn--danger" id="drawerClose" type="button">Close</button>
         </div>
       </div>