Batch Summary

\n \n

Files

{batchStats.totalFiles}

Total Size: {formatFileSize(batchStats.totalSize)}

\n \n

Status

\n {batchStats.statusCount.success} completed\n {batchStats.statusCount.uploading} uploading\n {batchStats.statusCount.error} failed\n

\n \n

File Types

\n {Object.entries(batchStats.fileTypes).map(([type, count]) => (\n

\n .{type}\n {count}\n

\n ))}\n

\n \n {batchId ? (\n \n ) : isUploading && (\n

\n Uploading files...\n

sum + file.progress, 0) / files.length}%` }}\n >

\n )}\n

\n );\n };\n \n const renderActionToolbar = () => {\n const hasSelectedFiles = selectedFiles.size > 0;\n \n return (\n

\n \n {viewMode === 'list' ? '🔲 Grid' : '📋 List'}\n \n \n {hasSelectedFiles && (\n \n Remove Selected ({selectedFiles.size})\n \n )}\n

\n \n

\n \n Select All from Folder\n \n {files.length > 0 && (\n \n Clear All\n \n )}\n

\n );\n };\n \n return (\n

Bulk Document Upload

Upload and process multiple invoice documents at once

\n \n {showSummary && renderBatchSummary()}\n \n \n {files.length === 0 ? (\n \n ) : (\n <>\n {renderActionToolbar()}\n \n {viewMode === 'list' ? (\n \n ) : (\n \n )}\n \n

\n \n Reset\n \n f.status === FileStatus.SUCCESS)}\n >\n {isUploading ? (\n \n

\n Uploading...\n \n ) : (\n 'Upload Files'\n )}\n \n

\n \n )}\n \n \n {files.length > 5 && (\n

Bulk Upload Tips

You can select up to {config.uploadConfig.maxBatchSize} files at once
Files will upload in parallel to improve speed
Larger files (over 10MB) will use chunked uploading for reliability
You can continue working while files upload in the background
File metadata will be extracted automatically after upload completes

\n )}\n

\n );\n};\n\nexport default BulkUploadPage;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/MrGo2/untitled-3286/code/frontend/components/BulkUploadPage.tsx","extension","actionData","errors"]