ストリーミングチャットのために Vercel AI SDK v6 を assistant-ui に統合します。 @assistant-ui/react-ai-sdk の useChatRuntime フックを使用して V…
assistant-ui 入門 : ランタイム – ランタイムの選択
使用しているバックエンドにどのランタイムが最適でしょうか?一般的なセットアップのための意思決定ガイドです。 assistant-ui の実装には、適切なランタイムの選択は重要です。このガイドは特定のニーズに基づいて選択肢…
assistant-ui 入門 : shadcn/ui コンポーネント – Thread
assistant-ui のコンポーネントは shadcn/ui ベースです。Thread は、メッセージレンダリング、自動スクロール、入力欄、添付ファイル、条件付き UI 状態を組み合わせた完全なチャットインターフェイ…
assistant-ui 入門 : プリミティブ – ChainOfThought
ChainOfThought プリミティブは、連続する推論ステップとツール呼び出しパートを折りたたみ式アコーディオンにグループ化します。 assistant-ui 入門 : プリミティブ – ChainOfThought…
assistant-ui 入門 : プリミティブ – AssistantModal
AssistantModal プリミティブは Radix Popover 上に構築されたフローティング・チャット・ポップオーバーです。チャットパネルを開く、固定位置のトリガーボタンを備えています。 assistant-u…
assistant-ui 入門 : プリミティブ – ThreadList
ThreadList プリミティブは、スレッドの一覧表示、新規スレッドの作成、スレッド間の切り替え、古いスレッドのアーカイブ化と削除を行うことで、複数の会話を管理します。 assistant-ui 入門 : プリミティブ…
assistant-ui 入門 : プリミティブ – ActionBar
ActionBar プリミティブは自動非表示、状態コピー、インテリジェントな無効化機能を備えたメッセージアクションボタンを構築できます。 ActionBar プリミティブは、コピー、リロード、編集、フィードバック、音声読…
assistant-ui 入門 : プリミティブ – Message
Message プリミティブは個々のメッセージレンダリングを処理します。コンテンツ・パーツ、添付ファイル、ホバー状態を含むカスタム・メッセージのレンダリングを構築できます。 assistant-ui 入門 : プリミティ…
assistant-ui 入門 : プリミティブ – Thread
Thread プリミティブはスクロール可能なメッセージコンテナで、あらゆるチャットインターフェイスのバックボーンとなります。 自動スクロール、空の状態、メッセージレンダリングを備えたスクロール可能なカスタム・メッセージコ…
assistant-ui 入門 : プリミティブ – Composer
レイアウトと動作を完全に制御できる、カスタムメッセージ入力 UI を構築します。Composer プリミティブは新しいメッセージを作成、または既存のメッセージを編集するためのインターフェイスです。 assistant-u…