IDE

flamel includes a lightweight in-browser IDE — a file tree, editor, and diff viewer — so you can see and edit your working directory without leaving the interface.

File tree

The left panel shows your session's working directory. You can browse directories, open files, and see which files the active agent has touched in the current session (highlighted in the tree).

Editor

Click any file to open it in the editor. Changes are saved directly to the server — same as editing the file on disk. The editor uses Monaco (the VS Code editor engine) with syntax highlighting for all common languages.

You can edit files while an agent is running. If the agent and you both edit the same file concurrently, your save wins — be aware of that.

Diff viewer

Every time an agent writes or modifies a file, flamel captures a before/after diff. You can review these in the session panel — click any file change event to open the diff viewer. This gives you a clear record of every agent-made change without having to run git diff manually.

The diff viewer shows changes made within the current session. For changes across multiple sessions, use the Git integration — commit regularly and compare branches.