Files
The files panel shows the complete workspace file tree. As the agent creates, edits, or deletes files, the tree updates in real time — giving you full visibility into what changed and where.
What it looks like
Section titled “What it looks like”What you can do
Section titled “What you can do”- Browse the tree — expand folders to see the full directory structure.
- See file metadata — file sizes, types, and last-modified timestamps.
- Track changes — files modified by the agent are reflected immediately.
- Open files — click any file to view its contents in the editor.
How it fits in
Section titled “How it fits in”The file tree is a read-through view of the workspace that the agent is editing. When the agent writes a file:
- The file tree updates to show the new or modified file.
- The preview refreshes to reflect the change.
- The task panel advances the current task’s status.
This happens automatically — you don’t need to refresh or re-sync anything.
File types
Section titled “File types”The workspace typically contains your project’s source code — HTML, CSS, JavaScript/TypeScript, images, and configuration files. The file tree shows all of them regardless of type, so you always know exactly what the agent has access to and what it has changed.