기타 수정사항 적용

frontend/components/dataflow/DataFlowDesigner.tsx

@@ -101,6 +101,12 @@ export const DataFlowDesigner: React.FC<DataFlowDesignerProps> = ({
         columns: string[];
       };
     };
+    existingRelationship?: {
+      relationshipName: string;
+      relationshipType: string;
+      connectionType: string;
+      settings?: any;
+    };
   } | null>(null);
   const [relationships, setRelationships] = useState<TableRelationship[]>([]); // eslint-disable-line @typescript-eslint/no-unused-vars
   const [currentDiagramId, setCurrentDiagramId] = useState<number | null>(null); // 현재 화면의 diagram_id
@@ -989,6 +995,13 @@ export const DataFlowDesigner: React.FC<DataFlowDesignerProps> = ({
           columns: edgeData.toColumns,
         },
       },
+      // 기존 관계 정보 추가 (연결 이름 유지를 위해)
+      existingRelationship: {
+        relationshipName: existingRelationship.relationshipName,
+        relationshipType: existingRelationship.relationshipType,
+        connectionType: existingRelationship.connectionType,
+        settings: existingRelationship.settings,
+      },
     };
 
     // ConnectionSetupModal을 위한 연결 정보 설정
@@ -1123,8 +1136,8 @@ export const DataFlowDesigner: React.FC<DataFlowDesignerProps> = ({
             <Background variant={BackgroundVariant.Dots} gap={20} size={1} color="#E5E7EB" />
           </ReactFlow>
 
-          {/* 선택된 컬럼 팝업 - 캔버스 좌측 상단 고정 (엣지 정보 팝업이 없을 때만 표시) */}
-          {Object.keys(selectedColumns).length > 0 && !showEdgeActions && (
+          {/* 선택된 컬럼 팝업 - 캔버스 좌측 상단 고정 (신규 관계도 생성 시에만 표시) */}
+          {Object.keys(selectedColumns).length > 0 && !showEdgeActions && !pendingConnection && !diagramId && (
             <div className="pointer-events-auto absolute top-4 left-4 z-40 w-80 rounded-xl border border-blue-200 bg-white shadow-lg">
               {/* 헤더 */}
               <div className="flex items-center justify-between rounded-t-xl border-b border-blue-100 bg-gradient-to-r from-blue-50 to-indigo-50 p-3">