Function renderWifiInterfaceSwitch

web/scripts/ragnar_modern.js:8921–8969

(interfaces = [])

            html += `<p class="text-xs uppercase text-gray-400 mt-4 mb-1">All MACs observed (${obs.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">MAC</th><th class="px-2 py-1">Type</th><th class="px-2 py-1">Vendor</th><th class="px-2 py-1">IP(s)</th></tr>' +
                '</thead><tbody>' +
                obs.map(c => {
                    const [lbl, cls] = KLASS[c.klass] || [c.klass, 'text-gray-400'];
                    const ips = (c.ips || []);
                    return `<tr class="border-t border-slate-800">
                        <td class="px-2 py-1 font-mono ${c.klass === 'spoofed_vendor_oui' ? 'text-red-300' : ''}">${escapeHtml(c.mac)}</td>
                        <td class="px-2 py-1 ${cls}">${escapeHtml(lbl)}</td>
                        <td class="px-2 py-1 text-gray-400">${escapeHtml(c.vendor || '—')}</td>
                        <td class="px-2 py-1 font-mono">${escapeHtml(ips.slice(0, 4).join(', ')) || '—'}${ips.length > 4 ? '…' : ''}</td>
                    </tr>`;
                }).join('') +
                '</tbody></table>';
        }
        // Reasons narrative
        if (d.reasons && d.reasons.length) {
            html += '<ul class="text-xs text-gray-400 mt-3 list-disc pl-5">' +
                d.reasons.map(x => '<li>' + escapeHtml(x) + '</li>').join('') + '</ul>';
        }
        if (!d.oui_db) {
            html += '<p class="text-xs text-gray-600 mt-2">OUI vendor database not installed — spoof detection uses the built-in seed only. Install arp-scan for full vendor coverage.</p>';
        }
        out.innerHTML = html;
    } catch (e) {
        out.innerHTML = '<p class="text-sm text-red-400">Failed: ' + escapeHtml(e.message) + '</p>';
    } finally {
        _ndBusy(btn, false);
    }
}
async function macWatchReset() {
    try {
        await postAPI('/api/net/mac-watch-reset', {});
        addConsoleMessage('MAC Watch history cleared', 'info');
        const out = document.getElementById('macwatch-results');
        if (out) { out.classList.remove('hidden'); out.innerHTML = '<p class="text-sm text-gray-400">History cleared — run a scan to rebuild it.</p>'; }
    } catch (e) {
        addConsoleMessage('Failed to reset MAC Watch history: ' + e.message, 'error');
    }
}
function exportMacWatchCsv() {
    const d = _ndLastMacWatch;
    const TYPE = { spoofed_vendor_oui: 'Spoofed', universal: 'Vendor',
                  randomized: 'Randomized', virtual_laa: 'Virtual/VM' };
    _ndDownloadCsv('mac_watch' + (d && d.interface ? '_' + d.interface : ''),
        ['MAC', 'Type', 'Vendor', 'IPs', 'Flag', 'Note'],
        ((d && d.observed_macs) || []).map(c => {
            const ips = c.ips || [];
            const flag = c.klass === 'spoofed_vendor_oui' ? 'SPOOFED'
                : (ips.length > 1 ? 'CLONE (multiple IPs)' : '');
            return [c.mac, TYPE[c.klass] || c.klass, c.vendor || '',
                    ips.join(' '), flag, c.note || ''];
        }));