Workspace File Management

The Cooder app gives you full remote file management — browse, edit, and save VS Code workspace files directly from your phone.

Opening the File Tree

In any Agent session view, tap the Files icon in the top right to open the workspace file browser.

The file tree shows your VS Code workspace directory structure with expandable/collapsible folders.

Viewing Files

Tap any file to open the viewer.

• Syntax highlighting supported (JavaScript, TypeScript, Python, CSS, HTML, JSON, Markdown, and more)
• Large files show a truncation notice with a preview of the first portion

Editing and Saving

Tap Edit in the top right of the file viewer to switch to edit mode. After making changes, tap Save to write the content back to the workspace file.

Note

When a file is truncated due to its size, the Save button is disabled to prevent the truncated content from overwriting the full file. Edit large files directly in VS Code.

Creating Files

Tap the + button at the top of the file tree, enter a file name (paths supported, e.g. src/utils/helper.ts), and a new file is created in your workspace.

Renaming and Deleting

Long-press (mobile) or hover (desktop) any file in the tree to reveal the action menu:

• Rename — Change the file name
• Delete — Remove the file (irreversible — use with care)

Using with Agents

While an Agent is running, it may be creating and modifying files in real time. You can open the file tree at any point to review what the Agent has produced, make minor edits on your phone, and then send follow-up instructions to continue.