Graph Builder

Phác thảo các project mà workspace của bạn cần và các kết nối giữa chúng, và builder sẽ tạo ra các lệnh để tạo khung chính xác những gì bạn đã vẽ. Sao chép chúng, chạy chúng, và bạn sẽ có một workspace hoạt động.

Kéo các component từ bảng chọn vào canvas, kéo từ cạnh phải của một component sang component khác để kết nối chúng, và chỉnh sửa các thuộc tính của từng component ở bên phải. Các lệnh được tạo ra ở phía dưới sẽ cập nhật theo mọi thay đổi — nhấn Copy để lấy toàn bộ script.

Loading the graph builder…

Cách hoạt động

Mỗi component trên canvas ánh xạ tới một generator, và mỗi kết nối tới connection generator. Các lệnh được phát ra theo thứ tự phụ thuộc: workspace trước, sau đó là các project, sau đó là các component mà chúng chứa, sau đó là các kết nối nối chúng lại với nhau.

Một website luôn được thêm Cognito authentication ngay sau nó, vì ts#website để việc đó cho một generator tiếp theo.

Một project infra được thêm vào cuối cùng — ts#infra hoặc terraform#project, phù hợp với lựa chọn IaC của bạn. Mọi project được tạo ra đều cung cấp các construct để nó khởi tạo, vì vậy đây là thứ bạn triển khai. Vì nó sở hữu tên đó, không có component nào trên canvas có thể được gọi là infra.

Sử dụng Vertical / Horizontal trong thanh công cụ để đổi hướng luồng của đồ thị — các điểm kết nối sẽ di chuyển đến các cạnh trên và dưới của mỗi component, và bố cục được chuyển vị để phù hợp.

Kéo nền canvas để di chuyển xung quanh, và kéo một component để định vị lại nó. Shift-click để chọn nhiều component và di chuyển chúng như một nhóm. Nhấp vào một kết nối để chọn nó, sau đó nhấn Delete để xóa nó (hoặc sử dụng ✕ trên chính kết nối đó).

Bảng chọn liệt kê mọi loại project và component có thể tham gia vào một kết nối, và bạn chỉ có thể vẽ các kết nối mà plugin hỗ trợ — vì vậy một đồ thị hợp lệ là một đồ thị có thể tạo khung.

Ba quy tắc đáng biết:

Các component chia sẻ một host project. Một agent và một MCP server được thêm vào một project thay vì là các project riêng của chúng. Đặt cho chúng cùng tên host project để đưa chúng vào một project, hoặc các tên khác nhau cho mỗi project một.
Một số kết nối ràng buộc các điểm cuối của chúng. Kết nối một agent với một agent khác yêu cầu target phải sử dụng giao thức a2a, chẳng hạn. Khi một cài đặt thuộc tính sẽ phá vỡ một kết nối bạn đã vẽ, builder sẽ thông báo điều đó đối với component và kết nối.
Vẽ một kết nối có thể điều chỉnh target. Kết nối một website với một agent sẽ chuyển agent đó sang giao thức ag-ui, và kết nối một agent với một agent khác sẽ chuyển target sang a2a — các giao thức mà những kết nối đó được xây dựng trên đó. Một thuộc tính mà bạn đã tự đặt sẽ không bao giờ bị thay đổi.