diff --git a/cmd/sdrd/dsp_loop.go b/cmd/sdrd/dsp_loop.go index 7756795..892dfb9 100644 --- a/cmd/sdrd/dsp_loop.go +++ b/cmd/sdrd/dsp_loop.go @@ -185,6 +185,14 @@ func runDSP(ctx context.Context, srcMgr *sourceManager, cfg config.Config, det * } cls := classifier.Classify(classifier.SignalInput{FirstBin: signals[i].FirstBin, LastBin: signals[i].LastBin, SNRDb: signals[i].SNRDb, CenterHz: signals[i].CenterHz}, spectrum, cfg.SampleRate, cfg.FFTSize, snip, classifier.ClassifierMode(cfg.ClassifierMode)) signals[i].Class = cls + if cls != nil && snip != nil && len(snip) > 256 { + pll := classifier.EstimateExactFrequency(snip, cfg.SampleRate, signals[i].CenterHz, cls.ModType) + cls.PLL = &pll + signals[i].PLL = &pll + if pll.Locked { + signals[i].CenterHz = pll.ExactHz + } + } } det.UpdateClasses(signals) } diff --git a/internal/classifier/classifier.go b/internal/classifier/classifier.go index e2c3148..8307d02 100644 --- a/internal/classifier/classifier.go +++ b/internal/classifier/classifier.go @@ -13,6 +13,10 @@ func Classify(input SignalInput, spectrum []float64, sampleRate int, fftSize int return nil } feat := ExtractFeatures(input, spectrum, sampleRate, fftSize) + if hard := TryHardRule(input.CenterHz, feat.BW3dB); hard != nil { + hard.Features = feat + return hard + } if len(iq) > 0 { envVar, zc, instStd, crest := ExtractTemporalFeatures(iq) feat.EnvVariance = envVar diff --git a/internal/classifier/hard_rules.go b/internal/classifier/hard_rules.go new file mode 100644 index 0000000..17fad58 --- /dev/null +++ b/internal/classifier/hard_rules.go @@ -0,0 +1,70 @@ +package classifier + +import ( + _ "embed" + "encoding/json" + "log" +) + +//go:embed hard_rules.json +var hardRulesJSON []byte + +type hardRule struct { + Name string `json:"name"` + Match hardMatch `json:"match"` + Result hardResult `json:"result"` + Note string `json:"note"` +} + +type hardMatch struct { + MinMHz float64 `json:"min_mhz,omitempty"` + MaxMHz float64 `json:"max_mhz,omitempty"` + MinBWHz float64 `json:"min_bw_hz,omitempty"` + MaxBWHz float64 `json:"max_bw_hz,omitempty"` +} + +type hardResult struct { + ModType string `json:"mod_type"` + Confidence float64 `json:"confidence"` +} + +type hardRulesFile struct { + Rules []hardRule `json:"rules"` +} + +var loadedHardRules []hardRule + +func init() { + var f hardRulesFile + if err := json.Unmarshal(hardRulesJSON, &f); err != nil { + log.Printf("classifier: failed to load hard rules: %v", err) + return + } + loadedHardRules = f.Rules +} + +func TryHardRule(centerHz float64, bwHz float64) *Classification { + mhz := centerHz / 1e6 + for _, r := range loadedHardRules { + if r.Match.MinMHz > 0 && mhz < r.Match.MinMHz { + continue + } + if r.Match.MaxMHz > 0 && mhz > r.Match.MaxMHz { + continue + } + if r.Match.MinBWHz > 0 && bwHz < r.Match.MinBWHz { + continue + } + if r.Match.MaxBWHz > 0 && bwHz > r.Match.MaxBWHz { + continue + } + mod := SignalClass(r.Result.ModType) + return &Classification{ + ModType: mod, + Confidence: r.Result.Confidence, + BW3dB: bwHz, + Scores: map[SignalClass]float64{mod: 10.0}, + } + } + return nil +} diff --git a/internal/classifier/hard_rules.json b/internal/classifier/hard_rules.json new file mode 100644 index 0000000..1a69e14 --- /dev/null +++ b/internal/classifier/hard_rules.json @@ -0,0 +1,52 @@ +{ + "rules": [ + { + "name": "fm_broadcast", + "match": {"min_mhz": 87.5, "max_mhz": 108.0, "min_bw_hz": 50000}, + "result": {"mod_type": "WFM", "confidence": 0.99}, + "note": "FM Broadcast: >50 kHz BW im UKW-Band ist immer WFM" + }, + { + "name": "airband_am", + "match": {"min_mhz": 118.0, "max_mhz": 137.0, "min_bw_hz": 4000, "max_bw_hz": 12000}, + "result": {"mod_type": "AM", "confidence": 0.95}, + "note": "Airband ist ausschliesslich AM" + }, + { + "name": "cw_any_band", + "match": {"min_bw_hz": 0, "max_bw_hz": 500}, + "result": {"mod_type": "CW", "confidence": 0.90}, + "note": "Unter 500 Hz BW ist CW, egal welches Band" + }, + { + "name": "ft8_40m", + "match": {"min_mhz": 7.072, "max_mhz": 7.076, "min_bw_hz": 1500, "max_bw_hz": 3500}, + "result": {"mod_type": "FT8", "confidence": 0.95}, + "note": "FT8 Dial-Frequenz 40m" + }, + { + "name": "ft8_20m", + "match": {"min_mhz": 14.072, "max_mhz": 14.076, "min_bw_hz": 1500, "max_bw_hz": 3500}, + "result": {"mod_type": "FT8", "confidence": 0.95}, + "note": "FT8 Dial-Frequenz 20m" + }, + { + "name": "wspr_40m", + "match": {"min_mhz": 7.0384, "max_mhz": 7.0388, "min_bw_hz": 100, "max_bw_hz": 500}, + "result": {"mod_type": "WSPR", "confidence": 0.95}, + "note": "WSPR Dial-Frequenz 40m" + }, + { + "name": "pmr446_nfm", + "match": {"min_mhz": 446.0, "max_mhz": 446.2, "min_bw_hz": 5000, "max_bw_hz": 15000}, + "result": {"mod_type": "NFM", "confidence": 0.92}, + "note": "PMR446 ist immer NFM" + }, + { + "name": "wfm_wide_any", + "match": {"min_bw_hz": 100000}, + "result": {"mod_type": "WFM", "confidence": 0.95}, + "note": "Über 100 kHz BW ist fast immer WFM, unabhängig vom Band" + } + ] +} diff --git a/internal/classifier/hard_rules_test.go b/internal/classifier/hard_rules_test.go new file mode 100644 index 0000000..c1b21df --- /dev/null +++ b/internal/classifier/hard_rules_test.go @@ -0,0 +1,58 @@ +package classifier + +import ( + "math" + "testing" +) + +func TestHardRulesFMBroadcast(t *testing.T) { + cls := TryHardRule(100.0e6, 120000) + if cls == nil { + t.Fatal("expected hard rule match for FM broadcast") + } + if cls.ModType != ClassWFM { + t.Errorf("expected WFM, got %s", cls.ModType) + } + if cls.Confidence < 0.95 { + t.Errorf("confidence too low: %.2f", cls.Confidence) + } + cls2 := TryHardRule(434.0e6, 120000) + if cls2 == nil || cls2.ModType != ClassWFM { + t.Errorf("expected WFM for >100kHz signal") + } +} + +func TestHardRulesAirband(t *testing.T) { + cls := TryHardRule(121.5e6, 8000) + if cls == nil || cls.ModType != ClassAM { + t.Fatalf("expected AM for airband, got %v", cls) + } +} + +func TestHardRulesCW(t *testing.T) { + cls := TryHardRule(7.020e6, 100) + if cls == nil || cls.ModType != ClassCW { + t.Fatalf("expected CW for <500Hz, got %v", cls) + } +} + +func TestWFMPilotDetection(t *testing.T) { + sampleRate := 192000 + n := sampleRate * 2 + iq := make([]complex64, n) + phase := 0.0 + for i := range iq { + pilot := math.Sin(2 * math.Pi * 19000 * float64(i) / float64(sampleRate)) + modulation := pilot * 0.1 + freqDev := modulation * 75000 / float64(sampleRate) + phase += 2 * math.Pi * freqDev + iq[i] = complex(float32(math.Cos(phase)), float32(math.Sin(phase))) + } + result := EstimateExactFrequency(iq, sampleRate, 102.1e6, ClassWFM) + if !result.Locked { + t.Fatal("PLL should lock on pilot") + } + if math.Abs(result.OffsetHz) > 5 { + t.Errorf("offset too large: %.1f Hz", result.OffsetHz) + } +} diff --git a/internal/classifier/pll.go b/internal/classifier/pll.go new file mode 100644 index 0000000..11d8934 --- /dev/null +++ b/internal/classifier/pll.go @@ -0,0 +1,130 @@ +package classifier + +import "math" + +type PLLResult struct { + ExactHz float64 `json:"exact_hz"` + OffsetHz float64 `json:"offset_hz"` + Locked bool `json:"locked"` + Method string `json:"method"` + PrecisionHz float64 `json:"precision_hz"` +} + +func EstimateExactFrequency(iq []complex64, sampleRate int, detectedHz float64, modType SignalClass) PLLResult { + if len(iq) < 256 { + return PLLResult{ExactHz: detectedHz} + } + switch modType { + case ClassWFM: + return estimateWFMPilot(iq, sampleRate, detectedHz) + case ClassAM: + return estimateAMCarrier(iq, sampleRate, detectedHz) + case ClassNFM: + return estimateNFMCarrier(iq, sampleRate, detectedHz) + case ClassCW: + return estimateCWTone(iq, sampleRate, detectedHz) + default: + return PLLResult{ExactHz: detectedHz, Method: "none"} + } +} + +func estimateWFMPilot(iq []complex64, sampleRate int, detectedHz float64) PLLResult { + demod := fmDemod(iq) + if len(demod) == 0 { + return PLLResult{ExactHz: detectedHz, Method: "pilot"} + } + pilotFreq := 19000.0 + bestFreq := pilotFreq + bestMag := goertzelMagnitude(demod, pilotFreq, sampleRate) + for offset := -50.0; offset <= 50.0; offset += 1.0 { + mag := goertzelMagnitude(demod, pilotFreq+offset, sampleRate) + if mag > bestMag { + bestMag = mag + bestFreq = pilotFreq + offset + } + } + freqError := bestFreq - 19000.0 + noiseMag := goertzelMagnitude(demod, 17500, sampleRate) + locked := bestMag > noiseMag*5 + if !locked { + return PLLResult{ExactHz: detectedHz, Method: "pilot", Locked: false} + } + return PLLResult{ExactHz: detectedHz - freqError, OffsetHz: -freqError, Locked: true, Method: "pilot", PrecisionHz: 1.0} +} + +func estimateAMCarrier(iq []complex64, sampleRate int, detectedHz float64) PLLResult { + offset := meanInstFreqHz(iq, sampleRate) + return PLLResult{ExactHz: detectedHz + offset, OffsetHz: offset, Locked: true, Method: "carrier", PrecisionHz: 5.0} +} + +func estimateNFMCarrier(iq []complex64, sampleRate int, detectedHz float64) PLLResult { + offset := meanInstFreqHz(iq, sampleRate) + return PLLResult{ExactHz: detectedHz + offset, OffsetHz: offset, Locked: math.Abs(offset) < 5000, Method: "fm_dc", PrecisionHz: 20.0} +} + +func estimateCWTone(iq []complex64, sampleRate int, detectedHz float64) PLLResult { + demod := fmDemod(iq) + if len(demod) == 0 { + return PLLResult{ExactHz: detectedHz, Method: "tone"} + } + bestFreq := 700.0 + bestMag := 0.0 + for f := 300.0; f <= 1200.0; f += 1.0 { + mag := goertzelMagnitude(demod, f, sampleRate) + if mag > bestMag { + bestMag = mag + bestFreq = f + } + } + bfoHz := 700.0 + toneOffset := bestFreq - bfoHz + return PLLResult{ExactHz: detectedHz + toneOffset, OffsetHz: toneOffset, Locked: bestMag > 0, Method: "tone", PrecisionHz: 2.0} +} + +func fmDemod(iq []complex64) []float64 { + if len(iq) < 2 { + return nil + } + out := make([]float64, len(iq)-1) + for i := 1; i < len(iq); i++ { + p := iq[i-1] + c := iq[i] + num := float64(real(p))*float64(imag(c)) - float64(imag(p))*float64(real(c)) + den := float64(real(p))*float64(real(c)) + float64(imag(p))*float64(imag(c)) + out[i-1] = math.Atan2(num, den) + } + return out +} + +func goertzelMagnitude(samples []float64, targetHz float64, sampleRate int) float64 { + n := len(samples) + if n == 0 { + return 0 + } + k := targetHz / (float64(sampleRate) / float64(n)) + w := 2.0 * math.Pi * k / float64(n) + coeff := 2.0 * math.Cos(w) + s1, s2 := 0.0, 0.0 + for _, v := range samples { + s0 := v + coeff*s1 - s2 + s2 = s1 + s1 = s0 + } + return math.Sqrt(s1*s1 + s2*s2 - coeff*s1*s2) +} + +func meanInstFreqHz(iq []complex64, sampleRate int) float64 { + if len(iq) < 2 { + return 0 + } + var sum float64 + for i := 1; i < len(iq); i++ { + p := iq[i-1] + c := iq[i] + num := float64(real(p))*float64(imag(c)) - float64(imag(p))*float64(real(c)) + den := float64(real(p))*float64(real(c)) + float64(imag(p))*float64(imag(c)) + sum += math.Atan2(num, den) + } + meanRad := sum / float64(len(iq)-1) + return meanRad * float64(sampleRate) / (2.0 * math.Pi) +} diff --git a/internal/classifier/types.go b/internal/classifier/types.go index 404b1f7..d58e616 100644 --- a/internal/classifier/types.go +++ b/internal/classifier/types.go @@ -44,6 +44,7 @@ type Classification struct { BW3dB float64 `json:"bw_3db_hz"` Features Features `json:"features,omitempty"` MathFeatures *MathFeatures `json:"math_features,omitempty"` + PLL *PLLResult `json:"pll,omitempty"` SecondBest SignalClass `json:"second_best,omitempty"` Scores map[SignalClass]float64 `json:"scores,omitempty"` } diff --git a/internal/detector/detector.go b/internal/detector/detector.go index 7e8863c..a483423 100644 --- a/internal/detector/detector.go +++ b/internal/detector/detector.go @@ -74,6 +74,7 @@ type Signal struct { SNRDb float64 `json:"snr_db"` NoiseDb float64 `json:"noise_db,omitempty"` Class *classifier.Classification `json:"class,omitempty"` + PLL *classifier.PLLResult `json:"pll,omitempty"` } func New(detCfg config.DetectorConfig, sampleRate int, fftSize int) *Detector { diff --git a/web/app.js b/web/app.js index 67145ae..52aa30e 100644 --- a/web/app.js +++ b/web/app.js @@ -229,7 +229,8 @@ function renderSignalPopover(rect, signal) { const width = Math.max(4, (Number(value) / maxVal) * 100); return `
${label}${Number(value).toFixed(2)}
`; }).join(''); - signalPopover.innerHTML = `
${signal.class?.mod_type || 'Signal'}
${fmtMHz(signal.center_hz, 5)} · ${fmtKHz(signal.bw_hz || 0)} · ${(signal.snr_db || 0).toFixed(1)} dB SNR
${rows || '
No classifier scores
'}
`; + const pllMeta = signal.class?.pll?.locked ? ` • PLL ${signal.class.pll.method} LOCK ±${signal.class.pll.precision_hz} Hz` : ''; + signalPopover.innerHTML = `
${signal.class?.mod_type || 'Signal'}
${fmtMHz(signal.class?.pll?.exact_hz || signal.center_hz, 5)} • ${fmtKHz(signal.bw_hz || 0)} • ${(signal.snr_db || 0).toFixed(1)} dB SNR${pllMeta}
${rows || '
No classifier scores
'}
`; const popW = 220; const left = rect.x + rect.w + 8; const top = rect.y + 8; @@ -372,7 +373,6 @@ function resizeAll() { window.addEventListener('resize', resizeAll); resizeAll(); - function setSelectValueOrNearest(selectEl, numericValue) { if (!selectEl) return; const options = Array.from(selectEl.options || []); @@ -459,918 +459,6 @@ async function loadConfig() { } } -async function loadSignals() { - try { - const res = await fetch('/api/signals'); - if (!res.ok) return; - const sigs = await res.json(); - if (Array.isArray(sigs)) { - latest = latest || {}; - latest.signals = sigs; - renderLists(); - } - } catch {} -} - -async function loadDecoders() { - if (!decodeModeSelect) return; - try { - const res = await fetch('/api/decoders'); - if (!res.ok) return; - const list = await res.json(); - if (!Array.isArray(list)) return; - const current = decodeModeSelect.value; - decodeModeSelect.innerHTML = ''; - list.forEach((mode) => { - const opt = document.createElement('option'); - opt.value = mode; - opt.textContent = mode; - decodeModeSelect.appendChild(opt); - }); - if (current) decodeModeSelect.value = current; - } catch {} -} - -async function loadStats() { - try { - const res = await fetch('/api/stats'); - if (!res.ok) return; - stats = await res.json(); - } catch {} -} - -async function loadGPU() { - try { - const res = await fetch('/api/gpu'); - if (!res.ok) return; - gpuInfo = await res.json(); - } catch {} -} - -function queueConfigUpdate(partial) { - if (isSyncingConfig) return; - pendingConfigUpdate = { ...(pendingConfigUpdate || {}), ...partial }; - setConfigStatus('Applying…'); - clearTimeout(configTimer); - configTimer = setTimeout(sendConfigUpdate, 180); -} - -function queueSettingsUpdate(partial) { - if (isSyncingConfig) return; - pendingSettingsUpdate = { ...(pendingSettingsUpdate || {}), ...partial }; - setConfigStatus('Applying…'); - clearTimeout(settingsTimer); - settingsTimer = setTimeout(sendSettingsUpdate, 120); -} - -async function sendConfigUpdate() { - if (!pendingConfigUpdate) return; - const payload = pendingConfigUpdate; - pendingConfigUpdate = null; - try { - const res = await fetch('/api/config', { - method: 'POST', - headers: { 'Content-Type': 'application/json' }, - body: JSON.stringify(payload), - }); - if (!res.ok) throw new Error('apply'); - currentConfig = await res.json(); - applyConfigToUI(currentConfig); - setConfigStatus('Config applied'); - } catch { - setConfigStatus('Config apply failed'); - } -} - -async function sendSettingsUpdate() { - if (!pendingSettingsUpdate) return; - const payload = pendingSettingsUpdate; - pendingSettingsUpdate = null; - try { - const res = await fetch('/api/sdr/settings', { - method: 'POST', - headers: { 'Content-Type': 'application/json' }, - body: JSON.stringify(payload), - }); - if (!res.ok) throw new Error('apply'); - currentConfig = await res.json(); - applyConfigToUI(currentConfig); - setConfigStatus('Settings applied'); - } catch { - setConfigStatus('Settings apply failed'); - } -} - -function updateHeroMetrics() { - if (!latest) return; - const span = latest.sample_rate / zoom; - const binHz = latest.sample_rate / Math.max(1, latest.spectrum_db?.length || latest.fft_size || 1); - metricCenter.textContent = fmtMHz(latest.center_hz, 6); - metricSpan.textContent = fmtHz(span); - metricRes.textContent = `${binHz.toFixed(1)} Hz/bin`; - metricSignals.textContent = String(latest.signals?.length || 0); - metricGpu.textContent = gpuInfo.active ? 'ON' : (gpuInfo.available ? 'OFF' : 'N/A'); - metricSource.textContent = stats.last_sample_ago_ms >= 0 ? `${stats.last_sample_ago_ms} ms` : 'n/a'; - - const gpuText = gpuInfo.active ? 'GPU active' : (gpuInfo.available ? 'GPU ready' : 'GPU n/a'); - const debug = latest.debug || {}; - const thresholdInfo = Array.isArray(debug.thresholds) && debug.thresholds.length - ? `CFAR ${showDebugOverlay ? 'on' : 'hidden'} · noise ${(Number.isFinite(debug.noise_floor) ? debug.noise_floor.toFixed(1) : 'n/a')} dB` - : `CFAR off · noise ${(Number.isFinite(debug.noise_floor) ? debug.noise_floor.toFixed(1) : 'n/a')} dB`; - metaLine.textContent = `${fmtMHz(latest.center_hz, 3)} · ${fmtHz(span)} span · ${thresholdInfo} · ${gpuText}`; - heroSubtitle.textContent = `${latest.signals?.length || 0} live signals · ${events.length} recent events tracked`; - - healthBuffer.textContent = String(stats.buffer_samples ?? '-'); - healthDropped.textContent = String(stats.dropped ?? '-'); - healthResets.textContent = String(stats.resets ?? '-'); - healthAge.textContent = stats.last_sample_ago_ms >= 0 ? `${stats.last_sample_ago_ms} ms` : 'n/a'; - healthGpu.textContent = gpuInfo.error ? `${gpuInfo.active ? 'ON' : 'OFF'} · ${gpuInfo.error}` : (gpuInfo.active ? 'ON' : (gpuInfo.available ? 'Ready' : 'N/A')); - healthFps.textContent = `${renderFps.toFixed(0)} fps`; -} - -function renderBandNavigator() { - if (!latest) return; - const ctx = navCanvas.getContext('2d'); - const w = navCanvas.width; - const h = navCanvas.height; - ctx.clearRect(0, 0, w, h); - - const display = getProcessedSpectrum(); - if (!display) return; - const minDb = -120; - const maxDb = 0; - - ctx.fillStyle = '#071018'; - ctx.fillRect(0, 0, w, h); - - ctx.strokeStyle = 'rgba(102, 169, 255, 0.25)'; - ctx.lineWidth = 1; - ctx.beginPath(); - for (let x = 0; x < w; x++) { - const idx = Math.min(display.length - 1, Math.floor((x / w) * display.length)); - const v = display[idx]; - const y = h - ((v - minDb) / (maxDb - minDb)) * (h - 10) - 5; - if (x === 0) ctx.moveTo(x, y); - else ctx.lineTo(x, y); - } - ctx.stroke(); - - const span = latest.sample_rate / zoom; - const fullStart = latest.center_hz - latest.sample_rate / 2; - const viewStart = latest.center_hz - span / 2 + pan * span; - const viewEnd = latest.center_hz + span / 2 + pan * span; - const x1 = ((viewStart - fullStart) / latest.sample_rate) * w; - const x2 = ((viewEnd - fullStart) / latest.sample_rate) * w; - - ctx.fillStyle = 'rgba(102, 240, 209, 0.10)'; - ctx.strokeStyle = 'rgba(102, 240, 209, 0.85)'; - ctx.lineWidth = 2; - ctx.fillRect(x1, 4, Math.max(2, x2 - x1), h - 8); - ctx.strokeRect(x1, 4, Math.max(2, x2 - x1), h - 8); -} - -function drawSpectrumGrid(ctx, w, h, startHz, endHz) { - ctx.strokeStyle = 'rgba(86, 109, 148, 0.18)'; - ctx.lineWidth = 1; - for (let i = 1; i < 6; i++) { - const y = (h / 6) * i; - ctx.beginPath(); - ctx.moveTo(0, y); - ctx.lineTo(w, y); - ctx.stroke(); - } - for (let i = 1; i < 8; i++) { - const x = (w / 8) * i; - ctx.beginPath(); - ctx.moveTo(x, 0); - ctx.lineTo(x, h); - ctx.stroke(); - const hz = startHz + (i / 8) * (endHz - startHz); - ctx.fillStyle = 'rgba(173, 192, 220, 0.72)'; - ctx.font = `${Math.max(11, Math.floor(h / 26))}px Inter, sans-serif`; - ctx.fillText((hz / 1e6).toFixed(3), x + 4, h - 8); - } -} - -function drawCfarEdgeOverlay(ctx, w, h, startHz, endHz) { - if (!latest) return; - const mode = currentConfig?.detector?.cfar_mode || 'OFF'; - if (mode === 'OFF') return; - if (currentConfig?.detector?.cfar_wrap_around) return; - const binWidth = (currentConfig.sample_rate || 2048000) / (latest.fft_size || latest.spectrum_db?.length || 32768); - const guard = Math.ceil((currentConfig.detector.cfar_guard_hz ?? 500) / binWidth); - const train = Math.ceil((currentConfig.detector.cfar_train_hz ?? 5000) / binWidth); - const bins = guard + train; - if (bins <= 0) return; - const fftSize = latest.fft_size || latest.spectrum_db?.length; - if (!fftSize || fftSize <= 0) return; - const binHz = latest.sample_rate / fftSize; - const edgeHz = bins * binHz; - const bandStart = latest.center_hz - latest.sample_rate / 2; - const bandEnd = latest.center_hz + latest.sample_rate / 2; - const leftEdgeEnd = bandStart + edgeHz; - const rightEdgeStart = bandEnd - edgeHz; - - ctx.fillStyle = 'rgba(255, 204, 102, 0.08)'; - ctx.strokeStyle = 'rgba(255, 204, 102, 0.18)'; - ctx.lineWidth = 1; - - const leftStart = Math.max(startHz, bandStart); - const leftEnd = Math.min(endHz, leftEdgeEnd); - if (leftEnd > leftStart) { - const x1 = ((leftStart - startHz) / (endHz - startHz)) * w; - const x2 = ((leftEnd - startHz) / (endHz - startHz)) * w; - ctx.fillRect(x1, 0, Math.max(2, x2 - x1), h); - ctx.strokeRect(x1, 0, Math.max(2, x2 - x1), h); - } - - const rightStart = Math.max(startHz, rightEdgeStart); - const rightEnd = Math.min(endHz, bandEnd); - if (rightEnd > rightStart) { - const x1 = ((rightStart - startHz) / (endHz - startHz)) * w; - const x2 = ((rightEnd - startHz) / (endHz - startHz)) * w; - ctx.fillRect(x1, 0, Math.max(2, x2 - x1), h); - ctx.strokeRect(x1, 0, Math.max(2, x2 - x1), h); - } -} - -function renderSpectrum() { - if (!latest) return; - const ctx = spectrumCanvas.getContext('2d'); - const w = spectrumCanvas.width; - const h = spectrumCanvas.height; - ctx.clearRect(0, 0, w, h); - - const display = getProcessedSpectrum(); - if (!display) return; - const n = display.length; - const span = latest.sample_rate / zoom; - const startHz = latest.center_hz - span / 2 + pan * span; - const endHz = latest.center_hz + span / 2 + pan * span; - spanInput.value = (span / 1e6).toFixed(3); - - drawSpectrumGrid(ctx, w, h, startHz, endHz); - drawCfarEdgeOverlay(ctx, w, h, startHz, endHz); - - const minDb = -120; - const maxDb = 0; - - const fill = ctx.createLinearGradient(0, 0, 0, h); - fill.addColorStop(0, 'rgba(102, 240, 209, 0.20)'); - fill.addColorStop(1, 'rgba(102, 240, 209, 0.02)'); - - ctx.beginPath(); - for (let x = 0; x < w; x++) { - const f1 = startHz + (x / w) * (endHz - startHz); - const f2 = startHz + ((x + 1) / w) * (endHz - startHz); - const b0 = binForFreq(f1, latest.center_hz, latest.sample_rate, n); - const b1 = binForFreq(f2, latest.center_hz, latest.sample_rate, n); - const v = maxInBinRange(display, b0, b1); - const y = h - ((v - minDb) / (maxDb - minDb)) * (h - 18) - 6; - if (x === 0) ctx.moveTo(x, y); - else ctx.lineTo(x, y); - } - ctx.lineTo(w, h); - ctx.lineTo(0, h); - ctx.closePath(); - ctx.fillStyle = fill; - ctx.fill(); - - ctx.strokeStyle = '#66f0d1'; - ctx.lineWidth = 2; - ctx.beginPath(); - liveSignalRects = []; - for (let x = 0; x < w; x++) { - const f1 = startHz + (x / w) * (endHz - startHz); - const f2 = startHz + ((x + 1) / w) * (endHz - startHz); - const b0 = binForFreq(f1, latest.center_hz, latest.sample_rate, n); - const b1 = binForFreq(f2, latest.center_hz, latest.sample_rate, n); - const v = maxInBinRange(display, b0, b1); - const y = h - ((v - minDb) / (maxDb - minDb)) * (h - 18) - 6; - if (x === 0) ctx.moveTo(x, y); - else ctx.lineTo(x, y); - } - ctx.stroke(); - drawThresholdOverlay(ctx, w, h, minDb, maxDb); - - if (Array.isArray(latest.signals)) { - latest.signals.forEach((s, index) => { - const left = s.center_hz - s.bw_hz / 2; - const right = s.center_hz + s.bw_hz / 2; - if (right < startHz || left > endHz) return; - const x1 = ((left - startHz) / (endHz - startHz)) * w; - const x2 = ((right - startHz) / (endHz - startHz)) * w; - const boxW = Math.max(2, x2 - x1); - const color = snrColor(s.snr_db || 0); - - ctx.fillStyle = color.replace('rgb', 'rgba').replace(')', ', 0.14)'); - ctx.strokeStyle = color; - ctx.lineWidth = 1.5; - ctx.fillRect(x1, 10, boxW, h - 28); - ctx.strokeRect(x1, 10, boxW, h - 28); - ctx.fillStyle = color; - ctx.font = '12px Inter, sans-serif'; - const label = `${(s.center_hz / 1e6).toFixed(4)} MHz`; - ctx.fillText(label, Math.max(4, x1 + 4), 24 + (index % 3) * 16); - - const debugMatch = (latest?.debug?.scores || []).find((d) => Math.abs((d.center_hz || 0) - (s.center_hz || 0)) < Math.max(500, s.bw_hz || 0)); - if (debugMatch?.scores && (!s.class || !s.class.scores)) { - s.debug_scores = debugMatch.scores; - } - liveSignalRects.push({ - x: x1, - y: 10, - w: boxW, - h: h - 28, - signal: s, - }); - }); - } -} - -function renderWaterfall() { - if (!latest) return; - const ctx = waterfallCanvas.getContext('2d'); - const w = waterfallCanvas.width; - const h = waterfallCanvas.height; - - const prev = ctx.getImageData(0, 0, w, h - 1); - ctx.putImageData(prev, 0, 1); - - const display = getProcessedSpectrum(); - if (!display) return; - const n = display.length; - const span = latest.sample_rate / zoom; - const startHz = latest.center_hz - span / 2 + pan * span; - const endHz = latest.center_hz + span / 2 + pan * span; - const minDb = -120; - const maxDb = 0; - - const row = ctx.createImageData(w, 1); - for (let x = 0; x < w; x++) { - const f1 = startHz + (x / w) * (endHz - startHz); - const f2 = startHz + ((x + 1) / w) * (endHz - startHz); - const b0 = binForFreq(f1, latest.center_hz, latest.sample_rate, n); - const b1 = binForFreq(f2, latest.center_hz, latest.sample_rate, n); - const v = maxInBinRange(display, b0, b1); - const norm = Math.max(0, Math.min(1, (v - minDb) / (maxDb - minDb))); - const [r, g, b] = colorMap(norm); - row.data[x * 4] = r; - row.data[x * 4 + 1] = g; - row.data[x * 4 + 2] = b; - row.data[x * 4 + 3] = 255; - } - ctx.putImageData(row, 0, 0); - drawCfarEdgeOverlay(ctx, w, h, startHz, endHz); -} - -function renderOccupancy() { - const ctx = occupancyCanvas.getContext('2d'); - const w = occupancyCanvas.width; - const h = occupancyCanvas.height; - ctx.clearRect(0, 0, w, h); - ctx.fillStyle = '#071018'; - ctx.fillRect(0, 0, w, h); - - if (!latest || events.length === 0) return; - - const bins = new Array(Math.max(32, Math.min(160, Math.floor(w / 8)))).fill(0); - const bandStart = latest.center_hz - latest.sample_rate / 2; - const bandEnd = latest.center_hz + latest.sample_rate / 2; - const now = Date.now(); - const windowStart = now - timelineWindowMs; - - for (const ev of events) { - if (ev.end_ms < windowStart || ev.start_ms > now) continue; - const left = ev.center_hz - ev.bandwidth_hz / 2; - const right = ev.center_hz + ev.bandwidth_hz / 2; - const normL = Math.max(0, Math.min(1, (left - bandStart) / (bandEnd - bandStart))); - const normR = Math.max(0, Math.min(1, (right - bandStart) / (bandEnd - bandStart))); - let b0 = Math.floor(normL * bins.length); - let b1 = Math.floor(normR * bins.length); - if (b1 < b0) [b0, b1] = [b1, b0]; - for (let i = Math.max(0, b0); i <= Math.min(bins.length - 1, b1); i++) { - bins[i] += Math.max(0.3, (ev.snr_db || 0) / 12 + 1); - } - } - - const maxBin = Math.max(1, ...bins); - bins.forEach((v, i) => { - const norm = v / maxBin; - const [r, g, b] = colorMap(norm); - ctx.fillStyle = `rgb(${r}, ${g}, ${b})`; - const x = (i / bins.length) * w; - const bw = Math.ceil(w / bins.length) + 1; - ctx.fillRect(x, 0, bw, h); - }); -} - -function renderTimeline() { - const ctx = timelineCanvas.getContext('2d'); - const w = timelineCanvas.width; - const h = timelineCanvas.height; - ctx.clearRect(0, 0, w, h); - ctx.fillStyle = '#071018'; - ctx.fillRect(0, 0, w, h); - - if (events.length === 0) { - timelineRangeEl.textContent = 'No events yet'; - return; - } - - const endMs = Date.now(); - const startMs = endMs - timelineWindowMs; - timelineRangeEl.textContent = `${new Date(startMs).toLocaleTimeString()} - ${new Date(endMs).toLocaleTimeString()}`; - - let minHz = Infinity; - let maxHz = -Infinity; - if (latest) { - minHz = latest.center_hz - latest.sample_rate / 2; - maxHz = latest.center_hz + latest.sample_rate / 2; - } else { - for (const ev of events) { - minHz = Math.min(minHz, ev.center_hz - ev.bandwidth_hz / 2); - maxHz = Math.max(maxHz, ev.center_hz + ev.bandwidth_hz / 2); - } - } - if (!isFinite(minHz) || !isFinite(maxHz) || minHz === maxHz) { - minHz = 0; - maxHz = 1; - } - - ctx.strokeStyle = 'rgba(86, 109, 148, 0.18)'; - ctx.lineWidth = 1; - for (let i = 1; i < 6; i++) { - const y = (h / 6) * i; - ctx.beginPath(); - ctx.moveTo(0, y); - ctx.lineTo(w, y); - ctx.stroke(); - } - for (let i = 1; i < 8; i++) { - const x = (w / 8) * i; - ctx.beginPath(); - ctx.moveTo(x, 0); - ctx.lineTo(x, h); - ctx.stroke(); - } - - timelineRects = []; - for (const ev of events) { - if (ev.end_ms < startMs || ev.start_ms > endMs) continue; - - const x1 = ((Math.max(ev.start_ms, startMs) - startMs) / (endMs - startMs)) * w; - const x2 = ((Math.min(ev.end_ms, endMs) - startMs) / (endMs - startMs)) * w; - const topHz = ev.center_hz + ev.bandwidth_hz / 2; - const bottomHz = ev.center_hz - ev.bandwidth_hz / 2; - const y1 = ((maxHz - topHz) / (maxHz - minHz)) * h; - const y2 = ((maxHz - bottomHz) / (maxHz - minHz)) * h; - - const rect = { x: x1, y: y1, w: Math.max(2, x2 - x1), h: Math.max(3, y2 - y1), id: ev.id }; - timelineRects.push(rect); - - ctx.fillStyle = snrColor(ev.snr_db || 0).replace('rgb', 'rgba').replace(')', ', 0.85)'); - ctx.fillRect(rect.x, rect.y, rect.w, rect.h); - } - - if (selectedEventId) { - const hit = timelineRects.find(r => r.id === selectedEventId); - if (hit) { - ctx.strokeStyle = '#ffffff'; - ctx.lineWidth = 2; - ctx.strokeRect(hit.x - 1, hit.y - 1, hit.w + 2, hit.h + 2); - } - } -} - -function renderDetailSpectrogram() { - const ev = eventsById.get(selectedEventId); - const ctx = detailSpectrogram.getContext('2d'); - const w = detailSpectrogram.width; - const h = detailSpectrogram.height; - ctx.clearRect(0, 0, w, h); - ctx.fillStyle = '#071018'; - ctx.fillRect(0, 0, w, h); - if (!latest || !ev) return; - - const display = getProcessedSpectrum(); - if (!display) return; - const n = display.length; - const localSpan = Math.min(latest.sample_rate, Math.max(ev.bandwidth_hz * 4, latest.sample_rate / 10)); - const startHz = ev.center_hz - localSpan / 2; - const endHz = ev.center_hz + localSpan / 2; - const minDb = -120; - const maxDb = 0; - - const row = ctx.createImageData(w, 1); - for (let x = 0; x < w; x++) { - const f1 = startHz + (x / w) * (endHz - startHz); - const f2 = startHz + ((x + 1) / w) * (endHz - startHz); - const b0 = binForFreq(f1, latest.center_hz, latest.sample_rate, n); - const b1 = binForFreq(f2, latest.center_hz, latest.sample_rate, n); - const v = maxInBinRange(display, b0, b1); - const norm = Math.max(0, Math.min(1, (v - minDb) / (maxDb - minDb))); - const [r, g, b] = colorMap(norm); - row.data[x * 4] = r; - row.data[x * 4 + 1] = g; - row.data[x * 4 + 2] = b; - row.data[x * 4 + 3] = 255; - } - - for (let y = 0; y < h; y++) ctx.putImageData(row, 0, y); - - const centerX = w / 2; - ctx.strokeStyle = 'rgba(255,255,255,0.65)'; - ctx.lineWidth = 1; - ctx.beginPath(); - ctx.moveTo(centerX, 0); - ctx.lineTo(centerX, h); - ctx.stroke(); -} - -function renderLists() { - const signals = Array.isArray(latest?.signals) ? [...latest.signals] : []; - signals.sort((a, b) => (b.snr_db || 0) - (a.snr_db || 0)); - signalCountBadge.textContent = `${signals.length} live`; - metricSignals.textContent = String(signals.length); - - if (signals.length === 0) { - signalList.innerHTML = '
No live signals yet.
'; - } else { - signalList.innerHTML = signals.slice(0, 24).map((s) => ` - - `).join(''); - } - - const recent = [...events].sort((a, b) => b.end_ms - a.end_ms); - eventCountBadge.textContent = `${recent.length} stored`; - if (recent.length === 0) { - eventList.innerHTML = '
No events yet.
'; - } else { - eventList.innerHTML = recent.slice(0, 40).map((ev) => ` - - `).join(''); - } - - if (recordingList && recordingCountBadge) { - recordingCountBadge.textContent = `${recordings.length}`; - if (recordings.length === 0) { - recordingList.innerHTML = '
No recordings yet.
'; - } else { - recordingList.innerHTML = recordings.slice(0, 50).map((rec) => ` - - `).join(''); - } - } -} - -function normalizeEvent(ev) { - const startMs = new Date(ev.start).getTime(); - const endMs = new Date(ev.end).getTime(); - return { - ...ev, - start_ms: startMs, - end_ms: endMs, - duration_ms: Math.max(0, endMs - startMs), - }; -} - -function upsertEvents(list, replace = false) { - if (replace) { - events.length = 0; - eventsById.clear(); - } - for (const raw of list) { - if (!raw || !raw.id || eventsById.has(raw.id)) continue; - const ev = normalizeEvent(raw); - eventsById.set(ev.id, ev); - events.push(ev); - } - events.sort((a, b) => a.end_ms - b.end_ms); - const maxEvents = 1500; - if (events.length > maxEvents) { - const drop = events.length - maxEvents; - for (let i = 0; i < drop; i++) eventsById.delete(events[i].id); - events.splice(0, drop); - } - if (events.length > 0) lastEventEndMs = events[events.length - 1].end_ms; - renderLists(); -} - -async function fetchEvents(initial) { - if (eventsFetchInFlight || timelineFrozen) return; - eventsFetchInFlight = true; - try { - let url = '/api/events?limit=1000'; - if (!initial && lastEventEndMs > 0) url = `/api/events?since=${lastEventEndMs - 1}`; - const res = await fetch(url); - if (!res.ok) return; - const data = await res.json(); - if (Array.isArray(data)) upsertEvents(data, initial); - } finally { - eventsFetchInFlight = false; - } -} - -async function fetchRecordings() { - if (recordingsFetchInFlight || !recordingList) return; - recordingsFetchInFlight = true; - try { - const res = await fetch('/api/recordings'); - if (!res.ok) return; - const data = await res.json(); - if (Array.isArray(data)) { - recordings = data; - renderLists(); - } - } finally { - recordingsFetchInFlight = false; - } -} - -function openDrawer(ev) { - if (!ev) return; - selectedEventId = ev.id; - detailSubtitle.textContent = `Event ${ev.id}`; - detailCenterEl.textContent = fmtMHz(ev.center_hz, 6); - detailBwEl.textContent = fmtKHz(ev.bandwidth_hz || 0); - detailStartEl.textContent = new Date(ev.start_ms).toLocaleString(); - detailEndEl.textContent = new Date(ev.end_ms).toLocaleString(); - detailSnrEl.textContent = `${(ev.snr_db || 0).toFixed(1)} dB`; - detailDurEl.textContent = fmtMs(ev.duration_ms || 0); - detailClassEl.textContent = ev.class?.mod_type || '-'; - if (classifierScoresEl) { - const scores = ev.class?.scores; - if (scores && typeof scores === 'object') { - const rows = Object.entries(scores) - .sort((a, b) => b[1] - a[1]) - .slice(0, 6) - .map(([k, v]) => `${k}:${v.toFixed(2)}`) - .join(' · '); - classifierScoresEl.textContent = rows ? `Classifier scores: ${rows}` : 'Classifier scores: -'; - renderScoreBars(scores); - } else { - const liveScores = (latest?.debug?.scores || []).find((s) => Math.abs((s.center_hz || 0) - (ev.center_hz || 0)) < Math.max(500, (ev.bandwidth_hz || 0))); - if (liveScores?.scores) { - const rows = Object.entries(liveScores.scores) - .sort((a, b) => b[1] - a[1]) - .slice(0, 6) - .map(([k, v]) => `${k}:${Number(v).toFixed(2)}`) - .join(' · '); - classifierScoresEl.textContent = rows ? `Classifier scores: ${rows}` : 'Classifier scores: -'; - renderScoreBars(liveScores.scores); - } else { - classifierScoresEl.textContent = 'Classifier scores: -'; - renderScoreBars(null); - } - } - } - if (recordingMetaEl) { - recordingMetaEl.textContent = 'Recording: -'; - } - if (recordingMetaLink) { - recordingMetaLink.href = '#'; - recordingIQLink.href = '#'; - recordingAudioLink.href = '#'; - } - drawerEl.classList.add('open'); - drawerEl.setAttribute('aria-hidden', 'false'); - renderDetailSpectrogram(); - renderLists(); -} - -function closeDrawer() { - drawerEl.classList.remove('open'); - drawerEl.setAttribute('aria-hidden', 'true'); - selectedEventId = null; - renderLists(); -} - -function fitView() { - zoom = 1; - pan = 0; - followLive = true; -} - -function tuneToFrequency(centerHz) { - if (!Number.isFinite(centerHz)) return; - followLive = true; - centerInput.value = (centerHz / 1e6).toFixed(6); - queueConfigUpdate({ center_hz: centerHz }); -} - -function connect() { - clearTimeout(wsReconnectTimer); - const proto = location.protocol === 'https:' ? 'wss' : 'ws'; - const ws = new WebSocket(`${proto}://${location.host}/ws`); - setWsBadge('Connecting', 'neutral'); - - ws.onopen = () => setWsBadge('Live', 'ok'); - ws.onmessage = (ev) => { - latest = JSON.parse(ev.data); - markSpectrumDirty(); - if (followLive) pan = 0; - updateHeroMetrics(); - renderLists(); - }; - ws.onclose = () => { - setWsBadge('Retrying', 'bad'); - wsReconnectTimer = setTimeout(connect, 1000); - }; - ws.onerror = () => ws.close(); -} - -function renderLoop() { - renderFrames += 1; - const now = performance.now(); - if (now - lastFpsTs >= 1000) { - renderFps = (renderFrames * 1000) / (now - lastFpsTs); - renderFrames = 0; - lastFpsTs = now; - } - - if (latest) { - renderBandNavigator(); - renderSpectrum(); - renderWaterfall(); - renderOccupancy(); - renderTimeline(); - if (drawerEl.classList.contains('open')) renderDetailSpectrogram(); - } - updateHeroMetrics(); - requestAnimationFrame(renderLoop); -} - -function handleSpectrumClick(ev) { - const rect = spectrumCanvas.getBoundingClientRect(); - const x = (ev.clientX - rect.left) * (spectrumCanvas.width / rect.width); - const y = (ev.clientY - rect.top) * (spectrumCanvas.height / rect.height); - - for (let i = liveSignalRects.length - 1; i >= 0; i--) { - const r = liveSignalRects[i]; - if (x >= r.x && x <= r.x + r.w && y >= r.y && y <= r.y + r.h) { - tuneToFrequency(r.signal.center_hz); - return; - } - } - - if (!latest) return; - const span = latest.sample_rate / zoom; - const startHz = latest.center_hz - span / 2 + pan * span; - const clickedHz = startHz + (x / spectrumCanvas.width) * span; - tuneToFrequency(clickedHz); -} - -function handleNavPosition(ev) { - if (!latest) return; - const rect = navCanvas.getBoundingClientRect(); - const x = Math.max(0, Math.min(rect.width, ev.clientX - rect.left)); - const norm = x / rect.width; - const fullStart = latest.center_hz - latest.sample_rate / 2; - const newViewCenter = fullStart + norm * latest.sample_rate; - const span = latest.sample_rate / zoom; - const desiredPan = (newViewCenter - latest.center_hz) / span; - pan = Math.max(-0.5, Math.min(0.5, desiredPan)); - followLive = false; -} - -function exportSelectedEvent() { - const ev = eventsById.get(selectedEventId); - if (!ev) return; - const blob = new Blob([JSON.stringify(ev, null, 2)], { type: 'application/json' }); - const a = document.createElement('a'); - a.href = URL.createObjectURL(blob); - a.download = `event-${ev.id}.json`; - a.click(); - URL.revokeObjectURL(a.href); -} - -spectrumCanvas.addEventListener('wheel', (ev) => { - ev.preventDefault(); - const direction = Math.sign(ev.deltaY); - zoom = Math.max(0.25, Math.min(24, zoom * (direction > 0 ? 1.12 : 0.89))); - followLive = false; -}); - -spectrumCanvas.addEventListener('mousedown', (ev) => { - isDraggingSpectrum = true; - dragStartX = ev.clientX; - dragStartPan = pan; -}); -window.addEventListener('mouseup', () => { - isDraggingSpectrum = false; - navDrag = false; -}); -spectrumCanvas.addEventListener('mouseleave', hideSignalPopover); -window.addEventListener('mousemove', (ev) => { - const rect = spectrumCanvas.getBoundingClientRect(); - const x = (ev.clientX - rect.left) * (spectrumCanvas.width / rect.width); - const y = (ev.clientY - rect.top) * (spectrumCanvas.height / rect.height); - let hoverHit = null; - for (let i = liveSignalRects.length - 1; i >= 0; i--) { - const r = liveSignalRects[i]; - if (x >= r.x && x <= r.x + r.w && y >= r.y && y <= r.y + r.h) { - hoverHit = r; - break; - } - } - if (hoverHit) { - hoveredSignal = hoverHit.signal; - renderSignalPopover(hoverHit, hoverHit.signal); - } else { - scheduleHideSignalPopover(); - } - if (isDraggingSpectrum) { - const dx = ev.clientX - dragStartX; - pan = Math.max(-0.5, Math.min(0.5, dragStartPan - dx / spectrumCanvas.clientWidth)); - followLive = false; - } - if (navDrag) handleNavPosition(ev); -}); - -spectrumCanvas.addEventListener('dblclick', fitView); -spectrumCanvas.addEventListener('click', handleSpectrumClick); - -navCanvas.addEventListener('mousedown', (ev) => { - navDrag = true; - handleNavPosition(ev); -}); -navCanvas.addEventListener('click', handleNavPosition); - -centerInput.addEventListener('change', () => { - const mhz = parseFloat(centerInput.value); - if (Number.isFinite(mhz)) tuneToFrequency(fromMHz(mhz)); -}); - -spanInput.addEventListener('change', () => { - const mhz = parseFloat(spanInput.value); - if (!Number.isFinite(mhz) || mhz <= 0) return; - const baseRate = currentConfig?.sample_rate || latest?.sample_rate; - if (!baseRate) return; - zoom = Math.max(0.25, Math.min(24, baseRate / fromMHz(mhz))); - followLive = false; -}); - -sampleRateSelect.addEventListener('change', () => { - const mhz = parseFloat(sampleRateSelect.value); - if (Number.isFinite(mhz)) queueConfigUpdate({ sample_rate: Math.round(fromMHz(mhz)) }); -}); - -bwSelect.addEventListener('change', () => { - const bw = parseInt(bwSelect.value, 10); - if (Number.isFinite(bw)) queueConfigUpdate({ tuner_bw_khz: bw }); -}); - -fftSelect.addEventListener('change', () => { - const size = parseInt(fftSelect.value, 10); - if (Number.isFinite(size)) queueConfigUpdate({ fft_size: size }); -}); - -gainRange.addEventListener('input', () => { - gainInput.value = gainRange.value; - const uiVal = parseFloat(gainRange.value); - if (Number.isFinite(uiVal)) queueConfigUpdate({ gain_db: Math.max(0, Math.min(GAIN_MAX, GAIN_MAX - uiVal)) }); -}); - -gainInput.addEventListener('change', () => { - const uiVal = parseFloat(gainInput.value); - if (Number.isFinite(uiVal)) { - gainRange.value = uiVal; - queueConfigUpdate({ gain_db: Math.max(0, Math.min(GAIN_MAX, GAIN_MAX - uiVal)) }); - } -}); - -thresholdRange.addEventListener('input', () => { - thresholdInput.value = thresholdRange.value; - queueConfigUpdate({ detector: { threshold_db: parseFloat(thresholdRange.value) } }); -}); thresholdInput.addEventListener('change', () => { const v = parseFloat(thresholdInput.value); if (Number.isFinite(v)) { @@ -1382,15 +470,6 @@ thresholdInput.addEventListener('change', () => { if (classifierModeSelect) classifierModeSelect.addEventListener('change', () => { queueConfigUpdate({ classifier_mode: classifierModeSelect.value }); }); - -if (cfarModeSelect) cfarModeSelect.addEventListener('change', () => { - queueConfigUpdate({ detector: { cfar_mode: cfarModeSelect.value } }); - const rankRow = cfarRankInput?.closest('.field'); - if (rankRow) rankRow.style.display = (cfarModeSelect.value === 'OS') ? '' : 'none'; -}); -if (cfarWrapToggle) cfarWrapToggle.addEventListener('change', () => { - queueConfigUpdate({ detector: { cfar_wrap_around: cfarWrapToggle.checked } }); -}); if (cfarGuardHzInput) cfarGuardHzInput.addEventListener('change', () => { const v = parseFloat(cfarGuardHzInput.value); if (Number.isFinite(v) && v >= 0) queueConfigUpdate({ detector: { cfar_guard_hz: v } }); @@ -1399,42 +478,6 @@ if (cfarTrainHzInput) cfarTrainHzInput.addEventListener('change', () => { const v = parseFloat(cfarTrainHzInput.value); if (Number.isFinite(v) && v > 0) queueConfigUpdate({ detector: { cfar_train_hz: v } }); }); -if (cfarRankInput) cfarRankInput.addEventListener('change', () => { - const v = parseInt(cfarRankInput.value, 10); - if (Number.isFinite(v)) queueConfigUpdate({ detector: { cfar_rank: v } }); -}); -if (cfarScaleInput) cfarScaleInput.addEventListener('change', () => { - const v = parseFloat(cfarScaleInput.value); - if (Number.isFinite(v)) queueConfigUpdate({ detector: { cfar_scale_db: v } }); -}); -if (minDurationInput) minDurationInput.addEventListener('change', () => { - const v = parseInt(minDurationInput.value, 10); - if (Number.isFinite(v)) queueConfigUpdate({ detector: { min_duration_ms: v } }); -}); -if (holdInput) holdInput.addEventListener('change', () => { - const v = parseInt(holdInput.value, 10); - if (Number.isFinite(v)) queueConfigUpdate({ detector: { hold_ms: v } }); -}); -if (emaAlphaInput) emaAlphaInput.addEventListener('change', () => { - const v = parseFloat(emaAlphaInput.value); - if (Number.isFinite(v)) queueConfigUpdate({ detector: { ema_alpha: v } }); -}); -if (hysteresisInput) hysteresisInput.addEventListener('change', () => { - const v = parseFloat(hysteresisInput.value); - if (Number.isFinite(v)) queueConfigUpdate({ detector: { hysteresis_db: v } }); -}); -if (stableFramesInput) stableFramesInput.addEventListener('change', () => { - const v = parseInt(stableFramesInput.value, 10); - if (Number.isFinite(v)) queueConfigUpdate({ detector: { min_stable_frames: v } }); -}); -if (gapToleranceInput) gapToleranceInput.addEventListener('change', () => { - const v = parseInt(gapToleranceInput.value, 10); - if (Number.isFinite(v)) queueConfigUpdate({ detector: { gap_tolerance_ms: v } }); -}); -if (edgeMarginInput) edgeMarginInput.addEventListener('change', () => { - const v = parseFloat(edgeMarginInput.value); - if (Number.isFinite(v)) queueConfigUpdate({ detector: { edge_margin_db: v } }); -}); if (mergeGapInput) mergeGapInput.addEventListener('change', () => { const v = parseFloat(mergeGapInput.value); if (Number.isFinite(v)) queueConfigUpdate({ detector: { merge_gap_hz: v } }); @@ -1447,243 +490,3 @@ if (classSwitchInput) classSwitchInput.addEventListener('change', () => { const v = parseFloat(classSwitchInput.value); if (Number.isFinite(v) && v >= 0.1 && v <= 1.0) queueConfigUpdate({ detector: { class_switch_ratio: v } }); }); - -agcToggle.addEventListener('change', () => queueSettingsUpdate({ agc: agcToggle.checked })); -dcToggle.addEventListener('change', () => queueSettingsUpdate({ dc_block: dcToggle.checked })); -iqToggle.addEventListener('change', () => queueSettingsUpdate({ iq_balance: iqToggle.checked })); -gpuToggle.addEventListener('change', () => queueConfigUpdate({ use_gpu_fft: gpuToggle.checked })); -if (recEnableToggle) recEnableToggle.addEventListener('change', () => queueConfigUpdate({ recorder: { enabled: recEnableToggle.checked } })); -if (recIQToggle) recIQToggle.addEventListener('change', () => queueConfigUpdate({ recorder: { record_iq: recIQToggle.checked } })); -if (recAudioToggle) recAudioToggle.addEventListener('change', () => queueConfigUpdate({ recorder: { record_audio: recAudioToggle.checked } })); -if (recDemodToggle) recDemodToggle.addEventListener('change', () => queueConfigUpdate({ recorder: { auto_demod: recDemodToggle.checked } })); -if (recDecodeToggle) recDecodeToggle.addEventListener('change', () => queueConfigUpdate({ recorder: { auto_decode: recDecodeToggle.checked } })); -if (recMinSNR) recMinSNR.addEventListener('change', () => queueConfigUpdate({ recorder: { min_snr_db: parseFloat(recMinSNR.value) } })); -if (recMaxDisk) recMaxDisk.addEventListener('change', () => queueConfigUpdate({ recorder: { max_disk_mb: parseInt(recMaxDisk.value || '0', 10) } })); -if (recClassFilter) recClassFilter.addEventListener('change', () => { - const list = (recClassFilter.value || '') - .split(',') - .map(s => s.trim()) - .filter(Boolean); - queueConfigUpdate({ recorder: { class_filter: list } }); -}); - -avgSelect.addEventListener('change', () => { - avgAlpha = parseFloat(avgSelect.value) || 0; - resetProcessingCaches(); -}); -maxHoldToggle.addEventListener('change', () => { - maxHold = maxHoldToggle.checked; - maxSpectrum = null; - markSpectrumDirty(); -}); -if (debugOverlayToggle) debugOverlayToggle.addEventListener('change', () => { - showDebugOverlay = debugOverlayToggle.checked; - localStorage.setItem('spectre.debugOverlay', showDebugOverlay ? '1' : '0'); - markSpectrumDirty(); - updateHeroMetrics(); -}); -resetMaxBtn.addEventListener('click', () => { - maxSpectrum = null; - markSpectrumDirty(); -}); -followBtn.addEventListener('click', () => { followLive = true; pan = 0; }); -fitBtn.addEventListener('click', fitView); -timelineFollowBtn.addEventListener('click', () => { timelineFrozen = false; }); -timelineFreezeBtn.addEventListener('click', () => { - timelineFrozen = !timelineFrozen; - timelineFreezeBtn.textContent = timelineFrozen ? 'Frozen' : 'Freeze'; -}); - -presetButtons.forEach((btn) => { - btn.addEventListener('click', () => { - const mhz = parseFloat(btn.dataset.center); - if (Number.isFinite(mhz)) tuneToFrequency(fromMHz(mhz)); - }); -}); - -railTabs.forEach((tab) => { - tab.addEventListener('click', () => { - railTabs.forEach(t => t.classList.toggle('active', t === tab)); - tabPanels.forEach(panel => panel.classList.toggle('active', panel.dataset.panel === tab.dataset.tab)); - }); -}); - -modeButtons.forEach((btn) => { - btn.addEventListener('click', () => { - modeButtons.forEach(b => b.classList.toggle('active', b === btn)); - document.body.classList.remove('mode-live', 'mode-hunt', 'mode-review', 'mode-lab'); - document.body.classList.add(`mode-${btn.dataset.mode}`); - }); -}); -document.body.classList.add('mode-live'); - -drawerCloseBtn.addEventListener('click', closeDrawer); -exportEventBtn.addEventListener('click', exportSelectedEvent); -if (liveListenEventBtn) { - liveListenEventBtn.addEventListener('click', () => { - const ev = eventsById.get(selectedEventId); - if (!ev) return; - const freq = ev.center_hz; - const bw = ev.bandwidth_hz || 12000; - const mode = (listenModeSelect?.value || ev.class?.mod_type || 'NFM'); - const sec = parseInt(listenSecondsInput?.value || '2', 10); - const url = `/api/demod?freq=${freq}&bw=${bw}&mode=${mode}&sec=${sec}`; - const audio = new Audio(url); - 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.event_id === ev.id) || recordings.find(r => r.center_hz === ev.center_hz); - if (!rec) { - decodeResultEl.textContent = 'Decode: no recording'; - return; - } - 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'; - 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; - tuneToFrequency(ev.center_hz); -}); - -timelineCanvas.addEventListener('click', (ev) => { - const rect = timelineCanvas.getBoundingClientRect(); - const x = (ev.clientX - rect.left) * (timelineCanvas.width / rect.width); - const y = (ev.clientY - rect.top) * (timelineCanvas.height / rect.height); - for (let i = timelineRects.length - 1; i >= 0; i--) { - const r = timelineRects[i]; - if (x >= r.x && x <= r.x + r.w && y >= r.y && y <= r.y + r.h) { - openDrawer(eventsById.get(r.id)); - return; - } - } -}); - -signalList.addEventListener('click', (ev) => { - const target = ev.target.closest('.signal-item'); - if (!target) return; - const center = parseFloat(target.dataset.center); - if (Number.isFinite(center)) tuneToFrequency(center); -}); - -if (liveListenBtn) { - liveListenBtn.addEventListener('click', async () => { - const first = signalList.querySelector('.signal-item'); - if (!first) return; - const freq = parseFloat(first.dataset.center); - const bw = parseFloat(first.dataset.bw || '12000'); - const mode = (listenModeSelect?.value || first.dataset.class || 'NFM'); - const sec = parseInt(listenSecondsInput?.value || '2', 10); - const url = `/api/demod?freq=${freq}&bw=${bw}&mode=${mode}&sec=${sec}`; - if (liveAudio) { - liveAudio.pause(); - } - liveAudio = new Audio(url); - liveAudio.play().catch(() => {}); - }); -} - -eventList.addEventListener('click', (ev) => { - const target = ev.target.closest('.event-item'); - if (!target) return; - const id = target.dataset.eventId; - openDrawer(eventsById.get(id)); -}); - -if (recordingList) { - recordingList.addEventListener('click', async (ev) => { - const target = ev.target.closest('.recording-item'); - if (!target) return; - const id = target.dataset.id; - const audio = new Audio(`/api/recordings/${id}/audio`); - audio.play(); - if (recordingMetaEl) recordingMetaEl.textContent = `Recording: ${id}`; - if (recordingMetaLink) { - recordingMetaLink.href = `/api/recordings/${id}`; - recordingIQLink.href = `/api/recordings/${id}/iq`; - recordingAudioLink.href = `/api/recordings/${id}/audio`; - } - try { - const res = await fetch(`/api/recordings/${id}`); - if (!res.ok) return; - const meta = await res.json(); - if (decodeResultEl) { - const rds = meta.rds_ps ? `RDS: ${meta.rds_ps}` : ''; - decodeResultEl.textContent = `Decode: ${rds}`; - } - if (classifierScoresEl) { - const scores = meta.classification?.scores; - if (scores && typeof scores === 'object') { - const rows = Object.entries(scores) - .sort((a, b) => b[1] - a[1]) - .slice(0, 6) - .map(([k, v]) => `${k}:${v.toFixed(2)}`) - .join(' · '); - classifierScoresEl.textContent = rows ? `Classifier scores: ${rows}` : 'Classifier scores: -'; - } else { - classifierScoresEl.textContent = 'Classifier scores: -'; - } - } - } catch {} - }); -} - -if (debugOverlayToggle) debugOverlayToggle.checked = showDebugOverlay; - -window.addEventListener('keydown', (ev) => { - if (ev.target && ['INPUT', 'SELECT', 'TEXTAREA'].includes(ev.target.tagName)) return; - if (ev.key === ' ') { - ev.preventDefault(); - followLive = true; - pan = 0; - } else if (ev.key.toLowerCase() === 'f') { - fitView(); - } else if (ev.key.toLowerCase() === 'm') { - maxHold = !maxHold; - maxHoldToggle.checked = maxHold; - if (!maxHold) maxSpectrum = null; - markSpectrumDirty(); - } else if (ev.key.toLowerCase() === 'g') { - gpuToggle.checked = !gpuToggle.checked; - queueConfigUpdate({ use_gpu_fft: gpuToggle.checked }); - } else if (ev.key === '[') { - zoom = Math.max(0.25, zoom * 0.88); - } else if (ev.key === ']') { - zoom = Math.min(24, zoom * 1.12); - } else if (ev.key === 'ArrowLeft') { - pan = Math.max(-0.5, pan - 0.04); - followLive = false; - } else if (ev.key === 'ArrowRight') { - pan = Math.min(0.5, pan + 0.04); - followLive = false; - } -}); - -loadConfig(); -loadStats(); -loadGPU(); -fetchEvents(true); -fetchRecordings(); -loadDecoders(); -connect(); -requestAnimationFrame(renderLoop); -setInterval(loadStats, 1000); -setInterval(loadGPU, 1000); -setInterval(() => fetchEvents(false), 2000); -setInterval(fetchRecordings, 5000); -setInterval(loadSignals, 1500); -setInterval(loadDecoders, 10000); - -