Function analyzePcap

web/scripts/ragnar_modern.js:1895–1959

()

    tb.innerHTML = d.devices.map(v => {
        const k = _BT_KIND[v.kind] || { c: '#94a3b8', t: v.kind || '?' };
        const name = v.name || '<span class="text-gray-600">(no name)</span>';
        const cls = v.major_class ? v.major_class + (v.services && v.services.length ? ` · ${v.services.join(', ')}` : '') : '—';
        const rssi = (v.rssi == null) ? '—' : `${v.rssi}`;
        const rcol = (v.rssi == null) ? '#64748b' : _wifiSignalColor(v.rssi);
        const sel = _wifiState.btSelected === v.mac;
        return `<tr class="border-b border-slate-800/60 cursor-pointer hover:bg-slate-800/40${sel ? ' bg-sky-500/15' : ''}" onclick="wifiBtSelect('${v.mac}')" title="Click to highlight this device on the spectrum">
            <td class="py-1 pr-3">${sel ? '<span class="text-sky-400">▸</span> ' : ''}${name}<div class="text-[10px] text-gray-600 font-mono">${v.mac}</div></td>
            <td class="py-1 pr-3"><span style="color:${k.c}">${k.t}</span>${v.randomized ? ' <span class="text-[9px] text-gray-500">rnd</span>' : ''}</td>
            <td class="py-1 pr-3">${v.vendor || '—'}</td>
            <td class="py-1 pr-3">${cls}</td>
            <td class="py-1 pr-3 text-right font-mono" style="color:${rcol}">${rssi}</td>
        </tr>`;
    }).join('');
}

// Click a BT device row → highlight it on the 2.4 GHz spectrum (toggle off if
// the same row is clicked again). Mirrors the Wi-Fi AP select behaviour.
function wifiBtSelect(mac) {
    _wifiState.btSelected = (_wifiState.btSelected === mac) ? null : mac;
    _wifiFsRenderSide();
    _wifiBtRender();
    if (_wifiState.data) _wifiDrawSpectrum();
}

// ---- Zigbee / 802.15.4 overlay (via an on-demand Huginn sniff) -------------
// The Zigbee toggle stays greyed until a HuginnESP companion is on USB.
function _wifiZbCheck() {
    fetch('/api/net/zigbee/status').then(r => r.json()).then(st => {
        const ok = !!(st && st.available);
        _wifiState.zbAvailable = ok;
        const chk = document.getElementById('wifi-zb'), lab = document.getElementById('wifi-zb-label');
        if (chk) chk.disabled = !ok;
        if (lab) {
            lab.classList.toggle('opacity-40', !ok);
            lab.classList.toggle('cursor-not-allowed', !ok);
            lab.classList.toggle('cursor-pointer', ok);
            lab.classList.toggle('text-gray-400', ok);
            lab.title = ok ? 'Sniff Zigbee / 802.15.4 with the connected HuginnESP'
                : (st && st.error ? st.error : 'Connect a HuginnESP (ESP32-C5) companion to sniff Zigbee');
        }
        _wifiFsSyncGates();
    }).catch(() => {});
}

function wifiZbScan() {
    if (_wifiState.zbBusy) return;
    _wifiState.zbBusy = true;
    const st = document.getElementById('wifi-zb-status');
    if (st) st.textContent = 'Sniffing 802.15.4 (ch 11–26)…';
    fetch('/api/net/zigbee/scan?duration=8').then(r => r.json()).then(d => {
        _wifiState.zbBusy = false;
        if (d.error) { if (st) st.textContent = '⚠ ' + d.error; _wifiState.zb = null; if (_wifiState.data) _wifiDrawSpectrum(); return; }
        _wifiState.zb = d;
        if (_wifiState.zbSelected && !(d.devices || []).some(v => (v.addr || v.short_addr) === _wifiState.zbSelected))
            _wifiState.zbSelected = null;
        const i = d.interference || {};
        if (st) st.textContent = `${d.device_count} device(s) · ${i.channel_count || 0} ch` + (d.warning ? ' ⚠' : '');
        _wifiZbRender();