← Cockpit Wireframes Pages by level Navigation map
Messaging · 메시지▾
Flat v2 redesign
1 · Foundations
Foundations — grammar, colour, seams
2 · Component library
Library — chrome and navigationLibrary — surfaces and contentLibrary — rows, cells and labelsLibrary — controls and fieldsLibrary — overlays and feedbackLibrary — conversation and scoringMatch grammar — one anatomy, every surfaceLibrary — behaviour: text scaling, motion, accessibility
3 · Brand
Brand — icon, splash, notifications, share cards
4 · Pages
Pages — 홈 · 기록 · 프로필 · 클럽 홈Pages — lists A: tabs, inboxes, club managementPages — personal lists, rankings and venuesPages — detail: sessions, clubs, venues, people, documentsPages — forms and settingsPages — sign-in and onboarding
5 · Flows
Flows — the nine core tasks
Shipped app (old grammar)Components · 공유 키트상세 페이지 — 플랫 언어Session Card · 밴드 없는 카드
홈 · Home
Home · 홈
클럽 · Clubs
Club Detail · 클럽 상세Create Club Wizard · 클럽 만들기
경기 · Play
경기 · Activity└Session Detail · 일정└Live & Scoring · 경기└Host Ops · 호스트└Create / Edit Session · 일정└Courts & Venues · 코트
기록 · Records
Records · 기록└Leaderboards · 리더보드└Head-to-Head · 상대 전적
프로필 · Profile
Profile · 프로필└Settings · 설정└Legal & misc · 약관└Social · 친구·업적└Messaging · 메시지
시작 · Entry
Onboarding · 시작
ArchiveStrip Map · 세션 스트립 전체 시나리오Headers · 헤더 아이콘Card Continuity · 카드 = 상세의 예고편Session Hero · 더 조용한 공유 카드 (제안)Session Share Card · 히어로 = 공유 카드Session List Frame · 날짜 섹션 · 패널 필터 · 2+2 카드Compaction — 일정 · 코트 · 스코어카드Compaction — 클럽 상세 · 홈Compaction — 기록 · 프로필Live anchor — 진행 중 밴드Density · 카드 밀도토스트 — 리디자인 제안Club List · 클럽Clubs · 클럽클럽 상세 — 여섯 탭 플랫운영 섹션 — 플랫 목표위저드 내비게이션 — 결정 보드드래프트 복원 — 무음 복원클럽 조 편성 — 모델 결정 보드게스트 → 회원 — 심사 흐름Page polish — titled postsWeb app — desktop layoutProduct questions — openWeb app — desktop adaptation, round 2Visual tone — pure white, flat rows, one Tag, a colour budgetLibrary — chrome, surfaces, rows, labelsLibrary — controls, overlays, states, formsLibrary — page patterns, scaling, motionLibrary — additions from the pagesEmpty-once — 프로필 빈 섹션Notification groups — 할 일 밴드 그룹화Profile Cockpit · 프로필 압축Session Detail — Redesign · 일정Venue Detail — Redesign · 테니스장Profile Detail — Redesign · 프로필Tournament Detail — Redesign · 대항전Applicant Detail — Redesign · 가입 심사Canvas Migration — 회비 · 멤버 · 규칙Record Detail — Redesign · 기록Venue Finder · 코트 찾기Venue Filters · 코트 필터 재구성Notifications · 알림Panel Placement · 하단 고정
Interactive kit · grounded in code

Messaging · 메시지

메시지 · 목록
메시지
주요
요청
김
김도현
내일 6시 코트 예약했어요 👍
오후 2:14
정
최
강
주말 번개 모임
3명정하늘: 저 참여할게요!
오전 11:03
이
이수민
넵 감사합니다
어제
박
박준호
다음에 또 쳐요~
화요일
대화 · 1:1
김
김도현
⋯
김
김도현3월 12일에 대화를 시작했어요
오늘
김
이번 주말 번개 나오세요?
네 토요일 좋아요 🎾
몇 시로 잡을까요?
읽음 · 오후 2:10
김
내일 6시 코트 예약했어요 👍
오후 2:14
메시지 입력…
↑
대화 · 그룹
정
최
강
주말 번개 모임4명
⋯
오늘
김총무님이 강서준님을 초대했어요
정
정하늘
저 참여할게요!
최
최우진
코트는 어디예요?
강남 테니스장이요. 6시까지 오세요
전송됨 · 오전 11:03
메시지 입력…
↑
대화 · 메시지 없음
이
이수민
⋯
이
이수민오늘 대화를 시작했어요
💬
첫 메시지를 보내 보세요
메시지 입력…
↑
대화 · 찾을 수 없음
메시지
💬
대화방을 찾을 수 없어요
뒤로 가기
새 그룹
새 그룹
이름
주말 번개 모임
멤버
정
정하늘✓
최
최우진✓
강
강서준
윤
윤지호
만들기 (2명)
Spec (grounding, anatomy)

The 메시지 inbox is a DetailShell + SegmentedTabs (주요/요청) over DmThreadRows, opening a bottom-up FeedList thread with asymmetric mine/theirs bubbles under a ComposeBar (a RequestGateBar when pending).

route · apps/mobile/app/messages/{index,[threadId],new-group,add-members}.tsx → messaging/src/dm-{inbox,thread,create-group,add-members}-screen.tsx grounded in 6 source file(s)
packages/features/messaging/src/dm-inbox-screen.tsxpackages/features/messaging/src/dm-thread-screen.tsxpackages/features/messaging/src/dm-create-group-screen.tsxpackages/ui/src/people-picker-body.tsxpackages/ui/src/people-picker-sheet-visual.tspackages/app/src/presentation/hooks/queries/use-dm.ts