<!-- source-hash: 35fc4ad5dd56ef4d64fe4e521ab6318a -->
A toolbar component for the File Manager that renders action buttons for common file operations.

## Key Components

### `FileManagerActionBar`
A client-side React component that displays a responsive button bar with six file management actions.

| Button | Icon | Disabled When |
|--------|------|---------------|
| New Folder | `FolderPlus` | Never |
| Copy | `Copy` | `hasSelection = false` |
| Cut | `Scissors` | `hasSelection = false` |
| Paste | `Clipboard` | `canPaste = false` |
| Upload | `Upload` | Never |
| Select All | `CheckSquare` | Never |

### Props (`FileManagerActionBarProps`)

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `canPaste` | `boolean` | `false` | Enables the Paste button |
| `hasSelection` | `boolean` | `false` | Enables Copy and Cut buttons |
| `onNewFolder` | `() => void` | — | Create folder handler |
| `onPaste` | `() => void` | — | Paste handler |
| `onCopy` | `() => void` | — | Copy handler |
| `onCut` | `() => void` | — | Cut handler |
| `onUpload` | `() => void` | — | Upload handler |
| `onSelectAll` | `() => void` | — | Select all handler |
| `className` | `string` | — | Additional CSS classes |

## Usage Example

```typescript
<FileManagerActionBar
  canPaste={clipboard !== null}
  hasSelection={selectedItems.length > 0}
  onNewFolder={() => setShowNewFolderModal(true)}
  onCopy={() => setClipboard({ mode: 'copy', items: selectedItems })}
  onCut={() => setClipboard({ mode: 'cut', items: selectedItems })}
  onPaste={() => handlePaste(currentPath)}
  onUpload={() => fileInputRef.current?.click()}
  onSelectAll={() => setSelectedItems(allItems)}
  className="px-4 py-2 border-b"
/>
```

The bar is responsive — it wraps on small screens and right-aligns on `md` and above via `flex-wrap md:justify-end`.