diff --git a/docs/13_space_intent_card_collapsed_expanded_spec.md b/docs/13_space_intent_card_collapsed_expanded_spec.md index 2bbefd1..61f0d89 100644 --- a/docs/13_space_intent_card_collapsed_expanded_spec.md +++ b/docs/13_space_intent_card_collapsed_expanded_spec.md @@ -55,7 +55,6 @@ Intent Card는 아래 2개 상태만 가진다. 보이는 것: - goal 1줄 -- 작은 expand affordance 1개 보이지 않는 것: @@ -98,7 +97,7 @@ Intent Card는 아래 2개 상태만 가진다. - desktop에서 hover - focus 진입 -- expand affordance 클릭/tap +- rail 전체 클릭/tap ### Collapsed로 돌아가는 경우 @@ -142,8 +141,9 @@ Intent Card는 아래 2개 상태만 가진다. - 1줄 truncate - medium weight - affordance: - - 우측에 작은 chevron / expand control - - pill/button처럼 보이면 안 된다 + - 별도 chevron / dropdown button은 두지 않는다 + - rail 자체가 expand trigger로 동작한다 + - desktop에서는 hover로, mobile에서는 tap으로 자연스럽게 열린다 ### Expanded card @@ -165,9 +165,10 @@ Intent Card는 아래 2개 상태만 가진다. ### Goal row - 좌측: goal 1줄 -- 우측: expand/collapse affordance -- goal 텍스트는 expanded 상태에서 클릭 시 refocus 진입 -- collapsed 상태에서는 goal 클릭이 바로 refocus를 여는 대신, rail 자체의 anchor로만 동작해도 괜찮다 +- 우측: expanded 상태에서만 보이는 `수정` 액션 +- collapsed 상태에서는 rail 전체가 expand trigger로만 동작한다 +- expanded 상태에서도 goal 텍스트 자체는 edit trigger가 아니다 +- refocus는 expanded 상태의 명시적 `수정` 액션으로만 진입한다 ### MicroStep row @@ -192,9 +193,9 @@ Intent Card는 아래 2개 상태만 가진다. ### Goal 수정 -- expanded 상태에서 goal 텍스트 클릭 -> refocus -- collapsed 상태에서는 goal 클릭으로 바로 열지 않거나, 제품 감각을 해치지 않는 범위에서만 허용한다 -- 핵심은 `expanded`가 먼저 읽히고, `edit`는 그다음이어야 한다 +- expanded 상태의 `수정` 액션 클릭 -> refocus +- collapsed 상태의 rail 클릭은 절대 refocus를 열지 않는다 +- 핵심은 `expand`와 `edit`의 역할이 섞이지 않게 하는 것이다 ### microStep 완료 @@ -237,6 +238,8 @@ Intent Card는 아래 2개 상태만 가진다. - Now chip 재도입 금지 - toolbar/pill/button cluster처럼 보이게 만들기 금지 - 배경보다 card가 먼저 읽히게 만들기 금지 +- rail 클릭과 edit 진입을 같은 액션으로 섞기 금지 +- 별도 chevron/dropdown button을 상시 노출하기 금지 --- diff --git a/docs/90_current_state.md b/docs/90_current_state.md index d59b7c1..f5c8f33 100644 --- a/docs/90_current_state.md +++ b/docs/90_current_state.md @@ -57,10 +57,11 @@ Last Updated: 2026-03-14 - `Return(focus)`는 짧은 re-entry settle motion으로, `Return(break)`는 더 느슨한 release reveal로 분리 - `Goal Complete`도 같은 recovery family 안에서 가장 느린 closure motion을 가지도록 조정 - `/space` intent HUD collapsed / expanded 재설계: - - 상시 큰 goal 카드 대신 idle에서는 goal 1줄과 작은 expand affordance만 남는 collapsed glass rail 구조로 변경 - - hover / focus / toggle에서만 expanded card로 열리며, 이때만 microStep과 `이번 목표 완료` 액션이 노출됨 + - 상시 큰 goal 카드 대신 idle에서는 goal 1줄만 남는 collapsed glass rail 구조로 변경 + - hover / focus / rail tap에서만 expanded card로 열리며, 이때만 microStep과 `이번 목표 완료` 액션이 노출됨 - recovery tray(`pause / return / next-beat / complete / refocus`)가 열릴 때는 base card가 강제로 collapsed 상태를 유지하도록 정리 - expanded rail은 outside click으로 접히지만, recovery tray는 outside click으로 닫히지 않고 명시적 액션으로만 닫힘 + - rail 클릭은 expand/collapse만 담당하고, refocus는 expanded 상태의 `수정` 액션으로만 진입 - Focus Entry Surface / Execution Surface 재정의: - `/app`을 planning home이 아니라 hero-first focus entry surface로 재구성 diff --git a/docs/session_brief.md b/docs/session_brief.md index 264169d..1432a0f 100644 --- a/docs/session_brief.md +++ b/docs/session_brief.md @@ -65,6 +65,7 @@ Last Updated: 2026-03-14 - microStep과 `이번 목표 완료`는 expanded 상태에서만 드러난다. - recovery tray가 열리면 base card는 자동으로 collapsed 상태를 유지한다. - expanded rail은 outside click으로 접히지만, decision tray는 outside click으로 닫히지 않는다. + - rail 클릭은 펼침/접힘만 담당하고, 수정은 expanded 상태의 `수정` 액션으로만 진입한다. - `/app`을 single-goal commitment gate로 다시 줄였다. - 2-step ritual setup을 제거했다. - current session이 있으면 `Resume` UI만 보여주고, `/space`로 이어가기만 제안한다. diff --git a/src/shared/i18n/messages/space.ts b/src/shared/i18n/messages/space.ts index 949751d..3bc99aa 100644 --- a/src/shared/i18n/messages/space.ts +++ b/src/shared/i18n/messages/space.ts @@ -39,7 +39,6 @@ export const space = { intentLabel: '이번 세션 목표', microStepLabel: '지금 할 한 조각', intentExpandAriaLabel: '목표 카드 펼치기', - intentCollapseAriaLabel: '목표 카드 접기', refocusButton: '목표 수정', intentEditLabel: '수정', refocusTitle: '다시 방향 잡기', diff --git a/src/widgets/space-focus-hud/ui/IntentCapsule.tsx b/src/widgets/space-focus-hud/ui/IntentCapsule.tsx index 4c1ee53..1d49ee0 100644 --- a/src/widgets/space-focus-hud/ui/IntentCapsule.tsx +++ b/src/widgets/space-focus-hud/ui/IntentCapsule.tsx @@ -64,25 +64,12 @@ export const IntentCapsule = ({ }; }, [isExpanded, showActions]); - const handleGoalClick = () => { - if (!canInteract) { - return; - } - - if (!isExpanded) { - setPinnedExpanded(true); - return; - } - - onOpenRefocus(); - }; - - const handleToggleExpanded = () => { + const handleExpand = () => { if (!showActions) { return; } - setPinnedExpanded((current) => !current); + setPinnedExpanded(true); }; return ( @@ -130,76 +117,56 @@ export const IntentCapsule = ({ />
-
- +
- {showActions ? ( - + ) : null} +
+ ) : ( + - ) : null} - + {goal} +

+ + )}