Demos · Cocode ADE

Developer Tools · Widgetbook

Entwicklertools Live

Cocode ADE

UI-Bausteine der agentischen Entwicklungsumgebung für Dart und Flutter

Cocode ADE im Widgetbook – Baustein für Diffs über mehrere Dateien mit den Knobs Umfang und Aufgabenabschluss
In neuem Fenster öffnen

Im Detail

Da Cocode ADE eine Desktop-App ist, veröffentlichen wir statt einer Web-Testversion ihre UI-Bausteine im Widgetbook. Bausteine wie Freigabe-Warteschlange, Befehlspalette, Diff über mehrere Dateien, Task-Inspektor und Snapshot-Zeitleiste lassen sich dort ansehen, während Sie ihren Zustand über Knobs ändern.

Hauptfunktionen

5 Funktionen

  1. Freigabe und DelegationÄnderungen, die Agenten einreichen, erscheinen in der Freigabe-Warteschlange; über ein Delegationsformular werden Aufgaben vergeben.
  2. Änderungen prüfenDiffs für eine oder mehrere Dateien zeigen, welchen Code ein Agent geändert hat.
  3. Ausführung beobachtenTask-Inspektor, Problemliste und Server-Statuszeile zeigen, was gerade passiert.
  4. ZurücksetzenSnapshot-Zeitleiste und Umgang mit Rollback-Konflikten.
  5. Shell und BefehleEine Shell mit Bereichen für Editor, Navigation, Terminal und Inspektor sowie eine Befehlspalette.

Screens zum Erkunden

Direkt im Browser zu öffnen: 2 – immer in einem neuen Fenster.

Tech-Stack

  • Flutter
  • Widgetbook
  • CoUI

Hinweise zur Demo-Umgebung

  • Die Desktop-App selbst läuft nicht im Web – das Widgetbook zeigt ihre UI-Bausteine nach Zustand.
  • Im Knobs-Panel rechts können Sie den Zustand der Bausteine ändern.
  • Die Beispieldaten (Namen, Einträge) sind auf Koreanisch – die Oberfläche erscheint in der gewählten Sprache.

Brauchen Sie ein solches System?

Sie können uns auch einfach drei Zeilen schicken. Damit beginnen wir, den Umfang zu klären.