Interactive kit · grounded in code

클럽 상세 — 여섯 탭 플랫

Recommended pathBring the five other tabs to the flat layout (built 2026-09-07); ship 홈 탭 v2.2 on the owner's word

1v2.2 home reorder as drawn — unchanged

2Now: post-row.tsx rebuilt its header on PersonRow (2026-09-23) — the 📌 pinned marker moved off the name line into a trailing badge beside the ⋯ kebab, and category dropped down as its own stacked fact under time. RdPostRow below still draws the pre-existing anatomy (frozen as the accepted 2026-09-07 reference) — see club-detail.jsx (Screens lane) for the shipped row.

3일정 tab → flat compact rows grouped 예정/지난 (no SessionCardV2 boxes inside the detail page)

4채팅 → flat thread rows

5기록 → flat ranking rows (already flat, kept)

6멤버 → role sections divided by the column hairline, rows spacing-only

7회비 → StatStrip lead + Well bank info + flat dues rows

8rename 소식→게시판 and 기록→순위 (i18n only; 랭킹 is a forbidden term in the terminology canon)

Owner's word needed → Option-3 IA (게시판 as a first-class tab, 관리 into overflow) stays held until usage data

⚖️Each pane below keeps its real layer order and data — sessions-pane's embedded SessionCardV2 rows, chat-pane's DmThreadRow, ranking-tab's LeaderboardRow, members-pane's role-grouped rows, dues-pane's month/summary/rows — only the containers move to the flat FlColumn/FlSection/FlListRow grammar already shipped on club detail's 홈 tab.

홈 — v2.2 (unchanged)

강남

강남 라켓클럽

📍강남구

🎾실버~골드

📅매주 토

홈

일정

채팅

순위

멤버

회비

다음 일정

양재 시민의숲

⏰06:00–09:00

🎾남복

🎯

3.0–4.0

응답 기한 임박 1시간 남음

6/8

이후 일정

전체 보기

실내 A코트월 8/25 · 20:00

복식 친선

모집 중

5/8

실내 A코트수 8/27 · 20:00

복식 친선

예비 접수

8/8

소식

김

김철수📌

총무 · 1시간 전

9월 정기전 대진 방식 투표 올렸습니다. 확인 부탁드려요!

💬7

박

박영희

어제

토요일 새벽 카풀 구해요 — 양재역 근처요

💬3

최근 경기

🏆

김민준 · 박지훈 팀 승리6-3, 6-4 · 어제

승

내 순위

소속 조

A조

이번 시즌 순위

3위

▲

갤러리

전체 보기

Home tab v2.2 — unchanged: one next-session card, then vertical session / news / gallery rows on the flat canvas, section dividers only.

일정 — flat

강남

강남 라켓클럽

📍강남구

🎾실버~골드

📅매주 토

홈

일정

채팅

순위

멤버

회비

예정

전체 보기

양재 시민의숲토 8/23 · 06:00

복식 친선

마감 임박

6/8

실내 A코트월 8/25 · 20:00

복식 친선

모집 중

5/8

지난

8/16

일

복식 랭킹전테헤란 코트 · 19:00

종료

8/9

일

복식 친선양재 시민의숲 · 09:00

종료

Schedule tab flat — 예정 keeps compact session rows (no SessionCardV2 chrome), 지난 becomes plain FlListRow entries with a 종료 badge.

채팅 — flat

강남

강남 라켓클럽

📍강남구

🎾실버~골드

📅매주 토

홈

일정

채팅

순위

멤버

회비

👥

강남 라켓클럽 단체채팅방이서연: 다음 주에도 참여하실 분들 댓글 남겨주세요

방금3

김

김민준넵 알겠습니다!

어제

박

박지훈사진 보내드릴게요

화요일1

Chat tab flat — the pinned club room and every DM thread render as bare FlListRow entries, no card, no hairline between peers.

랭킹 — flat

강남

강남 라켓클럽

📍강남구

🎾실버~골드

📅매주 토

홈

일정

채팅

순위

멤버

회비

전체 순위

전체 보기

박

박지훈

🥇NTRP 3.5–4.01842

이

이서연

🥈NTRP 3.0–3.51780

김

김민준나

🥈NTRP 3.0–3.51712

순위 tab (기록→순위 rename) already-flat, now inside the same FlColumn/FlSection grammar as the other five tabs. Real anatomy changed under RANKING-FOLD (2026-09-28): 전적/변동 columns retired, W-L + 7d delta fold under the name — drawn here with the kit's generic WFRankRow as a stand-in, not pixel-literal.

멤버 — flat

강남

강남 라켓클럽

📍강남구

🎾실버~골드

📅매주 토

홈

일정

채팅

순위

멤버

회비

24명조는 클럽 순위로 나눈 실력 그룹이에요

✨

복식 파트너 추천나와 잘 맞는 파트너 찾기

오너

강

강민수

🌳⋮

운영진

이

이서연A조

수동🌿⋮

멤버22명

Members tab flat — role groups keep the FlColumn hairline between them; rows inside one role are spacing-only, never divided from each other.

회비 — flat

강남

강남 라켓클럽

📍강남구

🎾실버~골드

📅매주 토

홈

일정

채팅

순위

멤버

회비

2026년 9월

18명완료 · 360,000원

4명미납 · 80,000원

2명부분 · 20,000원

입금 계좌

카카오뱅크 3333-01-234567예금주 강민수

회비 목록24명

김

김민준20,000원

완납납부 취소

이

이서연20,000원

일부 납부납부 확인면제 처리

박

박지훈20,000원

미납입금 완료

Dues tab flat — a StatStrip leads under the month scrubber (no boxed summary card), bank info is a Well, dues rows are flat FlListRow entries. Now (2026-09-17, U-14): the manager view's per-row action is inline verb pills (납부 확인/면제 처리, or 납부 취소 once paid) beside the badge, not a kebab menu.

Spec (grounding, anatomy)

Recommended path (owner ruling 2026-09-07): 홈 탭 v2.2 ships as previously drawn — the home-tab reorg (next-session card, vertical session list, news preview, rank-trend arrow) is unchanged. The other five tabs (일정·채팅·기록·멤버·회비) move to the same flat layout: no SessionCardV2/card chrome inside the detail page, bare FlListRow/WFRankRow rows, section seams owned by FlColumn dividers instead of per-row hairlines. The 소식→게시판 / 기록→순위 renames are i18n-only. Option-3 IA (게시판 as a first-class tab, 관리 into overflow) stays held until there is usage data. The shipped 6-tab club-detail page and the guest reference page are real app screens — see club-detail.jsx for those.

route · apps/mobile/app/clubs/[clubId]/index.tsx → club-detail-screen.tsx (home tab v2.2 — proposal, unshipped) grounded in 43 source file(s)

packages/ui/src/flat-column.tsxpackages/features/clubs/src/club-detail/visitor/visitor-page.tsxpackages/features/clubs/src/shared/club-photo-seam.tsxpackages/features/clubs/src/shared/club-card.tsxpackages/features/clubs/src/club-detail-screen.tsxpackages/features/clubs/src/club-detail/home/home-pane.tsxpackages/features/clubs/src/shared/post-row.tsxpackages/features/clubs/src/club-detail/club-place-header.tsxpackages/features/clubs/src/club-detail/club-hero-model.tspackages/app/src/presentation/components/club-feed/club-feed-item-row.tsxpackages/features/clubs/src/club-detail/home/feed-head.tsxpackages/features/clubs/src/club-detail/club-band-media.tsxpackages/ui/src/collapsing-top-bar.tsxpackages/ui/src/place-shell.tsxpackages/app/src/domain/entities/post.entity.tspackages/features/clubs/src/club-detail/records/records-list.tsxpackages/features/clubs/src/club-detail/records-pane.tsxpackages/features/clubs/src/club-detail/chat-pane.tsxpackages/features/clubs/src/club-detail/members-pane.tsxpackages/features/clubs/src/club-detail/dues-pane.tsxpackages/features/clubs/src/club-members-screen.tsxpackages/features/clubs/src/club-dues-screen.tsxpackages/features/clubs/src/club-detail/records/peek-sheet.tsxpackages/ui/src/pill-nav.tsxpackages/app/src/domain/rules/club-groups.rules.tspackages/app/src/config/i18n/ko/clubs.tspackages/app/src/config/i18n/ko/settings.tspackages/app/src/presentation/components/sessions/session-card-v2.tsxpackages/app/src/presentation/components/sessions/session-strip-ui.tsxpackages/app/src/presentation/components/sessions/session-media-row.tsxpackages/app/src/domain/session-strip.tspackages/app/src/presentation/components/leaderboard-row.tsxpackages/features/records/src/leaderboard/leaderboard-parts.tsxpackages/ui/src/stat-tile.tsxpackages/features/profile/src/profile-tab/profile-identity-zone.tsxpackages/ui/src/search-bar.tsxpackages/app/src/presentation/utils/player-stats.tspackages/app/src/domain/entities/player-matchup.entity.tspackages/app/src/adapters/supabase/player-matchup.supabase.tspackages/app/src/domain/entities/club.entity.tspackages/app/src/domain/entities/session.entity.tssupabase/migrations/00062_player_matchups.sqlpackages/features/clubs/src/club-detail/club-manage-sheet.tsx