Function updateNetworkStats

web/scripts/ragnar_modern.js:13882–13921

(data)

    function networkRowHTML(net) {
        const ssid = escapeHtml(net.ssid || 'Unknown');
        const bssid = escapeHtml(net.bssid || 'Unknown');
        const lastSeen = net.last_seen ? formatTimestamp(net.last_seen) : 'Unknown';
        return `
            <tr class="hover:bg-gray-700 transition-colors">
                <td class="px-4 py-3 text-sm text-white font-semibold">${ssid}</td>
                <td class="px-4 py-3 text-sm text-gray-300 font-mono">${bssid}</td>
                <td class="px-4 py-3 text-sm">${_pwnBadgesHTML(net)}</td>
                <td class="px-4 py-3 text-sm">${_pwnGpsHTML(net)}</td>
                <td class="px-4 py-3 text-sm text-gray-400 whitespace-nowrap">${lastSeen}</td>
                <td class="px-4 py-3 text-sm">${_pwnFilesHTML(net.files)}</td>
            </tr>`;
    }

    /* --- Build mobile cards --- */
    let mobileHTML = '<div class="md:hidden space-y-3">';
    previewItems.forEach(net => { mobileHTML += networkCardHTML(net); });
    if (hasMore) {
        mobileHTML += `
            <button onclick="togglePwnNetworksExpansion()"
                    class="flex items-center justify-center w-full py-3 px-4 bg-gray-700 hover:bg-gray-600 rounded-lg transition-colors text-gray-300 hover:text-white">
                <span id="pwn-networks-expand-text-m">Show ${hiddenItems.length} more</span>
                <svg id="pwn-networks-expand-arrow-m" class="w-4 h-4 ml-2 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                </svg>
            </button>
            <div id="pwn-networks-hidden-m" class="hidden space-y-3">`;
        hiddenItems.forEach(net => { mobileHTML += networkCardHTML(net); });
        mobileHTML += '</div>';
    }
    mobileHTML += '</div>';

    /* --- Build desktop table --- */
    let tableHTML = `
        <div class="hidden md:block bg-gray-800 rounded-lg p-4">
            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-gray-700">
                    <thead>
                        <tr>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-300 uppercase">SSID</th>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-300 uppercase">BSSID</th>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-300 uppercase">Data</th>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-300 uppercase">GPS</th>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-300 uppercase">Last Seen</th>