Function displayPwnNetworksTable

web/scripts/ragnar_modern.js:6281–6386

(networks)

    }
}

async function checkVpnEgress() {
    const cell = document.getElementById('vpn-egress-result');
    if (!cell) return;
    const sel = document.getElementById('vpn-egress-iface');
    const iface = sel && sel.value ? sel.value : '';
    const label = iface ? 'via ' + escapeHtml(iface) : 'default route';
    cell.innerHTML = '<span class="text-gray-400">checking egress ' + label + '… (public IP, known-VPN IP list, Tor exit)</span>';
    try {
        const d = await fetchAPI('/api/net/vpn-check' + (iface ? '?interface=' + encodeURIComponent(iface) : ''));
        const ifNote = d.interface ? ' <span class="text-gray-500">[' + escapeHtml(d.interface) + ']</span>' : '';
        const why = (d.reasons && d.reasons.length)
            ? ' <span class="text-gray-500">(' + d.reasons.map(escapeHtml).join('; ') + ')</span>' : '';
        if (d.verdict === 'vpn') {
            cell.innerHTML = '<span class="text-amber-300">yes</span>' + ifNote + why;
        } else if (d.verdict === 'likely') {
            cell.innerHTML = '<span class="text-amber-300">likely</span>' + ifNote + why;
        } else if (d.verdict === 'no') {
            const via = [d.isp, d.public_ip].filter(Boolean).map(escapeHtml).join(' · ');
            const note = d.ip_list_checked ? '; egress IP not in the known-VPN list' : '';
            cell.innerHTML = '<span class="text-gray-400">no</span>' + ifNote
                + (via ? ' <span class="text-gray-500">(egress via ' + via + note + ')</span>' : '');
        } else {
            cell.innerHTML = '<span class="text-gray-500">unknown</span>' + ifNote + why;
        }
    } catch (e) {
        cell.innerHTML = '<span class="text-red-400">check failed: ' + escapeHtml(e.message) + '</span>';
    }
}

async function loadInterfaces() {
    const out = document.getElementById('interfaces-results');
    out.innerHTML = '<p class="text-gray-400">Loading…</p>';
    try {
        const data = await fetchAPI('/api/net/interfaces');
        if (!data.success) {
            out.innerHTML = '<p class="text-red-400">' + escapeHtml(data.error || 'failed') + '</p>';
            return;
        }
        _ndLastIfaces = data.interfaces || [];
        const methodBadge = (m) => {
            const map = {
                dhcp: 'bg-blue-900/50 text-blue-300', static: 'bg-purple-900/50 text-purple-300',
                'dhcp-failed': 'bg-red-900/50 text-red-300', 'link-down': 'bg-slate-700 text-slate-400',
                unknown: 'bg-slate-700 text-slate-400'
            };
            return `<span class="px-2 py-0.5 rounded text-xs ${map[m] || map.unknown}">${escapeHtml(m)}</span>`;
        };
        const typeLabel = (i) => {
            if (i.type === 'vpn') return '<span class="px-2 py-0.5 rounded text-xs bg-amber-900/50 text-amber-300">🔒 ' + escapeHtml(i.vpn_kind || 'VPN') + '</span>';
            if (i.type === 'wifi') return '<span class="px-2 py-0.5 rounded text-xs bg-sky-900/50 text-sky-300">wifi</span>';
            return '<span class="px-2 py-0.5 rounded text-xs bg-slate-700 text-slate-300">ethernet</span>';
        };
        const rows = data.interfaces.map(i => {
            const link = (i.link_detected === true) ? '<span class="text-green-400">up</span>'
                : (i.link_detected === false) ? '<span class="text-gray-500">down</span>'
                : escapeHtml(String(i.operstate || '—'));
            const speed = i.speed ? escapeHtml(i.speed) + (i.duplex ? ' ' + escapeHtml(i.duplex) : '') : '—';