Function updateResult

script.js:778–866

(server)

}

function updateResult(server) {
    let row = findResultRow(server);
    let detailsRow;

    const fmt = (v) => typeof v === 'number' ? v.toFixed(2) : 'N/A';
    const badgeHTML = reliabilityBadge(server.reliability);

    if (!row) {
        row = document.createElement('tr');
        row.dataset.serverName = server.name;
        row.dataset.serverUrl = server.url;
        row.className = 'border-b border-slate-100 dark:border-slate-800/50 perf-border cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800/30 transition-colors row-enter';
        resultsBody.appendChild(row);

        detailsRow = document.createElement('tr');
        detailsRow.className = 'details-row hidden';
        resultsBody.appendChild(detailsRow);

        row.addEventListener('click', (e) => {
            if (e.target.closest('.copy-btn')) return;
            detailsRow.classList.toggle('hidden');
            row.classList.toggle('row-expanded');
        });
    } else {
        detailsRow = row.nextElementSibling;
    }

    const ipsText = server.ips && server.ips.length ? server.ips.join(', ') : '';
    const safeName = escapeHTML(server.name);
    const safeIpsText = escapeHTML(ipsText);
    const country = countryLabel(server);
    const countryHTML = country ? countryBadgeHTML(server) : '';
    const countryDetailHTML = country
        ? `<p class="text-xs text-slate-500 dark:text-slate-400 mb-3">Provider country: ${countryHTML} <span>${escapeHTML(country)}</span></p>`
        : '';

    row.innerHTML = `
        <td class="py-3 px-4 text-left">
            <div class="flex items-center gap-2">
                <svg class="expand-chevron w-3 h-3 text-slate-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/></svg>
                <div class="min-w-0">
                    <div class="flex items-center gap-2 flex-wrap">
                        ${countryHTML}
                        <span class="font-medium text-slate-800 dark:text-slate-200">${safeName}</span>
                        ${badgeHTML}
                    </div>
                    ${ipsText ? `<div class="text-xs text-slate-400 dark:text-slate-500 mt-0.5 tabnum">${safeIpsText}</div>` : ''}
                </div>
            </div>
        </td>
        <td class="py-3 px-4 text-right tabnum text-slate-700 dark:text-slate-300">${fmt(server.speed.min)}</td>
        <td class="py-3 px-4 text-right tabnum text-slate-700 dark:text-slate-300">${fmt(server.speed.median)}</td>
        <td class="py-3 px-4 text-right tabnum font-medium text-slate-900 dark:text-slate-100">${fmt(server.speed.avg)}</td>
        <td class="py-3 px-4 text-right tabnum text-slate-700 dark:text-slate-300">${fmt(server.speed.max)}</td>
    `;

    const reliabilityMsg = server.reliability && server.reliability.message
        ? `<p class="text-xs text-slate-500 dark:text-slate-400 mb-3">${server.reliability.message}</p>` : '';