Function loadNetworkIdentity

web/scripts/ragnar_modern.js:2038–2103

()

        if (st) st.textContent = `${d.device_count} device(s) · ${i.channel_count || 0} ch` + (d.warning ? ' ⚠' : '');
        _wifiZbRender();
        _wifiFsRenderSide();
        if (_wifiState.data) _wifiDrawSpectrum();
    }).catch(() => { _wifiState.zbBusy = false; if (st) st.textContent = 'Zigbee scan failed'; });
}

function _wifiZbRender() {
    const d = _wifiState.zb; if (!d) return;
    const i = d.interference || {};
    const sum = document.getElementById('wifi-zb-summary');
    if (sum) sum.textContent = `${i.device_count || 0} device(s) · ${i.channel_count || 0} channel(s) · ${i.strong_count || 0} close`;
    const note = document.getElementById('wifi-zb-note');
    if (note) note.textContent = (i.note || '') + '  ' + (d.companion_note || '');
    const pr = document.getElementById('wifi-zb-pressure');
    if (pr) pr.innerHTML = (i.wifi_channels || []).map(c => {
        const col = _BT_PRESSURE_COLOR[c.level] || '#64748b';
        return `<span class="px-1.5 py-0.5 rounded" style="background:${col}22;color:${col};border:1px solid ${col}55" title="Estimated Zigbee pressure on Wi-Fi ch ${c.wifi_channel}">ch${c.wifi_channel}: ${c.level}</span>`;
    }).join('');
    const tb = document.getElementById('wifi-zb-tbody');
    if (!tb) return;
    if (!d.devices.length) {
        tb.innerHTML = '<tr><td colspan="6" class="py-3 text-gray-500">No Zigbee / 802.15.4 devices heard this sweep.</td></tr>';
        return;
    }
    tb.innerHTML = d.devices.map(v => {
        const id = v.addr || v.short_addr;
        const sel = _wifiState.zbSelected === id;
        const rssi = (v.rssi == null) ? '—' : `${v.rssi}`;
        const rcol = (v.rssi == null) ? '#64748b' : _wifiSignalColor(v.rssi);
        const pcol = v.proto === 'Thread' ? '#f472b6' : v.proto === 'Zigbee' ? '#fbbf24' : '#94a3b8';
        return `<tr class="border-b border-slate-800/60 cursor-pointer hover:bg-slate-800/40${sel ? ' bg-amber-500/15' : ''}" onclick="wifiZbSelect('${id}')" title="Click to highlight on the spectrum">
            <td class="py-1 pr-3">${sel ? '<span class="text-amber-400">▸</span> ' : ''}<span class="font-mono text-[10px]">${id}</span></td>
            <td class="py-1 pr-3"><span style="color:${pcol}">${v.proto}</span></td>
            <td class="py-1 pr-3">${v.channel != null ? v.channel : '—'}</td>
            <td class="py-1 pr-3 font-mono text-[10px]">${v.panid || '—'}</td>
            <td class="py-1 pr-3">${v.vendor || '—'}</td>
            <td class="py-1 pr-3 text-right font-mono" style="color:${rcol}">${rssi}</td>
        </tr>`;
    }).join('');
}

function wifiZbSelect(id) {
    _wifiState.zbSelected = (_wifiState.zbSelected === id) ? null : id;
    _wifiFsRenderSide();
    _wifiZbRender();
    if (_wifiState.data) _wifiDrawSpectrum();
}

// ---- True-RF waterfall (HackRF SDR) ----------------------------------------
// The Waterfall button stays greyed out until the backend actually sees a
// HackRF; this polls detection and enables/labels the button accordingly.
function _wifiSdrCheck() {
    fetch('/api/net/sdr/status').then(r => r.json()).then(st => {
        const det = (st && st.detect) || {};
        _wifiState.sdr.available = !!det.available;
        const btn = document.getElementById('wifi-view-wf');
        if (!btn) return;
        btn.disabled = !det.available;
        const off = !det.available;