Add recorder controls to UI

web/app.js

@@ -274,6 +274,14 @@ function applyConfigToUI(cfg) {
   iqToggle.checked = !!cfg.iq_balance;
   gpuToggle.checked = !!cfg.use_gpu_fft;
   maxHoldToggle.checked = maxHold;
+  if (cfg.recorder) {
+    if (recEnableToggle) recEnableToggle.checked = !!cfg.recorder.enabled;
+    if (recIQToggle) recIQToggle.checked = !!cfg.recorder.record_iq;
+    if (recAudioToggle) recAudioToggle.checked = !!cfg.recorder.record_audio;
+    if (recDemodToggle) recDemodToggle.checked = !!cfg.recorder.auto_demod;
+    if (recDecodeToggle) recDecodeToggle.checked = !!cfg.recorder.auto_decode;
+    if (recMinSNR) recMinSNR.value = cfg.recorder.min_snr_db ?? 10;
+  }
   spanInput.value = (cfg.sample_rate / zoom / 1e6).toFixed(3);
   isSyncingConfig = false;
 }

web/index.html

@@ -141,6 +141,18 @@
               </div>
             </div>
 
+            <div class="form-group">
+              <div class="grp-title">Recorder</div>
+              <div class="toggle-grid">
+                <label class="pill-toggle"><input id="recEnableToggle" type="checkbox" /><span class="pt"><span class="pk"></span></span><span class="pl">Enabled</span></label>
+                <label class="pill-toggle"><input id="recIQToggle" type="checkbox" /><span class="pt"><span class="pk"></span></span><span class="pl">Record IQ</span></label>
+                <label class="pill-toggle"><input id="recAudioToggle" type="checkbox" /><span class="pt"><span class="pk"></span></span><span class="pl">Record Audio</span></label>
+                <label class="pill-toggle"><input id="recDemodToggle" type="checkbox" /><span class="pt"><span class="pk"></span></span><span class="pl">Auto Demod</span></label>
+                <label class="pill-toggle"><input id="recDecodeToggle" type="checkbox" /><span class="pt"><span class="pk"></span></span><span class="pl">Auto Decode</span></label>
+              </div>
+              <label class="field"><span>Min SNR (dB)</span><input id="recMinSNR" type="number" step="1" min="0" /></label>
+            </div>
+
             <div class="form-group">
               <div class="grp-title">DSP</div>
               <label class="field"><span>FFT Size</span>