From 9f4884f76100adf520dd71c9b4ef898b1d95bdec Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Mon, 3 Nov 2025 14:28:55 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20FlowWidget=20JSX=20=EA=B5=AC=EC=A1=B0=20?=
 =?UTF-8?q?=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fragment(<>)로 그룹 표시 배지와 검색 필터 영역 감싸기
- stepDataColumns.length > 0 조건 내부로 모든 관련 UI 통합
- 닫는 태그 구조 수정

빌드 오류 해결:
- Expected '</>', got '{' 에러 해결
- JSX 중첩 구조 정상화
---
 .../components/screen/widgets/FlowWidget.tsx    | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/frontend/components/screen/widgets/FlowWidget.tsx b/frontend/components/screen/widgets/FlowWidget.tsx
index d0a7aabf..dcc4c677 100644
--- a/frontend/components/screen/widgets/FlowWidget.tsx
+++ b/frontend/components/screen/widgets/FlowWidget.tsx
@@ -859,9 +859,10 @@ export function FlowWidget({
         <div className="mt-4 flex w-full flex-col sm:mt-6 lg:mt-8">
           {/* 필터 및 그룹 설정 */}
           {stepDataColumns.length > 0 && (
-            <div className="bg-background flex-shrink-0 border-b px-4 py-3 sm:px-6 sm:py-4">
-              <div className="flex justify-end gap-2">
-                <Button
+            <>
+              <div className="bg-background flex-shrink-0 border-b px-4 py-3 sm:px-6 sm:py-4">
+                <div className="flex justify-end gap-2">
+                  <Button
                     variant="outline"
                     size="sm"
                     onClick={() => {
@@ -903,10 +904,9 @@ export function FlowWidget({
                   </Button>
                 </div>
               </div>
-            )}
 
-            {/* 🆕 그룹 표시 배지 */}
-            {groupByColumns.length > 0 && (
+              {/* 🆕 그룹 표시 배지 */}
+              {groupByColumns.length > 0 && (
               <div className="border-b border-border bg-muted/30 px-4 py-2">
                 <div className="flex items-center gap-2 text-xs sm:text-sm">
                   <span className="text-muted-foreground">그룹:</span>
@@ -970,8 +970,9 @@ export function FlowWidget({
                   ))}
                 </div>
               </div>
-            )}
-          </div>
+              )}
+            </>
+          )}
 
           {/* 데이터 영역 - 고정 높이 + 스크롤 */}
           {stepDataLoading ? (