Function handleAutomationToggle

web/scripts/ragnar_modern.js:11793–11834

()

        const ifs = (d && d.interfaces) || [];
        const cur = sel.value;
        sel.innerHTML = '<option value="">Auto</option>' + ifs.map(i => {
            const bands = (i.bands || []).length ? ' · ' + i.bands.join('/') + 'GHz' : '';
            const mon = i.type === 'monitor' ? ' • MONITOR' : '';
            return `<option value="${i.iface}">${i.iface}${bands}${mon}</option>`;
        }).join('');
        if (cur && ifs.some(i => i.iface === cur)) sel.value = cur;
    } catch (e) { /* leave Auto */ }
}

function formatThreatBadge(threats) {
    if (!threats || threats.length === 0) return '';
    const severityColors = {
        critical: 'bg-red-600 text-white',
        high: 'bg-orange-600 text-white',
        medium: 'bg-yellow-600 text-black',
        low: 'bg-blue-600 text-white'
    };
    const worst = threats.reduce((a, b) => {
        const order = { critical: 0, high: 1, medium: 2, low: 3 };
        return (order[a.severity] || 3) <= (order[b.severity] || 3) ? a : b;
    });
    const cls = severityColors[worst.severity] || severityColors.medium;
    const tooltip = threats.map(t => `[${t.severity.toUpperCase()}] ${t.name}: ${t.description}`).join('\n');
    const label = threats.length === 1 ? worst.name : `${threats.length} threats`;
    return `<span class="px-1.5 py-0.5 rounded text-xs font-bold ${cls} cursor-help" title="${escapeHtml(tooltip)}">⚠ ${escapeHtml(label)}</span>`;
}

function renderHostRow(normalized) {
    const hostname = normalized.hostname ? escapeHtml(normalized.hostname) : 'Unknown';
    const mac = normalized.mac ? escapeHtml(normalized.mac) : 'Unknown';
    const ip = escapeHtml(normalized.ip);
    
    // Add a visual status dot indicator
    const isActive = normalized.statusClass.includes('green');
    const isInactive = normalized.statusClass.includes('red');
    const dotColor = isActive ? 'bg-green-500' : (isInactive ? 'bg-red-500' : 'bg-yellow-500');
    const statusDot = `<span class="inline-block w-2 h-2 rounded-full ${dotColor} mr-1"></span>`;
    const threatBadge = formatThreatBadge(normalized.threats);

    return `
        <td class="py-3 px-4" data-label="Status">
            <span class="px-2 py-1 rounded text-xs ${normalized.statusClass} flex items-center">
                ${statusDot}${escapeHtml(normalized.statusText)}
            </span>
            ${threatBadge}