<!-- source-hash: 0825a14a4aea648af8873376f22c05eb -->
A single table row component for the File Manager UI, rendering file/folder metadata with interactive selection, context menus, and navigation controls.

## Key Components

### `FileManagerTableRow`
The primary exported component that renders a horizontal row displaying:
- **Checkbox** — optional selection toggle (guarded with `data-no-row-click`)
- **FileIcon** — type/extension-aware icon with file name and optional path
- **Metadata columns** — file size and last modified date
- **Action controls** — `MoreHorizontal` context menu button (visible on hover) and a `ChevronRight` navigate-into button for folders

## Key Behaviors

| Behavior | Detail |
|---|---|
| `data-no-row-click` | Prevents checkbox and action buttons from bubbling clicks to the row handler |
| Context menu | Managed via `contextMenuOpen` state; closes automatically after an action |
| Folder vs file | Renders `ChevronRight` nav button for folders; renders an empty spacer `div` for files to preserve alignment |
| File extension | Parsed from `file.name` for files; `undefined` for folders |

## Usage Example

```typescript
<FileManagerTableRow
  file={{
    name: 'report.pdf',
    type: 'file',
    size: '2.4 MB',
    modified: 'Jan 15, 2025',
    path: '/documents/reports/report.pdf',
  }}
  isSelected={false}
  showCheckbox={true}
  showPath={true}
  onSelect={(checked) => handleSelect(fileId, checked)}
  onClick={() => handlePreview(file)}
  onDoubleClick={() => handleOpen(file)}
  onActionClick={(action) => handleFileAction(file, action)}
/>
```