Function loadInitialData

web/scripts/ragnar_modern.js:2422–2494

()

        for (let bi = 0; bi < arr.length; bi++) {
            const x = xForBin(bi), y = yFor(arr[bi]);
            bi ? ctx.lineTo(x, y) : ctx.moveTo(x, y);
        }
        ctx.stroke();
    };
    if (s.maxhold) drawTrace(s.maxhold, 'rgba(148,163,184,0.7)', 1);   // max-hold
    drawTrace(s.rows[0], '#22d3ee', 1.5);                             // live

    // --- Frequency axis + Wi-Fi channel & BT marker overlays ---
    ctx.strokeStyle = '#334155'; ctx.beginPath(); ctx.moveTo(padL, wfTop - 2); ctx.lineTo(W - padR, wfTop - 2); ctx.stroke();
    ctx.textAlign = 'center';
    const wifiCh = (s.band === '5')
        ? { 36: 5180, 40: 5200, 44: 5220, 48: 5240, 52: 5260, 100: 5500, 149: 5745, 157: 5785 }
        : { 1: 2412, 6: 2437, 11: 2462 };
    Object.entries(wifiCh).forEach(([ch, mhz]) => {
        if (mhz < lo || mhz > hi) return;
        const x = xForFreq(mhz);
        ctx.strokeStyle = 'rgba(52,211,153,0.25)'; ctx.lineWidth = 1; ctx.setLineDash([2, 3]);
        ctx.beginPath(); ctx.moveTo(x, wfTop); ctx.lineTo(x, wfTop + wfH); ctx.stroke(); ctx.setLineDash([]);
        ctx.fillStyle = '#34d399'; ctx.font = '9px sans-serif'; ctx.fillText('ch' + ch, x, wfTop - 4);
    });
    // BT advertising markers, only meaningful in 2.4 and when the overlay is on.
    if (_wifiState.btOn && _wifiState.bt && s.band === '2.4') {
        [2402, 2426, 2480].forEach((mhz, i) => {
            const x = xForFreq(mhz);
            ctx.strokeStyle = 'rgba(129,140,248,0.5)'; ctx.lineWidth = 1.5; ctx.setLineDash([3, 3]);
            ctx.beginPath(); ctx.moveTo(x, wfTop); ctx.lineTo(x, wfTop + wfH); ctx.stroke(); ctx.setLineDash([]);
            ctx.fillStyle = '#c7d2fe'; ctx.font = 'bold 8px sans-serif'; ctx.fillText('BLE ' + [37, 38, 39][i], x, wfTop + wfH + 9);
        });
    }
    // Frequency ticks (GHz) along the very bottom
    ctx.fillStyle = '#64748b'; ctx.font = '9px sans-serif';
    const nTicks = 5;
    for (let t = 0; t <= nTicks; t++) {
        const mhz = lo + (hi - lo) * t / nTicks;
        ctx.fillText((mhz / 1000).toFixed(3), padL + plotW * t / nTicks, H - 6);
    }
    // Live badge
    ctx.fillStyle = '#22d3ee'; ctx.font = 'bold 10px sans-serif'; ctx.textAlign = 'left';
    ctx.fillText(`● LIVE RF · ${s.band} GHz · HackRF`, padL + 2, padT + 10);
}

function _wifiGenBadge(std) {
    const map = { 'Wi-Fi 7': '#22d3ee', 'Wi-Fi 6E': '#34d399', 'Wi-Fi 6': '#34d399',
        'Wi-Fi 5': '#60a5fa', 'Wi-Fi 4': '#94a3b8', 'legacy': '#f87171' };
    if (!std) return '';
    const c = map[std] || '#94a3b8';
    return `<span class="text-[9px] px-1 rounded ml-1 align-middle" style="background:${c}22;color:${c};border:1px solid ${c}66">${std.replace('Wi-Fi ', 'Wi‑Fi ')}</span>`;
}

function _wifiSecBadges(a) {
    let b = '';
    if (a.enterprise) b += '<span class="text-[9px] px-1 rounded bg-blue-600/20 text-blue-300 ml-1">802.1X</span>';
    if (a.pmf === 'required') b += '<span class="text-[9px] px-1 rounded bg-green-600/20 text-green-300 ml-1" title="PMF required">PMF</span>';
    else if (a.pmf === 'disabled' && a.security !== 'Open') b += '<span class="text-[9px] px-1 rounded bg-amber-600/20 text-amber-300 ml-1" title="Protected Mgmt Frames off">PMF✗</span>';
    if (a.wps) b += '<span class="text-[9px] px-1 rounded bg-red-600/20 text-red-300 ml-1" title="WPS enabled">WPS</span>';
    const r = a.roaming || {};
    const rf = ['k', 'v', 'r'].filter(x => r[x]);
    if (rf.length) b += `<span class="text-[9px] px-1 rounded bg-slate-600/40 text-slate-300 ml-1" title="802.11 roaming">11${rf.join('/')}</span>`;