WP-FE-CHAT-CONTACT-01 — Giao diện Liên lạc
Domain: D-CHAT · Surface: CON (mobile/src/features/chat/) · Status: IMP (UI; signaling WebRTC như WP-FE-WS-01)
Mục tiêu
Tab Contact → Liên lạc: nhắn tin, cuộc gọi thoại/video, danh bạ trên cùng một hub (chrome compact như Social).
UI
| Tab | Nguồn | Hành động |
|---|---|---|
| Tin nhắn | GET /chat/conversations |
Mở thread · icon nhắn / gọi / video |
| Cuộc gọi | GET /chat/calls |
Lịch sử đi/đến · gọi lại |
| Danh bạ | GET /social/friends + search |
POST /chat/conversations/direct rồi chat hoặc POST /chat/calls |
Thread: header tên + thoại + video; bubble nhỏ; composer pill.
Màn gọi: avatar, trạng thái VI, nút trả lời / cúp máy tròn. Media PeerConnection vẫn cần EAS Dev Client (react-native-webrtc); Expo Go = signaling.
Files
mobile/src/features/chat/screens/ConversationsScreen.tsxmobile/src/features/chat/screens/ChatThreadScreen.tsxmobile/src/features/chat/screens/CallScreen.tsxmobile/src/navigation/MainTabs.tsx(label Liên lạc)mobile/src/navigation/types.ts(callType)mobile/src/services/api.ts(avatarUrl, startedAt)
Không invent API BE.