Add decode mode selector in UI

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';

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>