From 4386a009a42c940a8e7dcec67c444dc3c20ef52f Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Mon, 3 Nov 2025 14:25:53 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20FlowWidget=20=EC=8A=A4=ED=85=9D=20?=
 =?UTF-8?q?=EC=B9=B4=EB=93=9C=EC=97=90=EC=84=9C=20=EC=8A=A4=ED=85=9D=20?=
 =?UTF-8?q?=EC=9D=B4=EB=A6=84=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 스텝 이름(stepName) 표시 영역 완전 제거
- 데이터 건수만 표시하도록 간소화
- 하단 선택 바와 건수만으로 스텝 구분
- 패딩 조정 (pb-5 -> pb-3, pb-6 -> pb-4)

UI 개선:
- 스텝 영역 높이 감소로 공간 절약
- 더 많은 데이터 표시 공간 확보
- 시각적으로 더 간결한 인터페이스
---
 frontend/components/screen/widgets/FlowWidget.tsx | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/frontend/components/screen/widgets/FlowWidget.tsx b/frontend/components/screen/widgets/FlowWidget.tsx
index d3aca16f..b40e2358 100644
--- a/frontend/components/screen/widgets/FlowWidget.tsx
+++ b/frontend/components/screen/widgets/FlowWidget.tsx
@@ -781,16 +781,7 @@ export function FlowWidget({
               onClick={() => handleStepClick(step.id, step.stepName)}
             >
               {/* 콘텐츠 */}
-              <div className="relative flex flex-col items-center justify-center gap-2 pb-5 sm:gap-2.5 sm:pb-6">
-                {/* 스텝 이름 */}
-                <h4
-                  className={`text-base font-semibold leading-tight transition-colors duration-300 sm:text-lg lg:text-xl ${
-                    selectedStepId === step.id ? "text-primary" : "text-foreground group-hover:text-primary/80"
-                  }`}
-                >
-                  {step.stepName}
-                </h4>
-
+              <div className="relative flex flex-col items-center justify-center gap-2 pb-3 sm:gap-2.5 sm:pb-4">
                 {/* 데이터 건수 */}
                 {showStepCount && (
                   <div