Function setSelectedWifiInterface

web/scripts/ragnar_modern.js:8991–9034

(interfaceName, options = {})

    _ndBusy(btn, true, 'Listening…');
    out.classList.remove('hidden');
    out.innerHTML = '<p class="text-sm text-gray-400">Passively capturing BGP (TCP/179) on the segment…</p>';
    try {
        _bgpFillIfaces();
        const qs = '?seconds=' + encodeURIComponent(secs) + (iface ? '&interface=' + encodeURIComponent(iface) : '');
        const d = await fetchAPI('/api/net/bgp-watch' + qs);
        if (!d || d.success === false) {
            const msg = (d && d.error) || 'failed';
            let extra = '';
            if (d && d.missing_tool) extra = ' <button onclick="installNetTool(\'tcpdump\', this, runBgpWatch)" class="ml-2 underline text-cyan-400">Install tcpdump</button>';
            out.innerHTML = '<p class="text-sm text-red-400">Error: ' + escapeHtml(msg) + extra + '</p>';
            return;
        }
        const [cls, label] = _BGP_VERDICT_STYLE[d.verdict] || _BGP_VERDICT_STYLE.unknown;
        let html = `<div class="mb-2 px-3 py-2 rounded border ${cls} text-sm">${label}</div>`;
        html += `<p class="text-xs text-gray-500 mb-2">Interface: ${escapeHtml(d.interface || '—')} · ${d.seconds}s · ${d.messages} BGP msgs (${d.updates} UPDATE @ ${d.update_per_s}/s, ${d.notifications} NOTIFICATION) · ${d.prefix_total} prefixes${d.learned ? ' · <span class="text-gray-400">baseline learned now</span>' : ''}</p>`;
        if (d.note) html += `<p class="text-xs text-gray-500 mb-2">${escapeHtml(d.note)}</p>`;
        if (d.enrich_note) html += `<p class="text-xs text-gray-500 mb-2">${escapeHtml(d.enrich_note)}</p>`;
        const asnNames = d.asn_names || {};
        if (d.peers && d.peers.length) {
            const tp = d.trusted_peers || [];
            html += `<p class="text-xs mb-1 text-gray-400">Peers: ` +
                d.peers.map(a => {
                    const nm = asnNames[a] ? ` <span class="text-gray-500">(${escapeHtml(asnNames[a])})</span>` : '';
                    return `<span class="font-mono ${tp.length && tp.indexOf(a) < 0 ? 'text-amber-300' : 'text-gray-200'}">AS${a}</span>${nm}`;
                }).join(', ') +
                ` · TCP-MD5: <span class="${d.md5 ? 'text-green-400' : 'text-amber-300'}">${d.md5 ? 'yes' : 'not seen'}</span></p>`;
        }
        (d.advisories || []).forEach(a => {
            const sev = a.severity === 'high' ? 'text-red-300 border-red-800 bg-red-950/40' : 'text-amber-300 border-amber-800 bg-amber-950/30';
            const refs = (a.refs || []).map(r => r.startsWith('http')
                ? `<a href="${escapeHtml(r)}" target="_blank" rel="noopener" class="underline text-cyan-400">OSV</a>`
                : `<span class="font-mono">${escapeHtml(r)}</span>`).join(', ');
            html += `<div class="mt-2 px-3 py-2 rounded border text-xs ${sev}"><strong>${escapeHtml(a.title)}</strong><br>${escapeHtml(a.detail)}${refs ? '<br><span class="text-gray-400">Refs:</span> ' + refs : ''}</div>`;
        });
        const prefixes = d.prefixes || [];
        if (prefixes.length) {
            html += '<p class="text-xs uppercase text-gray-400 mt-2 mb-1">Announced prefixes (' + d.prefix_total + (d.prefix_total > prefixes.length ? ', showing ' + prefixes.length : '') + ')</p>' +
                '<table class="min-w-full text-xs text-gray-300 whitespace-nowrap"><thead>' +
                '<tr class="text-left text-gray-500"><th class="px-2 py-1">Prefix</th><th class="px-2 py-1">Origin AS</th><th class="px-2 py-1">Baseline</th><th class="px-2 py-1">Status</th></tr>' +
                '</thead><tbody>' +
                prefixes.map(p => {
                    const badge = p.hijack ? '<span class="text-red-300">🛑 hijack</span>' : (p.bogon ? '<span class="text-amber-300">bogon</span>' : '<span class="text-gray-500">—</span>');
                    const oname = p.origin_name ? ` <span class="text-gray-500">${escapeHtml(p.origin_name)}</span>` : '';
                    return `<tr class="border-t border-slate-800">
                        <td class="px-2 py-1 font-mono ${p.hijack || p.bogon ? 'text-amber-300' : ''}">${escapeHtml(p.prefix)}</td>
                        <td class="px-2 py-1 font-mono ${p.hijack ? 'text-red-300' : ''}">${p.origin_as != null ? 'AS' + p.origin_as : '—'}${oname}</td>
                        <td class="px-2 py-1 font-mono text-gray-500">${p.baseline_as != null ? 'AS' + p.baseline_as : '—'}</td>