マイクロ・フィードバック
絵文字リアクションバー
メッセージにホバー（PC）または長押し（スマホ）すると絵文字バーが開き、選ぶとバウンスしながらリアクションが付く。Slack/Messenger風。
プレビュー
長押し
操作ホバー（スマホは長押し）でメニューが開きます。
実装メモ
PCはホバー、タッチ端末は長押し（pointerdownから400ms・指の移動でキャンセル）で絵文字バーを開く入力方式の出し分けが要点です。選ぶとリアクションのピルがバウンスして付き、同じ絵文字は件数が加算・タップで取り消せます。長押し時のブラウザ標準メニューは contextmenu の抑止と user-select:none で防いでいます。
コード（コピーして使えます）
<div class="rb-stage">
<div class="rb-msg" id="rb-msg">
<div class="rb-avatar">花</div>
<div class="rb-bubble">
<p class="rb-text">来週の打ち合わせ、水曜の15時でどうですか？</p>
<div class="rb-reactions" id="rb-reactions"></div>
</div>
<div class="rb-bar" id="rb-bar" role="menu" aria-label="リアクションを選択">
<button class="rb-emoji" data-e="👍" role="menuitem">👍</button>
<button class="rb-emoji" data-e="❤️" role="menuitem">❤️</button>
<button class="rb-emoji" data-e="😂" role="menuitem">😂</button>
<button class="rb-emoji" data-e="🎉" role="menuitem">🎉</button>
<button class="rb-emoji" data-e="👀" role="menuitem">👀</button>
</div>
</div>
<p class="rb-hint">PCはホバー、スマホは長押し</p>
</div>