Shell

The explorer

A space-optimised file list, the one on the left of this page. Give it files with parent ids; it brings folders, breadcrumbs, back and forward, list and grid views and sorting.

files	Flat FileItem list: PDF, embedded, YouTube and web documents, folders by parentId.
externalOpenedIds	Files open elsewhere: a lit LED on their row (here: the open document).
externalOpeningIds	Files being opened: a blinking LED.
onFileClick	Single-document mode: a click opens or swaps.
itemIndicators	Per-row dot, progress or badge, mapped from your domain state.
documentViewingMode	single / multi / auto toggle for surfaces that hold many documents.
onUpload · banner	Upload button and an info, warn or error strip.

<FileExplorer
  files={files}
  externalOpenedIds={new Set([openId])}
  onFileClick={(file) => open(file.id)}
  showDate
/>