From 353d8d2bb0962ebbff18c474aa7ff98138302d39 Mon Sep 17 00:00:00 2001
From: hyeonsu <hyeonsu@wace.me>
Date: Mon, 15 Sep 2025 12:12:03 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B7=B8=EB=A3=B9=ED=95=91=20=EC=8B=9C=20?=
 =?UTF-8?q?=EB=85=BC=EB=A6=AC=EC=97=B0=EC=82=B0=EC=9E=90=20=ED=91=9C?=
 =?UTF-8?q?=EC=8B=9C=20=EB=B0=A9=EC=8B=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/dataflow/ConnectionSetupModal.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/components/dataflow/ConnectionSetupModal.tsx b/frontend/components/dataflow/ConnectionSetupModal.tsx
index ab2c8d13..bcd1721a 100644
--- a/frontend/components/dataflow/ConnectionSetupModal.tsx
+++ b/frontend/components/dataflow/ConnectionSetupModal.tsx
@@ -641,6 +641,7 @@ export const ConnectionSetupModal: React.FC<ConnectionSetupModalProps> = ({
     if (condition.type === "group-start") {
       return (
         <div key={condition.id} className="flex items-center gap-2">
+          {/* 그룹 시작 앞의 논리 연산자 */}
           {condIndex > 0 && (
             <Select
               value={dataSaveSettings.actions[actionIndex].conditions![condIndex - 1]?.logicalOperator || "AND"}
@@ -716,7 +717,8 @@ export const ConnectionSetupModal: React.FC<ConnectionSetupModalProps> = ({
     // 일반 조건 렌더링 (기존 로직 간소화)
     return (
       <div key={condition.id} className="flex items-center gap-2">
-        {condIndex > 0 && (
+        {/* 그룹 내 첫 번째 조건이 아닐 때만 논리 연산자 표시 */}
+        {condIndex > 0 && dataSaveSettings.actions[actionIndex].conditions![condIndex - 1]?.type !== "group-start" && (
           <Select
             value={dataSaveSettings.actions[actionIndex].conditions![condIndex - 1]?.logicalOperator || "AND"}
             onValueChange={(value: "AND" | "OR") => {
@@ -938,7 +940,7 @@ export const ConnectionSetupModal: React.FC<ConnectionSetupModalProps> = ({
                 if (condition.type === "group-start") {
                   return (
                     <div key={condition.id} className="flex items-center gap-2">
-                      {/* 이전 조건과의 논리 연산자 */}
+                      {/* 그룹 시작 앞의 논리 연산자 */}
                       {index > 0 && (
                         <Select
                           value={conditions[index - 1]?.logicalOperator || "AND"}
@@ -953,7 +955,6 @@ export const ConnectionSetupModal: React.FC<ConnectionSetupModalProps> = ({
                           </SelectContent>
                         </Select>
                       )}
-
                       {/* 그룹 레벨에 따른 들여쓰기 */}
                       <div
                         className="flex items-center gap-2 rounded border-2 border-dashed border-blue-300 bg-blue-50/50 p-2"
@@ -1000,8 +1001,8 @@ export const ConnectionSetupModal: React.FC<ConnectionSetupModalProps> = ({
                 // 일반 조건 렌더링
                 return (
                   <div key={condition.id} className="flex items-center gap-2">
-                    {/* 이전 조건과의 논리 연산자 */}
-                    {index > 0 && (
+                    {/* 그룹 내 첫 번째 조건이 아닐 때만 논리 연산자 표시 */}
+                    {index > 0 && conditions[index - 1]?.type !== "group-start" && (
                       <Select
                         value={conditions[index - 1]?.logicalOperator || "AND"}
                         onValueChange={(value: "AND" | "OR") => updateCondition(index - 1, "logicalOperator", value)}