File Navigator
The File Navigator gives you a visual file tree alongside your terminal and browser panels — no need for a separate Finder window or file manager.
Features
Section titled “Features”- Tree view with expandable directories
- Git status colors — modified, added, untracked, and ignored files are visually distinct
- Context menus — right-click for open, copy path, rename, create, delete
- Media preview — images, videos, and audio files preview inline
- Sort and filter — customize per-tab display order and visibility
- Directory sync — follows the active terminal’s working directory
Git Status Integration
Section titled “Git Status Integration”Files are color-coded based on their git status:
| Color | Status |
|---|---|
| Green | Added (new, staged) |
| Yellow | Modified |
| Red | Deleted |
| Grey | Ignored |
| White | Untracked or clean |
This gives you a quick visual overview of what’s changed without running git status.
Directory Sync
Section titled “Directory Sync”The File Navigator can sync with the active terminal panel’s working directory. When you cd into a new directory in the terminal, the file tree updates to show that directory.
This is optional — you can also pin the file tree to a specific directory if you want it to stay put.
Context Menus
Section titled “Context Menus”Right-click any file or directory for actions:
- Open — open in the Editor panel
- Open in System — open with the default macOS app
- Copy Path — copy the absolute path
- Copy Relative Path — copy the path relative to the project root
- Rename — inline rename
- New File — create a file in the selected directory
- New Folder — create a directory
- Delete — move to Trash
Sort & Filter
Section titled “Sort & Filter”Each File Navigator tab can be configured with its own sort order and filter:
- Sort by name, modification date, size, or type
- Show/hide dotfiles, node_modules, build artifacts
- Filter by file extension or name pattern
Media Preview
Section titled “Media Preview”The File Navigator renders previews for media files directly in the tree:
- Images — thumbnail preview
- Video — playable inline
- Audio — playable inline
No need to open a separate app to check an asset.
Next Steps
Section titled “Next Steps”- Git Panel — visualize commit history and branches
- Editor Panel — edit files from the navigator