FilePicker

Browse and select files from object storage — single/multi-select with inline upload

FilePicker reads from a host app's /api/files endpoints (included in the JST template). On this static docs site the modal opens but the listing stays empty.

Demo

Props

Prop	Type	Default	Description
`open`	`boolean`	`false`	Controls modal visibility (bindable)
`multiple`	`boolean`	`false`	Allow selecting multiple files
`accept`	`string`	`""`	Filter by MIME type or extension (e.g. `"image/*,.pdf"`)
`title`	`string`	`"Select File"`	Modal title
`apiBase`	`string`	`"/api/files"`	Base URL for file API endpoints
`onSelect`	`(selections) => void`	-	Called with selected files
`onclose`	`() => void`	-	Called when modal closes

Server requirements

The FilePicker expects these API endpoints (included in the JST template):

GET /api/files/list — personal + team file listings
POST /api/files — upload file (FormData with file + scope)
GET /api/files/[name]/view?scope=… — view/preview file
GET /api/files/[name]/download?scope=… — download file