# Hi2Chat Build 04.1 - Main Lobby Clean UI + Private Chat Main

## Added
- Main lobby redesigned into a clean modern chat layout.
- Private chat is now the main usable flow from online users/contact list.
- Click any online user to open private chat.
- Lobby remains available as the main public room.
- Video opens in a popup/modal and does not disturb lobby/chat layout.
- Mobile responsive clean layout.
- Debug log hidden by default; toggle with debug button on desktop.
- Online users list and chat list are rendered from realtime presence events.
- Supports existing realtime events:
  - lobby:message:send
  - lobby:message:new
  - private-message:send
  - private-message:new
  - private-message:sent
  - typing:start / typing:stop
  - presence:online / presence:offline / presence:list

## Test
1. npm install
2. npm run start:dev
3. Open tools/socket-test-client.html in two browser windows.
4. UserA in first window, UserB in second window.
5. Connect both.
6. Click online user to open private chat.
7. Send message.
8. Click video button to open popup.