Clip Selector Audio File Upload Block for Vue

Everything. No audio plays, and nothing is uploaded or saved. The three samples and their peaks are typed, and the bars are drawn as SVG. A file you pick is listed by name and size and never opened, so its length and specs say "Not read", its wave is a stand-in drawn from its name and the clip slider waits. To wire it for real, decode the file on the server or with the Web Audio API, replace the typed peaks with the real ones, and send the clip start and end with the upload.

The slider has two thumbs in seconds, one second apart at the least where the library enforces it. Bars whose centre falls inside the clip are drawn at full weight; the others stay lighter, so the selection reads without colour. The readout is worked out from the two values: start, end and the length in seconds. Each thumb is spoken as Clip start or Clip end with its time.

Yes. Focus a thumb and use the arrow keys for one second, Page Up and Page Down for larger steps, and Home and End for the ends. In a right-to-left language the slider keeps its direction so times read the same way.

The block never reads a picked file, so it cannot know the file's length or shape. It shows a stand-in wave made from the file name, says the specs are not read, and disables the clip slider and the Add button until you choose a typed sample. A real build would read the file first.

WAV, FLAC, MP3, AIFF and OGG up to 200 MB, one file at a time. A second pick replaces the first and the status line says so. A refused file is named in the polite status line.

Yes. Bars, thumbs and the clip fill use the foreground token and its lighter weights, so the panel reads the same in every preset and in dark mode.