cacheplane/threadplane

해결하는 문제

Threadplane은 Angular(버전 20-22)에서 AI 에이전트 채팅 인터페이스를 구축하는 표준화된 방법을 제공합니다. 복잡한 에이전트 백엔드(종종 스트리밍, 인간 개입 승인, 동적 UI 요소를 포함)를 반복적인 보일러플레이트를 작성하거나 UI를 특정 백엔드 구현에 고정하지 않고 프론트엔드에 연결하는 문제를 해결합니다.

작동 방식

Threadplane은 UI와 백엔드 사이의 브리지 역할을 하는 런타임 중립적인 Agent 계약을 도입합니다. 어댑터(예: LangGraph 또는 AG-UI용)를 사용하여 백엔드별 스트림을 Angular Signals로 변환합니다. 이를 통해 개발자는 에이전트 상태(메시지, 로딩 상태, 도구 진행 상황 등)를 UI에 반응형으로 직접 바인딩할 수 있습니다. 또한 에이전트의 JSON 사양을 프로젝트 자체 디자인 시스템 구성 요소로 매핑하여 "생성 UI"를 구현하는 렌더링 엔진도 포함합니다.

대상

LangGraph 또는 기타 AG-UI 호환 에이전트 런타임과 통합할 수 있는 강력한 신호 기반 채팅 표면이 필요한 AI 기반 애플리케이션을 구축하는 Angular 개발자.

주요 특징

• 런타임 중립성: 채팅 구성 요소나 템플릿을 변경하지 않고도 다른 에이전트 백엔드(예: LangGraph에서 AG-UI) 간에 전환할 수 있습니다.
• Angular Signals 통합: 메시지와 상태에 Angular Signals를 기본적으로 사용하여 async 파이프나 zone.js가 필요 없습니다.
• 생성 UI: 제어된 레지스트리를 통해 에이전트 생성 JSON을 사용자 정의 디자인 시스템 구성 요소로 렌더링할 수 있습니다.
• 고급 에이전트 지원: 지속 스레드, 인간 승인(중단), 하위 에이전트, 도구 호출 진행 상황 처리가 내장되어 있습니다.