ボタンとアクションのコンポーネント
押して使うコンポーネント。あらゆるバリアントとサイズのボタン、連結したボタングループ、トグル、トグルグループ。
ボタンは返した Promise から読み込み・成功・エラーの流れを自分で進め、速いリクエストではスピナーを出さず、処理中もフォーカスを保ちます。
Pro ブロックでの利用
これらのコンポーネントで作られた AI プロダクト向けのブロック。
- Agent Todosエージェントが作業中に保持する計画を、1 ステップ 1 行で表示します。進行中のステップ、失敗したステップ、実行途中の計画変更に対応します。
- ArtifactAI チャットの横でモデルの成果物を表示するパネル。ストリーミング中のコンテンツ、サンドボックス化されたプレビュー、復元できるバージョンに対応します。
- Chat Sidebarピン留めしたチャット、プロジェクト、最近の履歴を備えたチャットアプリのサイドバー。その場での名前変更、取り消し可能な削除、返信中のチャットに対応します。
- Chat ThreadAI チャットの会話ビュー。ストリーミング、編集、再試行される返信と、切り替えられる返信のバージョンに対応します。
- Code BlockAI の回答向けのコードブロック。ハイライトはストリーミングに追従し、差分は承認または却下でき、コマンドはターミナルで実行されます。
- Diff Reviewエージェントのファイル編集を適用前にレビューする画面。変更ごとの承認と却下、エージェントへ返すコメント、ストリーミング中の編集に対応します。