Function displayConfigForm

web/scripts/ragnar_modern.js:12433–12724

(config)

    files.forEach(f => {
        if (!grouped[f.category]) grouped[f.category] = [];
        grouped[f.category].push(f);
    });

    let html = '';
    const categoryOrder = ['data_stolen', 'credentials', 'vulnerabilities', 'scan_results'];

    categoryOrder.forEach(cat => {
        if (!grouped[cat] || grouped[cat].length === 0) return;
        const meta = NETWORK_FILE_CATEGORY_LABELS[cat] || { label: cat, color: 'text-gray-300' };

        html += `
            <div class="mb-6">
                <h4 class="text-sm font-semibold uppercase tracking-wider ${meta.color} mb-3">${meta.label} (${grouped[cat].length})</h4>
                <div class="space-y-2">`;

        grouped[cat].forEach(file => {
            const fname = escapeHtml(file.filename);
            const size  = escapeHtml(file.size || '');
            const mod   = escapeHtml(file.modified || '');
            const vpath = file.virtual_path ? encodeURIComponent(file.virtual_path) : '';
            const clickable = !!vpath;

            html += `
                <div class="flex items-center justify-between bg-gray-800 rounded-lg px-4 py-3 ${clickable ? 'hover:bg-gray-700 cursor-pointer' : ''} transition-colors"
                     ${clickable ? `onclick="openLootFile('${escapeAttr(vpath)}')"` : ''}>
                    <div class="flex items-center gap-3 min-w-0">
                        <svg class="w-4 h-4 text-gray-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                        </svg>
                        <span class="text-sm text-white truncate" title="${fname}">${fname}</span>
                    </div>
                    <div class="flex items-center gap-4 text-xs text-gray-400 flex-shrink-0 ml-4">
                        ${size ? `<span>${size}</span>` : ''}
                        ${mod  ? `<span class="hidden sm:inline">${mod}</span>` : ''}
                        ${clickable ? `<svg class="w-4 h-4 text-Ragnar-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>` : ''}
                    </div>
                </div>`;
        });

        html += `</div></div>`;
    });

    container.innerHTML = html;
}


async function updateNetworkStatusBanner() {
    try {
        const configResponse = await fetchAPI('/api/config');
        if (configResponse && configResponse.success) {
            const maxFailedPings = configResponse.config.network_max_failed_pings || 15;
            const offlineMinutes = Math.round((maxFailedPings * 60) / 60); // 60 second ARP scans
            
            const failedPingsEl = document.getElementById('network-status-failed-pings');
            const offlineTimeEl = document.getElementById('network-status-offline-time');
            
            if (failedPingsEl) {
                failedPingsEl.textContent = maxFailedPings;