Demos · Cocode ADE

Developer Tools · Widgetbook

Desenvolvimento No ar

Cocode ADE

Componentes de interface de um ambiente de desenvolvimento agêntico para Dart e Flutter

Widgetbook do Cocode ADE: componente de diff de vários arquivos com os knobs de escopo e encerramento de tarefa
Abrir em nova aba

Descrição detalhada

Como o Cocode ADE é um app de desktop, em vez de uma versão de teste na web publicamos seus componentes de interface em um Widgetbook. Você pode conferir componentes como a fila de aprovação, a paleta de comandos, o diff de vários arquivos, o inspetor de tarefas e a linha do tempo de snapshots, mudando o estado deles com knobs.

Principais funcionalidades

5 funcionalidades

  1. Aprovação e delegaçãoAs mudanças enviadas pelos agentes aparecem na fila de aprovação, e um formulário de delegação permite passar tarefas adiante.
  2. Revisão de mudançasDiffs de um ou de vários arquivos mostram o código que o agente alterou.
  3. Acompanhamento da execuçãoO inspetor de tarefas, a lista de problemas e a barra de status do servidor mostram o que está acontecendo agora.
  4. ReversãoLinha do tempo de snapshots e tratamento de conflitos de rollback.
  5. Shell e comandosUm shell com áreas para editor, navegação, terminal e inspetor, e uma paleta de comandos.

Telas para explorar

Abrem direto no navegador: 2, sempre em uma nova aba.

Stack de tecnologia

  • Flutter
  • Widgetbook
  • CoUI

Sobre o ambiente de demonstração

  • O app de desktop em si não roda na web; o Widgetbook mostra seus componentes de interface por estado.
  • No painel Knobs, à direita, você pode mudar o estado dos componentes.
  • Os dados de exemplo (nomes, registros) estão em coreano; a interface aparece no idioma escolhido.

Precisa de um sistema assim?

Pode mandar só três linhas. É daí que começamos a definir o escopo.