Interactive kit · grounded in code

Tournament Detail — Redesign · 대항전

🎨

제안 — 토너먼트 상세를 클럽 상세 플레이스-서피스 포맷으로토너먼트는 진행되는 동안 머무는 하나의 방이다 → 원카드 트로피 히어로(정체성 + 라운드 진행 심), 역할별 밀도(참가자·호스트), 순위는 ≤5개 프리뷰 셸프 + 더보기, 위험 구역은 ⋯ 케밥, 단일 하단 CTA. 아직 앱에 반영 전 — 오너 반복 검토용 와이어프레임.

역할 A참가자가 보는 토너먼트

내 다음 경기 우선 → 순위 셸프(더보기) → 현재 라운드 → 지난 라운드 접힘 · 하단 CTA = 점수 입력(제안)

토너먼트

⋯

🏆

진행 중

🏆

8팀 참가

토요 정기 토너먼트스위스 시스템 · 3라운드 진행 중

1위내 순위

2승 0무내 전적

3/5R라운드

내 다음 경기1코트 · 대기 중

1코트내 경기

김

김민준

이

이서연

이

이준영

강

강나윤

순위스위스 · 3라운드

1김민준 · 이서연 · 나3승 0무 0패

2박도윤 · 최지우2승 1무 0패

3정현우 · 한소희2승 0무 1패

전체 8팀 순위 더보기

현재 라운드 3다른 코트

2코트 · 종료

박

박도윤

최

최지우

정

정현우

한

한소희

지난 라운드

1~2라운드전체 결과 보기

⚖️density-follows-role: 참가자는 내 다음 경기(대기 중인 자기 매치)를 히어로 바로 다음에 가장 먼저 본다. 순위 → 현재 라운드 → 지난 라운드 순의 섹션 리듬($4), 카드 제목은 카드 밖. 하단 CTA "점수 입력"은 내 경기가 대기 중일 때만 — 실제 화면은 아직 승자 선택을 호스트 전용으로 제한하므로(코드상 참가자 스코어 입력 경로 없음) 이 CTA는 제안 확장: 참가자가 자기 매치 결과를 직접 보고하고 호스트가 확인하는 흐름을 여는 안이다.

점수 입력

역할 B호스트/운영이 보는 토너먼트

같은 슬롯, 더 높은 밀도 · 부흐홀츠·승자 선택·무승부 · 위험 구역은 ⋯ 케밥 · 하단 CTA = 다음 라운드 생성+종료

토너먼트

⋯

🏆

결과 대기 2

🏆

8팀 참가

토요 정기 토너먼트스위스 시스템 · 3라운드 진행 중

2결과 대기

3/5R라운드

8팀참가

🏁

3라운드 · 결과 대기 2경기전 경기 승자 선택 완료 시 다음 라운드 생성 가능 →

순위부흐홀츠 표시

1김민준 · 이서연3승 0무 0패부흐홀츠 7

2박도윤 · 최지우2승 1무 0패부흐홀츠 6

3정현우 · 한소희2승 0무 1패부흐홀츠 5

4이준영 · 강나윤1승 1무 1패부흐홀츠 4

5오세훈 · 윤아름0승 1무 2패부흐홀츠 2

현재 라운드 32코트

1코트

김

김민준

이

이서연

이

이준영

강

강나윤

승자 선택

김민준 · 이서연

이준영 · 강나윤

무승부

2코트 · 종료

박

박도윤

최

최지우

정

정현우

한

한소희

⚖️같은 슬롯, 더 높은 밀도: 호스트는 라운드 진행 요약을 히어로/어텐션 카드에서, 순위 카드에서 부흐홀츠까지, 현재 라운드 카드에서 승자 선택(+ 스위스/라운드로빈만 무승부)을 본다. 위험 구역(토너먼트 취소 — 대진·기록 전체 삭제, 되돌릴 수 없음)은 오늘처럼 인라인 카드가 아니라 헤더 ⋯ 케밥 맨 아래로 이동 — 페이지-레벨 액션은 하단 밴드 단 하나(다음 라운드 생성/종료).

다음 라운드 생성

종료

Spec (grounding, anatomy)

토너먼트 상세를 클럽 상세 플레이스-서피스 포맷으로 재구성한 제안. 원카드 트로피 히어로 + 역할별 밀도(참가자·호스트) + 순위 프리뷰 셸프(더보기) + 위험 구역 ⋯ 케밥 이동 + 단일 하단 CTA. 오너 반복 검토용.

grounded in 5 source file(s)

packages/features/sessions/src/scorecard-page/scorecard-page.tsxpackages/features/sessions/src/session-detail-screen.tsxpackages/features/clubs/src/club-detail/visitor/visitor-page.tsxpackages/app/src/config/i18n/ko/tournaments.tsdocs/canon/components.md