<!-- source-hash: f3ccd540c7acf6c008d5b4be2c760260 -->
Renders a single interactive row in a file manager table, displaying file/folder metadata with selection, context menu, and navigation controls.

## Key Components

- **`FileManagerTableRow`** — Primary export; a client-side React component that renders a row with checkbox, file icon, name, optional path, size, modified date, and action controls
- **`FileManagerContextMenu`** — Dropdown menu triggered by the `MoreHorizontal` button, scoped to the row's file type
- **`FileIcon`** — Displays a type/extension-aware icon alongside the file name
- **`data-no-row-click`** — Attribute used to prevent checkbox and action button clicks from bubbling to the row's `onClick` handler

## Usage Example

```typescript
import { FileManagerTableRow } from './file-manager-table-row'

const file = {
  name: 'quarterly-report.pdf',
  type: 'file',
  size: '2.4 MB',
  modified: 'Jan 15, 2025',
  path: '/documents/reports/',
}

<FileManagerTableRow
  file={file}
  isSelected={false}
  showCheckbox={true}
  showPath={true}
  onSelect={(checked) => console.log('selected:', checked)}
  onClick={() => console.log('row clicked')}
  onDoubleClick={() => console.log('open file')}
  onContextMenu={(e) => console.log('context menu', e)}
  onActionClick={(action) => console.log('action:', action)}
/>
```

## Behavior Notes

- Folder rows render a `ChevronRight` navigation button that triggers `onDoubleClick`; file rows render a spacer div to preserve column alignment
- The context menu (`MoreHorizontal` button) is hidden by default and fades in on row hover via Tailwind's `group-hover:opacity-100`
- Row background shifts to `ods-bg-surface` when `isSelected` is `true`