Upload Files

\n \n {/* File Drop Zone */}\n \n \n \n

📁

\n Drop your files here or{' '}\n fileInputRef.current?.click()}\n className=\"text-blue-600 hover:text-blue-700 underline\"\n >\n browse\n \n

\n Accepted formats: {tool.acceptedFiles.join(', ')}\n {tool.multipleFiles && ' • Multiple files supported'}\n

\n\n {/* Uploaded Files List */}\n {uploadedFiles.length > 0 && (\n

Uploaded Files ({uploadedFiles.length})

\n {uploadedFiles.map((file, index) => (\n \n

\n {file.type.includes('pdf') ? '📄' : '🖼️'}\n

\n {file.name}\n

\n {formatFileSize(file.size)}\n

\n removeFile(index)}\n className=\"text-red-600 hover:text-red-700 p-1\"\n title=\"Remove file\"\n >\n \n \n

\n ))}\n

\n \n {tool.multipleFiles && (\n fileInputRef.current?.click()}\n className=\"w-full py-2 px-4 border-2 border-dashed border-gray-300 rounded-lg text-gray-600 hover:border-blue-400 hover:text-blue-600 transition-colors\"\n >\n + Add More Files\n \n )}\n \n )}\n \n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/pro562/pdf/code/frontend/components/FileUpload.tsx","extension","actionData","errors"]