Function loadTraceFile

apps/visualize-trace/static/js/script.js:464–511

()

}

async function loadTraceFile() {
    const selectedFile = elements.fileSelect.value;
    if (!selectedFile) {
        showError('请选择一个trace文件');
        return;
    }
    
    showLoading();
    
    try {
        // 加载文件
        await apiCall('/api/load_trace', {
            method: 'POST',
            body: JSON.stringify({ file_path: selectedFile })
        });
        
        // 并行加载所有数据
        const [basicInfo, executionSummary, performanceSummary, executionFlow, spansStats, stepLogsStats] = await Promise.all([
            apiCall('/api/basic_info'),
            apiCall('/api/execution_summary'),
            apiCall('/api/performance_summary'),
            apiCall('/api/execution_flow'),
            apiCall('/api/spans_summary'),
            apiCall('/api/step_logs_summary')
        ]);
        
        // 更新界面
        updateBasicInfo(basicInfo);
        updateExecutionSummary(executionSummary);
        updatePerformanceSummary(performanceSummary);
        updateExecutionFlow(executionFlow);
        updateSpansStats(spansStats);
        updateStepLogsStats(stepLogsStats);
        
        // 显示当前文件信息
        const currentFile = currentFileList[currentFileIndex];
        if (currentFile) {
            showSuccess(`文件加载成功: ${currentFile.name} (${currentFileIndex + 1}/${currentFileList.length})`);
        } else {
            showSuccess('文件加载成功');
        }
        
    } catch (error) {
        showError('加载文件失败: ' + error.message);
    } finally {
        hideLoading();
    }
}

// 界面更新函数
function updateBasicInfo(data) {