Graph Builder

Esboce os projetos que seu workspace precisa e as conexões entre eles, e o builder gera os comandos que estruturam exatamente o que você desenhou. Copie-os, execute-os e você terá um workspace funcionando.

Arraste componentes da paleta para a tela, arraste da borda direita de um componente para outro para conectá-los e edite as propriedades de cada componente à direita. Os comandos gerados na parte inferior são atualizados a cada alteração — clique em Copy para copiar o script completo.

Loading the graph builder…

Como funciona

Cada componente na tela mapeia para um gerador, e cada conexão para o gerador de conexão. Os comandos são emitidos em ordem de dependência: o workspace primeiro, depois os projetos, depois os componentes que eles hospedam e, em seguida, as conexões que os conectam.

Um website sempre recebe autenticação Cognito adicionada logo após, já que ts#website deixa isso para um gerador subsequente.

Um projeto infra é adicionado no final — ts#infra ou terraform#project, correspondendo à sua escolha de IaC. Cada projeto gerado fornece constructs para ele instanciar, então é isso que você implanta. Como ele possui esse nome, nenhum componente na tela pode ser chamado de infra.

Use Vertical / Horizontal na barra de ferramentas para alternar a direção do fluxo do grafo — os pontos de conexão se movem para as bordas superior e inferior de cada componente, e o layout é transposto para corresponder.

Arraste o fundo da tela para navegar, e arraste um componente para reposicioná-lo. Shift-clique para selecionar vários componentes e movê-los como um grupo. Clique em uma conexão para selecioná-la e pressione Delete para removê-la (ou use o ✕ na própria conexão).

A paleta lista todos os tipos de projeto e componente que podem participar de uma conexão, e você só pode desenhar as conexões que o plugin suporta — então um grafo que valida é um grafo que estrutura.

Três regras valem a pena conhecer:

Componentes compartilham um projeto host. Um agent e um servidor MCP são adicionados a um projeto em vez de serem projetos próprios. Dê a eles o mesmo nome de projeto host para colocá-los em um projeto, ou nomes diferentes para um projeto cada.
Algumas conexões restringem seus endpoints. Conectar um agent a outro agent requer que o destino use o protocolo a2a, por exemplo. Quando uma configuração de propriedade quebraria uma conexão que você desenhou, o builder informa isso no componente e na conexão.
Desenhar uma conexão pode ajustar o destino. Conectar um website a um agent muda esse agent para o protocolo ag-ui, e conectar um agent a outro agent muda o destino para a2a — os protocolos nos quais essas conexões são construídas. Uma propriedade que você definiu você mesmo nunca é alterada.