概要
@react-spectrum/ai パッケージにある S2 の AI 向けコンポーネント群。プロンプト入力欄の PromptField(音声入力ボタン PromptFieldVoiceButton を含む)、チャット UI の Chat / Thread、AttachmentList・AttachmentGrid、ResponseStatus(ExecutionTraceItems)などがある。PromptField は応答の生成中でも欄にテキストがあれば送信ボタンを表示して追加の指示(steering)を送れ、renderCompletions の補完メニューは S2 の仮想化 Menu で描画される。Chat / Thread はデザイン仕様に合わせた余白とスクロールフェードを持ち、スタイルをコンポーネント側に取り込んで API が簡素化された(スタイルなし版は今後の予定)。S2 docs では AI コンポーネントのページ(ai-components.mdx)で解説されている。
主な API・オプション
PromptField— プロンプト入力欄。音声入力(SpeechRecognition)、renderCompletions(仮想化メニュー)、生成中の送信ボタン表示に対応Chat/Thread/ThreadItem— チャットのスレッド表示。スクロールボタンは必須、ThreadItemは利用側で個別にラップするExecutionTraceItems—onExpandedChangeを追加AttachmentList— 既存のアタッチメント表示コンポーネントAttachmentGrid— 2026-09-28 に追加された新コンポーネント
変更履歴
- 2026-09-30 —
PromptFieldのサイズ計算を layout effect で行うように(#10668)⏳ 未リリース · 変更 - 2026-09-30 —
Chat/Threadの余白調整・スクロールフェード追加と API の簡素化(#10577)⏳ 未リリース · 変更 - 2026-09-30 —
PromptFieldで生成中も送信ボタンを表示(steering)、補完メニューを仮想化、ExecutionTraceItemsにonExpandedChangeを追加(#10614)⏳ 未リリース · 変更 - 2026-09-28 —
AttachmentGridコンポーネントを追加(#10561)⏳ 未リリース · 変更 - 2026-09-28 — 音声入力中に送信すると PromptField の内容が元に戻り、文字起こしが残る問題を修正(#10624)⏳ 未リリース · 変更
関連
- Menu(仮想化 Menu)
- 2026-09-30 の変更
- 2026-09-28 の変更