Function updatePrimaryConnectionCard

web/scripts/ragnar_modern.js:11944–12004

(data)

                </div>
                ${a.message ? `<p class="text-gray-300">${escapeHtml(a.message)}</p>` : ''}
            </div>`).join('');
    } else {
        attacksEl.innerHTML = '<p class="text-gray-500 text-sm">No attack history</p>';
    }

    // Vuln summary
    const vulnSection = document.getElementById('hdp-vuln-section');
    const vulnEl = document.getElementById('hdp-vuln');
    if (data.vuln_summary) {
        vulnEl.textContent = data.vuln_summary;
        vulnSection.classList.remove('hidden');
    } else {
        vulnSection.classList.add('hidden');
    }
}

function updateHostCountDisplay() {
    const tableBody = document.getElementById('network-hosts-table');
    const hostCount = document.getElementById('host-count');
    if (!tableBody || !hostCount) {
        return;
    }

    const totalHosts = tableBody.querySelectorAll('tr[data-ip]').length;
    hostCount.textContent = `${totalHosts} host${totalHosts !== 1 ? 's' : ''}`;
}

function updateHostInTable(hostData) {
    const tableBody = document.getElementById('network-hosts-table');
    if (!tableBody) {
        return;
    }

    const normalized = normalizeHostRecord(hostData);
    if (!normalized) {
        return;
    }

    const noDataRow = tableBody.querySelector('td[colspan="8"]');
    if (noDataRow) {
        noDataRow.parentElement.remove();
    }

    const selector = `tr[data-ip="${escapeSelector(normalized.ip)}"]`;
    let row = tableBody.querySelector(selector);
    
    // Save deep scan button state before updating row
    if (row) {
        saveDeepScanButtonState(normalized.ip);
    }
    
    if (!row) {
        row = document.createElement('tr');
        row.setAttribute('data-ip', normalized.ip);
        row.className = 'border-b border-slate-700 hover:bg-slate-700/50 transition-colors';
        tableBody.appendChild(row);
    }