langchain-ai/agent-chat-ui

해결하는 문제

LangGraph 서버와 상호작용할 수 있는 즉시 사용 가능한 채팅 인터페이스를 제공합니다. 이를 통해 개발자가 LangGraph로 구축한 AI 에이전트를 배포하거나 테스트할 때 커스텀 프론트엔드를 처음부터 구축해야 하는 번거로움을 없애줍니다.

작동 방식

Next.js 애플리케이션으로 구축된 UI는 배포 URL, 어시스턴트 또는 그래프 ID 및 인증(LangSmith API 키 또는 커스텀 인증을 통해)을 사용하여 LangGraph 서버에 연결됩니다. 사용자 및 서버 간의 통신을 처리하며, LLM 응답의 라이브 스트리밍과 "artifacts"(사이드 패널에 표시되는 특별한 콘텐츠) 렌더링을 지원합니다.

대상 사용자

프론트엔드 개발에 시간을 들이지 않고 에이전트를 위한 전문적인 채팅 인터페이스가 필요한 LangGraph 기반 AI 에이전트 개발자.

주요 특징

• 빠른 배포: npx create-agent-chat-app를 통해 실행하거나 호스팅된 데모로 사용할 수 있습니다.
• 메시지 제어: langsmith:nostream과 같은 태그를 사용하거나 ID에 do-not-render- 접두사를 사용하여 특정 메시지를 사용자에게 숨길 수 있습니다.
• Artifact 지원: 채팅과 함께 구조화된 콘텐츠(artifacts)를 렌더링하기 위한 사이드 패널 시스템이 포함되어 있습니다.
• 프로덕션 준비 완료: 안전한 API 키 관리를 위한 API 패스스루 프록시 및 커스텀 인증 체계를 포함하여 다양한 인증 경로를 지원합니다.