Function updateMultiInterfaceModeControls

web/scripts/ragnar_modern.js:8622–8682

(state)

            h += '<table class="w-full text-xs"><tr class="text-gray-500 text-left"><th class="pr-3">RTT min</th><th class="pr-3">θ offset</th><th class="pr-3">asymmetry</th><th>clocks</th></tr>';
            h += '<tr><td class="pr-3 font-mono">' + (s.rtt_min_ms != null ? s.rtt_min_ms.toFixed(2) : '?') + ' ms</td>';
            h += '<td class="pr-3 font-mono">' + (s.theta_ms != null ? s.theta_ms.toFixed(2) : '?') + ' ms</td>';
            h += '<td class="pr-3 font-mono">' + (s.last.asymmetry_ms != null ? s.last.asymmetry_ms.toFixed(2) : '?') + ' ms</td>';
            h += '<td>' + (s.clock_synced ? '<span class="text-green-400">synced (absolute)</span>' : '<span class="text-gray-400">unsynced (change-sensitive)</span>') + '</td></tr></table>';
        }
        if (d.events && d.events.length) {
            h += '<div class="mt-2 text-xs font-semibold text-amber-300">' + d.events.length + ' asymmetry event(s)</div>';
            for (const ev of d.events) {
                h += '<div class="text-xs mt-1 border-l-2 border-amber-400 pl-2">';
                h += 'Δ ' + (ev.asymmetry_ms != null ? ev.asymmetry_ms.toFixed(2) : '?') + ' ms · dir ' + escapeHtml(ev.direction || '?');
                if (ev.attribution) h += ' — <span class="text-cyan-400">' + escapeHtml(ev.attribution) + '</span>';
                if (ev.control_plane && ev.control_plane.covering_prefix) {
                    h += '<div class="text-gray-400 pl-1">prefix ' + escapeHtml(ev.control_plane.covering_prefix) + ' origin AS' + escapeHtml(String(ev.control_plane.origin_as ?? '?')) + (ev.control_plane.flapping ? ' <span class="text-red-300">flapping</span>' : '') + '</div>';
                }
                h += '</div>';
            }
        }
        out.innerHTML = h;
    } catch (e) {
        out.innerHTML = '<span class="text-red-300">' + escapeHtml(e.message) + '</span>';
    }
}

// ---- Routing-scanner detector self-test (+ optional Scapy) ------------------
function _scapyLegLabel(sc) {
    if (!sc) return '';
    if (sc.ran) return sc.pass ? '<span class="text-green-400">e2e ✓</span>' : '<span class="text-red-300">e2e ✗</span>';
    return '<span class="text-gray-500">e2e skipped</span>';
}
async function runRoutingSelftest() {
    const out = document.getElementById('routing-selftest-results');
    if (!out) return;
    const btn = (typeof event !== 'undefined' && event && event.target) ? event.target : null;
    _ndBusy(btn, true, 'Running…');
    out.classList.remove('hidden');
    out.innerHTML = '<p class="text-sm text-gray-400">Running IGMP / OSPF / BGP detector self-tests…</p>';
    try {
        const d = await fetchAPI('/api/net/routing-selftest');
        if (!d || d.success === undefined) {
            out.innerHTML = '<p class="text-sm text-red-400">Self-test failed to run.</p>';
            return;
        }
        // Scapy status + install button
        const status = document.getElementById('scapy-status');
        const instBtn = document.getElementById('scapy-install-btn');
        if (status) status.innerHTML = d.scapy_available
            ? 'Scapy: <span class="text-green-400">installed</span> — end-to-end leg active'
            : 'Scapy: <span class="text-amber-300">not installed</span> — end-to-end leg skipped';
        if (instBtn) instBtn.classList.toggle('hidden', !!d.scapy_available);

        const names = { igmp: 'IGMP Watch', ipv6: 'IPv6 First-Hop Watch', ndp: 'NDP Watch (IPv6 neighbor spoofing)', raguard: 'IPv6 RA Guard', ntp: 'NTP Watch', icmp: 'ICMP Watch', snmp: 'SNMP Watch', cert: 'Cert Watch', tls: 'TLS Watch (passive JA4/QUIC)', stp: 'STP/BPDU Watch (spanning tree)', smb: 'SMB Watch (SMBv1 + poisoning + Kerberos downgrade)', relay: 'Relay/Coercion Watch (NTLM relay)', ldap: 'LDAP Watch (Active Directory)', dtp: 'DTP Watch (VLAN hopping)', cdp: 'CDP Watch (Cisco Discovery leak/flood)', vtp: 'VTP Watch (VTP bomb / VLAN-DB wipe)', eigrp: 'EIGRP Watch (Cisco IGP)', isis: 'IS-IS Watch (IGP)', fhrp: 'FHRP Watch (HSRP/VRRP/GLBP/CARP)', ospf: 'OSPF Scanner', bgp: 'BGP Path Watch',
                        bgp_speaker: 'BGP Speaker (codec/FSM/RIB)', path_asymmetry: 'Path Asymmetry (OWD)' };
        const overall = d.success
            ? '<div class="mb-2 px-3 py-2 rounded border bg-green-950/40 border-green-900 text-green-400 text-sm">✓ All detector self-tests passed' + (d.scapy_available ? ' (including Scapy end-to-end)' : ' — install Scapy for the end-to-end leg') + '</div>'
            : '<div class="mb-2 px-3 py-2 rounded border bg-red-950/60 border-red-800 text-red-300 text-sm">🛑 A detector self-test FAILED — see below</div>';
        let html = overall +
            '<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">Scanner</th><th class="px-2 py-1">Scenarios</th><th class="px-2 py-1">End-to-end</th><th class="px-2 py-1">Result</th></tr>' +
            '</thead><tbody>';