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パススループロキシやカスタム認証スキームを含む、複数の認証パスをサポートしています。