{{-- Idle State Container --}}
{{-- Placeholder illustration from a reliable CDN or just use icons --}}

MSJ Chat

Select a conversation from the sidebar to start messaging.
Send and receive messages instantly.

{{-- Active Chat Container (Initially Hidden) --}}
{{-- Chat Header --}}
{{-- Mobile Back/Menu Button --}}
avatar
Select a Chat

Start messaging

{{-- Search Container --}}
{{-- Chat Messages --}}
{{-- Messages will be loaded here via JS --}}
{{-- Typing Indicator --}}
{{-- File Upload Editor (replaces chat content when active) --}}
{{-- Header with Toolbar --}}
{{-- Main Preview Area --}}
Preview
{{-- Emoji Picker (EmojiMart) --}}
{{-- Edit Tools Bar (shown when editing) --}}
{{-- Text Input Bar (REMOVED - Text now added directly to canvas) --}}
{{-- Footer with Thumbnails and Send --}}
{{-- Message Input Area --}}
{{-- File Preview Container - Positioned above input --}}
{{-- Emoji Picker Container --}}
{{-- Reply Banner --}}
Sender Name

Message content...

Stiker
Belum ada stiker.
{{-- Selection Action Bar --}}
0 selected
{{-- Lightbox Modal --}} {{-- Group Details Modal --}} {{-- Global Context Menu --}}
User Name
10:30 AM
Full view