Add simulation API and environment setup components

- Introduced simulation.js API for creating and managing simulations, including methods for creating, preparing, and retrieving simulation statuses.
- Added Step1GraphBuild.vue and Step2EnvSetup.vue components to facilitate the graph building and environment setup processes, enhancing user interaction and workflow.
- Updated MainView.vue to integrate new components and manage the simulation workflow, including step indicators and navigation between steps.
- Created SimulationView.vue for displaying simulation details and managing the simulation environment, improving overall user experience and functionality.

frontend/src/api/simulation.js

@@ -0,0 +1,100 @@
+import service, { requestWithRetry } from './index'
+
+/**
+ * 创建模拟
+ * @param {Object} data - { project_id, graph_id?, enable_twitter?, enable_reddit? }
+ */
+export const createSimulation = (data) => {
+  return requestWithRetry(() => service.post('/api/simulation/create', data), 3, 1000)
+}
+
+/**
+ * 准备模拟环境（异步任务）
+ * @param {Object} data - { simulation_id, entity_types?, use_llm_for_profiles?, parallel_profile_count?, force_regenerate? }
+ */
+export const prepareSimulation = (data) => {
+  return requestWithRetry(() => service.post('/api/simulation/prepare', data), 3, 1000)
+}
+
+/**
+ * 查询准备任务进度
+ * @param {Object} data - { task_id?, simulation_id? }
+ */
+export const getPrepareStatus = (data) => {
+  return service.post('/api/simulation/prepare/status', data)
+}
+
+/**
+ * 获取模拟状态
+ * @param {string} simulationId
+ */
+export const getSimulation = (simulationId) => {
+  return service.get(`/api/simulation/${simulationId}`)
+}
+
+/**
+ * 获取模拟的 Agent Profiles
+ * @param {string} simulationId
+ * @param {string} platform - 'reddit' | 'twitter'
+ */
+export const getSimulationProfiles = (simulationId, platform = 'reddit') => {
+  return service.get(`/api/simulation/${simulationId}/profiles`, { params: { platform } })
+}
+
+/**
+ * 实时获取生成中的 Agent Profiles
+ * @param {string} simulationId
+ * @param {string} platform - 'reddit' | 'twitter'
+ */
+export const getSimulationProfilesRealtime = (simulationId, platform = 'reddit') => {
+  return service.get(`/api/simulation/${simulationId}/profiles/realtime`, { params: { platform } })
+}
+
+/**
+ * 获取模拟配置
+ * @param {string} simulationId
+ */
+export const getSimulationConfig = (simulationId) => {
+  return service.get(`/api/simulation/${simulationId}/config`)
+}
+
+/**
+ * 列出所有模拟
+ * @param {string} projectId - 可选，按项目ID过滤
+ */
+export const listSimulations = (projectId) => {
+  const params = projectId ? { project_id: projectId } : {}
+  return service.get('/api/simulation/list', { params })
+}
+
+/**
+ * 启动模拟
+ * @param {Object} data - { simulation_id, platform?, max_rounds?, enable_graph_memory_update? }
+ */
+export const startSimulation = (data) => {
+  return requestWithRetry(() => service.post('/api/simulation/start', data), 3, 1000)
+}
+
+/**
+ * 停止模拟
+ * @param {Object} data - { simulation_id }
+ */
+export const stopSimulation = (data) => {
+  return service.post('/api/simulation/stop', data)
+}
+
+/**
+ * 获取模拟运行实时状态
+ * @param {string} simulationId
+ */
+export const getRunStatus = (simulationId) => {
+  return service.get(`/api/simulation/${simulationId}/run-status`)
+}
+
+/**
+ * 获取模拟运行详细状态（包含最近动作）
+ * @param {string} simulationId
+ */
+export const getRunStatusDetail = (simulationId) => {
+  return service.get(`/api/simulation/${simulationId}/run-status/detail`)
+}