fix(space): 목표 수정 affordance를 명시화

This commit is contained in:
2026-03-14 18:51:43 +09:00
parent 278fc11135
commit 729afe0cbf
2 changed files with 30 additions and 9 deletions

View File

@@ -40,7 +40,8 @@ export const space = {
microStepLabel: '지금 할 한 조각',
intentExpandAriaLabel: '목표 카드 펼치기',
intentCollapseAriaLabel: '목표 카드 접기',
refocusButton: '다시 방향',
refocusButton: '목표 수정',
intentEditLabel: '수정',
refocusTitle: '다시 방향 잡기',
refocusDescription: '딱 한 줄만 다듬고 다시 시작해요.',
refocusApply: '적용',

View File

@@ -108,14 +108,34 @@ export const IntentCapsule = ({
aria-label={copy.space.focusHud.refocusButton}
className="min-w-0 flex-1 text-left transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/14 disabled:cursor-default disabled:hover:opacity-100"
>
<span className="flex min-w-0 items-center gap-2">
<p
className={cn(
'truncate font-medium tracking-tight text-white/96 transition-[font-size,line-height] duration-200 ease-out',
'min-w-0 truncate font-medium tracking-tight text-white/96 transition-[font-size,line-height] duration-200 ease-out',
isExpanded ? 'text-[18px] md:text-[20px]' : 'text-[15px] md:text-[16px]',
)}
>
{goal}
</p>
{isExpanded && canInteract ? (
<span className="inline-flex shrink-0 items-center gap-1 rounded-full border border-white/10 bg-black/10 px-2 py-1 text-[11px] font-medium tracking-[0.06em] text-white/54 transition-colors duration-200 group-hover:text-white/72">
<svg
aria-hidden
viewBox="0 0 16 16"
className="h-3 w-3"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
>
<path d="m10.9 2.6 2.5 2.5" />
<path d="M3.4 12.6 2.6 15l2.4-.8 7.7-7.7-1.6-1.6-7.7 7.7Z" />
</svg>
<span>{copy.space.focusHud.intentEditLabel}</span>
</span>
) : null}
</span>
</button>
{showActions ? (