Add files with one click or drag-and-drop
Upload button
Click Upload in the header. A file input opens; choose one or more files. Accepted types typically include images, video, audio, and documents (e.g. PDF, DOC, XLS, TXT, CSV, SVG, ZIP). The exact list is defined in constants (e.g. ACCEPTED_MIME_TYPES).
Target folder: If you have a folder selected in the sidebar (or in the grid), new uploads are assigned to that folder via the API (e.g. media_folder option). Otherwise they go to "unsorted" / root.
Progress: Each file appears in the MediaUploadZone (see below) with progress and status (pending, uploading, done, error). When all are done, the list refetches so the new items appear.
Drag-and-drop from desktop
File drag handlers are attached to the main content area (the div that contains the breadcrumb, upload zone, and grid). When you drag files from your computer over that area, isDraggingFiles becomes true and the MediaUploadZone can show a drop overlay ("Drop to upload"). Dropping the files triggers the same upload flow as the Upload button, with the same target folder (current folder or root).
Benefit: Upload without clicking through dialogs; drop directly into the current folder.
Upload zone (progress list)
MediaUploadZone shows:
Drop overlay when isDragging is true (files from desktop).
List of current uploads – Each row: icon (by file type), name, size, progress bar (when uploading), and status (Waiting…, Done, or error). An optional "Clear" removes the list when you're done.
Benefit: See progress and errors per file without leaving the page.