diff --git a/web/app.js b/web/app.js
index f744a4c..989ecc2 100644
--- a/web/app.js
+++ b/web/app.js
@@ -1133,6 +1133,26 @@ if (liveListenEventBtn) {
     audio.play();
   });
 }
+if (decodeEventBtn) {
+  decodeEventBtn.addEventListener('click', async () => {
+    const ev = eventsById.get(selectedEventId);
+    if (!ev) return;
+    if (!recordingMetaEl) return;
+    const rec = recordings.find(r => r.center_hz === ev.center_hz);
+    if (!rec) {
+      decodeResultEl.textContent = 'Decode: no recording';
+      return;
+    }
+    const mode = ev.class?.mod_type || 'FT8';
+    const res = await fetch(`/api/recordings/${rec.id}/decode?mode=${mode}`);
+    if (!res.ok) {
+      decodeResultEl.textContent = 'Decode: failed';
+      return;
+    }
+    const data = await res.json();
+    decodeResultEl.textContent = `Decode: ${String(data.stdout || '').slice(0, 80)}`;
+  });
+}
 jumpToEventBtn.addEventListener('click', () => {
   const ev = eventsById.get(selectedEventId);
   if (!ev) return;
diff --git a/web/index.html b/web/index.html
index d80d36c..c0471f9 100644
--- a/web/index.html
+++ b/web/index.html
@@ -262,6 +262,7 @@
         </div>
         <div class="insp-note">Ready for: IQ snippets, clip playback, bookmarks, annotations.</div>
         <div class="insp-note" id="recordingMeta">Recording: -</div>
+        <div class="insp-note" id="decodeResult">Decode: -</div>
         <div class="insp-note">
           <a id="recordingMetaLink" href="#" target="_blank">meta.json</a> ·
           <a id="recordingIQLink" href="#" target="_blank">IQ</a> ·
@@ -305,3 +306,6 @@
   </script>
 </body>
 </html>
+t>
+</body>
+</html>