Function updateZapControlPanel

web/scripts/ragnar_modern.js:20211–20251

(scanners)

        const clickAttr = encodedPath ? `onclick="openLootFile('${encodedPath}')"` : 'disabled aria-disabled="true"';
        const actionHint = encodedPath ? '<p class="text-xs text-Ragnar-400 mt-3">Open in Files →</p>' : '';
        
        return `
            <button type="button" class="${buttonClasses}" ${clickAttr}>
                <div class="flex items-center justify-between mb-2">
                    <h3 class="text-lg font-semibold text-Ragnar-400 truncate" title="${filename}">${filename}</h3>
                    <span class="text-xs text-gray-400 ml-2">${size}</span>
                </div>
                <div class="space-y-2 text-sm text-gray-300">
                    <p><span class="text-gray-400">Source:</span> ${source}</p>
                    <p><span class="text-gray-400">Timestamp:</span> ${timestamp}</p>
                </div>
                ${actionHint}
            </button>
        `;
    }
    
    let html = `<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" id="loot-preview-items">`;
    
    // Add preview items
    previewItems.forEach(item => {
        html += createLootItemHTML(item);
    });
    
    html += '</div>';
    
    // Add expandable section for remaining items
    if (hasMoreItems) {
        html += `
            <div class="mt-4">
                <button onclick="toggleLootExpansion()" 
                        class="flex items-center justify-center w-full py-3 px-4 bg-gray-800 hover:bg-gray-700 rounded-lg transition-colors text-gray-300 hover:text-white">
                    <span id="loot-expand-text">Show ${hiddenItems.length} more items</span>
                    <svg id="loot-expand-arrow" 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="loot-hidden-items" class="hidden mt-4">
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
        `;
        
        hiddenItems.forEach(item => {
            html += createLootItemHTML(item);
        });