Narion

이야기가 플레이가 되는 곳

계정, 프로필, 세션, 스튜디오 흐름을 담을 기본 앱 셸을 준비했습니다.

Route Scaffold

다음 마일스톤이 올라올 자리

공통 컴포넌트, 상태 UX, 접근성 규칙이 같은 셸 위에 순서대로 얹힙니다.

현재 surface

이 화면은 공통 셸, 토큰, 상태 UX가 얹힐 자리를 미리 고정합니다.

라우트 역할

Phase 2 이후 로그인, active profile, writer, admin guard가 여기에 붙습니다.

다음 작업

Empty, error, form, badge, drawer contract를 같은 구조 위에 순서대로 올립니다.

M1-3 UI Foundation

와이어프레임 구조를 바꾸지 않고, 같은 배지/버튼/empty-error/form/sheet 패턴을 여러 화면에서 재사용할 수 있게 고정합니다.

Foundation Ready

StatusBadge

공개범위, 진행 상태, 성인 여부, 보류 상태, 플랜 배지를 숨기지 않고 같은 어휘로 보여줍니다.

공개대기 중18+보류전문가

CTAButton

로그인 필요, writer 필요, 시트 열기 같은 공통 CTA를 한 컴포넌트에서 다룹니다.

로그인 후 복귀 URL 유지와 함께 Phase 2에서 실제 auth 흐름에 연결됩니다.

현재 프로필이 일반 프로필이라 스튜디오 진입이 잠겨 있습니다.

StateBoundary

목록/상세가 다른 문구를 쓰지 않도록 상태 vocabulary를 한 곳에 묶습니다.

Empty State

빈 상태는 실패처럼 다루지 않고, 다음 행동 CTA를 바로 함께 보여줍니다.

FormField

폼 에러는 필드 인라인으로 우선 보여주고, helper와 같은 자리에서 교체되도록 맞춥니다.