feat(app): atmosphere entry shell 고급화

This commit is contained in:
2026-03-16 12:37:36 +09:00
parent 16d620ee4a
commit 81e969c116
6 changed files with 286 additions and 169 deletions

View File

@@ -14,6 +14,10 @@ Last Updated: 2026-03-16
- atmosphere는 `scene + sound`가 함께 묶인 선택 단위로 동작하며, 선택한 atmosphere가 `/app` 배경과 `/space` start payload에 같이 반영된다
- custom duration server contract 전까지는 입력한 분 값을 가장 가까운 기본 리듬(`25/5`, `50/10`, `90/20`)으로 매핑한다
- weekly review entry는 main CTA를 먹지 않도록 no-session shell의 quiet secondary dock 위치로 이동했다
- `/app` Atmosphere Entry Shell visual premium polish:
- no-session shell을 `decision rail + selected atmosphere stage + curated atmosphere library` 구조로 다시 짰다
- 좌측은 입력과 시작 결정을 담당하고, 우측은 선택한 atmosphere의 immersive preview를 크게 보여준다
- review entry는 start stage 아래 quiet dock로 내려 main CTA와 경쟁하지 않게 정리했다
- current session direct start 차단:
- silent abandon을 막기 위해 server `startSession()`은 current session 존재 시 direct start를 거절한다

View File

@@ -7,6 +7,7 @@ Last Updated: 2026-03-16
현재 상태:
- `Slice 1` no-session shell 구현 완료
- `Slice 1-2` visual premium polish 구현 완료
- `Custom Duration Contract``Weekly Review Dock Reposition`은 다음 slice로 남아 있음
핵심 정책 변경:
@@ -151,6 +152,8 @@ Last Updated: 2026-03-16
- goal input
- duration input
- start CTA
- editorial copy block
- selected atmosphere large preview stage
### Layer 3. Atmosphere Grid
@@ -161,6 +164,21 @@ Last Updated: 2026-03-16
핵심은
**review / archive / history가 main stage를 먹지 않고, atmosphere grid도 secondary decoration이 아니라 실제 선택 surface로 작동해야 한다**는 점이다.
### 현재 visual shell 원칙
- left: decision rail
- 큰 제목
- goal / duration input
- selected atmosphere summary
- primary CTA
- quiet review dock
- right: selected atmosphere stage
- immersive preview
- sound / scene / best-for meta
- bottom: curated atmosphere library
- 4열 grid
- selected state가 즉시 읽혀야 함
---
## 6. 화면 구성

View File

@@ -32,6 +32,10 @@ Last Updated: 2026-03-16
- 선택한 atmosphere는 `/app` 배경 preview와 `/space` start payload의 `scene/sound`에 같이 반영된다.
- duration은 우선 가장 가까운 기본 리듬으로 매핑하는 임시 계약을 사용한다.
- weekly review entry는 right-side quiet dock 위치로 옮겨 main CTA보다 낮은 위계를 유지한다.
- `/app` Atmosphere Entry Shell visual premium polish를 반영했다.
- utility card 묶음 대신 `decision rail + selected atmosphere stage + curated library` 구조로 재구성했다.
- 좌측은 입력과 결심, 우측은 immersive preview, 하단은 12개 atmosphere library로 위계를 고정했다.
- review entry는 start stage 아래의 quiet dock로 낮춰 main CTA와 경쟁하지 않게 정리했다.
- `/app`은 이제 session gate를 보여주지 않는다.
- current session이 있으면 상태와 상관없이 즉시 `/space`로 이동한다.
- 따라서 paused resume gate와 takeover sheet는 current UX가 아니다.

View File

@@ -38,7 +38,7 @@
- goal + duration + selected atmosphere가 start surface 안에서 명확히 읽힌다
- 12개 dummy atmosphere가 4열 그리드로 배치된다
- 진행 상태:
- 구현 완료, browser QA 대기
- 구현 완료, visual premium polish 반영, browser QA 대기
- 검증:
- `/app` no-session browser QA
- 커밋 힌트: