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 をカスタムデザインシステムコンポーネントとしてレンダリングできます。
• 高度なエージェントサポート：永続スレッド、人間による承認（割り込み）、サブエージェント、ツール呼び出しの進行状況の処理が組み込まれています。