Upload Queue Preview Gallery Block for React

No. The drop zone hands the block each accepted file, and the block keeps only its name and its size. The thumbnail is a drawing picked from the file's type and a number made from its name, so the same name always draws the same picture. Nothing is uploaded, previewed from the file or stored.

By words and a mark, never by colour alone: a tick and "Uploaded", a clock and "Queued", an alert mark and "Failed: the connection dropped", and "Uploading, 64%" with a thin bar in the theme's foreground. The bar is hidden from screen readers because the percentage is in the text.

The drop zone refuses a file over 50 MB and the block says so in its status line ("big-video.mov is over 50 MB and was not added"); nothing is queued. Change MAX_BYTES and the hint under the drop zone for your own limit.

No. The queue is a scrolling region of fixed height (focusable, so the keyboard can scroll it) and the foot band keeps its height; ten files scroll, four don't.

No. Send, Retry and Remove only change the list. It all lives in the block's own state and is gone on reload. Each action says "nothing is saved in this demo" in a polite status line; wire the handlers to your own storage or API when you use it.

The queue goes under the drop zone, full width. Each row keeps its thumbnail, name, size and state on two lines, and the Send button sits under its status line.