Function loadInitialData

web/scripts/ragnar_modern.js:2422–2494

()

        const hov = _wifiState.hoverBssid === a.bssid;
        // Pixel box → BSSID, for hover/click. Recorded in draw order, so a
        // reverse scan finds whatever is visually on top.
        canvas._wifiHits.push({ bssid: a.bssid, x0: Math.min(xL, xC - 2), x1: Math.max(xR, xC + 2), y0: y - 12, y1: H - padB });
        if (_wifiState.view === 'bar') {
            ctx.fillStyle = col + (sel ? 'ff' : hov ? 'ee' : 'cc');
            ctx.fillRect(xL, y, Math.max(3, xR - xL), (H - padB) - y);
            ctx.strokeStyle = sel || hov ? '#fff' : col; ctx.lineWidth = sel ? 2 : hov ? 1.5 : 1;
            ctx.strokeRect(xL, y, Math.max(3, xR - xL), (H - padB) - y);
        } else {
            // Dome: bell curve centred on channel, spanning its width
            ctx.beginPath(); ctx.moveTo(xL, H - padB);
            const steps = 28;
            for (let s = 0; s <= steps; s++) {
                const t = s / steps; const x = xL + (xR - xL) * t;
                const bell = Math.cos((t - 0.5) * Math.PI);   // 0..1..0
                const yy = (H - padB) - bell * ((H - padB) - y);
                ctx.lineTo(x, yy);
            }
            ctx.lineTo(xR, H - padB); ctx.closePath();
            const grad = ctx.createLinearGradient(0, y, 0, H - padB);
            grad.addColorStop(0, col + (sel ? 'cc' : hov ? '99' : '66')); grad.addColorStop(1, col + '08');
            ctx.fillStyle = grad; ctx.fill();
            ctx.strokeStyle = sel || hov ? '#fff' : col; ctx.lineWidth = sel ? 2.5 : hov ? 2 : 1.5; ctx.stroke();
        }
        // WIDS-flagged AP: red dashed locator line + outline so it stands out
        // even in a crowded band (highlight persists until dismissed).
        if (_wifiState.flagged && _wifiState.flagged.bssid === a.bssid) {
            ctx.save();
            ctx.strokeStyle = '#ef4444'; ctx.lineWidth = 1; ctx.setLineDash([5, 4]);
            ctx.beginPath(); ctx.moveTo(xC, padT); ctx.lineTo(xC, H - padB); ctx.stroke();
            ctx.lineWidth = 2; ctx.setLineDash([4, 3]);
            ctx.strokeRect(xL - 2, y - 2, Math.max(3, xR - xL) + 4, (H - padB) - y + 2);
            ctx.restore();
            ctx.fillStyle = '#f87171'; ctx.font = `bold ${10 * K}px sans-serif`; ctx.textAlign = 'center';
            ctx.fillText('⚠ WIDS', xC, y - 16 * K);
        }
        // Label the SSID at the peak — with the level and channel alongside it
        // on the big surface, where there's room to read them.
        const label = a.ssid || 'hidden';
        const cap = o.big ? 22 : 14;
        ctx.fillStyle = sel || hov ? '#fff' : '#cbd5e1';
        ctx.font = (sel || hov ? 'bold ' : '') + (10 * K) + 'px sans-serif'; ctx.textAlign = 'center';
        ctx.fillText(label.length > cap ? label.slice(0, cap - 1) + '…' : label, xC, y - 4 * K);
        if (o.big) {
            ctx.fillStyle = col; ctx.font = '10px sans-serif';
            ctx.fillText(`${a.signal} dBm · ch${a.channel}/${a.width}`, xC, y - 17);
        }
    });
    canvas._wifiGeom = { bands, ranges, padL, padR, padT, padB, W, H, K, chFor, dbmFor };
    // Bluetooth / BLE overlay on the 2.4 GHz segment (device-activity estimate)
    if (_wifiState.btOn && _wifiState.bt && ranges['2.4']) {
        _wifiDrawBtOverlay(ctx, ranges['2.4'], xFor, { padT, padB, H, plotH, yFor });
    }
    // Zigbee / 802.15.4 overlay on the 2.4 GHz segment (device-activity estimate)
    if (_wifiState.zbOn && _wifiState.zb && ranges['2.4']) {
        _wifiDrawZbOverlay(ctx, ranges['2.4'], xFor, { padT, padB, H, plotH, yFor });
    }
}