期間: 2026-09-25 〜 2026-09-30 · PR 7 件(新機能 3 / 変更・修正 3 / その他 1)
新機能
PromptField で生成中も送信ボタンを表示(steering)、S2 Menu の仮想化に対応(#10614)
何ができるようになったか
Coworker で使ってみて見つかった不足を埋める PR。
PromptFieldは、応答の生成中でも欄にテキストが入っていれば送信ボタンを表示し、生成中に追加の指示を送る「steering」ができるようになった。S2 のMenuが仮想化(virtualized)に対応し、PromptFieldのrenderCompletionsのメニューで使われている。
- ExecutionTraceItems:
onExpandedChangeを追加- キー入力: ユーザー指定の
onKeyDownをトークンフィールドより上に移し、オートコンプリートのドロップダウン操作中のキー入力でコールバックが呼ばれないように- 見送り:
renderCompletionsメニューでの非同期読み込みスピナーは今回は対象外
⏳ 未リリース · トピック: AI-コンポーネント、Menu
Chat API の簡素化とデザイン調整(#10577)
何ができるようになったか
@react-spectrum/aiのChat/Threadコンポーネントの余白をデザイン仕様に合わせ、スレッドにスクロールフェードを追加した。これまでストーリー側に書いていたスタイルの一部をChat/Threadに取り込み、API 全体を簡素化した(exports も整理)。S2 docs の AI コンポーネントページも更新。
- 決まったこと: スクロールボタンは(当面)必須。
ThreadItemの自動ラップは見送り、各コンポーネントを個別に包む形のまま。Thread内の GridList のスタイルは当面固定- 今後: スタイルなし版は作る方針だが後回し
⏳ 未リリース · トピック: AI-コンポーネント
S2 の SideNav を SidePanel 内で折りたためるように(#10421)
何ができるようになったか
S2 の
SideNavに、SidePanel の中に置いたときの折りたたみ動作を実装し始めた。折りたたんだ状態では、子を持たないトップレベルのリンクはすぐに遷移し、子を持つ項目は SidePanel を開いて下の階層へ進めるようにする。
- 補足: 折りたたみ時に項目が展開するのか遷移するのか分かりにくい点はデザインと検討中。各言語の翻訳文字列(
intl/*.json)も追加されている
⏳ 未リリース · トピック: SideNav
変更・修正
PromptField のサイズ計算に layout effect を使用(#10668)
Before
PromptFieldのサイズ計算が layout effect で行われていなかった(#10577 のレビューでの指摘)。
After
サイズ計算を layout effect で行うようにした。
⏳ 未リリース · トピック: AI-コンポーネント
React 18 で S2 の SideNav がビルドエラーになる問題を修正(#10675)
Before
React 18 では
ViewTransitionが存在しないため、webpack で@react-spectrum/s2のSideNavをビルドすると「export 'ViewTransition' ... was not found in 'react'」というエラーになっていた。
After
import *ではなく React のデフォルトエクスポートを使うようにし、React 18 でもビルドできるようにした。
⏳ 未リリース · トピック: SideNav
仮想化 Menu の区切り線の高さ、サブメニュー項目のインデントなどを修正(#10673)
Before
#10614 で入った仮想化 Menu で、区切り線が正しい高さにならず、チェックボックス付きの項目があるときにサブメニューのトリガー項目のインデントが揃っていなかった。
After
区切り線の高さとサブメニュートリガーのインデントを修正し、推定の高さを T シャツサイズ(サイズ別)で持つようにした。ほか細かな修正を含む。
⏳ 未リリース · トピック: Menu
その他
- 古いブラウザ向けの回避策を一部削除(#10654)⏳ 未リリース