<!-- source-hash: 5c554e5f85ea796af4b31616f108e4eb -->
Storybook stories for the `FileManager` UI component, covering rendering states, navigation paths, selection, search, and UI configuration variants.

## Key Components

- **`meta`** — Storybook metadata registering the component under `UI/FileManager` with default args (sample files, mock handlers via `fn()`) and argType controls for boolean/text props
- **`sampleFiles`** — Shared fixture array of `FileItem` objects (folders + files) used across stories
- **Story exports** — Individual named story objects, each overriding specific args to isolate a scenario

## Stories

| Story | Description |
|---|---|
| `Default` | Root path with mixed files and folders |
| `NestedPath` | Deep breadcrumb path (`/Documents/Projects/my-app`) |
| `WithSelection` | Two files selected, enabling copy/cut actions |
| `WithPasteAvailable` | Clipboard paste action enabled |
| `Loading` | Skeleton/spinner state while fetching contents |
| `Searching` | Active search query with filtered results |
| `SearchInProgress` | Search spinner while results load |
| `EmptyDirectory` | No files present in current path |
| `MinimalUI` | No search bar, action bar, or checkboxes |
| `WindowsPath` | Windows-style `C:\Users\...` path handling |

## Usage Example

```typescript
import { FileManager } from '../components/ui/file-manager/file-manager';

<FileManager
  files={sampleFiles}
  currentPath="/"
  selectedFiles={[]}
  onNavigate={(path) => console.log('navigate', path)}
  onSelectFile={(id) => console.log('select', id)}
  onFolderOpen={(item) => console.log('open', item)}
  showSearch
  showActions
  showCheckboxes
/>
```