feat(space): 나가기 버튼 롱프레스 가속 진행 인터랙션 추가
맥락: - /space에서 실수 이탈을 줄이면서도 명확한 탈출 동선을 유지하기 위해 나가기 액션을 1초 롱프레스 방식으로 변경 변경사항: - features/exit-hold 추가(useHoldToConfirm, ExitHoldButton) - 1초 롱프레스와 가속 진행 규칙(0.05초 -> 20%)을 feature 내부에 구현 - 몰입 OFF에서는 bar(좌->우 fill), 몰입 ON에서는 ring 진행 표시로 분기 - 1초 미만 해제/마우스 leave/touch cancel 시 진행률 즉시 리셋 - 완료 시 나가기(더미) 토스트 + 몰입 모드 OFF 동작 연결 - docs/90_current_state.md, docs/session_brief.md 상태 업데이트 검증: - npx tsc --noEmit 세션-상태: 상단 나가기 액션은 롱프레스 완료 시에만 트리거됨 세션-다음: 롱프레스 인터랙션 인지성 보완용 힌트 카피 도입 여부 검토 세션-리스크: 터치 환경에서 롱프레스 UI 의도를 즉시 이해하지 못할 가능성 있음
This commit is contained in:
@@ -28,6 +28,10 @@ Last Updated: 2026-02-27
|
||||
- 타이머 HUD 하단 위치를 safe-area 기반 최소 여백으로 조정
|
||||
- 몰입 모드 ON 시 상단 액션을 `나가기` 버튼으로 전환
|
||||
- 클릭 시 토스트 `나가기(더미)` 노출 + 몰입 모드 OFF
|
||||
- `/space` 상단 우측 나가기 액션을 롱프레스(1초)로 변경
|
||||
- 0.05초에 진행률 20%까지 빠르게 상승
|
||||
- 1초 유지 시 `나가기(더미)` 토스트 + 몰입 모드 OFF
|
||||
- 몰입 OFF: 좌→우 fill(bar), 몰입 ON: 원형 ring 진행 표시
|
||||
- 몰입 모드 ON 시 `/space` 크롬 정리:
|
||||
- 상단 `Current Room` 블록 숨김
|
||||
- 우상단 허브 버튼 소형 아이콘화
|
||||
@@ -46,6 +50,7 @@ Last Updated: 2026-02-27
|
||||
1. `RoomSheetWidget`/도크 패널의 인원수 기반 UI를 큐레이션형 정보로 재정의
|
||||
2. 몰입 모드에서 터치 환경(hover 없음) 레일 노출 UX를 보완할지 정책 확정
|
||||
3. `/space` 헤더 최소화 스타일을 테마별(밝은 배경) 대비 점검
|
||||
4. 롱프레스 나가기 버튼의 터치 환경 힌트(첫 진입 안내) 필요 여부 판단
|
||||
|
||||
## RISKS
|
||||
|
||||
@@ -53,6 +58,7 @@ Last Updated: 2026-02-27
|
||||
- 터치 기기에서 레일 미니 상태가 발견성 낮을 수 있어 추가 힌트가 필요할 수 있음
|
||||
- 일부 시트(예: Room)는 아직 인원수 중심 문구가 남아 있어 톤 불일치 가능성 존재
|
||||
- safe-area 값이 작은 기기에서는 HUD가 너무 낮게 느껴질 수 있어 세부 조정 여지 존재
|
||||
- 롱프레스 인터랙션은 첫 사용자에게 즉시 인지되지 않을 수 있어 시각적 힌트 필요 가능성 있음
|
||||
|
||||
## CHANGED FILES
|
||||
|
||||
@@ -91,6 +97,9 @@ Last Updated: 2026-02-27
|
||||
- `src/widgets/space-timer-hud/ui/SpaceTimerHudWidget.tsx`
|
||||
- `src/widgets/space-chrome/ui/SpaceChromeWidget.tsx`
|
||||
- `src/features/immersion-mode/model/useImmersionMode.ts`
|
||||
- `src/features/exit-hold/index.ts`
|
||||
- `src/features/exit-hold/model/useHoldToConfirm.ts`
|
||||
- `src/features/exit-hold/ui/ExitHoldButton.tsx`
|
||||
|
||||
## QUICK VERIFY
|
||||
|
||||
|
||||
Reference in New Issue
Block a user