Démos · Cocode ADE

Developer Tools · Widgetbook

Développement En ligne

Cocode ADE

Composants d'interface d'un environnement de développement agentique pour Dart et Flutter

Widgetbook de Cocode ADE : composant de diff multifichier avec les knobs Périmètre et Clôture de tâche
Ouvrir en nouvel onglet

Présentation détaillée

Cocode ADE étant une app de bureau, nous publions ses composants d'interface dans un Widgetbook plutôt qu'une version d'essai web. Vous pouvez y examiner des composants comme la file d'approbation, la palette de commandes, le diff multifichier, l'inspecteur de tâches et la chronologie des snapshots, en changeant leur état avec des knobs.

Fonctionnalités principales

5 fonctionnalités

  1. Approbation et délégationLes modifications soumises par les agents arrivent dans la file d'approbation, et un formulaire de délégation permet de confier du travail.
  2. Vérification des modificationsDes diffs sur un ou plusieurs fichiers montrent le code modifié par un agent.
  3. Suivi de l'exécutionL'inspecteur de tâches, la liste des problèmes et la barre d'état du serveur montrent ce qui se passe en ce moment.
  4. Retour arrièreChronologie des snapshots et gestion des conflits de rollback.
  5. Shell et commandesUn shell avec des emplacements pour l'éditeur, la navigation, le terminal et l'inspecteur, et une palette de commandes.

Écrans à explorer

Accessibles directement dans le navigateur : 2, toujours dans un nouvel onglet.

Stack technique

  • Flutter
  • Widgetbook
  • CoUI

À propos de l'environnement de démo

  • L'app de bureau elle-même ne s'exécute pas sur le web ; le Widgetbook montre ses composants d'interface selon leur état.
  • Le panneau Knobs, à droite, permet de modifier l'état des composants.
  • Les données d'exemple (noms, enregistrements) sont en coréen ; l'interface s'affiche dans la langue choisie.

Besoin d'un système de ce type ?

Trois lignes suffisent pour nous écrire. C'est de là que part le cadrage.