Function openHostPanel

web/scripts/ragnar_modern.js:4658–4684

(ip)

    if (!mac) return '';
    const s = encodeURIComponent(ssid || '').replace(/'/g, '%27');
    return `<a href="javascript:void(0)" onclick="event.stopPropagation();wifiPivotFromDefense('${mac}','${s}')"`
        + ` class="underline decoration-dotted hover:text-white" title="Open in Spectrum Analyzer">${mac}</a>`;
}

function wifidefRender() {
    const d = _wifidef.data; if (!d) return;
    const [label, cls] = _WIFIDEF_THREAT[d.threat] || ['—', 'bg-slate-700 text-slate-300'];
    const tb = document.getElementById('wifidef-threat');
    tb.textContent = label; tb.className = 'shrink-0 px-4 py-2 rounded-lg text-sm font-bold ' + cls;
    // Detection cards
    const det = document.getElementById('wifidef-detections');
    if (!d.detections.length) {
        det.innerHTML = '<div class="glass rounded-xl p-4 text-sm text-green-300 md:col-span-2">✓ No wireless attacks detected in this capture.</div>';
    } else {
        det.innerHTML = d.detections.map(x => {
            const crit = ['flood', 'evil_twin', 'karma'].includes(x.severity);
            const border = crit ? 'border-l-4 border-red-500' : 'border-l-4 border-amber-500';
            let title = '', body = '';
            if (x.type === 'deauth') {
                title = x.severity === 'flood' ? '💥 Deauth/Disassoc FLOOD' : 'Deauth/Disassoc frames seen';
                const scopeTag = x.scope ? ` <span class="text-gray-500">(${x.scope}${x.unprotected === x.count && x.count ? ', unprotected' : ''})</span>` : '';
                body = `<div>${x.count} frames.${scopeTag}</div>` + (x.attackers || []).map(a =>
                    `<div class="font-mono text-[11px] text-gray-400">${_wifidefMacLink(a.src)} → ${a.dst} ×${a.count}</div>`).join('');
            } else if (x.type === 'beacon_flood') {
                title = x.severity === 'flood' ? '📡 Beacon flood (fake APs)' : '📡 Dense airspace (beacon)';
                const laTag = (x.la_ratio != null) ? ` · <span class="${x.la_ratio >= 0.5 ? 'text-red-300' : 'text-gray-500'}">${Math.round(x.la_ratio * 100)}% randomized MACs</span>` : '';
                body = `<div>${x.ssids} SSIDs from ${x.bssids} BSSIDs${laTag}.</div>`;
            } else if (x.type === 'karma') {
                title = '🎣 KARMA / MANA rogue AP';
                body = `<div class="font-mono text-[11px] text-gray-400">${_wifidefMacLink(x.bssid)}</div><div>answered ${x.ssid_count} SSIDs: ${(x.ssids || []).join(', ')}</div>`;