\n {/* Header */}\n

Bulk Generation Results

\n \n \n {totalGenerated} cards generated\n \n \n \n {generationTime}ms\n \n \n \n {mode} mode\n \n

\n \n \n \n

\n\n {/* Export Controls */}\n

\n Export Format:\n

\n {(['list', 'csv', 'json', 'text'] as const).map((format) => (\n setSelectedFormat(format)}\n className={`px-3 py-1 rounded text-sm font-medium transition-all ${\n selectedFormat === format\n ? 'bg-blue-500/30 text-blue-200 border border-blue-400'\n : 'bg-slate-700/30 text-slate-300 border border-slate-600 hover:bg-slate-600/30'\n }`}\n >\n {format === 'list' ? 'LIST' : format.toUpperCase()}\n \n ))}\n

\n \n \n Copy All\n \n \n \n Export {selectedFormat === 'list' ? 'LIST' : selectedFormat.toUpperCase()}\n \n

\n\n {/* Format Preview */}\n {selectedFormat === 'list' && (\n

\n \n List Format Preview (CCNUMBER|MM|YY|CVV):\n

\n {cards.slice(0, 5).map((card, index) => {\n const shortYear = card.expiryYear.slice(-2);\n return (\n

{card.number}|{card.expiryMonth}|{shortYear}|{card.cvv}

\n );\n })}\n {cards.length > 5 &&

... and {cards.length - 5} more cards

}\n

\n )}\n\n {/* Cards List */}\n

\n {currentCards.map((card, index) => (\n

\n Card #{startIndex + index + 1}\n

\n {formatCardNumber(card.number)}\n

\n CVV / Expiry\n

\n {card.cvv} / {card.expiryMonth}/{card.expiryYear}\n

\n Type / Name\n

\n {card.type.toUpperCase()} / {card.holderName}\n

\n ))}\n

\n\n {/* Pagination */}\n {totalPages > 1 && (\n

\n \n Showing {startIndex + 1}-{Math.min(endIndex, cards.length)} of {cards.length} cards\n \n

\n setCurrentPage(Math.max(1, currentPage - 1))}\n disabled={currentPage === 1}\n className=\"px-3 py-1 rounded bg-slate-700/30 text-slate-300 border border-slate-600 hover:bg-slate-600/30 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n \n \n \n {currentPage} / {totalPages}\n \n setCurrentPage(Math.min(totalPages, currentPage + 1))}\n disabled={currentPage === totalPages}\n className=\"px-3 py-1 rounded bg-slate-700/30 text-slate-300 border border-slate-600 hover:bg-slate-600/30 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n \n \n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/hmv0011/SON-GOKU/code/frontend/components/BulkResults.tsx","extension","actionData","errors"]