Function updateNetworkStatusBanner

web/scripts/ragnar_modern.js:3097–3117

()

        ctx.restore();
        ctx.fillStyle = '#38bdf8'; ctx.font = '9px sans-serif'; ctx.textAlign = 'left';
        ctx.fillText('BT hopping', x0 + 3, baseY - stripH - 3);
    }
    // The x-position of a BLE advertising channel on the 2.4 GHz segment.
    const advX = (freqMhz) => {
        const chFrac = (freqMhz - 2407) / 5;
        return Math.max(r24.x0 + 2, Math.min(r24.x1 - 2, xFor('2.4', chFrac)));
    };
    // A device is selected → fade the ambient markers so the selection pops.
    const sel = _wifiState.btSelected
        ? (_wifiState.bt.devices || []).find(v => v.mac === _wifiState.btSelected)
        : null;
    const dim = sel ? 0.35 : 1.0;
    // 2) BLE advertising-channel markers at 2402/2426/2480 MHz.
    (i.adv_markers || []).forEach(m => {
        const x = advX(m.freq_mhz);
        const intensity = Math.max(0, Math.min(100, m.intensity || 0));
        const alpha = (0.25 + (intensity / 100) * 0.5) * dim;
        ctx.strokeStyle = `rgba(129,140,248,${alpha})`; ctx.lineWidth = 2; ctx.setLineDash([3, 3]);
        ctx.beginPath(); ctx.moveTo(x, g.padT + 4); ctx.lineTo(x, baseY); ctx.stroke();
        ctx.setLineDash([]);
        ctx.fillStyle = `rgba(199,210,254,${dim})`; ctx.font = 'bold 9px sans-serif'; ctx.textAlign = 'center';
        ctx.fillText('BLE ' + m.adv_channel, x, g.padT + 2);
    });
    // 3) Selected device: draw its RSSI level as a horizontal line across the