Function updateExecutionFlow

apps/visualize-trace/static/js/script.js:593–620

(data)

}

function updateExecutionFlow(data) {
    currentFlowData = data;
    
    if (!data || data.length === 0) {
        elements.executionFlow.innerHTML = '<p class="text-muted">无执行流程数据</p>';
        updateNavigationList([]);
        return;
    }
    
    // 确保每个步骤都是独立的顶级元素
    const stepsContainer = document.createElement('div');
    stepsContainer.className = 'execution-steps-container';
    
    data.forEach((step, index) => {
        const stepElement = document.createElement('div');
        stepElement.innerHTML = createStepHTML(step, index);
        stepsContainer.appendChild(stepElement.firstElementChild);
    });
    
    elements.executionFlow.innerHTML = '';
    elements.executionFlow.appendChild(stepsContainer);
    
    // 更新导航列表
    updateNavigationList(data);
    
    // 绑定事件监听器
    bindStepEventListeners();
}

function createStepHTML(step, index) {
    const roleClass = step.role === 'user' ? 'user-message' :