File Explorer
Browse and edit files created by your AI employees. The File Explorer provides a visual file browser with a built-in code editor featuring syntax highlighting.
Overview
Each AI employee has its own isolated filesystem where it can create, read, and modify files. The File Explorer lets you:
- Browse files - Navigate through folders and see what files the employee has created
- View files - Open any file to see its contents
- Edit code - Modify files with a code editor that supports syntax highlighting
- Download files - Download any file to your local machine
- View media - Images, videos, and PDFs render directly in the browser
Accessing the File Explorer
There are several ways to open the File Explorer:
- Files Tab - Click the "Files" tab in the Tools Panel on the right side of the chat
- Open in Explorer - Click the "Open in Explorer" button that appears next to files in the chat
- Inline links - Click on file path links that appear in employee messages
Code Editor
The built-in code editor provides:
- Syntax highlighting - Support for JavaScript, Python, HTML, CSS, JSON, Markdown, and many more languages
- Line numbers - Easy code navigation
- Save changes - Edits are saved back to the employee's filesystem
- Monospace font - JetBrains Mono for comfortable code reading
Supported File Types
| Type | Extensions | Display |
|---|---|---|
| Images | .png, .jpg, .jpeg, .gif, .webp, .svg | Rendered inline with zoom support |
| Videos | .mp4, .webm, .mov | Video player with controls |
| PDFs | PDF viewer with page navigation | |
| Code | .js, .ts, .py, .html, .css, .json, etc. | Syntax-highlighted code editor |
| Text | .txt, .md, .log | Plain text editor |
| Audio | .mp3, .wav, .m4a | Audio player |
File Operations
Available operations in the File Explorer:
- Navigate - Click folders to enter them, click the breadcrumb or back button to go up
- Open - Click any file to view or edit it
- Download - Click the download button to save a file locally
- Refresh - Click refresh to reload the current directory
Inline File Display
When employees create images or videos, they appear directly in the chat conversation. Click "Open in Explorer" to see the file in its folder context.
Employee Filesystem
Each employee has access to a dedicated data directory at /opt/app/data/ inside their container. This is where:
- Generated images and videos are saved
- Downloaded files are stored
- Work files and outputs are created
- Custom skills and configurations live
Performance
The File Explorer is optimized for performance:
- Files are loaded on demand, not all at once
- Large files are handled efficiently
- The explorer doesn't re-render while you're typing in the chat