マイクロ・フィードバック
AIタイピングインジケータ
AIが考え中の「・・・」3点バブルから、回答が1文字ずつ流れ込むストリーミング風表示。チャットUI・AIアシスタントの定番フィードバック。
プレビュー
クリック
操作クリック／タップで動きます。
実装メモ
考え中(3点アニメ)→1文字ずつ追記(typing)の2段構え。実際はサーバ送信完了で点滅を止め、ストリーミングのチャンク受信ごとにテキストを追記します。タップ／クリックで最初からやり直せます。
コード（コピーして使えます）
<div class="chat">
<div class="bubble user">AIってどんな返事するの？</div>
<div class="bubble bot" id="botBubble">
<span class="dots"><i></i><i></i><i></i></span>
</div>
<button class="chat-replay" id="chatReplay">もう一度</button>
</div>