File Explorer & Editor

CloudCLI UI includes a built-in file explorer and code editor so you can review and edit files without leaving the interface.

Browsing Files

The file tree in the left sidebar shows the full directory structure of your current project. You can:

• Expand and collapse directories
• Click any file to open it in the editor
• Create, rename, and delete files and directories

Editing Files

The built-in editor supports:

• Syntax highlighting for JavaScript, TypeScript, Python, CSS, HTML, JSON, Markdown, and more (powered by CodeMirror)
• Live saving — changes are written to disk immediately
• Diff view — see what the agent changed before accepting it

Working With Agent Changes

When your agent edits a file, CloudCLI UI shows you the diff inline so you can review changes before they are applied. You can accept or reject individual file edits directly from the interface.

Accessing Files on Mobile

The file explorer is fully functional on mobile. The sidebar collapses automatically on small screens — tap the file icon in the bottom navigation bar to open it.