#runes

Create a real-time chat application using Svelte 5's new runes. Requirements: 1. Use $state and $derived runes for reactive messages. 2. WebSocket connection with auto-reconnect. 3. Typing indicators with $effect rune. 4. Message grouping by date dividers. 5. Infinite scroll for message history. 6. File upload with drag-and-drop. 7. Emoji picker integration. 8. Read receipts and online status. Style with SvelteKit and use server-sent events for presence.