← Cockpit Wireframes Pages by level Navigation map
Head-to-Head · 상대 전적▾
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

Head-to-Head · 상대 전적

상대 전적
상대 전적
64%승률
38승 21패 3무전적
6상대 수
김도현라이벌5승 4패 56%
이준서천적1승 6패 14%
박민재최다 대전8승 5패 62%
정하늘최고 전적6승 1패 86%
주요 상대
김
김도현5승 4패
승패승승무
이
이준서1승 6패
패패승패패
박
박민재8승 5패
승승패승승
정
정하늘6승 1패
승승승승패
최
최유진3승 3패
패승승패승
강
강태호4승 2패
승승패승무
전적 없음
상대 전적
👥
아직 상대 전적이 없어요
로딩
상대 전적
오류
상대 전적
불러오지 못했어요다시 시도
Spec (grounding, anatomy)

Flat-canvas DetailShell ("상대 전적") over a FlatColumn with a lead StatStrip + an untitled callout RowList + a "주요 상대" RowList, gated error → loading-skeleton → unified empty → full data, with win-rate everywhere excluding draws from the denominator.

route · apps/mobile/app/records/analysis/rivals.tsx → records/src/head-to-head-screen.tsx grounded in 2 source file(s)
packages/features/records/src/head-to-head-screen.tsxpackages/app/src/presentation/components/status/status-badges.tsx