Interactive kit · grounded in code

Session Detail — Redesign · 일정

🎨

제안 — 세션 상세를 클럽 상세 플레이스-서피스 포맷으로세션은 장소(코트)를 가진 하나의 장소다 → 원카드 플레이스 히어로(지도 커버 + 정체성 심), 접히는 헤더, 역할별 밀도(참가자·호스트·게스트), 섹션 리듬, ⋯ 케밥, 단일 하단 CTA. 아직 앱에 반영 전 — 오너 반복 검토용 와이어프레임.

역할 A참가자가 보는 세션

개인 관계 우선 · 장소→날씨→참여→정보 · 하단 CTA = 송금/참가 상태

토요 정기 · 올림픽공원

⋯

🗺️

참가 확정

🎾

김

이

박

최

6/8 확정

토요 정기 모임8월 30일 (토) · 14:00–17:00

D-2남은 일수

6/8확정 인원

₩8,000참가비

공지

라켓 여분 2개 챙겨 갑니다. 늦으시는 분은 채팅으로 알려주세요 🙏

☀️

맑음 · 26°경기 시간대 강수 0%

야외 코트 좋음

참여6명 확정 · 예비 1

김

김민준나🥈NTRP 3.0–3.5

이

이서연🥈NTRP 3.0–3.5

박

박도윤🥈NTRP 3.0–3.5

최

최지우🥈NTRP 3.0–3.5

외 2명

경기 방식복식 로테이션 · 4세트 · 팀 자동 구성

정보

장소올림픽공원 테니스장 · 3, 4번 코트

형식 · 실력복식 · 3.0–4.0

참가비₩8,000 · 계좌 이체

참석 마감8월 30일 12:00

⚖️density-follows-role: 참가자는 개인 관계(참가 확정 칩 · D-2 · 내 참가비)를 히어로에서 먼저 본다. 장소 → 날씨 → 참여 → 정보 순의 섹션 리듬($4), 카드 제목은 카드 밖. 아웃바운드/보조 액션(공유·채팅·저장)은 ⋯ 케밥.

송금 완료 알리기

역할 B호스트가 보는 세션

같은 슬롯, 더 높은 밀도 · 정산/가입대기/대진 · 하단 CTA = 대진 짜기+정산

토요 정기 · 올림픽공원

⋯

🗺️

정산 대기 2

🎾

김

이

박

최

6/8 확정

토요 정기 모임8월 30일 (토) · 14:00–17:00

2입금 확인

1가입 대기

6/8확정

💳

입금 2건 확인 대기송금 완료를 알린 참가자 확인 →

›

참여 · 정산6 확정 · 2 미입금

김

김민준🥈NTRP 3.0–3.5

입금 확인

이

이서연🥈NTRP 3.0–3.5

송금 완료 · 확인

박

박도윤🥈NTRP 3.0–3.5

대기

경기대진 짜기

김

김민준

이

이서연

박

박도윤

최

최지우

2코트 · 다음 라운드 대기라운드 추가

⚖️같은 슬롯, 더 높은 밀도: 호스트는 정산·가입대기 요약을 히어로에서, 참여 카드에서 입금 상태·확인 액션을, 경기 카드에서 대진 짜기를 본다. 페이지-레벨 액션은 하단 밴드 단 하나(대진 짜기/시작). 삭제·공유는 ⋯ 케밥 최하단.

대진 짜기

정산

역할 C게스트가 보는 세션 (공개 미리보기)

발견 정보 + 호스트 신뢰만 · 하단 CTA = 신청 상태 머신

번개 모임

⋯

🗺️

모집 중

🎾

김

이

박

3/4 확정

퇴근 후 번개 복식8월 28일 (수) · 19:00–21:00

3/4모인 인원

복식형식

₩10,000참가비

이런 모임이에요

실력대3.0–4.0 · 친선

장소양재 시민의 숲 코트

가입 방식호스트 승인

호스트

정

정현우

신뢰 ★4.8주최 12회

⚖️게스트 밀도: 개인/호스트 관리 투영은 숨기고 발견 정보(실력·장소·가입 방식)와 호스트 신뢰만. 단일 하단 CTA는 신청 상태 머신(신청하기 → 승인 대기 → 참가 확정).

신청하기

Spec (grounding, anatomy)

세션 상세를 클럽 상세 플레이스-서피스 포맷으로 재구성한 제안. 원카드 지도 히어로 + 역할별 밀도(참가자·호스트·게스트) + 섹션 리듬 + 단일 하단 CTA. 오너 반복 검토용.

grounded in 4 source file(s)

packages/features/sessions/src/session-detail-screen.tsxpackages/features/sessions/src/session-detail/use-session-detail-model.tspackages/app/src/domain/session-info-model.tspackages/features/clubs/src/club-detail/visitor/visitor-page.tsx