Function updateInterfaceScanState

web/scripts/ragnar_modern.js:8728–8766

(interfaceName, enable, button)

    if (cc.EXPOSURE) bits.push(cc.EXPOSURE + ' exposure');
    if (cc.ATTACK) bits.push(cc.ATTACK + ' attack');
    if (bits.length) html += ' · ' + bits.join(', ');
    html += '</p>';
    if ((d.cves || []).length) {
        html += '<p class="text-xs text-gray-400 mb-2">CVEs in scope: <span class="font-mono text-amber-300">' + d.cves.map(escapeHtml).join(', ') + '</span></p>';
    }
    const fs = d.findings || [];
    if (fs.length) {
        html += '<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">Sev</th><th class="px-2 py-1">Code</th><th class="px-2 py-1">Finding</th><th class="px-2 py-1">Class</th><th class="px-2 py-1">Source</th><th class="px-2 py-1">CVEs</th><th class="px-2 py-1">Detail</th></tr>' +
            '</thead><tbody>' +
            fs.map(f => {
                const sev = _GUARD_SEV_STYLE[f.severity] || 'bg-slate-800 text-slate-400';
                const kl = _GUARD_KLASS_STYLE[f.klass] || 'text-gray-400';
                return '<tr class="border-t border-slate-800">' +
                    `<td class="px-2 py-1"><span class="px-1.5 py-0.5 rounded ${sev} text-[10px] font-semibold">${escapeHtml(f.severity)}</span></td>` +
                    `<td class="px-2 py-1 font-mono text-gray-400">${escapeHtml(f.code)}</td>` +
                    `<td class="px-2 py-1">${escapeHtml(f.name)}</td>` +
                    `<td class="px-2 py-1 ${kl}">${escapeHtml(f.klass)}</td>` +
                    `<td class="px-2 py-1 font-mono">${escapeHtml(f.src || '—')}</td>` +
                    `<td class="px-2 py-1 font-mono text-amber-300/80">${escapeHtml((f.cves || []).join(', ') || '—')}</td>` +
                    `<td class="px-2 py-1 text-gray-500">${escapeHtml(_guardDetailStr(f.detail))}</td>` +
                    '</tr>';
            }).join('') +
            '</tbody></table>';
    } else if (d.verdict === 'clean') {
        html += '<p class="text-xs text-gray-500">Segment quiet — no vendor management or attack traffic seen in the window.</p>';
    }
    return html;
}
async function _runGuard(module, label, btn) {
    const out = document.getElementById(module + '-guard-results');
    if (!out) return;
    const ifaceSel = document.getElementById(module + '-guard-iface');
    const iface = ifaceSel && ifaceSel.value ? ifaceSel.value : '';
    const secsEl = document.getElementById(module + '-guard-secs');
    const secs = secsEl && secsEl.value ? secsEl.value : '20';
    _ndBusy(btn, true, 'Capturing…');
    out.classList.remove('hidden');
    out.innerHTML = `<p class="text-sm text-gray-400">Passively capturing the ${escapeHtml(label)} attack surface…</p>`;
    try {
        _guardFillIfaces(module + '-guard-iface');
        const roleEl = document.getElementById(module + '-guard-role');