From 17170d2be97076b46c1ebeab2f8cdf99f25a4f71 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=88=98=ED=98=84?= <shkim4@samaneng.com>
Date: Wed, 21 Oct 2026 18:05:59 +0900
Subject: [PATCH] fix(sw): limit the property popup count hover to the object
 list
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User request (2026-10-21): in the all-selection property popup only the object
list on the right (columns 3-4: 원 1, 광선 1, 곡선 10, 호 1, 폴리선 10, 폴리선 2,
문자 1) keeps the #FF5C00 text Hover and the pointer. The summary entries of
columns 1-2 (도형 10, 직선 10, 문자 1 …) stay plain text: no Hover color, no
pointer, no click (none was added). The area is decided by the entry's column,
not by its text; entries without a column keep the Hover as before.
- SWHeaderPropertyPanel: internal data-count-summary on columns 1-2 (no Props
  or type change; public .d.ts byte-identical).
- sw.css: hover and pointer selectors skip [data-count-summary].
Count, order, layout (314 x 361) and editing are unchanged.
---
 .../sw-header/components/SWHeaderPropertyPanel.tsx           | 4 +++-
 packages/sw/src/theme/sw.css                                 | 5 +++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/sw/src/components/sw-header/components/SWHeaderPropertyPanel.tsx b/packages/sw/src/components/sw-header/components/SWHeaderPropertyPanel.tsx
index c4e8a1d..9bea231 100644
--- a/packages/sw/src/components/sw-header/components/SWHeaderPropertyPanel.tsx
+++ b/packages/sw/src/components/sw-header/components/SWHeaderPropertyPanel.tsx
@@ -426,7 +426,9 @@ export function SWHeaderPropertyPanel({
         )
       })}
       {children}
-      {selection.kind === "all" && !!selection.counts?.length && <div className="hm-sw-property__counts" aria-label="선택된 객체 종류와 개수">{selection.counts.map(item => <span key={item.id} style={{ gridColumn: item.column, gridRow: item.row }}>{item.name} {item.count}</span>)}</div>}
+      {selection.kind === "all" && !!selection.counts?.length && <div className="hm-sw-property__counts" aria-label="선택된 객체 종류와 개수">{selection.counts.map(item => <span key={item.id} style={{ gridColumn: item.column, gridRow: item.row }}
+        // 2026-10-21 user request: columns 1-2 of the Figma layout are the summary (도형 · 직선 …), plain text without Hover.
+        data-count-summary={item.column !== undefined && item.column <= 2 ? "" : undefined}>{item.name} {item.count}</span>)}</div>}
     </SWPopupFrame>
   )
 }
diff --git a/packages/sw/src/theme/sw.css b/packages/sw/src/theme/sw.css
index 3186493..c57f157 100644
--- a/packages/sw/src/theme/sw.css
+++ b/packages/sw/src/theme/sw.css
@@ -1664,10 +1664,11 @@ div.hm-sw-header__menu-row { justify-content: space-between; gap: 8px; padding-l
 .hm-sw-property__counts > span { min-height: 28px; padding: 5px 0; border-bottom: 1px solid rgba(0,0,0,.5); font-weight: 700; }
 /* 2026-10-21 design review: each object type entry (원 1, 폴리선 10 …) changes its own text color on Hover, with the
    SW row accent #FF5C00 (the header list row hover color). Display only: no click, selection or filter. */
-.hm-sw-property__counts > span:hover { color: var(--hm-sw-header-layer-row-hover-color); }
+/* Only the object list (columns 3-4); the summary entries of columns 1-2 (data-count-summary) stay plain text. */
+.hm-sw-property__counts > span:not([data-count-summary]):hover { color: var(--hm-sw-header-layer-row-hover-color); }
 /* 2026-10-21 user request: Popup items whose color changes on Hover show the pointer (display-only entries too: no
    click is added). Inputs and read-only values keep their own cursor. */
-:is(.hm-sw-property__tool, .hm-sw-property__close, .hm-sw-property__expand, .hm-sw-property__counts > span) { cursor: pointer; }
+:is(.hm-sw-property__tool, .hm-sw-property__close, .hm-sw-property__expand, .hm-sw-property__counts > span:not([data-count-summary])) { cursor: pointer; }
 .hm-sw-property__group--circle .hm-sw-property__group-content { position: relative; min-height: 260px; }
 .hm-sw-property__group--circle .hm-sw-property__editors { position: relative; min-height: 260px; padding-top: 260px; }
 /* Shape slot (Figma 26:11932 / 26:12035): 208 x 208 at (39, 26) of the 260px shape group. Default content is