Demos · Cocode ADE
Developer Tools · Widgetbook
Cocode ADE
UI components of an agent development environment for Dart and Flutter
Screens you visit inside the preview are also added to this tab's back history. To explore for longer, open it in a new window.
Overview
Cocode ADE is a desktop app, so instead of a web trial version, its UI components are published as a Widgetbook. You can check components such as the approval queue, command palette, multi-file diff, task inspector and snapshot timeline, changing their state with knobs.
Key features
5 features
- Approval and delegationAn approval queue for reviewing changes that agents submit, and a delegation form for handing off work.
- Reviewing changesCheck the code agents changed with single-file and multi-file diffs.
- Watching runsSee what is happening right now with the task inspector, problem list and server status bar.
- Rolling backA snapshot timeline and rollback conflict handling.
- Shell and commandsA shell with places for the editor, navigation, terminal and inspector, plus a command palette.
Screens to explore
2 in total. Each one opens right in your browser, in a new window.
Tech stack
About the demo environment
- The desktop app itself does not run on the web — the Widgetbook shows its UI components state by state.
- You can change a component's state in the Knobs panel on the right.
- Sample data (names, records) is in Korean — the interface text appears in the language you chose.
Need a system like this?
You can send us just three lines. That's where scoping starts.