floating action pill + auto-scroll on send + channel ordering

- Actions: floating pill top-right with ↩ and × (slides in on hover)
- No more ugly REPLY DEL text — minimal symbols, backdrop shadow
- Delete button only shows for own messages
- Auto-scroll to bottom after sending a message
- Channels sorted by last opened in sidebar

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-29 21:25:33 +02:00
parent 36561941b4
commit 2b1ed18cde
2 changed files with 24 additions and 9 deletions

View File

@@ -214,7 +214,17 @@ export default function App() {
channelId={activeChannelId}
replyTo={replyTo}
onClearReply={() => setReplyTo(null)}
onMessageSent={loadMessages}
onMessageSent={() => {
loadMessages();
// Force scroll to bottom after sending
setTimeout(() => {
if (scrollRef.current) {
const el = scrollRef.current as unknown as HTMLElement;
const viewport = el.querySelector('[data-slot="scroll-area-viewport"]') || el;
viewport.scrollTop = viewport.scrollHeight;
}
}, 100);
}}
/>
)}
</div>