I'll create a comprehensive multi-file upload component with chunking support using React TypeScript, Radix UI, and Lucide React icons.

This comprehensive multi-file upload component includes:

Key Features:

1. Multiple File Selection: Drag & drop or click to select multiple files
2. Chunked Upload: Large files are split into 1MB chunks for reliable upload
3. Progress Tracking: Real-time progress for each file and chunk
4. Upload Controls: Pause, resume, retry, and cancel individual uploads
5. Concurrent Uploads: Configurable number of simultaneous uploads
6. Error Handling: Automatic retry with exponential backoff
7. File Management: Remove files, clear completed uploads

Technical Implementation:

• Chunking Logic: Files are split into configurable chunks (default 1MB)
• AbortController: Used for canceling uploads
• Queue Management: Limits concurrent uploads to prevent overwhelming the server
• Retry Mechanism: Automatic retry for failed chunks with backoff
• Progress Calculation: Tracks uploaded chunks vs total chunks

API Endpoint:

The /api/upload-chunk route handles:

• Individual chunk uploads
• Temporary storage of chunks
• Automatic file assembly when all chunks are received
• Cleanup of temporary files

Usage:

1. Users can drag & drop or select multiple files
2. Files are automatically queued for upload
3. Large files are chunked automatically
4. Users can monitor progress and control uploads
5. Failed uploads can be retried individually