From 729afe0cbf0320c916ebfe1957e34aa59ad10665 Mon Sep 17 00:00:00 2001
From: corpi <lj845854@gmail.com>
Date: Sat, 14 Mar 2026 18:51:43 +0900
Subject: [PATCH] =?UTF-8?q?fix(space):=20=EB=AA=A9=ED=91=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20affordance=EB=A5=BC=20=EB=AA=85=EC=8B=9C=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/i18n/messages/space.ts             |  3 +-
 .../space-focus-hud/ui/IntentCapsule.tsx      | 36 ++++++++++++++-----
 2 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/src/shared/i18n/messages/space.ts b/src/shared/i18n/messages/space.ts
index a581e25..949751d 100644
--- a/src/shared/i18n/messages/space.ts
+++ b/src/shared/i18n/messages/space.ts
@@ -40,7 +40,8 @@ export const space = {
     microStepLabel: '지금 할 한 조각',
     intentExpandAriaLabel: '목표 카드 펼치기',
     intentCollapseAriaLabel: '목표 카드 접기',
-    refocusButton: '다시 방향',
+    refocusButton: '목표 수정',
+    intentEditLabel: '수정',
     refocusTitle: '다시 방향 잡기',
     refocusDescription: '딱 한 줄만 다듬고 다시 시작해요.',
     refocusApply: '적용',
diff --git a/src/widgets/space-focus-hud/ui/IntentCapsule.tsx b/src/widgets/space-focus-hud/ui/IntentCapsule.tsx
index 95e1222..187c668 100644
--- a/src/widgets/space-focus-hud/ui/IntentCapsule.tsx
+++ b/src/widgets/space-focus-hud/ui/IntentCapsule.tsx
@@ -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"
             >
-              <p
-                className={cn(
-                  '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>
+              <span className="flex min-w-0 items-center gap-2">
+                <p
+                  className={cn(
+                    '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 ? (