From b0e72382a2d93ece23a0e5126942891c5ccdbbb6 Mon Sep 17 00:00:00 2001
From: Ivan <axzhbi5wcm9za3vyewfrb3y@gmail.com>
Date: Mon, 23 Mar 2026 12:45:50 +0300
Subject: [PATCH] feat: add i18n translations and english language

---
 frontend/package-lock.json                   |  70 ++++++-
 frontend/package.json                        |   1 +
 frontend/src/App.vue                         |  39 +++-
 frontend/src/components/GraphPanel.vue       |  89 ++++----
 frontend/src/components/HistoryDatabase.vue  |  48 ++---
 frontend/src/components/LocaleSwitcher.vue   |  66 ++++++
 frontend/src/components/Step1GraphBuild.vue  |  48 ++---
 frontend/src/components/Step2EnvSetup.vue    | 206 +++++++++----------
 frontend/src/components/Step3Simulation.vue  |  16 +-
 frontend/src/components/Step4Report.vue      |  44 ++--
 frontend/src/components/Step5Interaction.vue |  71 +++----
 frontend/src/i18n/index.js                   |  36 ++++
 frontend/src/locales/en-US/common.js         |  45 ++++
 frontend/src/locales/en-US/graph.js          |  34 +++
 frontend/src/locales/en-US/history.js        |  21 ++
 frontend/src/locales/en-US/home.js           |  42 ++++
 frontend/src/locales/en-US/index.js          |  25 +++
 frontend/src/locales/en-US/mainView.js       |  39 ++++
 frontend/src/locales/en-US/step1.js          |  27 +++
 frontend/src/locales/en-US/step2.js          |  94 +++++++++
 frontend/src/locales/en-US/step3.js          |  29 +++
 frontend/src/locales/en-US/step4.js          |  43 ++++
 frontend/src/locales/en-US/step5.js          |  41 ++++
 frontend/src/locales/en-US/views.js          |  67 ++++++
 frontend/src/locales/zh-CN/common.js         |  45 ++++
 frontend/src/locales/zh-CN/graph.js          |  34 +++
 frontend/src/locales/zh-CN/history.js        |  20 ++
 frontend/src/locales/zh-CN/home.js           |  41 ++++
 frontend/src/locales/zh-CN/index.js          |  25 +++
 frontend/src/locales/zh-CN/mainView.js       |  39 ++++
 frontend/src/locales/zh-CN/step1.js          |  26 +++
 frontend/src/locales/zh-CN/step2.js          |  94 +++++++++
 frontend/src/locales/zh-CN/step3.js          |  29 +++
 frontend/src/locales/zh-CN/step4.js          |  43 ++++
 frontend/src/locales/zh-CN/step5.js          |  42 ++++
 frontend/src/locales/zh-CN/views.js          |  67 ++++++
 frontend/src/main.js                         |   3 +
 frontend/src/views/Home.vue                  |  81 ++++----
 frontend/src/views/InteractionView.vue       |  30 +--
 frontend/src/views/MainView.vue              |  98 +++++----
 frontend/src/views/ReportView.vue            |  28 +--
 frontend/src/views/SimulationRunView.vue     |  60 +++---
 frontend/src/views/SimulationView.vue        |  52 ++---
 43 files changed, 1682 insertions(+), 416 deletions(-)
 create mode 100644 frontend/src/components/LocaleSwitcher.vue
 create mode 100644 frontend/src/i18n/index.js
 create mode 100644 frontend/src/locales/en-US/common.js
 create mode 100644 frontend/src/locales/en-US/graph.js
 create mode 100644 frontend/src/locales/en-US/history.js
 create mode 100644 frontend/src/locales/en-US/home.js
 create mode 100644 frontend/src/locales/en-US/index.js
 create mode 100644 frontend/src/locales/en-US/mainView.js
 create mode 100644 frontend/src/locales/en-US/step1.js
 create mode 100644 frontend/src/locales/en-US/step2.js
 create mode 100644 frontend/src/locales/en-US/step3.js
 create mode 100644 frontend/src/locales/en-US/step4.js
 create mode 100644 frontend/src/locales/en-US/step5.js
 create mode 100644 frontend/src/locales/en-US/views.js
 create mode 100644 frontend/src/locales/zh-CN/common.js
 create mode 100644 frontend/src/locales/zh-CN/graph.js
 create mode 100644 frontend/src/locales/zh-CN/history.js
 create mode 100644 frontend/src/locales/zh-CN/home.js
 create mode 100644 frontend/src/locales/zh-CN/index.js
 create mode 100644 frontend/src/locales/zh-CN/mainView.js
 create mode 100644 frontend/src/locales/zh-CN/step1.js
 create mode 100644 frontend/src/locales/zh-CN/step2.js
 create mode 100644 frontend/src/locales/zh-CN/step3.js
 create mode 100644 frontend/src/locales/zh-CN/step4.js
 create mode 100644 frontend/src/locales/zh-CN/step5.js
 create mode 100644 frontend/src/locales/zh-CN/views.js

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 8c4fa710d..e29dbb914 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -11,6 +11,7 @@
         "axios": "^1.13.2",
         "d3": "^7.9.0",
         "vue": "^3.5.24",
+        "vue-i18n": "^9.14.5",
         "vue-router": "^4.6.3"
       },
       "devDependencies": {
@@ -506,6 +507,50 @@
         "node": ">=18"
       }
     },
+    "node_modules/@intlify/core-base": {
+      "version": "9.14.5",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.14.5.tgz",
+      "integrity": "sha512-5ah5FqZG4pOoHjkvs8mjtv+gPKYU0zCISaYNjBNNqYiaITxW8ZtVih3GS/oTOqN8d9/mDLyrjD46GBApNxmlsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/message-compiler": "9.14.5",
+        "@intlify/shared": "9.14.5"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/message-compiler": {
+      "version": "9.14.5",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.14.5.tgz",
+      "integrity": "sha512-IHzgEu61/YIpQV5Pc3aRWScDcnFKWvQA9kigcINcCBXN8mbW+vk9SK+lDxA6STzKQsVJxUPg9ACC52pKKo3SVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/shared": "9.14.5",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/shared": {
+      "version": "9.14.5",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.14.5.tgz",
+      "integrity": "sha512-9gB+E53BYuAEMhbCAxVgG38EZrk59sxBtv3jSizNL2hEWlgjBjAw1AwpLHtNaeda12pe6W20OGEa0TwuMSRbyQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
@@ -1331,7 +1376,6 @@
       "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
       "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
       "license": "ISC",
-      "peer": true,
       "engines": {
         "node": ">=12"
       }
@@ -1809,7 +1853,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -1943,7 +1986,6 @@
       "integrity": "sha512-ITcnkFeR3+fI8P1wMgItjGrR10170d8auB4EpMLPqmx6uxElH3a/hHGQabSHKdqd4FXWO1nFIp9rRn7JQ34ACQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.5.0",
@@ -2018,7 +2060,6 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.25.tgz",
       "integrity": "sha512-YLVdgv2K13WJ6n+kD5owehKtEXwdwXuj2TTyJMsO7pSeKw2bfRNZGjhB7YzrpbMYj5b5QsUebHpOqR3R3ziy/g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.5.25",
         "@vue/compiler-sfc": "3.5.25",
@@ -2035,6 +2076,27 @@
         }
       }
     },
+    "node_modules/vue-i18n": {
+      "version": "9.14.5",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.14.5.tgz",
+      "integrity": "sha512-0jQ9Em3ymWngyiIkj0+c/k7WgaPO+TNzjKSNq9BvBQaKJECqn9cd9fL4tkDhB5G1QBskGl9YxxbDAhgbFtpe2g==",
+      "deprecated": "v9 and v10 no longer supported. please migrate to v11. about maintenance status, see https://vue-i18n.intlify.dev/guide/maintenance.html",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/core-base": "9.14.5",
+        "@intlify/shared": "9.14.5",
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/vue-router": {
       "version": "4.6.3",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.6.3.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index f7e995a14..7e05e8918 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -12,6 +12,7 @@
     "axios": "^1.13.2",
     "d3": "^7.9.0",
     "vue": "^3.5.24",
+    "vue-i18n": "^9.14.5",
     "vue-router": "^4.6.3"
   },
   "devDependencies": {
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index b7cd71ca6..e7b962728 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,12 +1,47 @@
 <template>
-  <router-view />
+  <div class="app-root">
+    <div class="locale-host">
+      <LocaleSwitcher />
+    </div>
+    <router-view />
+  </div>
 </template>
 
 <script setup>
-// 使用 Vue Router 来管理页面
+import { watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import LocaleSwitcher from './components/LocaleSwitcher.vue'
+
+const { locale } = useI18n()
+watch(
+  locale,
+  (l) => {
+    if (typeof document !== 'undefined') {
+      document.documentElement.lang = l
+    }
+  },
+  { immediate: true }
+)
 </script>
 
 <style>
+.app-root {
+  position: relative;
+  min-height: 100vh;
+}
+
+.locale-host {
+  position: fixed;
+  top: 10px;
+  right: 16px;
+  z-index: 10050;
+  background: rgba(255, 255, 255, 0.92);
+  padding: 4px 10px;
+  border-radius: 8px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
+
 /* 全局样式重置 */
 * {
   margin: 0;
diff --git a/frontend/src/components/GraphPanel.vue b/frontend/src/components/GraphPanel.vue
index 314c966e4..270934867 100644
--- a/frontend/src/components/GraphPanel.vue
+++ b/frontend/src/components/GraphPanel.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="graph-panel">
     <div class="panel-header">
-      <span class="panel-title">Graph Relationship Visualization</span>
+      <span class="panel-title">{{ $t('graph.panelTitle') }}</span>
       <!-- 顶部工具栏 (Internal Top Right) -->
       <div class="header-tools">
-        <button class="tool-btn" @click="$emit('refresh')" :disabled="loading" title="刷新图谱">
+        <button class="tool-btn" @click="$emit('refresh')" :disabled="loading" :title="$t('graph.refreshTitle')">
           <span class="icon-refresh" :class="{ 'spinning': loading }">↻</span>
-          <span class="btn-text">Refresh</span>
+          <span class="btn-text">{{ $t('graph.refresh') }}</span>
         </button>
-        <button class="tool-btn" @click="$emit('toggle-maximize')" title="最大化/还原">
+        <button class="tool-btn" @click="$emit('toggle-maximize')" :title="$t('graph.maximizeTitle')">
           <span class="icon-maximize">⛶</span>
         </button>
       </div>
@@ -27,7 +27,7 @@
               <path d="M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-4.44-4.04z" />
             </svg>
           </div>
-          {{ isSimulating ? 'GraphRAG长短期记忆实时更新中' : '实时更新中...' }}
+          {{ isSimulating ? $t('graph.graphRagUpdating') : $t('graph.liveUpdating') }}
         </div>
         
         <!-- 模拟结束后的提示 -->
@@ -39,8 +39,8 @@
               <line x1="12" y1="8" x2="12.01" y2="8"></line>
             </svg>
           </div>
-          <span class="hint-text">还有少量内容处理中，建议稍后手动刷新图谱</span>
-          <button class="hint-close-btn" @click="dismissFinishedHint" title="关闭提示">
+          <span class="hint-text">{{ $t('graph.finishedHint') }}</span>
+          <button class="hint-close-btn" @click="dismissFinishedHint" :title="$t('graph.closeHint')">
             <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2">
               <line x1="18" y1="6" x2="6" y2="18"></line>
               <line x1="6" y1="6" x2="18" y2="18"></line>
@@ -51,7 +51,7 @@
         <!-- 节点/边详情面板 -->
         <div v-if="selectedItem" class="detail-panel">
           <div class="detail-panel-header">
-            <span class="detail-title">{{ selectedItem.type === 'node' ? 'Node Details' : 'Relationship' }}</span>
+            <span class="detail-title">{{ selectedItem.type === 'node' ? $t('graph.nodeDetails') : $t('graph.relationship') }}</span>
             <span v-if="selectedItem.type === 'node'" class="detail-type-badge" :style="{ background: selectedItem.color, color: '#fff' }">
               {{ selectedItem.entityType }}
             </span>
@@ -61,38 +61,38 @@
           <!-- 节点详情 -->
           <div v-if="selectedItem.type === 'node'" class="detail-content">
             <div class="detail-row">
-              <span class="detail-label">Name:</span>
+              <span class="detail-label">{{ $t('graph.name') }}:</span>
               <span class="detail-value">{{ selectedItem.data.name }}</span>
             </div>
             <div class="detail-row">
-              <span class="detail-label">UUID:</span>
+              <span class="detail-label">{{ $t('graph.uuid') }}:</span>
               <span class="detail-value uuid-text">{{ selectedItem.data.uuid }}</span>
             </div>
             <div class="detail-row" v-if="selectedItem.data.created_at">
-              <span class="detail-label">Created:</span>
+              <span class="detail-label">{{ $t('graph.created') }}:</span>
               <span class="detail-value">{{ formatDateTime(selectedItem.data.created_at) }}</span>
             </div>
             
             <!-- Properties -->
             <div class="detail-section" v-if="selectedItem.data.attributes && Object.keys(selectedItem.data.attributes).length > 0">
-              <div class="section-title">Properties:</div>
+              <div class="section-title">{{ $t('graph.properties') }}:</div>
               <div class="properties-list">
                 <div v-for="(value, key) in selectedItem.data.attributes" :key="key" class="property-item">
                   <span class="property-key">{{ key }}:</span>
-                  <span class="property-value">{{ value || 'None' }}</span>
+                  <span class="property-value">{{ value || $t('graph.none') }}</span>
                 </div>
               </div>
             </div>
             
             <!-- Summary -->
             <div class="detail-section" v-if="selectedItem.data.summary">
-              <div class="section-title">Summary:</div>
+              <div class="section-title">{{ $t('graph.summary') }}:</div>
               <div class="summary-text">{{ selectedItem.data.summary }}</div>
             </div>
             
             <!-- Labels -->
             <div class="detail-section" v-if="selectedItem.data.labels && selectedItem.data.labels.length > 0">
-              <div class="section-title">Labels:</div>
+              <div class="section-title">{{ $t('graph.labels') }}:</div>
               <div class="labels-list">
                 <span v-for="label in selectedItem.data.labels" :key="label" class="label-tag">
                   {{ label }}
@@ -106,8 +106,8 @@
             <!-- 自环组详情 -->
             <template v-if="selectedItem.data.isSelfLoopGroup">
               <div class="edge-relation-header self-loop-header">
-                {{ selectedItem.data.source_name }} - Self Relations
-                <span class="self-loop-count">{{ selectedItem.data.selfLoopCount }} items</span>
+                {{ selectedItem.data.source_name }} - {{ $t('graph.selfRelations') }}
+                <span class="self-loop-count">{{ selectedItem.data.selfLoopCount }} {{ $t('graph.items') }}</span>
               </div>
               
               <div class="self-loop-list">
@@ -122,29 +122,29 @@
                     @click="toggleSelfLoop(loop.uuid || idx)"
                   >
                     <span class="self-loop-index">#{{ idx + 1 }}</span>
-                    <span class="self-loop-name">{{ loop.name || loop.fact_type || 'RELATED' }}</span>
+                    <span class="self-loop-name">{{ loop.name || loop.fact_type || $t('graph.related') }}</span>
                     <span class="self-loop-toggle">{{ expandedSelfLoops.has(loop.uuid || idx) ? '−' : '+' }}</span>
                   </div>
                   
                   <div class="self-loop-item-content" v-show="expandedSelfLoops.has(loop.uuid || idx)">
                     <div class="detail-row" v-if="loop.uuid">
-                      <span class="detail-label">UUID:</span>
+                      <span class="detail-label">{{ $t('graph.uuid') }}:</span>
                       <span class="detail-value uuid-text">{{ loop.uuid }}</span>
                     </div>
                     <div class="detail-row" v-if="loop.fact">
-                      <span class="detail-label">Fact:</span>
+                      <span class="detail-label">{{ $t('graph.fact') }}:</span>
                       <span class="detail-value fact-text">{{ loop.fact }}</span>
                     </div>
                     <div class="detail-row" v-if="loop.fact_type">
-                      <span class="detail-label">Type:</span>
+                      <span class="detail-label">{{ $t('graph.type') }}:</span>
                       <span class="detail-value">{{ loop.fact_type }}</span>
                     </div>
                     <div class="detail-row" v-if="loop.created_at">
-                      <span class="detail-label">Created:</span>
+                      <span class="detail-label">{{ $t('graph.created') }}:</span>
                       <span class="detail-value">{{ formatDateTime(loop.created_at) }}</span>
                     </div>
                     <div v-if="loop.episodes && loop.episodes.length > 0" class="self-loop-episodes">
-                      <span class="detail-label">Episodes:</span>
+                      <span class="detail-label">{{ $t('graph.episodes') }}:</span>
                       <div class="episodes-list compact">
                         <span v-for="ep in loop.episodes" :key="ep" class="episode-tag small">{{ ep }}</span>
                       </div>
@@ -157,29 +157,29 @@
             <!-- 普通边详情 -->
             <template v-else>
               <div class="edge-relation-header">
-                {{ selectedItem.data.source_name }} → {{ selectedItem.data.name || 'RELATED_TO' }} → {{ selectedItem.data.target_name }}
+                {{ selectedItem.data.source_name }} → {{ selectedItem.data.name || $t('graph.relatedTo') }} → {{ selectedItem.data.target_name }}
               </div>
               
               <div class="detail-row">
-                <span class="detail-label">UUID:</span>
+                <span class="detail-label">{{ $t('graph.uuid') }}:</span>
                 <span class="detail-value uuid-text">{{ selectedItem.data.uuid }}</span>
               </div>
               <div class="detail-row">
                 <span class="detail-label">Label:</span>
-                <span class="detail-value">{{ selectedItem.data.name || 'RELATED_TO' }}</span>
+                <span class="detail-value">{{ selectedItem.data.name || $t('graph.relatedTo') }}</span>
               </div>
               <div class="detail-row">
-                <span class="detail-label">Type:</span>
-                <span class="detail-value">{{ selectedItem.data.fact_type || 'Unknown' }}</span>
+                <span class="detail-label">{{ $t('graph.type') }}:</span>
+                <span class="detail-value">{{ selectedItem.data.fact_type || $t('graph.unknown') }}</span>
               </div>
               <div class="detail-row" v-if="selectedItem.data.fact">
-                <span class="detail-label">Fact:</span>
+                <span class="detail-label">{{ $t('graph.fact') }}:</span>
                 <span class="detail-value fact-text">{{ selectedItem.data.fact }}</span>
               </div>
               
               <!-- Episodes -->
               <div class="detail-section" v-if="selectedItem.data.episodes && selectedItem.data.episodes.length > 0">
-                <div class="section-title">Episodes:</div>
+                <div class="section-title">{{ $t('graph.episodes') }}:</div>
                 <div class="episodes-list">
                   <span v-for="ep in selectedItem.data.episodes" :key="ep" class="episode-tag">
                     {{ ep }}
@@ -188,11 +188,11 @@
               </div>
               
               <div class="detail-row" v-if="selectedItem.data.created_at">
-                <span class="detail-label">Created:</span>
+                <span class="detail-label">{{ $t('graph.created') }}:</span>
                 <span class="detail-value">{{ formatDateTime(selectedItem.data.created_at) }}</span>
               </div>
               <div class="detail-row" v-if="selectedItem.data.valid_at">
-                <span class="detail-label">Valid From:</span>
+                <span class="detail-label">{{ $t('graph.validFrom') }}:</span>
                 <span class="detail-value">{{ formatDateTime(selectedItem.data.valid_at) }}</span>
               </div>
             </template>
@@ -203,19 +203,19 @@
       <!-- 加载状态 -->
       <div v-else-if="loading" class="graph-state">
         <div class="loading-spinner"></div>
-        <p>图谱数据加载中...</p>
+        <p>{{ $t('graph.loading') }}</p>
       </div>
       
       <!-- 等待/空状态 -->
       <div v-else class="graph-state">
         <div class="empty-icon">❖</div>
-        <p class="empty-text">等待本体生成...</p>
+        <p class="empty-text">{{ $t('graph.waitingOntology') }}</p>
       </div>
     </div>
 
     <!-- 底部图例 (Bottom Left) -->
     <div v-if="graphData && entityTypes.length" class="graph-legend">
-      <span class="legend-title">Entity Types</span>
+      <span class="legend-title">{{ $t('graph.entityTypes') }}</span>
       <div class="legend-items">
         <div class="legend-item" v-for="type in entityTypes" :key="type.name">
           <span class="legend-dot" :style="{ background: type.color }"></span>
@@ -230,15 +230,18 @@
         <input type="checkbox" v-model="showEdgeLabels" />
         <span class="slider"></span>
       </label>
-      <span class="toggle-label">Show Edge Labels</span>
+      <span class="toggle-label">{{ $t('graph.showEdgeLabels') }}</span>
     </div>
   </div>
 </template>
 
 <script setup>
 import { ref, onMounted, onUnmounted, watch, nextTick, computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 import * as d3 from 'd3'
 
+const { t, locale } = useI18n()
+
 const props = defineProps({
   graphData: Object,
   loading: Boolean,
@@ -355,7 +358,7 @@ const renderGraph = () => {
   
   const nodes = nodesData.map(n => ({
     id: n.uuid,
-    name: n.name || 'Unnamed',
+    name: n.name || t('graph.unnamed'),
     type: n.labels?.find(l => l !== 'Entity') || 'Entity',
     rawData: n
   }))
@@ -403,13 +406,13 @@ const renderGraph = () => {
       processedSelfLoopNodes.add(e.source_node_uuid)
       
       const allSelfLoops = selfLoopEdges[e.source_node_uuid]
-      const nodeName = nodeMap[e.source_node_uuid]?.name || 'Unknown'
+      const nodeName = nodeMap[e.source_node_uuid]?.name || t('graph.unknown')
       
       edges.push({
         source: e.source_node_uuid,
         target: e.target_node_uuid,
         type: 'SELF_LOOP',
-        name: `Self Relations (${allSelfLoops.length})`,
+        name: t('graph.selfRelationsCount', { count: allSelfLoops.length }),
         curvature: 0,
         isSelfLoop: true,
         rawData: {
@@ -449,8 +452,8 @@ const renderGraph = () => {
     edges.push({
       source: e.source_node_uuid,
       target: e.target_node_uuid,
-      type: e.fact_type || e.name || 'RELATED',
-      name: e.name || e.fact_type || 'RELATED',
+      type: e.fact_type || e.name || t('graph.related'),
+      name: e.name || e.fact_type || t('graph.related'),
       curvature,
       isSelfLoop: false,
       pairIndex: currentIndex,
@@ -787,6 +790,10 @@ watch(() => props.graphData, () => {
   nextTick(renderGraph)
 }, { deep: true })
 
+watch(locale, () => {
+  nextTick(renderGraph)
+})
+
 // 监听边标签显示开关
 watch(showEdgeLabels, (newVal) => {
   if (linkLabelsRef) {
diff --git a/frontend/src/components/HistoryDatabase.vue b/frontend/src/components/HistoryDatabase.vue
index edc73f46b..37ab53743 100644
--- a/frontend/src/components/HistoryDatabase.vue
+++ b/frontend/src/components/HistoryDatabase.vue
@@ -13,7 +13,7 @@
     <!-- 标题区域 -->
     <div class="section-header">
       <div class="section-line"></div>
-      <span class="section-title">推演记录</span>
+      <span class="section-title">{{ $t('history.sectionTitle') }}</span>
       <div class="section-line"></div>
     </div>
 
@@ -36,16 +36,16 @@
             <span 
               class="status-icon" 
               :class="{ available: project.project_id, unavailable: !project.project_id }"
-              title="图谱构建"
+              :title="$t('history.titleGraph')"
             >◇</span>
             <span 
               class="status-icon available" 
-              title="环境搭建"
+              :title="$t('history.titleEnv')"
             >◈</span>
             <span 
               class="status-icon" 
               :class="{ available: project.report_id, unavailable: !project.report_id }"
-              title="分析报告"
+              :title="$t('history.titleReport')"
             >◆</span>
           </div>
         </div>
@@ -67,13 +67,13 @@
             </div>
             <!-- 如果有更多文件，显示提示 -->
             <div v-if="project.files.length > 3" class="files-more">
-              +{{ project.files.length - 3 }} 个文件
+              {{ $t('history.moreFiles', { n: project.files.length - 3 }) }}
             </div>
           </div>
           <!-- 无文件时的占位 -->
           <div class="files-empty" v-else>
             <span class="empty-file-icon">◇</span>
-            <span class="empty-file-text">暂无文件</span>
+            <span class="empty-file-text">{{ $t('history.noFiles') }}</span>
           </div>
         </div>
 
@@ -102,7 +102,7 @@
     <!-- 加载状态 -->
     <div v-if="loading" class="loading-state">
       <span class="loading-spinner"></span>
-      <span class="loading-text">加载中...</span>
+      <span class="loading-text">{{ $t('history.loading') }}</span>
     </div>
 
     <!-- 历史回放详情弹窗 -->
@@ -126,27 +126,27 @@
             <div class="modal-body">
               <!-- 模拟需求 -->
               <div class="modal-section">
-                <div class="modal-label">模拟需求</div>
-                <div class="modal-requirement">{{ selectedProject.simulation_requirement || '无' }}</div>
+                <div class="modal-label">{{ $t('history.simRequirement') }}</div>
+                <div class="modal-requirement">{{ selectedProject.simulation_requirement || $t('common.none') }}</div>
               </div>
 
               <!-- 文件列表 -->
               <div class="modal-section">
-                <div class="modal-label">关联文件</div>
+                <div class="modal-label">{{ $t('history.linkedFiles') }}</div>
                 <div class="modal-files" v-if="selectedProject.files && selectedProject.files.length > 0">
                   <div v-for="(file, index) in selectedProject.files" :key="index" class="modal-file-item">
                     <span class="file-tag" :class="getFileType(file.filename)">{{ getFileTypeLabel(file.filename) }}</span>
                     <span class="modal-file-name">{{ file.filename }}</span>
                   </div>
                 </div>
-                <div class="modal-empty" v-else>暂无关联文件</div>
+                <div class="modal-empty" v-else>{{ $t('history.noLinkedFiles') }}</div>
               </div>
             </div>
 
             <!-- 推演回放分割线 -->
             <div class="modal-divider">
               <span class="divider-line"></span>
-              <span class="divider-text">推演回放</span>
+              <span class="divider-text">{{ $t('history.playback') }}</span>
               <span class="divider-line"></span>
             </div>
 
@@ -157,31 +157,31 @@
                 @click="goToProject"
                 :disabled="!selectedProject.project_id"
               >
-                <span class="btn-step">Step1</span>
+                <span class="btn-step">{{ $t('history.modalStep1') }}</span>
                 <span class="btn-icon">◇</span>
-                <span class="btn-text">图谱构建</span>
+                <span class="btn-text">{{ $t('history.step1') }}</span>
               </button>
               <button 
                 class="modal-btn btn-simulation" 
                 @click="goToSimulation"
               >
-                <span class="btn-step">Step2</span>
+                <span class="btn-step">{{ $t('history.modalStep2') }}</span>
                 <span class="btn-icon">◈</span>
-                <span class="btn-text">环境搭建</span>
+                <span class="btn-text">{{ $t('history.step2') }}</span>
               </button>
               <button 
                 class="modal-btn btn-report" 
                 @click="goToReport"
                 :disabled="!selectedProject.report_id"
               >
-                <span class="btn-step">Step4</span>
+                <span class="btn-step">{{ $t('history.modalStep4') }}</span>
                 <span class="btn-icon">◆</span>
-                <span class="btn-text">分析报告</span>
+                <span class="btn-text">{{ $t('history.step4') }}</span>
               </button>
             </div>
             <!-- 不可回放提示 -->
             <div class="modal-playback-hint">
-              <span class="hint-text">Step3「开始模拟」与 Step5「深度互动」需在运行中启动，不支持历史回放</span>
+              <span class="hint-text">{{ $t('history.playbackHint') }}</span>
             </div>
           </div>
         </div>
@@ -192,11 +192,13 @@
 
 <script setup>
 import { ref, computed, onMounted, onUnmounted, onActivated, watch, nextTick } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useRouter, useRoute } from 'vue-router'
 import { getSimulationHistory } from '../api/simulation'
 
 const router = useRouter()
 const route = useRoute()
+const { t } = useI18n()
 
 // 状态
 const projects = ref([])
@@ -337,7 +339,7 @@ const truncateText = (text, maxLength) => {
 
 // 从模拟需求生成标题（取前20字）
 const getSimulationTitle = (requirement) => {
-  if (!requirement) return '未命名模拟'
+  if (!requirement) return t('common.unnamedSimulation')
   const title = requirement.slice(0, 20)
   return requirement.length > 20 ? title + '...' : title
 }
@@ -353,8 +355,8 @@ const formatSimulationId = (simulationId) => {
 const formatRounds = (simulation) => {
   const current = simulation.current_round || 0
   const total = simulation.total_rounds || 0
-  if (total === 0) return '未开始'
-  return `${current}/${total} 轮`
+  if (total === 0) return t('common.notStarted')
+  return t('common.roundsShort', { current, total })
 }
 
 // 获取文件类型（用于样式）
@@ -382,7 +384,7 @@ const getFileTypeLabel = (filename) => {
 
 // 截断文件名（保留扩展名）
 const truncateFilename = (filename, maxLength) => {
-  if (!filename) return '未知文件'
+  if (!filename) return t('common.unknownFile')
   if (filename.length <= maxLength) return filename
   
   const ext = filename.includes('.') ? '.' + filename.split('.').pop() : ''
diff --git a/frontend/src/components/LocaleSwitcher.vue b/frontend/src/components/LocaleSwitcher.vue
new file mode 100644
index 000000000..0ecb0f6d7
--- /dev/null
+++ b/frontend/src/components/LocaleSwitcher.vue
@@ -0,0 +1,66 @@
+<template>
+  <div class="locale-switcher">
+    <button
+      type="button"
+      class="locale-btn"
+      :class="{ active: locale === 'zh-CN' }"
+      @click="set('zh-CN')"
+    >
+      {{ $t('common.localeZh') }}
+    </button>
+    <span class="sep">|</span>
+    <button
+      type="button"
+      class="locale-btn"
+      :class="{ active: locale === 'en-US' }"
+      @click="set('en-US')"
+    >
+      {{ $t('common.localeEn') }}
+    </button>
+  </div>
+</template>
+
+<script setup>
+import { useI18n } from 'vue-i18n'
+import { setAppLocale } from '../i18n'
+
+const { locale } = useI18n()
+
+function set(code) {
+  setAppLocale(code)
+}
+</script>
+
+<style scoped>
+.locale-switcher {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 12px;
+}
+
+.locale-btn {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: 4px 6px;
+  color: inherit;
+  opacity: 0.55;
+  transition: opacity 0.15s;
+}
+
+.locale-btn:hover {
+  opacity: 0.9;
+}
+
+.locale-btn.active {
+  opacity: 1;
+  font-weight: 700;
+}
+
+.sep {
+  opacity: 0.35;
+  user-select: none;
+}
+</style>
diff --git a/frontend/src/components/Step1GraphBuild.vue b/frontend/src/components/Step1GraphBuild.vue
index de33a3fd1..7d04b01d7 100644
--- a/frontend/src/components/Step1GraphBuild.vue
+++ b/frontend/src/components/Step1GraphBuild.vue
@@ -6,25 +6,25 @@
         <div class="card-header">
           <div class="step-info">
             <span class="step-num">01</span>
-            <span class="step-title">本体生成</span>
+            <span class="step-title">{{ $t('step1.step01Title') }}</span>
           </div>
           <div class="step-status">
-            <span v-if="currentPhase > 0" class="badge success">已完成</span>
-            <span v-else-if="currentPhase === 0" class="badge processing">生成中</span>
-            <span v-else class="badge pending">等待</span>
+            <span v-if="currentPhase > 0" class="badge success">{{ $t('step1.badgeDone') }}</span>
+            <span v-else-if="currentPhase === 0" class="badge processing">{{ $t('step1.badgeGen') }}</span>
+            <span v-else class="badge pending">{{ $t('step1.badgeWait') }}</span>
           </div>
         </div>
         
         <div class="card-content">
           <p class="api-note">POST /api/graph/ontology/generate</p>
           <p class="description">
-            LLM分析文档内容与模拟需求，提取出现实种子，自动生成合适的本体结构
+            {{ $t('step1.descOntology') }}
           </p>
 
           <!-- Loading / Progress -->
           <div v-if="currentPhase === 0 && ontologyProgress" class="progress-section">
             <div class="spinner-sm"></div>
-            <span>{{ ontologyProgress.message || '正在分析文档...' }}</span>
+            <span>{{ ontologyProgress.message || $t('step1.analyzing') }}</span>
           </div>
 
           <!-- Detail Overlay -->
@@ -75,7 +75,7 @@
 
           <!-- Generated Entity Tags -->
           <div v-if="projectData?.ontology?.entity_types" class="tags-container" :class="{ 'dimmed': selectedOntologyItem }">
-            <span class="tag-label">GENERATED ENTITY TYPES</span>
+            <span class="tag-label">{{ $t('step1.genEntityTypes') }}</span>
             <div class="tags-list">
               <span 
                 v-for="entity in projectData.ontology.entity_types" 
@@ -90,7 +90,7 @@
 
           <!-- Generated Relation Tags -->
           <div v-if="projectData?.ontology?.edge_types" class="tags-container" :class="{ 'dimmed': selectedOntologyItem }">
-            <span class="tag-label">GENERATED RELATION TYPES</span>
+            <span class="tag-label">{{ $t('step1.genRelationTypes') }}</span>
             <div class="tags-list">
               <span 
                 v-for="rel in projectData.ontology.edge_types" 
@@ -110,34 +110,34 @@
         <div class="card-header">
           <div class="step-info">
             <span class="step-num">02</span>
-            <span class="step-title">GraphRAG构建</span>
+            <span class="step-title">{{ $t('step1.step02Title') }}</span>
           </div>
           <div class="step-status">
-            <span v-if="currentPhase > 1" class="badge success">已完成</span>
+            <span v-if="currentPhase > 1" class="badge success">{{ $t('step1.badgeDone') }}</span>
             <span v-else-if="currentPhase === 1" class="badge processing">{{ buildProgress?.progress || 0 }}%</span>
-            <span v-else class="badge pending">等待</span>
+            <span v-else class="badge pending">{{ $t('step1.badgeWait') }}</span>
           </div>
         </div>
 
         <div class="card-content">
           <p class="api-note">POST /api/graph/build</p>
           <p class="description">
-            基于生成的本体，将文档自动分块后调用 Zep 构建知识图谱，提取实体和关系，并形成时序记忆与社区摘要
+            {{ $t('step1.descBuild') }}
           </p>
           
           <!-- Stats Cards -->
           <div class="stats-grid">
             <div class="stat-card">
               <span class="stat-value">{{ graphStats.nodes }}</span>
-              <span class="stat-label">实体节点</span>
+              <span class="stat-label">{{ $t('step1.statNodes') }}</span>
             </div>
             <div class="stat-card">
               <span class="stat-value">{{ graphStats.edges }}</span>
-              <span class="stat-label">关系边</span>
+              <span class="stat-label">{{ $t('step1.statEdges') }}</span>
             </div>
             <div class="stat-card">
               <span class="stat-value">{{ graphStats.types }}</span>
-              <span class="stat-label">SCHEMA类型</span>
+              <span class="stat-label">{{ $t('step1.statSchema') }}</span>
             </div>
           </div>
         </div>
@@ -148,23 +148,23 @@
         <div class="card-header">
           <div class="step-info">
             <span class="step-num">03</span>
-            <span class="step-title">构建完成</span>
+            <span class="step-title">{{ $t('step1.step03Title') }}</span>
           </div>
           <div class="step-status">
-            <span v-if="currentPhase >= 2" class="badge accent">进行中</span>
+            <span v-if="currentPhase >= 2" class="badge accent">{{ $t('step1.badgeInProgress') }}</span>
           </div>
         </div>
         
         <div class="card-content">
           <p class="api-note">POST /api/simulation/create</p>
-          <p class="description">图谱构建已完成，请进入下一步进行模拟环境搭建</p>
+          <p class="description">{{ $t('step1.descComplete') }}</p>
           <button 
             class="action-btn" 
             :disabled="currentPhase < 2 || creatingSimulation"
             @click="handleEnterEnvSetup"
           >
             <span v-if="creatingSimulation" class="spinner-sm"></span>
-            {{ creatingSimulation ? '创建中...' : '进入环境搭建 ➝' }}
+            {{ creatingSimulation ? $t('step1.creating') : `${$t('step1.enterEnv')} ➝` }}
           </button>
         </div>
       </div>
@@ -173,8 +173,8 @@
     <!-- Bottom Info / Logs -->
     <div class="system-logs">
       <div class="log-header">
-        <span class="log-title">SYSTEM DASHBOARD</span>
-        <span class="log-id">{{ projectData?.project_id || 'NO_PROJECT' }}</span>
+        <span class="log-title">{{ $t('common.systemDashboard') }}</span>
+        <span class="log-id">{{ projectData?.project_id || $t('common.noProject') }}</span>
       </div>
       <div class="log-content" ref="logContent">
         <div class="log-line" v-for="(log, idx) in systemLogs" :key="idx">
@@ -188,10 +188,12 @@
 
 <script setup>
 import { computed, ref, watch, nextTick } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { createSimulation } from '../api/simulation'
 
 const router = useRouter()
+const { t } = useI18n()
 
 const props = defineProps({
   currentPhase: { type: Number, default: 0 },
@@ -233,11 +235,11 @@ const handleEnterEnvSetup = async () => {
       })
     } else {
       console.error('创建模拟失败:', res.error)
-      alert('创建模拟失败: ' + (res.error || '未知错误'))
+      alert(t('step1.createSimFailedMsg', { msg: res.error || t('step1.unknownError') }))
     }
   } catch (err) {
     console.error('创建模拟异常:', err)
-    alert('创建模拟异常: ' + err.message)
+    alert(t('step1.createSimErrMsg', { msg: err.message }))
   } finally {
     creatingSimulation.value = false
   }
diff --git a/frontend/src/components/Step2EnvSetup.vue b/frontend/src/components/Step2EnvSetup.vue
index eae776aaf..e8e322ebd 100644
--- a/frontend/src/components/Step2EnvSetup.vue
+++ b/frontend/src/components/Step2EnvSetup.vue
@@ -6,36 +6,36 @@
         <div class="card-header">
           <div class="step-info">
             <span class="step-num">01</span>
-            <span class="step-title">模拟实例初始化</span>
+            <span class="step-title">{{ $t('step2.s01Title') }}</span>
           </div>
           <div class="step-status">
-            <span v-if="phase > 0" class="badge success">已完成</span>
-            <span v-else class="badge processing">初始化</span>
+            <span v-if="phase > 0" class="badge success">{{ $t('step2.badgeDone') }}</span>
+            <span v-else class="badge processing">{{ $t('step2.badgeInit') }}</span>
           </div>
         </div>
         
         <div class="card-content">
           <p class="api-note">POST /api/simulation/create</p>
           <p class="description">
-            新建simulation实例，拉取模拟世界参数模版
+            {{ $t('step2.descS01') }}
           </p>
 
           <div v-if="simulationId" class="info-card">
             <div class="info-row">
-              <span class="info-label">Project ID</span>
+              <span class="info-label">{{ $t('step2.labelProjectId') }}</span>
               <span class="info-value mono">{{ projectData?.project_id }}</span>
             </div>
             <div class="info-row">
-              <span class="info-label">Graph ID</span>
+              <span class="info-label">{{ $t('step2.labelGraphId') }}</span>
               <span class="info-value mono">{{ projectData?.graph_id }}</span>
             </div>
             <div class="info-row">
-              <span class="info-label">Simulation ID</span>
+              <span class="info-label">{{ $t('step2.labelSimulationId') }}</span>
               <span class="info-value mono">{{ simulationId }}</span>
             </div>
             <div class="info-row">
-              <span class="info-label">Task ID</span>
-              <span class="info-value mono">{{ taskId || '异步任务已完成' }}</span>
+              <span class="info-label">{{ $t('step2.labelTaskId') }}</span>
+              <span class="info-value mono">{{ taskId || $t('step2.taskAsyncDone') }}</span>
             </div>
           </div>
         </div>
@@ -46,41 +46,41 @@
         <div class="card-header">
           <div class="step-info">
             <span class="step-num">02</span>
-            <span class="step-title">生成 Agent 人设</span>
+            <span class="step-title">{{ $t('step2.s02Title') }}</span>
           </div>
           <div class="step-status">
-            <span v-if="phase > 1" class="badge success">已完成</span>
+            <span v-if="phase > 1" class="badge success">{{ $t('step2.badgeDone') }}</span>
             <span v-else-if="phase === 1" class="badge processing">{{ prepareProgress }}%</span>
-            <span v-else class="badge pending">等待</span>
+            <span v-else class="badge pending">{{ $t('step2.badgeWait') }}</span>
           </div>
         </div>
 
         <div class="card-content">
           <p class="api-note">POST /api/simulation/prepare</p>
           <p class="description">
-            结合上下文，自动调用工具从知识图谱梳理实体与关系，初始化模拟个体，并基于现实种子赋予他们独特的行为与记忆
+            {{ $t('step2.descS02') }}
           </p>
 
           <!-- Profiles Stats -->
           <div v-if="profiles.length > 0" class="stats-grid">
             <div class="stat-card">
               <span class="stat-value">{{ profiles.length }}</span>
-              <span class="stat-label">当前Agent数</span>
+              <span class="stat-label">{{ $t('step2.statAgents') }}</span>
             </div>
             <div class="stat-card">
               <span class="stat-value">{{ expectedTotal || '-' }}</span>
-              <span class="stat-label">预期Agent总数</span>
+              <span class="stat-label">{{ $t('step2.statExpectedAgents') }}</span>
             </div>
             <div class="stat-card">
               <span class="stat-value">{{ totalTopicsCount }}</span>
-              <span class="stat-label">现实种子当前关联话题数</span>
+              <span class="stat-label">{{ $t('step2.statTopics') }}</span>
             </div>
           </div>
 
           <!-- Profiles List Preview -->
           <div v-if="profiles.length > 0" class="profiles-preview">
             <div class="preview-header">
-              <span class="preview-title">已生成的 Agent 人设</span>
+              <span class="preview-title">{{ $t('step2.profilesPreview') }}</span>
             </div>
             <div class="profiles-list">
               <div 
@@ -94,9 +94,9 @@
                   <span class="profile-username">@{{ profile.name || `agent_${idx}` }}</span>
                 </div>
                 <div class="profile-meta">
-                  <span class="profile-profession">{{ profile.profession || '未知职业' }}</span>
+                  <span class="profile-profession">{{ profile.profession || $t('common.unknownProfession') }}</span>
                 </div>
-                <p class="profile-bio">{{ profile.bio || '暂无简介' }}</p>
+                <p class="profile-bio">{{ profile.bio || $t('common.noBio') }}</p>
                 <div v-if="profile.interested_topics?.length" class="profile-topics">
                   <span 
                     v-for="topic in profile.interested_topics.slice(0, 3)" 
@@ -118,19 +118,19 @@
         <div class="card-header">
           <div class="step-info">
             <span class="step-num">03</span>
-            <span class="step-title">生成双平台模拟配置</span>
+            <span class="step-title">{{ $t('step2.s03Title') }}</span>
           </div>
           <div class="step-status">
-            <span v-if="phase > 2" class="badge success">已完成</span>
-            <span v-else-if="phase === 2" class="badge processing">生成中</span>
-            <span v-else class="badge pending">等待</span>
+            <span v-if="phase > 2" class="badge success">{{ $t('step2.badgeDone') }}</span>
+            <span v-else-if="phase === 2" class="badge processing">{{ $t('step2.badgeGen') }}</span>
+            <span v-else class="badge pending">{{ $t('step2.badgeWait') }}</span>
           </div>
         </div>
 
         <div class="card-content">
           <p class="api-note">POST /api/simulation/prepare</p>
           <p class="description">
-            LLM 根据模拟需求与现实种子，智能设置世界时间流速、推荐算法、每个个体的活跃时间段、发言频率、事件触发等参数
+            {{ $t('step2.descS03') }}
           </p>
           
           <!-- Config Preview -->
@@ -139,40 +139,40 @@
             <div class="config-block">
               <div class="config-grid">
                 <div class="config-item">
-                  <span class="config-item-label">模拟时长</span>
-                  <span class="config-item-value">{{ simulationConfig.time_config?.total_simulation_hours || '-' }} 小时</span>
+                  <span class="config-item-label">{{ $t('step2.configDuration') }}</span>
+                  <span class="config-item-value">{{ simulationConfig.time_config?.total_simulation_hours || '-' }} {{ $t('step2.hours') }}</span>
                 </div>
                 <div class="config-item">
-                  <span class="config-item-label">每轮时长</span>
-                  <span class="config-item-value">{{ simulationConfig.time_config?.minutes_per_round || '-' }} 分钟</span>
+                  <span class="config-item-label">{{ $t('step2.configPerRound') }}</span>
+                  <span class="config-item-value">{{ simulationConfig.time_config?.minutes_per_round || '-' }} {{ $t('step2.minutes') }}</span>
                 </div>
                 <div class="config-item">
-                  <span class="config-item-label">总轮次</span>
-                  <span class="config-item-value">{{ Math.floor((simulationConfig.time_config?.total_simulation_hours * 60 / simulationConfig.time_config?.minutes_per_round)) || '-' }} 轮</span>
+                  <span class="config-item-label">{{ $t('step2.configTotalRounds') }}</span>
+                  <span class="config-item-value">{{ Math.floor((simulationConfig.time_config?.total_simulation_hours * 60 / simulationConfig.time_config?.minutes_per_round)) || '-' }} {{ $t('step2.roundsUnit') }}</span>
                 </div>
                 <div class="config-item">
-                  <span class="config-item-label">每小时活跃</span>
+                  <span class="config-item-label">{{ $t('step2.configAgentsPerHour') }}</span>
                   <span class="config-item-value">{{ simulationConfig.time_config?.agents_per_hour_min }}-{{ simulationConfig.time_config?.agents_per_hour_max }}</span>
                 </div>
               </div>
               <div class="time-periods">
                 <div class="period-item">
-                  <span class="period-label">高峰时段</span>
+                  <span class="period-label">{{ $t('step2.peakHours') }}</span>
                   <span class="period-hours">{{ simulationConfig.time_config?.peak_hours?.join(':00, ') }}:00</span>
                   <span class="period-multiplier">×{{ simulationConfig.time_config?.peak_activity_multiplier }}</span>
                 </div>
                 <div class="period-item">
-                  <span class="period-label">工作时段</span>
+                  <span class="period-label">{{ $t('step2.workHours') }}</span>
                   <span class="period-hours">{{ simulationConfig.time_config?.work_hours?.[0] }}:00-{{ simulationConfig.time_config?.work_hours?.slice(-1)[0] }}:00</span>
                   <span class="period-multiplier">×{{ simulationConfig.time_config?.work_activity_multiplier }}</span>
                 </div>
                 <div class="period-item">
-                  <span class="period-label">早间时段</span>
+                  <span class="period-label">{{ $t('step2.morningHours') }}</span>
                   <span class="period-hours">{{ simulationConfig.time_config?.morning_hours?.[0] }}:00-{{ simulationConfig.time_config?.morning_hours?.slice(-1)[0] }}:00</span>
                   <span class="period-multiplier">×{{ simulationConfig.time_config?.morning_activity_multiplier }}</span>
                 </div>
                 <div class="period-item">
-                  <span class="period-label">低谷时段</span>
+                  <span class="period-label">{{ $t('step2.offPeakHours') }}</span>
                   <span class="period-hours">{{ simulationConfig.time_config?.off_peak_hours?.[0] }}:00-{{ simulationConfig.time_config?.off_peak_hours?.slice(-1)[0] }}:00</span>
                   <span class="period-multiplier">×{{ simulationConfig.time_config?.off_peak_activity_multiplier }}</span>
                 </div>
@@ -182,8 +182,8 @@
             <!-- Agent 配置 -->
             <div class="config-block">
               <div class="config-block-header">
-                <span class="config-block-title">Agent 配置</span>
-                <span class="config-block-badge">{{ simulationConfig.agent_configs?.length || 0 }} 个</span>
+                <span class="config-block-title">{{ $t('step2.agentConfig') }}</span>
+                <span class="config-block-badge">{{ $t('step2.agentConfigCount', { n: simulationConfig.agent_configs?.length || 0 }) }}</span>
               </div>
               <div class="agents-cards">
                 <div 
@@ -194,7 +194,7 @@
                   <!-- 卡片头部 -->
                   <div class="agent-card-header">
                     <div class="agent-identity">
-                      <span class="agent-id">Agent {{ agent.agent_id }}</span>
+                      <span class="agent-id">{{ $t('step2.agentLabel', { id: agent.agent_id }) }}</span>
                       <span class="agent-name">{{ agent.entity_name }}</span>
                     </div>
                     <div class="agent-tags">
@@ -205,7 +205,7 @@
                   
                   <!-- 活跃时间轴 -->
                   <div class="agent-timeline">
-                    <span class="timeline-label">活跃时段</span>
+                    <span class="timeline-label">{{ $t('step2.activeHours') }}</span>
                     <div class="mini-timeline">
                       <div 
                         v-for="hour in 24" 
@@ -228,34 +228,34 @@
                   <div class="agent-params">
                     <div class="param-group">
                       <div class="param-item">
-                        <span class="param-label">发帖/时</span>
+                        <span class="param-label">{{ $t('step2.postsPerHour') }}</span>
                         <span class="param-value">{{ agent.posts_per_hour }}</span>
                       </div>
                       <div class="param-item">
-                        <span class="param-label">评论/时</span>
+                        <span class="param-label">{{ $t('step2.commentsPerHour') }}</span>
                         <span class="param-value">{{ agent.comments_per_hour }}</span>
                       </div>
                       <div class="param-item">
-                        <span class="param-label">响应延迟</span>
+                        <span class="param-label">{{ $t('step2.responseDelay') }}</span>
                         <span class="param-value">{{ agent.response_delay_min }}-{{ agent.response_delay_max }}min</span>
                       </div>
                     </div>
                     <div class="param-group">
                       <div class="param-item">
-                        <span class="param-label">活跃度</span>
+                        <span class="param-label">{{ $t('step2.activity') }}</span>
                         <span class="param-value with-bar">
                           <span class="mini-bar" :style="{ width: (agent.activity_level * 100) + '%' }"></span>
                           {{ (agent.activity_level * 100).toFixed(0) }}%
                         </span>
                       </div>
                       <div class="param-item">
-                        <span class="param-label">情感倾向</span>
+                        <span class="param-label">{{ $t('step2.sentiment') }}</span>
                         <span class="param-value" :class="agent.sentiment_bias > 0 ? 'positive' : agent.sentiment_bias < 0 ? 'negative' : 'neutral'">
                           {{ agent.sentiment_bias > 0 ? '+' : '' }}{{ agent.sentiment_bias?.toFixed(1) }}
                         </span>
                       </div>
                       <div class="param-item">
-                        <span class="param-label">影响力</span>
+                        <span class="param-label">{{ $t('step2.influence') }}</span>
                         <span class="param-value highlight">{{ agent.influence_weight?.toFixed(1) }}</span>
                       </div>
                     </div>
@@ -267,59 +267,59 @@
             <!-- 平台配置 -->
             <div class="config-block">
               <div class="config-block-header">
-                <span class="config-block-title">推荐算法配置</span>
+                <span class="config-block-title">{{ $t('step2.recAlgo') }}</span>
               </div>
               <div class="platforms-grid">
                 <div v-if="simulationConfig.twitter_config" class="platform-card">
                   <div class="platform-card-header">
-                    <span class="platform-name">平台 1：广场 / 信息流</span>
+                    <span class="platform-name">{{ $t('step2.platform1') }}</span>
                   </div>
                   <div class="platform-params">
                     <div class="param-row">
-                      <span class="param-label">时效权重</span>
+                      <span class="param-label">{{ $t('step2.weightRecency') }}</span>
                       <span class="param-value">{{ simulationConfig.twitter_config.recency_weight }}</span>
                     </div>
                     <div class="param-row">
-                      <span class="param-label">热度权重</span>
+                      <span class="param-label">{{ $t('step2.weightPopularity') }}</span>
                       <span class="param-value">{{ simulationConfig.twitter_config.popularity_weight }}</span>
                     </div>
                     <div class="param-row">
-                      <span class="param-label">相关性权重</span>
+                      <span class="param-label">{{ $t('step2.weightRelevance') }}</span>
                       <span class="param-value">{{ simulationConfig.twitter_config.relevance_weight }}</span>
                     </div>
                     <div class="param-row">
-                      <span class="param-label">病毒阈值</span>
+                      <span class="param-label">{{ $t('step2.viralThreshold') }}</span>
                       <span class="param-value">{{ simulationConfig.twitter_config.viral_threshold }}</span>
                     </div>
                     <div class="param-row">
-                      <span class="param-label">回音室强度</span>
+                      <span class="param-label">{{ $t('step2.echoChamber') }}</span>
                       <span class="param-value">{{ simulationConfig.twitter_config.echo_chamber_strength }}</span>
                     </div>
                   </div>
                 </div>
                 <div v-if="simulationConfig.reddit_config" class="platform-card">
                   <div class="platform-card-header">
-                    <span class="platform-name">平台 2：话题 / 社区</span>
+                    <span class="platform-name">{{ $t('step2.platform2') }}</span>
                   </div>
                   <div class="platform-params">
                     <div class="param-row">
-                      <span class="param-label">时效权重</span>
+                      <span class="param-label">{{ $t('step2.weightRecency') }}</span>
                       <span class="param-value">{{ simulationConfig.reddit_config.recency_weight }}</span>
                     </div>
                     <div class="param-row">
-                      <span class="param-label">热度权重</span>
+                      <span class="param-label">{{ $t('step2.weightPopularity') }}</span>
                       <span class="param-value">{{ simulationConfig.reddit_config.popularity_weight }}</span>
                     </div>
                     <div class="param-row">
-                      <span class="param-label">相关性权重</span>
+                      <span class="param-label">{{ $t('step2.weightRelevance') }}</span>
                       <span class="param-value">{{ simulationConfig.reddit_config.relevance_weight }}</span>
                     </div>
                     <div class="param-row">
-                      <span class="param-label">病毒阈值</span>
+                      <span class="param-label">{{ $t('step2.viralThreshold') }}</span>
                       <span class="param-value">{{ simulationConfig.reddit_config.viral_threshold }}</span>
                     </div>
                     <div class="param-row">
-                      <span class="param-label">回音室强度</span>
+                      <span class="param-label">{{ $t('step2.echoChamber') }}</span>
                       <span class="param-value">{{ simulationConfig.reddit_config.echo_chamber_strength }}</span>
                     </div>
                   </div>
@@ -330,7 +330,7 @@
             <!-- LLM 配置推理 -->
             <div v-if="simulationConfig.generation_reasoning" class="config-block">
               <div class="config-block-header">
-                <span class="config-block-title">LLM 配置推理</span>
+                <span class="config-block-title">{{ $t('step2.llmReasoning') }}</span>
               </div>
               <div class="reasoning-content">
                 <div 
@@ -351,19 +351,19 @@
         <div class="card-header">
           <div class="step-info">
             <span class="step-num">04</span>
-            <span class="step-title">初始激活编排</span>
+            <span class="step-title">{{ $t('step2.s04Title') }}</span>
           </div>
           <div class="step-status">
-            <span v-if="phase > 3" class="badge success">已完成</span>
-            <span v-else-if="phase === 3" class="badge processing">编排中</span>
-            <span v-else class="badge pending">等待</span>
+            <span v-if="phase > 3" class="badge success">{{ $t('step2.badgeDone') }}</span>
+            <span v-else-if="phase === 3" class="badge processing">{{ $t('step2.badgeOrch') }}</span>
+            <span v-else class="badge pending">{{ $t('step2.badgeWait') }}</span>
           </div>
         </div>
 
         <div class="card-content">
           <p class="api-note">POST /api/simulation/prepare</p>
           <p class="description">
-            基于叙事方向，自动生成初始激活事件与热点话题，引导模拟世界的初始状态
+            {{ $t('step2.descS04') }}
           </p>
 
           <div v-if="simulationConfig?.event_config" class="orchestration-content">
@@ -380,14 +380,14 @@
                     </linearGradient>
                   </defs>
                 </svg>
-                叙事引导方向
+                {{ $t('step2.narrativeLabel') }}
               </span>
               <p class="narrative-text">{{ simulationConfig.event_config.narrative_direction }}</p>
             </div>
 
             <!-- 热点话题 -->
             <div class="topics-section">
-              <span class="box-label">初始热点话题</span>
+              <span class="box-label">{{ $t('step2.hotTopics') }}</span>
               <div class="hot-topics-grid">
                 <span v-for="topic in simulationConfig.event_config.hot_topics" :key="topic" class="hot-topic-tag">
                   # {{ topic }}
@@ -397,7 +397,7 @@
 
             <!-- 初始帖子流 -->
             <div class="initial-posts-section">
-              <span class="box-label">初始激活序列 ({{ simulationConfig.event_config.initial_posts.length }})</span>
+              <span class="box-label">{{ $t('step2.initialPosts', { n: simulationConfig.event_config.initial_posts.length }) }}</span>
               <div class="posts-timeline">
                 <div v-for="(post, idx) in simulationConfig.event_config.initial_posts" :key="idx" class="timeline-item">
                   <div class="timeline-marker"></div>
@@ -405,7 +405,7 @@
                     <div class="post-header">
                       <span class="post-role">{{ post.poster_type }}</span>
                       <span class="post-agent-info">
-                        <span class="post-id">Agent {{ post.poster_agent_id }}</span>
+                        <span class="post-id">{{ $t('step2.agentLabel', { id: post.poster_agent_id }) }}</span>
                         <span class="post-username">@{{ getAgentUsername(post.poster_agent_id) }}</span>
                       </span>
                     </div>
@@ -423,29 +423,29 @@
         <div class="card-header">
           <div class="step-info">
             <span class="step-num">05</span>
-            <span class="step-title">准备完成</span>
+            <span class="step-title">{{ $t('step2.s05Title') }}</span>
           </div>
           <div class="step-status">
-            <span v-if="phase >= 4" class="badge processing">进行中</span>
-            <span v-else class="badge pending">等待</span>
+            <span v-if="phase >= 4" class="badge processing">{{ $t('step2.badgeInProgress') }}</span>
+            <span v-else class="badge pending">{{ $t('step2.badgeWait') }}</span>
           </div>
         </div>
 
         <div class="card-content">
           <p class="api-note">POST /api/simulation/start</p>
-          <p class="description">模拟环境已准备完成，可以开始运行模拟</p>
+          <p class="description">{{ $t('step2.descS05') }}</p>
           
           <!-- 模拟轮数配置 - 只有在配置生成完成且轮数计算出来后才显示 -->
           <div v-if="simulationConfig && autoGeneratedRounds" class="rounds-config-section">
             <div class="rounds-header">
               <div class="header-left">
-                <span class="section-title">模拟轮数设定</span>
-                <span class="section-desc">MiroFish 自动规划推演现实 <span class="desc-highlight">{{ simulationConfig?.time_config?.total_simulation_hours || '-' }}</span> 小时，每轮代表现实 <span class="desc-highlight">{{ simulationConfig?.time_config?.minutes_per_round || '-' }}</span> 分钟时间流逝</span>
+                <span class="section-title">{{ $t('step2.roundsTitle') }}</span>
+                <span class="section-desc">{{ $t('step2.roundsDescLine1') }}<span class="desc-highlight">{{ simulationConfig?.time_config?.total_simulation_hours || '-' }}</span>{{ $t('step2.roundsDescLine2') }}<span class="desc-highlight">{{ simulationConfig?.time_config?.minutes_per_round || '-' }}</span>{{ $t('step2.roundsDescLine3') }}</span>
               </div>
               <label class="switch-control">
                 <input type="checkbox" v-model="useCustomRounds">
                 <span class="switch-track"></span>
-                <span class="switch-label">自定义</span>
+                <span class="switch-label">{{ $t('step2.custom') }}</span>
               </label>
             </div>
             
@@ -454,10 +454,10 @@
                 <div class="slider-display">
                   <div class="slider-main-value">
                     <span class="val-num">{{ customMaxRounds }}</span>
-                    <span class="val-unit">轮</span>
+                    <span class="val-unit">{{ $t('step2.roundsUnit') }}</span>
                   </div>
                   <div class="slider-meta-info">
-                    <span>若Agent规模为100：预计耗时约 {{ Math.round(customMaxRounds * 0.6) }} 分钟</span>
+                    <span>{{ $t('step2.estTimeHint', { minutes: Math.round(customMaxRounds * 0.6) }) }}</span>
                   </div>
                 </div>
 
@@ -478,7 +478,7 @@
                       :class="{ active: customMaxRounds === 40 }"
                       @click="customMaxRounds = 40"
                       :style="{ position: 'absolute', left: `calc(${(40 - 10) / (autoGeneratedRounds - 10) * 100}% - 30px)` }"
-                    >40 (推荐)</span>
+                    >{{ $t('step2.recommend40') }}</span>
                     <span>{{ autoGeneratedRounds }}</span>
                   </div>
                 </div>
@@ -488,7 +488,7 @@
                 <div class="auto-info-card">
                   <div class="auto-value">
                     <span class="val-num">{{ autoGeneratedRounds }}</span>
-                    <span class="val-unit">轮</span>
+                    <span class="val-unit">{{ $t('step2.roundsUnit') }}</span>
                   </div>
                   <div class="auto-content">
                     <div class="auto-meta-row">
@@ -497,11 +497,11 @@
                           <circle cx="12" cy="12" r="10"></circle>
                           <polyline points="12 6 12 12 16 14"></polyline>
                         </svg>
-                        若Agent规模为100：预计耗时 {{ Math.round(autoGeneratedRounds * 0.6) }} 分钟
+                        {{ $t('step2.estTimeHintAuto', { minutes: Math.round(autoGeneratedRounds * 0.6) }) }}
                       </span>
                     </div>
                     <div class="auto-desc">
-                      <p class="highlight-tip" @click="useCustomRounds = true">若首次运行，强烈建议切换至‘自定义模式’减少模拟轮数，以便快速预览效果并降低报错风险 ➝</p>
+                      <p class="highlight-tip" @click="useCustomRounds = true">{{ $t('step2.tipFirstRun') }} ➝</p>
                     </div>
                   </div>
                 </div>
@@ -514,14 +514,14 @@
               class="action-btn secondary"
               @click="$emit('go-back')"
             >
-              ← 返回图谱构建
+              ← {{ $t('step2.backToGraph') }}
             </button>
             <button 
               class="action-btn primary"
               :disabled="phase < 4"
               @click="handleStartSimulation"
             >
-              开始双世界并行模拟 ➝
+              {{ $t('step2.startDualSim') }} ➝
             </button>
           </div>
         </div>
@@ -547,32 +547,32 @@
           <!-- 基本信息 -->
           <div class="modal-info-grid">
             <div class="info-item">
-              <span class="info-label">事件外显年龄</span>
-              <span class="info-value">{{ selectedProfile.age || '-' }} 岁</span>
+              <span class="info-label">{{ $t('step2.modalAge') }}</span>
+              <span class="info-value">{{ selectedProfile.age || '-' }} {{ $t('step2.yearsOld') }}</span>
             </div>
             <div class="info-item">
-              <span class="info-label">事件外显性别</span>
-              <span class="info-value">{{ { male: '男', female: '女', other: '其他' }[selectedProfile.gender] || selectedProfile.gender }}</span>
+              <span class="info-label">{{ $t('step2.modalGender') }}</span>
+              <span class="info-value">{{ { male: $t('common.male'), female: $t('common.female'), other: $t('common.other') }[selectedProfile.gender] || selectedProfile.gender }}</span>
             </div>
             <div class="info-item">
-              <span class="info-label">国家/地区</span>
+              <span class="info-label">{{ $t('step2.modalCountry') }}</span>
               <span class="info-value">{{ selectedProfile.country || '-' }}</span>
             </div>
             <div class="info-item">
-              <span class="info-label">事件外显MBTI</span>
+              <span class="info-label">{{ $t('step2.modalMbti') }}</span>
               <span class="info-value mbti">{{ selectedProfile.mbti || '-' }}</span>
             </div>
           </div>
 
           <!-- 简介 -->
           <div class="modal-section">
-            <span class="section-label">人设简介</span>
-            <p class="section-bio">{{ selectedProfile.bio || '暂无简介' }}</p>
+            <span class="section-label">{{ $t('step2.personaBio') }}</span>
+            <p class="section-bio">{{ selectedProfile.bio || $t('common.noBio') }}</p>
           </div>
 
           <!-- 关注话题 -->
           <div class="modal-section" v-if="selectedProfile.interested_topics?.length">
-            <span class="section-label">现实种子关联话题</span>
+            <span class="section-label">{{ $t('step2.seedTopics') }}</span>
             <div class="topics-grid">
               <span 
                 v-for="topic in selectedProfile.interested_topics" 
@@ -584,25 +584,25 @@
 
           <!-- 详细人设 -->
           <div class="modal-section" v-if="selectedProfile.persona">
-            <span class="section-label">详细人设背景</span>
+            <span class="section-label">{{ $t('step2.personaDetail') }}</span>
             
             <!-- 人设维度概览 -->
             <div class="persona-dimensions">
               <div class="dimension-card">
-                <span class="dim-title">事件全景经历</span>
-                <span class="dim-desc">在此事件中的完整行为轨迹</span>
+                <span class="dim-title">{{ $t('step2.dim1Title') }}</span>
+                <span class="dim-desc">{{ $t('step2.dim1Desc') }}</span>
               </div>
               <div class="dimension-card">
-                <span class="dim-title">行为模式侧写</span>
-                <span class="dim-desc">经验总结与行事风格偏好</span>
+                <span class="dim-title">{{ $t('step2.dim2Title') }}</span>
+                <span class="dim-desc">{{ $t('step2.dim2Desc') }}</span>
               </div>
               <div class="dimension-card">
-                <span class="dim-title">独特记忆印记</span>
-                <span class="dim-desc">基于现实种子形成的记忆</span>
+                <span class="dim-title">{{ $t('step2.dim3Title') }}</span>
+                <span class="dim-desc">{{ $t('step2.dim3Desc') }}</span>
               </div>
               <div class="dimension-card">
-                <span class="dim-title">社会关系网络</span>
-                <span class="dim-desc">个体链接与交互图谱</span>
+                <span class="dim-title">{{ $t('step2.dim4Title') }}</span>
+                <span class="dim-desc">{{ $t('step2.dim4Desc') }}</span>
               </div>
             </div>
 
@@ -618,8 +618,8 @@
     <!-- Bottom Info / Logs -->
     <div class="system-logs">
       <div class="log-header">
-        <span class="log-title">SYSTEM DASHBOARD</span>
-        <span class="log-id">{{ simulationId || 'NO_SIMULATION' }}</span>
+        <span class="log-title">{{ $t('common.systemDashboard') }}</span>
+        <span class="log-id">{{ simulationId || $t('common.noSimulation') }}</span>
       </div>
       <div class="log-content" ref="logContent">
         <div class="log-line" v-for="(log, idx) in systemLogs" :key="idx">
diff --git a/frontend/src/components/Step3Simulation.vue b/frontend/src/components/Step3Simulation.vue
index 74d0e1e7b..7166c551c 100644
--- a/frontend/src/components/Step3Simulation.vue
+++ b/frontend/src/components/Step3Simulation.vue
@@ -9,7 +9,7 @@
             <svg class="platform-icon" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2">
               <circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
             </svg>
-            <span class="platform-name">Info Plaza</span>
+            <span class="platform-name">{{ $t('step3.platformTwitter') }}</span>
             <span v-if="runStatus.twitter_completed" class="status-badge">
               <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="3">
                 <polyline points="20 6 9 17 4 12"></polyline>
@@ -22,7 +22,7 @@
               <span class="stat-value mono">{{ runStatus.twitter_current_round || 0 }}<span class="stat-total">/{{ runStatus.total_rounds || maxRounds || '-' }}</span></span>
             </span>
             <span class="stat">
-              <span class="stat-label">Elapsed Time</span>
+              <span class="stat-label">{{ $t('step3.statElapsed') }}</span>
               <span class="stat-value mono">{{ twitterElapsedTime }}</span>
             </span>
             <span class="stat">
@@ -32,7 +32,7 @@
           </div>
           <!-- 可用动作提示 -->
           <div class="actions-tooltip">
-            <div class="tooltip-title">Available Actions</div>
+            <div class="tooltip-title">{{ $t('step3.availableActions') }}</div>
             <div class="tooltip-actions">
               <span class="tooltip-action">POST</span>
               <span class="tooltip-action">LIKE</span>
@@ -50,7 +50,7 @@
             <svg class="platform-icon" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2">
               <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
             </svg>
-            <span class="platform-name">Topic Community</span>
+            <span class="platform-name">{{ $t('step3.platformReddit') }}</span>
             <span v-if="runStatus.reddit_completed" class="status-badge">
               <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="3">
                 <polyline points="20 6 9 17 4 12"></polyline>
@@ -63,7 +63,7 @@
               <span class="stat-value mono">{{ runStatus.reddit_current_round || 0 }}<span class="stat-total">/{{ runStatus.total_rounds || maxRounds || '-' }}</span></span>
             </span>
             <span class="stat">
-              <span class="stat-label">Elapsed Time</span>
+              <span class="stat-label">{{ $t('step3.statElapsed') }}</span>
               <span class="stat-value mono">{{ redditElapsedTime }}</span>
             </span>
             <span class="stat">
@@ -73,7 +73,7 @@
           </div>
           <!-- 可用动作提示 -->
           <div class="actions-tooltip">
-            <div class="tooltip-title">Available Actions</div>
+            <div class="tooltip-title">{{ $t('step3.availableActions') }}</div>
             <div class="tooltip-actions">
               <span class="tooltip-action">POST</span>
               <span class="tooltip-action">COMMENT</span>
@@ -97,7 +97,7 @@
           @click="handleNextStep"
         >
           <span v-if="isGeneratingReport" class="loading-spinner-small"></span>
-          {{ isGeneratingReport ? '启动中...' : '开始生成结果报告' }} 
+          {{ isGeneratingReport ? $t('step3.starting') : $t('step3.genReport') }} 
           <span v-if="!isGeneratingReport" class="arrow-icon">→</span>
         </button>
       </div>
@@ -108,7 +108,7 @@
       <!-- Timeline Header -->
       <div class="timeline-header" v-if="allActions.length > 0">
         <div class="timeline-stats">
-          <span class="total-count">TOTAL EVENTS: <span class="mono">{{ allActions.length }}</span></span>
+          <span class="total-count">{{ $t('step3.totalEvents') }}: <span class="mono">{{ allActions.length }}</span></span>
           <span class="platform-breakdown">
             <span class="breakdown-item twitter">
               <svg class="mini-icon" viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
diff --git a/frontend/src/components/Step4Report.vue b/frontend/src/components/Step4Report.vue
index 22f2bdcfd..0a998ac64 100644
--- a/frontend/src/components/Step4Report.vue
+++ b/frontend/src/components/Step4Report.vue
@@ -8,7 +8,7 @@
           <!-- Report Header -->
           <div class="report-header-block">
             <div class="report-meta">
-              <span class="report-tag">Prediction Report</span>
+              <span class="report-tag">{{ $t('step4.predictionReport') }}</span>
               <span class="report-id">ID: {{ reportId || 'REF-2024-X92' }}</span>
             </div>
             <h1 class="main-title">{{ reportOutline.title }}</h1>
@@ -58,7 +58,7 @@
                       <path d="M12 2a10 10 0 0 1 10 10" stroke-width="4" stroke="#4B5563" stroke-linecap="round"></path>
                     </svg>
                   </div>
-                  <span class="loading-text">正在生成{{ section.title }}...</span>
+                  <span class="loading-text">{{ $t('step4.generatingSection', { title: section.title }) }}</span>
                 </div>
               </div>
             </div>
@@ -72,7 +72,7 @@
             <div class="waiting-ring"></div>
             <div class="waiting-ring"></div>
           </div>
-          <span class="waiting-text">Waiting for Report Agent...</span>
+          <span class="waiting-text">{{ $t('step4.waitingAgent') }}</span>
         </div>
       </div>
 
@@ -89,15 +89,15 @@
         <div class="workflow-overview" v-if="agentLogs.length > 0 || reportOutline">
           <div class="workflow-metrics">
             <div class="metric">
-              <span class="metric-label">Sections</span>
+              <span class="metric-label">{{ $t('step4.sections') }}</span>
               <span class="metric-value mono">{{ completedSections }}/{{ totalSections }}</span>
             </div>
             <div class="metric">
-              <span class="metric-label">Elapsed</span>
+              <span class="metric-label">{{ $t('step4.elapsed') }}</span>
               <span class="metric-value mono">{{ formatElapsedTime }}</span>
             </div>
             <div class="metric">
-              <span class="metric-label">Tools</span>
+              <span class="metric-label">{{ $t('step4.tools') }}</span>
               <span class="metric-value mono">{{ totalToolCalls }}</span>
             </div>
             <div class="metric metric-right">
@@ -129,7 +129,7 @@
 
           <!-- Next Step Button - 在完成后显示 -->
           <button v-if="isComplete" class="next-step-btn" @click="goToInteraction">
-            <span>进入深度互动</span>
+            <span>{{ $t('step4.goInteraction') }}</span>
             <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
               <line x1="5" y1="12" x2="19" y2="12"></line>
               <polyline points="12 5 19 12 12 19"></polyline>
@@ -166,11 +166,11 @@
                   <!-- Report Start -->
                   <template v-if="log.action === 'report_start'">
                     <div class="info-row">
-                      <span class="info-key">Simulation</span>
+                      <span class="info-key">{{ $t('step4.simulation') }}</span>
                       <span class="info-val mono">{{ log.details?.simulation_id }}</span>
                     </div>
                     <div class="info-row" v-if="log.details?.simulation_requirement">
-                      <span class="info-key">Requirement</span>
+                      <span class="info-key">{{ $t('step4.requirement') }}</span>
                       <span class="info-val">{{ log.details.simulation_requirement }}</span>
                     </div>
                   </template>
@@ -334,7 +334,7 @@
                         <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
                         <polyline points="22 4 12 14.01 9 11.01"></polyline>
                       </svg>
-                      <span>Report Generation Complete</span>
+                      <span>{{ $t('step4.reportComplete') }}</span>
                     </div>
                   </template>
                 </div>
@@ -368,7 +368,7 @@
           <!-- Empty State -->
           <div v-if="agentLogs.length === 0 && !isComplete" class="workflow-empty">
             <div class="empty-pulse"></div>
-            <span>Waiting for agent activity...</span>
+            <span>{{ $t('step4.waitingActivity') }}</span>
           </div>
         </div>
       </div>
@@ -377,7 +377,7 @@
     <!-- Bottom Console Logs -->
     <div class="console-logs">
       <div class="log-header">
-        <span class="log-title">CONSOLE OUTPUT</span>
+        <span class="log-title">{{ $t('step4.consoleOutput') }}</span>
         <span class="log-id">{{ reportId || 'NO_REPORT' }}</span>
       </div>
       <div class="log-content" ref="logContent">
@@ -391,10 +391,12 @@
 
 <script setup>
 import { ref, computed, watch, onMounted, onUnmounted, nextTick, h, reactive } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { getAgentLog, getConsoleLog } from '../api/report'
 
 const router = useRouter()
+const { t } = useI18n()
 
 const props = defineProps({
   reportId: String,
@@ -1708,9 +1710,9 @@ const statusClass = computed(() => {
 })
 
 const statusText = computed(() => {
-  if (isComplete.value) return 'Completed'
-  if (agentLogs.value.length > 0) return 'Generating...'
-  return 'Waiting'
+  if (isComplete.value) return t('common.status.ready')
+  if (agentLogs.value.length > 0) return t('common.status.generating')
+  return t('step4.workflowWait')
 })
 
 const totalSections = computed(() => {
@@ -1776,7 +1778,7 @@ const activeStep = computed(() => {
   if (doneSteps.length > 0) return doneSteps[doneSteps.length - 1]
   
   // 否则返回第一个步骤
-  return steps[0] || { noLabel: '--', title: '等待开始', status: 'todo', meta: '' }
+  return steps[0] || { noLabel: '--', title: t('step4.workflowWait'), status: 'todo', meta: '' }
 })
 
 const workflowSteps = computed(() => {
@@ -1787,9 +1789,9 @@ const workflowSteps = computed(() => {
   steps.push({
     key: 'planning',
     noLabel: 'PL',
-    title: 'Planning / Outline',
+    title: t('step4.planningOutline'),
     status: planningStatus,
-    meta: planningStatus === 'active' ? 'IN PROGRESS' : ''
+    meta: planningStatus === 'active' ? t('step4.metaInProgress') : ''
   })
 
   // Sections (if outline exists)
@@ -1805,7 +1807,7 @@ const workflowSteps = computed(() => {
       noLabel: String(idx).padStart(2, '0'),
       title: section.title,
       status,
-      meta: status === 'active' ? 'IN PROGRESS' : ''
+      meta: status === 'active' ? t('step4.metaInProgress') : ''
     })
   })
 
@@ -1814,9 +1816,9 @@ const workflowSteps = computed(() => {
   steps.push({
     key: 'complete',
     noLabel: 'OK',
-    title: 'Complete',
+    title: t('step4.complete'),
     status: completeStatus,
-    meta: completeStatus === 'active' ? 'FINALIZING' : ''
+    meta: completeStatus === 'active' ? t('step4.metaFinalizing') : ''
   })
 
   return steps
diff --git a/frontend/src/components/Step5Interaction.vue b/frontend/src/components/Step5Interaction.vue
index 3d84c7ce0..b110cd92f 100644
--- a/frontend/src/components/Step5Interaction.vue
+++ b/frontend/src/components/Step5Interaction.vue
@@ -8,7 +8,7 @@
           <!-- Report Header -->
           <div class="report-header-block">
             <div class="report-meta">
-              <span class="report-tag">Prediction Report</span>
+              <span class="report-tag">{{ $t('step4.predictionReport') }}</span>
               <span class="report-id">ID: {{ reportId || 'REF-2024-X92' }}</span>
             </div>
             <h1 class="main-title">{{ reportOutline.title }}</h1>
@@ -58,7 +58,7 @@
                       <path d="M12 2a10 10 0 0 1 10 10" stroke-width="4" stroke="#4B5563" stroke-linecap="round"></path>
                     </svg>
                   </div>
-                  <span class="loading-text">正在生成{{ section.title }}...</span>
+                  <span class="loading-text">{{ $t('step4.generatingSection', { title: section.title }) }}</span>
                 </div>
               </div>
             </div>
@@ -72,7 +72,7 @@
             <div class="waiting-ring"></div>
             <div class="waiting-ring"></div>
           </div>
-          <span class="waiting-text">Waiting for Report Agent...</span>
+          <span class="waiting-text">{{ $t('step4.waitingAgent') }}</span>
         </div>
       </div>
 
@@ -85,8 +85,8 @@
             <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
           </svg>
           <div class="action-bar-text">
-            <span class="action-bar-title">Interactive Tools</span>
-            <span class="action-bar-subtitle mono">{{ profiles.length }} agents available</span>
+            <span class="action-bar-title">{{ $t('step5.interactiveTools') }}</span>
+            <span class="action-bar-subtitle mono">{{ $t('step5.agentsAvailable', { n: profiles.length }) }}</span>
           </div>
         </div>
           <div class="action-bar-tabs">
@@ -98,7 +98,7 @@
               <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2">
                 <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
               </svg>
-              <span>与Report Agent对话</span>
+              <span>{{ $t('step5.chatReportAgent') }}</span>
             </button>
             <div class="agent-dropdown" v-if="profiles.length > 0">
               <button 
@@ -110,13 +110,13 @@
                   <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                   <circle cx="12" cy="7" r="4"></circle>
                 </svg>
-                <span>{{ selectedAgent ? selectedAgent.username : '与世界中任意个体对话' }}</span>
+                <span>{{ selectedAgent ? selectedAgent.username : $t('step5.chatWithAnyone') }}</span>
                 <svg class="dropdown-arrow" :class="{ open: showAgentDropdown }" viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2">
                   <polyline points="6 9 12 15 18 9"></polyline>
                 </svg>
               </button>
               <div v-if="showAgentDropdown" class="dropdown-menu">
-                <div class="dropdown-header">选择对话对象</div>
+                <div class="dropdown-header">{{ $t('step5.pickChatTarget') }}</div>
                 <div 
                   v-for="(agent, idx) in profiles" 
                   :key="idx"
@@ -126,7 +126,7 @@
                   <div class="agent-avatar">{{ (agent.username || 'A')[0] }}</div>
                   <div class="agent-info">
                     <span class="agent-name">{{ agent.username }}</span>
-                    <span class="agent-role">{{ agent.profession || '未知职业' }}</span>
+                    <span class="agent-role">{{ agent.profession || $t('common.unknownProfession') }}</span>
                   </div>
                 </div>
               </div>
@@ -141,7 +141,7 @@
                 <path d="M9 11l3 3L22 4"></path>
                 <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
               </svg>
-              <span>发送问卷调查到世界中</span>
+              <span>{{ $t('step5.surveyTitle') }}</span>
             </button>
           </div>
         </div>
@@ -154,8 +154,8 @@
             <div class="tools-card-header">
               <div class="tools-card-avatar">R</div>
               <div class="tools-card-info">
-                <div class="tools-card-name">Report Agent - Chat</div>
-                <div class="tools-card-subtitle">报告生成智能体的快速对话版本，可调用 4 种专业工具，拥有MiroFish的完整记忆</div>
+                <div class="tools-card-name">{{ $t('step5.reportAgentCard') }}</div>
+                <div class="tools-card-subtitle">{{ $t('step5.reportAgentSub') }}</div>
               </div>
               <button class="tools-card-toggle" @click="showToolsDetail = !showToolsDetail">
                 <svg :class="{ 'is-expanded': showToolsDetail }" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
@@ -172,8 +172,8 @@
                     </svg>
                   </div>
                   <div class="tool-content">
-                    <div class="tool-name">InsightForge 深度归因</div>
-                    <div class="tool-desc">对齐现实世界种子数据与模拟环境状态，结合Global/Local Memory机制，提供跨时空的深度归因分析</div>
+                    <div class="tool-name">{{ $t('step5.toolInsight') }}</div>
+                    <div class="tool-desc">{{ $t('step5.toolInsightDesc') }}</div>
                   </div>
                 </div>
                 <div class="tool-item tool-blue">
@@ -184,8 +184,8 @@
                     </svg>
                   </div>
                   <div class="tool-content">
-                    <div class="tool-name">PanoramaSearch 全景追踪</div>
-                    <div class="tool-desc">基于图结构的广度遍历算法，重构事件传播路径，捕获全量信息流动的拓扑结构</div>
+                    <div class="tool-name">{{ $t('step5.toolPanorama') }}</div>
+                    <div class="tool-desc">{{ $t('step5.toolPanoramaDesc') }}</div>
                   </div>
                 </div>
                 <div class="tool-item tool-orange">
@@ -195,8 +195,8 @@
                     </svg>
                   </div>
                   <div class="tool-content">
-                    <div class="tool-name">QuickSearch 快速检索</div>
-                    <div class="tool-desc">基于 GraphRAG 的即时查询接口，优化索引效率，用于快速提取具体的节点属性与离散事实</div>
+                    <div class="tool-name">{{ $t('step5.toolQuick') }}</div>
+                    <div class="tool-desc">{{ $t('step5.toolQuickDesc') }}</div>
                   </div>
                 </div>
                 <div class="tool-item tool-green">
@@ -208,8 +208,8 @@
                     </svg>
                   </div>
                   <div class="tool-content">
-                    <div class="tool-name">InterviewSubAgent 虚拟访谈</div>
-                    <div class="tool-desc">自主式访谈，能够并行与模拟世界中个体进行多轮对话，采集非结构化的观点数据与心理状态</div>
+                    <div class="tool-name">{{ $t('step5.toolInterview') }}</div>
+                    <div class="tool-desc">{{ $t('step5.toolInterviewDesc') }}</div>
                   </div>
                 </div>
               </div>
@@ -224,7 +224,7 @@
                 <div class="profile-card-name">{{ selectedAgent.username }}</div>
                 <div class="profile-card-meta">
                   <span v-if="selectedAgent.name" class="profile-card-handle">@{{ selectedAgent.name }}</span>
-                  <span class="profile-card-profession">{{ selectedAgent.profession || '未知职业' }}</span>
+                  <span class="profile-card-profession">{{ selectedAgent.profession || $t('common.unknownProfession') }}</span>
                 </div>
               </div>
               <button class="profile-card-toggle" @click="showFullProfile = !showFullProfile">
@@ -235,7 +235,7 @@
             </div>
             <div v-if="showFullProfile && selectedAgent.bio" class="profile-card-body">
               <div class="profile-card-bio">
-                <div class="profile-card-label">简介</div>
+                <div class="profile-card-label">{{ $t('step5.bio') }}</div>
                 <p>{{ selectedAgent.bio }}</p>
               </div>
             </div>
@@ -250,7 +250,7 @@
                 </svg>
               </div>
               <p class="empty-text">
-                {{ chatTarget === 'report_agent' ? '与 Report Agent 对话，深入了解报告内容' : '与模拟个体对话，了解他们的观点' }}
+                {{ chatTarget === 'report_agent' ? $t('step5.chatReportHint') : $t('step5.chatAgentHint') }}
               </p>
             </div>
             <div 
@@ -292,7 +292,7 @@
             <textarea 
               v-model="chatInput"
               class="chat-input"
-              placeholder="输入您的问题..."
+              :placeholder="$t('step5.placeholderAsk')"
               @keydown.enter.exact.prevent="sendMessage"
               :disabled="isSending || (!selectedAgent && chatTarget === 'agent')"
               rows="1"
@@ -317,8 +317,8 @@
           <div class="survey-setup">
             <div class="setup-section">
               <div class="section-header">
-                <span class="section-title">选择调查对象</span>
-                <span class="selection-count">已选 {{ selectedAgents.size }} / {{ profiles.length }}</span>
+                <span class="section-title">{{ $t('step5.selectSurveyTargets') }}</span>
+                <span class="selection-count">{{ $t('step5.selectionCount', { selected: selectedAgents.size, total: profiles.length }) }}</span>
               </div>
               <div class="agents-grid">
                 <label 
@@ -335,7 +335,7 @@
                   <div class="checkbox-avatar">{{ (agent.username || 'A')[0] }}</div>
                   <div class="checkbox-info">
                     <span class="checkbox-name">{{ agent.username }}</span>
-                    <span class="checkbox-role">{{ agent.profession || '未知职业' }}</span>
+                    <span class="checkbox-role">{{ agent.profession || $t('common.unknownProfession') }}</span>
                   </div>
                   <div class="checkbox-indicator">
                     <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="3">
@@ -345,20 +345,20 @@
                 </label>
               </div>
               <div class="selection-actions">
-                <button class="action-link" @click="selectAllAgents">全选</button>
+                <button class="action-link" @click="selectAllAgents">{{ $t('step5.selectAll') }}</button>
                 <span class="action-divider">|</span>
-                <button class="action-link" @click="clearAgentSelection">清空</button>
+                <button class="action-link" @click="clearAgentSelection">{{ $t('step5.clear') }}</button>
               </div>
             </div>
 
             <div class="setup-section">
               <div class="section-header">
-                <span class="section-title">问卷问题</span>
+                <span class="section-title">{{ $t('step5.surveyQuestions') }}</span>
               </div>
               <textarea 
                 v-model="surveyQuestion"
                 class="survey-input"
-                placeholder="输入您想问所有被选中对象的问题..."
+                :placeholder="$t('step5.placeholderSurvey')"
                 rows="3"
               ></textarea>
             </div>
@@ -369,15 +369,16 @@
               @click="submitSurvey"
             >
               <span v-if="isSurveying" class="loading-spinner"></span>
-              <span v-else>发送问卷</span>
+              <span v-if="isSurveying">{{ $t('step5.sendingSurvey') }}</span>
+              <span v-else>{{ $t('step5.sendSurvey') }}</span>
             </button>
           </div>
 
           <!-- Survey Results -->
           <div v-if="surveyResults.length > 0" class="survey-results">
             <div class="results-header">
-              <span class="results-title">调查结果</span>
-              <span class="results-count">{{ surveyResults.length }} 条回复</span>
+              <span class="results-title">{{ $t('step5.surveyResults') }}</span>
+              <span class="results-count">{{ $t('step5.resultsCount', { n: surveyResults.length }) }}</span>
             </div>
             <div class="results-list">
               <div 
@@ -389,7 +390,7 @@
                   <div class="result-avatar">{{ (result.agent_name || 'A')[0] }}</div>
                   <div class="result-info">
                     <span class="result-name">{{ result.agent_name }}</span>
-                    <span class="result-role">{{ result.profession || '未知职业' }}</span>
+                    <span class="result-role">{{ result.profession || $t('common.unknownProfession') }}</span>
                   </div>
                 </div>
                 <div class="result-question">
diff --git a/frontend/src/i18n/index.js b/frontend/src/i18n/index.js
new file mode 100644
index 000000000..885d9b3bb
--- /dev/null
+++ b/frontend/src/i18n/index.js
@@ -0,0 +1,36 @@
+import { createI18n } from 'vue-i18n'
+import zhCN from '../locales/zh-CN/index.js'
+import enUS from '../locales/en-US/index.js'
+
+const STORAGE_KEY = 'mirofish-locale'
+
+function getInitialLocale() {
+  try {
+    return localStorage.getItem(STORAGE_KEY) || 'zh-CN'
+  } catch {
+    return 'zh-CN'
+  }
+}
+
+export const i18n = createI18n({
+  legacy: false,
+  globalInjection: true,
+  locale: getInitialLocale(),
+  fallbackLocale: 'en-US',
+  messages: {
+    'zh-CN': zhCN,
+    'en-US': enUS
+  }
+})
+
+export function setAppLocale(locale) {
+  i18n.global.locale.value = locale
+  try {
+    localStorage.setItem(STORAGE_KEY, locale)
+  } catch {
+    /* ignore */
+  }
+  if (typeof document !== 'undefined') {
+    document.documentElement.lang = locale
+  }
+}
diff --git a/frontend/src/locales/en-US/common.js b/frontend/src/locales/en-US/common.js
new file mode 100644
index 000000000..100040c45
--- /dev/null
+++ b/frontend/src/locales/en-US/common.js
@@ -0,0 +1,45 @@
+export default {
+  brand: 'MIROFISH',
+  language: 'Language',
+  localeZh: '中文',
+  localeEn: 'English',
+  stepWithTotal: 'Step {current}/{total}',
+  status: {
+    error: 'Error',
+    ready: 'Ready',
+    buildingGraph: 'Building graph',
+    generatingOntology: 'Generating ontology',
+    initializing: 'Initializing',
+    preparing: 'Preparing',
+    completed: 'Completed',
+    processing: 'In progress',
+    running: 'Running',
+    generating: 'Generating'
+  },
+  viewMode: {
+    graph: 'Graph',
+    split: 'Split',
+    workbench: 'Workbench'
+  },
+  workflow: {
+    graphBuild: 'Graph build',
+    envSetup: 'Environment setup',
+    simulation: 'Simulation',
+    report: 'Report',
+    interaction: 'Interaction'
+  },
+  noProject: 'NO_PROJECT',
+  noSimulation: 'NO_SIMULATION',
+  systemDashboard: 'SYSTEM DASHBOARD',
+  unknownFile: 'Unknown file',
+  unknownProfession: 'Unknown role',
+  noBio: 'No bio',
+  none: 'None',
+  male: 'Male',
+  female: 'Female',
+  other: 'Other',
+  rounds: 'rounds',
+  roundsShort: '{current}/{total} rounds',
+  notStarted: 'Not started',
+  unnamedSimulation: 'Untitled simulation'
+}
diff --git a/frontend/src/locales/en-US/graph.js b/frontend/src/locales/en-US/graph.js
new file mode 100644
index 000000000..aa353b2e8
--- /dev/null
+++ b/frontend/src/locales/en-US/graph.js
@@ -0,0 +1,34 @@
+export default {
+  panelTitle: 'Graph relationship view',
+  refresh: 'Refresh',
+  refreshTitle: 'Refresh graph',
+  maximizeTitle: 'Maximize / restore',
+  graphRagUpdating: 'GraphRAG memory updating…',
+  liveUpdating: 'Updating live…',
+  finishedHint: 'Finishing up — refresh the graph shortly',
+  closeHint: 'Dismiss',
+  nodeDetails: 'Node details',
+  relationship: 'Relationship',
+  name: 'Name',
+  uuid: 'UUID',
+  created: 'Created',
+  properties: 'Properties',
+  summary: 'Summary',
+  labels: 'Labels',
+  none: 'None',
+  selfRelations: 'Self relations',
+  selfRelationsCount: 'Self relations ({count})',
+  items: 'items',
+  fact: 'Fact',
+  type: 'Type',
+  episodes: 'Episodes',
+  relatedTo: 'RELATED_TO',
+  unknown: 'Unknown',
+  validFrom: 'Valid from',
+  loading: 'Loading graph…',
+  waitingOntology: 'Waiting for ontology…',
+  entityTypes: 'Entity types',
+  showEdgeLabels: 'Show edge labels',
+  related: 'RELATED',
+  unnamed: 'Unnamed'
+}
diff --git a/frontend/src/locales/en-US/history.js b/frontend/src/locales/en-US/history.js
new file mode 100644
index 000000000..04627de30
--- /dev/null
+++ b/frontend/src/locales/en-US/history.js
@@ -0,0 +1,21 @@
+export default {
+  sectionTitle: 'History',
+  titleGraph: 'Graph build',
+  titleEnv: 'Environment',
+  titleReport: 'Report',
+  moreFiles: '+{n} files',
+  noFiles: 'No files',
+  loading: 'Loading…',
+  simRequirement: 'Simulation requirement',
+  linkedFiles: 'Linked files',
+  noLinkedFiles: 'No linked files',
+  playback: 'Playback',
+  step1: 'Graph build',
+  step2: 'Environment',
+  step4: 'Report',
+  playbackHint:
+    'Step 3 (simulation) and Step 5 (interaction) must be started during a run; no historical playback.',
+  modalStep1: 'Step1',
+  modalStep2: 'Step2',
+  modalStep4: 'Step4'
+}
diff --git a/frontend/src/locales/en-US/home.js b/frontend/src/locales/en-US/home.js
new file mode 100644
index 000000000..6007d93f2
--- /dev/null
+++ b/frontend/src/locales/en-US/home.js
@@ -0,0 +1,42 @@
+export default {
+  githubLink: 'Visit our GitHub',
+  tagline: 'A lean, general-purpose collective intelligence engine',
+  version: '/ v0.1 preview',
+  heroTitle1: 'Upload any report',
+  heroTitle2: 'Simulate what comes next',
+  heroAgents: 'millions of agents',
+  heroOpt: '“local optima”',
+  heroP1:
+    'From a single paragraph, {brand} can grow a parallel world of up to {agents} from that seed. Inject variables from a god’s-eye view and search for {opt} under complex group dynamics.',
+  slogan: 'Rehearse the future in agent swarms; win decisions after a hundred battles',
+  systemStatus: 'System status',
+  readyTitle: 'Ready',
+  readyDesc:
+    'The prediction engine is idle. Upload unstructured data to start a simulation sequence.',
+  metricLowCost: 'Low cost',
+  metricLowCostDesc: 'Typical run ≈ $5 each',
+  metricHighAvail: 'High scale',
+  metricHighAvailDesc: 'Up to millions of agents',
+  workflowSequence: 'Workflow',
+  wf1Title: 'Graph build',
+  wf1Desc: 'Seed extraction, memory injection, GraphRAG',
+  wf2Title: 'Environment setup',
+  wf2Desc: 'Entity/relation extraction, personas, env agents',
+  wf3Title: 'Simulation',
+  wf3Desc: 'Dual-platform run, requirement parsing, temporal memory',
+  wf4Title: 'Report',
+  wf4Desc: 'ReportAgent tools and deep interaction with the world',
+  wf5Title: 'Interaction',
+  wf5Desc: 'Chat with any agent or ReportAgent',
+  consoleSeed: '01 / Seeds',
+  formats: 'Formats: PDF, MD, TXT',
+  dragUpload: 'Drag files here',
+  clickBrowse: 'or click to browse',
+  inputParams: 'Parameters',
+  consolePrompt: '>_ 02 / Simulation prompt',
+  placeholder:
+    '// Describe what to simulate or predict (natural language)',
+  engineBadge: 'Engine: MiroFish-V1.0',
+  startEngine: 'Start engine',
+  initializing: 'Initializing...'
+}
diff --git a/frontend/src/locales/en-US/index.js b/frontend/src/locales/en-US/index.js
new file mode 100644
index 000000000..7a3f00185
--- /dev/null
+++ b/frontend/src/locales/en-US/index.js
@@ -0,0 +1,25 @@
+import common from './common.js'
+import home from './home.js'
+import graph from './graph.js'
+import mainView from './mainView.js'
+import history from './history.js'
+import step1 from './step1.js'
+import step2 from './step2.js'
+import step3 from './step3.js'
+import step4 from './step4.js'
+import step5 from './step5.js'
+import views from './views.js'
+
+export default {
+  common,
+  home,
+  graph,
+  mainView,
+  history,
+  step1,
+  step2,
+  step3,
+  step4,
+  step5,
+  views
+}
diff --git a/frontend/src/locales/en-US/mainView.js b/frontend/src/locales/en-US/mainView.js
new file mode 100644
index 000000000..fcb2ed4d6
--- /dev/null
+++ b/frontend/src/locales/en-US/mainView.js
@@ -0,0 +1,39 @@
+export default {
+  log: {
+    enterStep: 'Enter Step {step}: {name}',
+    backStep: 'Back to Step {step}: {name}',
+    customRounds: 'Custom simulation rounds: {n}',
+    projectInit: 'Project view initialized.',
+    noPendingFiles: 'No pending files found.',
+    noPendingFilesDetail: 'Error: No pending files for new project.',
+    uploadingOntology: 'Starting ontology generation: uploading…',
+    ontologyProgress: 'Uploading and analyzing docs…',
+    ontologyFailed: 'Ontology generation failed',
+    ontologyGenError: 'Ontology error:',
+    projectLoad: 'Loading project {id}…',
+    projectLoaded: 'Project loaded. Status: {status}',
+    loadProjectError: 'Failed to load project:',
+    loadProjectException: 'Exception loading project:',
+    projectFailed: 'Project failed',
+    startingBuild: 'Starting graph build…',
+    buildStarting: 'Starting build…',
+    buildTaskStarted: 'Graph build started. Task ID: {id}',
+    buildStartError: 'Failed to start build:',
+    buildException: 'Build exception:',
+    pollingGraph: 'Polling for graph data…',
+    graphRefreshed: 'Graph refreshed. Nodes: {nodes}, edges: {edges}',
+    taskProgress: '{msg}',
+    buildCompleted: 'Graph build completed.',
+    buildFailed: 'Graph build failed: {error}',
+    loadingGraph: 'Loading full graph: {id}',
+    graphLoadedOk: 'Graph data loaded.',
+    graphLoadFailed: 'Failed to load graph: {error}',
+    graphLoadException: 'Exception loading graph:',
+    manualRefresh: 'Manual graph refresh triggered.',
+    graphPollingStopped: 'Graph polling stopped.'
+  },
+  error: {
+    noPendingFiles: 'No pending files found.',
+    ontologyFailed: 'Ontology generation failed'
+  }
+}
diff --git a/frontend/src/locales/en-US/step1.js b/frontend/src/locales/en-US/step1.js
new file mode 100644
index 000000000..5d93fa1e3
--- /dev/null
+++ b/frontend/src/locales/en-US/step1.js
@@ -0,0 +1,27 @@
+export default {
+  step01Title: 'Ontology',
+  step02Title: 'GraphRAG build',
+  step03Title: 'Build complete',
+  badgeDone: 'Done',
+  badgeGen: 'Generating',
+  badgeWait: 'Waiting',
+  badgeInProgress: 'In progress',
+  descOntology:
+    'The LLM analyzes documents and requirements, extracts seeds, and builds an ontology.',
+  descBuild:
+    'Chunks are embedded in Zep to build the graph, entities, relations, and temporal memory.',
+  descComplete: 'Graph is ready — continue to environment setup.',
+  analyzing: 'Analyzing documents…',
+  enterEnv: 'Go to environment setup',
+  creating: 'Creating…',
+  statNodes: 'Nodes',
+  statEdges: 'Edges',
+  statSchema: 'Schema types',
+  genEntityTypes: 'GENERATED ENTITY TYPES',
+  genRelationTypes: 'GENERATED RELATION TYPES',
+  createSimFailed: 'Failed to create simulation',
+  createSimError: 'Simulation error',
+  unknownError: 'Unknown error',
+  createSimFailedMsg: 'Failed to create simulation: {msg}',
+  createSimErrMsg: 'Simulation error: {msg}'
+}
diff --git a/frontend/src/locales/en-US/step2.js b/frontend/src/locales/en-US/step2.js
new file mode 100644
index 000000000..846353d97
--- /dev/null
+++ b/frontend/src/locales/en-US/step2.js
@@ -0,0 +1,94 @@
+export default {
+  s01Title: 'Simulation instance',
+  s02Title: 'Agent personas',
+  s03Title: 'Dual-platform config',
+  s04Title: 'Initial orchestration',
+  s05Title: 'Ready',
+  badgeDone: 'Done',
+  badgeInit: 'Initializing',
+  badgeGen: 'Generating',
+  badgeOrch: 'Orchestrating',
+  badgeWait: 'Waiting',
+  badgeInProgress: 'In progress',
+  descS01: 'Create a simulation instance and load world templates.',
+  descS02:
+    'Tools pull entities and relations from the graph, initialize agents, and seed behavior from your documents.',
+  descS03:
+    'The LLM sets time flow, feeds, activity windows, post rates, and triggers from your requirements.',
+  descS04: 'Generate seed events and hot topics from the narrative direction.',
+  descS05: 'Environment is ready to run the simulation.',
+  labelProjectId: 'Project ID',
+  labelGraphId: 'Graph ID',
+  labelSimulationId: 'Simulation ID',
+  labelTaskId: 'Task ID',
+  taskAsyncDone: 'Async task finished',
+  statAgents: 'Agents (current)',
+  statExpectedAgents: 'Expected agents',
+  statTopics: 'Topics linked to seed',
+  profilesPreview: 'Generated personas',
+  configDuration: 'Sim duration',
+  configPerRound: 'Minutes / round',
+  configTotalRounds: 'Total rounds',
+  configAgentsPerHour: 'Agents / hour',
+  hours: 'h',
+  minutes: 'min',
+  roundsUnit: 'rounds',
+  peakHours: 'Peak',
+  workHours: 'Work',
+  morningHours: 'Morning',
+  offPeakHours: 'Off-peak',
+  agentConfig: 'Agent config',
+  agentConfigCount: '{n} agents',
+  activeHours: 'Active hours',
+  postsPerHour: 'Posts/h',
+  commentsPerHour: 'Comments/h',
+  responseDelay: 'Response delay',
+  activity: 'Activity',
+  sentiment: 'Sentiment',
+  influence: 'Influence',
+  recAlgo: 'Feed ranking',
+  platform1: 'Platform 1: feed',
+  platform2: 'Platform 2: topics',
+  weightRecency: 'Recency',
+  weightPopularity: 'Popularity',
+  weightRelevance: 'Relevance',
+  viralThreshold: 'Viral threshold',
+  echoChamber: 'Echo chamber',
+  llmReasoning: 'LLM reasoning',
+  narrativeGuide: 'Narrative direction',
+  hotTopics: 'Hot topics',
+  initialPosts: 'Initial posts ({n})',
+  roundsTitle: 'Simulation rounds',
+  roundsDesc:
+    'MiroFish plans {hours} h of simulated time; each round is {minutes} min of real time.',
+  roundsDescLine1: 'MiroFish plans ',
+  roundsDescLine2: ' h simulated; each round is ',
+  roundsDescLine3: ' min of real time.',
+  custom: 'Custom',
+  estTimeHint: '~{minutes} min est. at 100 agents',
+  estTimeHintAuto: '~{minutes} min at 100 agents',
+  recommend40: '40 (recommended)',
+  tipFirstRun:
+    'For a first run, switch to custom mode with fewer rounds for a quick preview and fewer errors.',
+  backToGraph: 'Back to graph build',
+  startDualSim: 'Start dual-world simulation',
+  modalAge: 'Apparent age',
+  yearsOld: 'yrs',
+  modalGender: 'Apparent gender',
+  modalCountry: 'Country/region',
+  modalMbti: 'MBTI',
+  personaBio: 'Bio',
+  seedTopics: 'Seed topics',
+  personaDetail: 'Persona detail',
+  dim1Title: 'Event trajectory',
+  dim1Desc: 'Full behavior in this event',
+  dim2Title: 'Behavioral profile',
+  dim2Desc: 'Style and habits',
+  dim3Title: 'Memory imprint',
+  dim3Desc: 'Memories from the seed',
+  dim4Title: 'Social graph',
+  dim4Desc: 'Links and interactions',
+  agentLabel: 'Agent {id}',
+  postRole: 'Role',
+  narrativeLabel: 'Narrative direction'
+}
diff --git a/frontend/src/locales/en-US/step3.js b/frontend/src/locales/en-US/step3.js
new file mode 100644
index 000000000..8caed06b8
--- /dev/null
+++ b/frontend/src/locales/en-US/step3.js
@@ -0,0 +1,29 @@
+export default {
+  platformTwitter: 'Info plaza',
+  platformReddit: 'Topic community',
+  statRound: 'ROUND',
+  statElapsed: 'Elapsed',
+  statActs: 'ACTS',
+  availableActions: 'Available actions',
+  genReport: 'Generate report',
+  starting: 'Starting…',
+  totalEvents: 'TOTAL EVENTS',
+  logInit: 'Step 3 simulation init',
+  logNoSim: 'Error: missing simulationId',
+  logStart: 'Starting dual-platform simulation…',
+  logMaxRounds: 'Max rounds: {n}',
+  logGraphMem: 'Graph memory updates enabled',
+  logCleared: 'Cleared previous logs; restarting',
+  logEngineOk: 'Simulation engine started',
+  logStartFail: 'Start failed',
+  logStop: 'Stopping simulation…',
+  logStopped: 'Simulation stopped',
+  logStopFail: 'Stop failed',
+  logAllDone: 'All platforms finished',
+  logSimDone: 'Simulation complete',
+  logReportSent: 'Report generation requested…',
+  logReportStart: 'Starting report generation…',
+  logReportTask: 'Report task started: {id}',
+  logReportFail: 'Report generation failed',
+  logReportErr: 'Report generation error'
+}
diff --git a/frontend/src/locales/en-US/step4.js b/frontend/src/locales/en-US/step4.js
new file mode 100644
index 000000000..d2970d5bd
--- /dev/null
+++ b/frontend/src/locales/en-US/step4.js
@@ -0,0 +1,43 @@
+export default {
+  predictionReport: 'Prediction report',
+  waitingAgent: 'Waiting for Report Agent…',
+  generatingSection: 'Generating {title}…',
+  sections: 'Sections',
+  elapsed: 'Elapsed',
+  tools: 'Tools',
+  goInteraction: 'Go to interaction',
+  simulation: 'Simulation',
+  requirement: 'Requirement',
+  reportComplete: 'Report complete',
+  waitingActivity: 'Waiting for agent activity…',
+  consoleOutput: 'Console output',
+  workflowWait: 'Waiting',
+  planningOutline: 'Planning / outline',
+  complete: 'Complete',
+  inProgress: 'In progress',
+  metaInProgress: 'IN PROGRESS',
+  metaFinalizing: 'FINALIZING',
+  finalizing: 'Finalizing',
+  scenarioLabel: 'Scenario:',
+  memoryFacts: 'Latest facts in temporal memory',
+  coreEntities: 'Core entities',
+  relationChain: 'Relation chains',
+  driftSubq: 'Drift sub-queries',
+  emptyFacts: 'No facts yet',
+  emptyEntities: 'No entities yet',
+  emptyRelations: 'No relations yet',
+  validMemory: 'Active memory',
+  emptyValidMemory: 'No active memory',
+  historyMemory: 'History',
+  emptyHistory: 'No history',
+  involvedEntities: 'Involved entities',
+  emptyInvolved: 'No entities',
+  pickReason: 'Why this choice',
+  world1: 'World 1',
+  world2: 'World 2',
+  search: 'Search:',
+  searchResults: 'Results',
+  noResults: 'No results',
+  relatedRelations: 'Related relations',
+  relatedNodes: 'Related nodes'
+}
diff --git a/frontend/src/locales/en-US/step5.js b/frontend/src/locales/en-US/step5.js
new file mode 100644
index 000000000..aa607175f
--- /dev/null
+++ b/frontend/src/locales/en-US/step5.js
@@ -0,0 +1,41 @@
+export default {
+  interactiveTools: 'Interactive tools',
+  agentsAvailable: '{n} agents available',
+  chatReportAgent: 'Chat with Report Agent',
+  pickChatTarget: 'Choose who to chat with',
+  chatWithAnyone: 'Chat with any agent in the world',
+  chatReportHint: 'Ask Report Agent about the report',
+  chatAgentHint: 'Ask agents in the simulation',
+  placeholderAsk: 'Type your question…',
+  surveyTitle: 'Send a survey to the world',
+  reportAgentCard: 'Report Agent — chat',
+  reportAgentSub:
+    'Lightweight report agent with four tools and full MiroFish memory',
+  toolInsight: 'InsightForge',
+  toolInsightDesc: 'Deep attribution with global/local memory',
+  toolPanorama: 'PanoramaSearch',
+  toolPanoramaDesc: 'Graph-wide tracing of propagation paths',
+  toolQuick: 'QuickSearch',
+  toolQuickDesc: 'Fast GraphRAG lookup for facts',
+  toolInterview: 'InterviewSubAgent',
+  toolInterviewDesc: 'Multi-turn interviews with agents',
+  bio: 'Bio',
+  selectSurveyTargets: 'Survey targets',
+  selectAll: 'Select all',
+  clear: 'Clear',
+  surveyQuestions: 'Questions',
+  placeholderSurvey: 'Question for all selected agents…',
+  sendSurvey: 'Send survey',
+  sending: 'Sending…',
+  surveyResults: 'Results',
+  noResponse: 'No response',
+  requestFailed: 'Request failed',
+  pickAgentFirst: 'Select an agent first',
+  userLabel: 'You',
+  assistantLabel: 'Assistant',
+  noResponseData: 'No response data',
+  reportLoaded: 'Report loaded',
+  selectionCount: '{selected} / {total} selected',
+  resultsCount: '{n} replies',
+  sendingSurvey: 'Sending…'
+}
diff --git a/frontend/src/locales/en-US/views.js b/frontend/src/locales/en-US/views.js
new file mode 100644
index 000000000..f815e03de
--- /dev/null
+++ b/frontend/src/locales/en-US/views.js
@@ -0,0 +1,67 @@
+export default {
+  simulation: {
+    enterStep3: 'Enter Step 3: simulation',
+    customRounds: 'Custom rounds: {n}',
+    autoRounds: 'Using auto-configured rounds',
+    envRunning: 'Environment running — closing…',
+    closingEnv: 'Closing environment…',
+    envClosed: '✓ Environment closed',
+    closeEnvFailed: 'Failed to close environment: {error}',
+    closeEnvErr: 'Close error: {msg}',
+    simRunning: 'Simulation running — stopping…',
+    forceStopped: '✓ Force-stopped',
+    forceStopFailed: 'Force stop failed: {error}',
+    forceStopErr: 'Force stop error: {msg}',
+    loadSim: 'Loading simulation: {id}',
+    projectOk: 'Project loaded: {id}',
+    loadSimFail: 'Failed to load simulation: {error}',
+    loadErr: 'Load error: {msg}',
+    graphOk: 'Graph loaded',
+    graphFail: 'Graph load failed: {msg}',
+    init: 'SimulationView init',
+    checkStateFail: 'Status check failed: {msg}'
+  },
+  simulationRun: {
+    backStep2: 'Returning to Step 2 — stopping…',
+    closingEnv: 'Closing environment…',
+    envClosed: 'Environment closed',
+    closeFailForce: 'Close failed — forcing stop…',
+    forceOk: 'Force-stopped',
+    forceFail: 'Force stop failed: {msg}',
+    stopping: 'Stopping process…',
+    stopped: 'Stopped',
+    stopFail: 'Stop failed: {msg}',
+    checkFail: 'Status check failed: {msg}',
+    enterStep4: 'Enter Step 4: report',
+    loadSim: 'Loading simulation: {id}',
+    timeConfig: 'Time config: {m} min/round',
+    timeConfigFallback: 'Time config failed — default {m} min/round',
+    projectOk: 'Project loaded: {id}',
+    loadSimFail: 'Failed to load simulation: {error}',
+    loadErr: 'Load error: {msg}',
+    graphOk: 'Graph loaded',
+    graphFail: 'Graph load failed: {msg}',
+    refreshOn: 'Graph auto-refresh on (30s)',
+    refreshOff: 'Graph auto-refresh off',
+    init: 'SimulationRunView init',
+    customRoundsFromQuery: 'Custom rounds: {n}'
+  },
+  report: {
+    loadReport: 'Loading report: {id}',
+    projectOk: 'Project loaded: {id}',
+    reportFail: 'Failed to load report: {error}',
+    loadErr: 'Load error: {msg}',
+    graphOk: 'Graph loaded',
+    graphFail: 'Graph load failed: {msg}',
+    init: 'ReportView init'
+  },
+  interaction: {
+    loadReport: 'Loading report: {id}',
+    projectOk: 'Project loaded: {id}',
+    reportFail: 'Failed to load report: {error}',
+    loadErr: 'Load error: {msg}',
+    graphOk: 'Graph loaded',
+    graphFail: 'Graph load failed: {msg}',
+    init: 'InteractionView init'
+  }
+}
diff --git a/frontend/src/locales/zh-CN/common.js b/frontend/src/locales/zh-CN/common.js
new file mode 100644
index 000000000..e1ecf463a
--- /dev/null
+++ b/frontend/src/locales/zh-CN/common.js
@@ -0,0 +1,45 @@
+export default {
+  brand: 'MIROFISH',
+  language: '语言',
+  localeZh: '中文',
+  localeEn: 'English',
+  stepWithTotal: 'Step {current}/{total}',
+  status: {
+    error: '错误',
+    ready: '就绪',
+    buildingGraph: '构建图谱中',
+    generatingOntology: '生成本体中',
+    initializing: '初始化中',
+    preparing: '准备中',
+    completed: '已完成',
+    processing: '进行中',
+    running: '运行中',
+    generating: '生成中'
+  },
+  viewMode: {
+    graph: '图谱',
+    split: '双栏',
+    workbench: '工作台'
+  },
+  workflow: {
+    graphBuild: '图谱构建',
+    envSetup: '环境搭建',
+    simulation: '开始模拟',
+    report: '报告生成',
+    interaction: '深度互动'
+  },
+  noProject: 'NO_PROJECT',
+  noSimulation: 'NO_SIMULATION',
+  systemDashboard: 'SYSTEM DASHBOARD',
+  unknownFile: '未知文件',
+  unknownProfession: '未知职业',
+  noBio: '暂无简介',
+  none: '无',
+  male: '男',
+  female: '女',
+  other: '其他',
+  rounds: '轮',
+  roundsShort: '{current}/{total} 轮',
+  notStarted: '未开始',
+  unnamedSimulation: '未命名模拟'
+}
diff --git a/frontend/src/locales/zh-CN/graph.js b/frontend/src/locales/zh-CN/graph.js
new file mode 100644
index 000000000..348e45b36
--- /dev/null
+++ b/frontend/src/locales/zh-CN/graph.js
@@ -0,0 +1,34 @@
+export default {
+  panelTitle: '关系图谱可视化',
+  refresh: '刷新',
+  refreshTitle: '刷新图谱',
+  maximizeTitle: '最大化 / 还原',
+  graphRagUpdating: 'GraphRAG 长短期记忆实时更新中',
+  liveUpdating: '实时更新中…',
+  finishedHint: '还有少量内容处理中，建议稍后手动刷新图谱',
+  closeHint: '关闭提示',
+  nodeDetails: '节点详情',
+  relationship: '关系',
+  name: '名称',
+  uuid: 'UUID',
+  created: '创建时间',
+  properties: '属性',
+  summary: '摘要',
+  labels: '标签',
+  none: '无',
+  selfRelations: '自环关系',
+  selfRelationsCount: '自环关系 ({count})',
+  items: '条',
+  fact: '事实',
+  type: '类型',
+  episodes: '片段',
+  relatedTo: 'RELATED_TO',
+  unknown: '未知',
+  validFrom: '生效自',
+  loading: '图谱数据加载中…',
+  waitingOntology: '等待本体生成…',
+  entityTypes: '实体类型',
+  showEdgeLabels: '显示边标签',
+  related: 'RELATED',
+  unnamed: '未命名'
+}
diff --git a/frontend/src/locales/zh-CN/history.js b/frontend/src/locales/zh-CN/history.js
new file mode 100644
index 000000000..0120165a5
--- /dev/null
+++ b/frontend/src/locales/zh-CN/history.js
@@ -0,0 +1,20 @@
+export default {
+  sectionTitle: '推演记录',
+  titleGraph: '图谱构建',
+  titleEnv: '环境搭建',
+  titleReport: '分析报告',
+  moreFiles: '+{n} 个文件',
+  noFiles: '暂无文件',
+  loading: '加载中…',
+  simRequirement: '模拟需求',
+  linkedFiles: '关联文件',
+  noLinkedFiles: '暂无关联文件',
+  playback: '推演回放',
+  step1: '图谱构建',
+  step2: '环境搭建',
+  step4: '分析报告',
+  playbackHint: 'Step3「开始模拟」与 Step5「深度互动」需在运行中启动，不支持历史回放',
+  modalStep1: 'Step1',
+  modalStep2: 'Step2',
+  modalStep4: 'Step4'
+}
diff --git a/frontend/src/locales/zh-CN/home.js b/frontend/src/locales/zh-CN/home.js
new file mode 100644
index 000000000..efd546ad2
--- /dev/null
+++ b/frontend/src/locales/zh-CN/home.js
@@ -0,0 +1,41 @@
+export default {
+  githubLink: '访问我们的 Github 主页',
+  tagline: '简洁通用的群体智能引擎',
+  version: '/ v0.1-预览版',
+  heroTitle1: '上传任意报告',
+  heroTitle2: '即刻推演未来',
+  heroAgents: '百万级 Agent',
+  heroOpt: '“局部最优解”',
+  heroP1:
+    '即使只有一段文字，{brand}也能基于其中的现实种子，全自动生成与之对应的至多{agents}构成的平行世界。通过上帝视角注入变量，在复杂的群体交互中寻找动态环境下的{opt}',
+  slogan: '让未来在 Agent 群中预演，让决策在百战后胜出',
+  systemStatus: '系统状态',
+  readyTitle: '准备就绪',
+  readyDesc: '预测引擎待命中，可上传多份非结构化数据以初始化模拟序列',
+  metricLowCost: '低成本',
+  metricLowCostDesc: '常规模拟平均 5$/次',
+  metricHighAvail: '高可用',
+  metricHighAvailDesc: '最多百万级 Agent 模拟',
+  workflowSequence: '工作流序列',
+  wf1Title: '图谱构建',
+  wf1Desc: '现实种子提取 & 个体与群体记忆注入 & GraphRAG 构建',
+  wf2Title: '环境搭建',
+  wf2Desc: '实体关系抽取 & 人设生成 & 环境配置 Agent 注入仿真参数',
+  wf3Title: '开始模拟',
+  wf3Desc: '双平台并行模拟 & 自动解析预测需求 & 动态更新时序记忆',
+  wf4Title: '报告生成',
+  wf4Desc: 'ReportAgent 拥有丰富的工具集与模拟后环境进行深度交互',
+  wf5Title: '深度互动',
+  wf5Desc: '与模拟世界中的任意一位进行对话 & 与 ReportAgent 进行对话',
+  consoleSeed: '01 / 现实种子',
+  formats: '支持格式: PDF, MD, TXT',
+  dragUpload: '拖拽文件上传',
+  clickBrowse: '或点击浏览文件系统',
+  inputParams: '输入参数',
+  consolePrompt: '>_ 02 / 模拟提示词',
+  placeholder:
+    '// 用自然语言输入模拟或预测需求（例：武大若发布撤销肖某处分的公告，会引发什么舆情走向）',
+  engineBadge: '引擎: MiroFish-V1.0',
+  startEngine: '启动引擎',
+  initializing: '初始化中...'
+}
diff --git a/frontend/src/locales/zh-CN/index.js b/frontend/src/locales/zh-CN/index.js
new file mode 100644
index 000000000..7a3f00185
--- /dev/null
+++ b/frontend/src/locales/zh-CN/index.js
@@ -0,0 +1,25 @@
+import common from './common.js'
+import home from './home.js'
+import graph from './graph.js'
+import mainView from './mainView.js'
+import history from './history.js'
+import step1 from './step1.js'
+import step2 from './step2.js'
+import step3 from './step3.js'
+import step4 from './step4.js'
+import step5 from './step5.js'
+import views from './views.js'
+
+export default {
+  common,
+  home,
+  graph,
+  mainView,
+  history,
+  step1,
+  step2,
+  step3,
+  step4,
+  step5,
+  views
+}
diff --git a/frontend/src/locales/zh-CN/mainView.js b/frontend/src/locales/zh-CN/mainView.js
new file mode 100644
index 000000000..112f6f6b7
--- /dev/null
+++ b/frontend/src/locales/zh-CN/mainView.js
@@ -0,0 +1,39 @@
+export default {
+  log: {
+    enterStep: '进入 Step {step}: {name}',
+    backStep: '返回 Step {step}: {name}',
+    customRounds: '自定义模拟轮数: {n} 轮',
+    projectInit: '项目视图已初始化。',
+    noPendingFiles: '未找到待上传文件。',
+    noPendingFilesDetail: '错误：新建项目未找到待上传文件。',
+    uploadingOntology: '开始生成本体：上传文件中…',
+    ontologyProgress: '正在上传并分析文档…',
+    ontologyFailed: '本体生成失败',
+    ontologyGenError: '生成本体出错:',
+    projectLoad: '正在加载项目 {id}…',
+    projectLoaded: '项目已加载。状态: {status}',
+    loadProjectError: '加载项目失败:',
+    loadProjectException: '加载项目异常:',
+    projectFailed: '项目失败',
+    startingBuild: '开始构建图谱…',
+    buildStarting: '构建启动中…',
+    buildTaskStarted: '图谱构建任务已启动。任务 ID: {id}',
+    buildStartError: '启动构建失败:',
+    buildException: '构建异常:',
+    pollingGraph: '已开始轮询图谱数据…',
+    graphRefreshed: '图谱数据已刷新。节点: {nodes}，边: {edges}',
+    taskProgress: '{msg}',
+    buildCompleted: '图谱构建任务已完成。',
+    buildFailed: '图谱构建任务失败: {error}',
+    loadingGraph: '正在加载完整图谱数据: {id}',
+    graphLoadedOk: '图谱数据加载成功。',
+    graphLoadFailed: '加载图谱数据失败: {error}',
+    graphLoadException: '加载图谱异常:',
+    manualRefresh: '已手动触发图谱刷新。',
+    graphPollingStopped: '图谱轮询已停止。'
+  },
+  error: {
+    noPendingFiles: '未找到待上传文件。',
+    ontologyFailed: '本体生成失败'
+  }
+}
diff --git a/frontend/src/locales/zh-CN/step1.js b/frontend/src/locales/zh-CN/step1.js
new file mode 100644
index 000000000..d95e019fa
--- /dev/null
+++ b/frontend/src/locales/zh-CN/step1.js
@@ -0,0 +1,26 @@
+export default {
+  step01Title: '本体生成',
+  step02Title: 'GraphRAG 构建',
+  step03Title: '构建完成',
+  badgeDone: '已完成',
+  badgeGen: '生成中',
+  badgeWait: '等待',
+  badgeInProgress: '进行中',
+  descOntology: 'LLM 分析文档内容与模拟需求，提取出现实种子，自动生成合适的本体结构',
+  descBuild:
+    '基于生成的本体，将文档自动分块后调用 Zep 构建知识图谱，提取实体和关系，并形成时序记忆与社区摘要',
+  descComplete: '图谱构建已完成，请进入下一步进行模拟环境搭建',
+  analyzing: '正在分析文档…',
+  enterEnv: '进入环境搭建',
+  creating: '创建中…',
+  statNodes: '实体节点',
+  statEdges: '关系边',
+  statSchema: 'SCHEMA 类型',
+  genEntityTypes: 'GENERATED ENTITY TYPES',
+  genRelationTypes: 'GENERATED RELATION TYPES',
+  createSimFailed: '创建模拟失败',
+  createSimError: '创建模拟异常',
+  unknownError: '未知错误',
+  createSimFailedMsg: '创建模拟失败: {msg}',
+  createSimErrMsg: '创建模拟异常: {msg}'
+}
diff --git a/frontend/src/locales/zh-CN/step2.js b/frontend/src/locales/zh-CN/step2.js
new file mode 100644
index 000000000..3927ca202
--- /dev/null
+++ b/frontend/src/locales/zh-CN/step2.js
@@ -0,0 +1,94 @@
+export default {
+  s01Title: '模拟实例初始化',
+  s02Title: '生成 Agent 人设',
+  s03Title: '生成双平台模拟配置',
+  s04Title: '初始激活编排',
+  s05Title: '准备完成',
+  badgeDone: '已完成',
+  badgeInit: '初始化',
+  badgeGen: '生成中',
+  badgeOrch: '编排中',
+  badgeWait: '等待',
+  badgeInProgress: '进行中',
+  descS01: '新建 simulation 实例，拉取模拟世界参数模版',
+  descS02:
+    '结合上下文，自动调用工具从知识图谱梳理实体与关系，初始化模拟个体，并基于现实种子赋予他们独特的行为与记忆',
+  descS03:
+    'LLM 根据模拟需求与现实种子，智能设置世界时间流速、推荐算法、每个个体的活跃时间段、发言频率、事件触发等参数',
+  descS04: '基于叙事方向，自动生成初始激活事件与热点话题，引导模拟世界的初始状态',
+  descS05: '模拟环境已准备完成，可以开始运行模拟',
+  labelProjectId: 'Project ID',
+  labelGraphId: 'Graph ID',
+  labelSimulationId: 'Simulation ID',
+  labelTaskId: 'Task ID',
+  taskAsyncDone: '异步任务已完成',
+  statAgents: '当前 Agent 数',
+  statExpectedAgents: '预期 Agent 总数',
+  statTopics: '现实种子当前关联话题数',
+  profilesPreview: '已生成的 Agent 人设',
+  configDuration: '模拟时长',
+  configPerRound: '每轮时长',
+  configTotalRounds: '总轮次',
+  configAgentsPerHour: '每小时活跃',
+  hours: '小时',
+  minutes: '分钟',
+  roundsUnit: '轮',
+  peakHours: '高峰时段',
+  workHours: '工作时段',
+  morningHours: '早间时段',
+  offPeakHours: '低谷时段',
+  agentConfig: 'Agent 配置',
+  agentConfigCount: '{n} 个',
+  activeHours: '活跃时段',
+  postsPerHour: '发帖/时',
+  commentsPerHour: '评论/时',
+  responseDelay: '响应延迟',
+  activity: '活跃度',
+  sentiment: '情感倾向',
+  influence: '影响力',
+  recAlgo: '推荐算法配置',
+  platform1: '平台 1：广场 / 信息流',
+  platform2: '平台 2：话题 / 社区',
+  weightRecency: '时效权重',
+  weightPopularity: '热度权重',
+  weightRelevance: '相关性权重',
+  viralThreshold: '病毒阈值',
+  echoChamber: '回音室强度',
+  llmReasoning: 'LLM 配置推理',
+  narrativeGuide: '叙事引导方向',
+  hotTopics: '初始热点话题',
+  initialPosts: '初始激活序列 ({n})',
+  roundsTitle: '模拟轮数设定',
+  roundsDesc:
+    'MiroFish 自动规划推演现实 {hours} 小时，每轮代表现实 {minutes} 分钟时间流逝',
+  roundsDescLine1: 'MiroFish 自动规划推演现实 ',
+  roundsDescLine2: ' 小时，每轮代表现实 ',
+  roundsDescLine3: ' 分钟时间流逝',
+  custom: '自定义',
+  estTimeHint: '若 Agent 规模为 100：预计耗时约 {minutes} 分钟',
+  estTimeHintAuto: '若 Agent 规模为 100：预计耗时 {minutes} 分钟',
+  recommend40: '40 (推荐)',
+  tipFirstRun:
+    '若首次运行，强烈建议切换至「自定义模式」减少模拟轮数，以便快速预览效果并降低报错风险',
+  backToGraph: '返回图谱构建',
+  startDualSim: '开始双世界并行模拟',
+  modalAge: '事件外显年龄',
+  yearsOld: '岁',
+  modalGender: '事件外显性别',
+  modalCountry: '国家/地区',
+  modalMbti: '事件外显 MBTI',
+  personaBio: '人设简介',
+  seedTopics: '现实种子关联话题',
+  personaDetail: '详细人设背景',
+  dim1Title: '事件全景经历',
+  dim1Desc: '在此事件中的完整行为轨迹',
+  dim2Title: '行为模式侧写',
+  dim2Desc: '经验总结与行事风格偏好',
+  dim3Title: '独特记忆印记',
+  dim3Desc: '基于现实种子形成的记忆',
+  dim4Title: '社会关系网络',
+  dim4Desc: '个体链接与交互图谱',
+  agentLabel: 'Agent {id}',
+  postRole: '角色',
+  narrativeLabel: '叙事引导方向'
+}
diff --git a/frontend/src/locales/zh-CN/step3.js b/frontend/src/locales/zh-CN/step3.js
new file mode 100644
index 000000000..921a5177c
--- /dev/null
+++ b/frontend/src/locales/zh-CN/step3.js
@@ -0,0 +1,29 @@
+export default {
+  platformTwitter: '信息流广场',
+  platformReddit: '话题社区',
+  statRound: 'ROUND',
+  statElapsed: '已用时间',
+  statActs: '动作',
+  availableActions: '可用动作',
+  genReport: '开始生成结果报告',
+  starting: '启动中…',
+  totalEvents: '总事件数',
+  logInit: 'Step3 模拟运行初始化',
+  logNoSim: '错误：缺少 simulationId',
+  logStart: '正在启动双平台并行模拟…',
+  logMaxRounds: '设置最大模拟轮数: {n}',
+  logGraphMem: '已开启动态图谱更新模式',
+  logCleared: '已清理旧的模拟日志，重新开始模拟',
+  logEngineOk: '模拟引擎启动成功',
+  logStartFail: '启动失败',
+  logStop: '正在停止模拟…',
+  logStopped: '模拟已停止',
+  logStopFail: '停止失败',
+  logAllDone: '检测到所有平台模拟已结束',
+  logSimDone: '模拟已完成',
+  logReportSent: '报告生成请求已发送，请稍候…',
+  logReportStart: '正在启动报告生成…',
+  logReportTask: '报告生成任务已启动: {id}',
+  logReportFail: '启动报告生成失败',
+  logReportErr: '启动报告生成异常'
+}
diff --git a/frontend/src/locales/zh-CN/step4.js b/frontend/src/locales/zh-CN/step4.js
new file mode 100644
index 000000000..944ce9d06
--- /dev/null
+++ b/frontend/src/locales/zh-CN/step4.js
@@ -0,0 +1,43 @@
+export default {
+  predictionReport: '预测报告',
+  waitingAgent: '等待 Report Agent…',
+  generatingSection: '正在生成 {title}…',
+  sections: '章节',
+  elapsed: '耗时',
+  tools: '工具',
+  goInteraction: '进入深度互动',
+  simulation: '模拟',
+  requirement: '需求',
+  reportComplete: '报告生成完成',
+  waitingActivity: '等待 Agent 活动…',
+  consoleOutput: '控制台输出',
+  workflowWait: '等待开始',
+  planningOutline: '规划 / 大纲',
+  complete: '完成',
+  inProgress: '进行中',
+  metaInProgress: 'IN PROGRESS',
+  metaFinalizing: 'FINALIZING',
+  finalizing: '收尾',
+  scenarioLabel: '预测场景:',
+  memoryFacts: '时序记忆中所关联的最新关键事实',
+  coreEntities: '核心实体',
+  relationChain: '关系链',
+  driftSubq: '漂移查询生成分析子问题',
+  emptyFacts: '暂无当前关键记忆',
+  emptyEntities: '暂无核心实体',
+  emptyRelations: '暂无关系链',
+  validMemory: '当前有效记忆',
+  emptyValidMemory: '暂无当前有效记忆',
+  historyMemory: '历史记忆',
+  emptyHistory: '暂无历史记忆',
+  involvedEntities: '涉及实体',
+  emptyInvolved: '暂无涉及实体',
+  pickReason: '选择理由',
+  world1: '世界 1',
+  world2: '世界 2',
+  search: '搜索:',
+  searchResults: '搜索结果',
+  noResults: '未找到相关结果',
+  relatedRelations: '相关关系',
+  relatedNodes: '相关节点'
+}
diff --git a/frontend/src/locales/zh-CN/step5.js b/frontend/src/locales/zh-CN/step5.js
new file mode 100644
index 000000000..d047aed3a
--- /dev/null
+++ b/frontend/src/locales/zh-CN/step5.js
@@ -0,0 +1,42 @@
+export default {
+  interactiveTools: '交互工具',
+  agentsAvailable: '{n} 个 Agent 可用',
+  chatReportAgent: '与 Report Agent 对话',
+  pickChatTarget: '选择对话对象',
+  chatWithAnyone: '与世界中任意个体对话',
+  chatReportHint: '与 Report Agent 对话，深入了解报告内容',
+  chatAgentHint: '与模拟个体对话，了解他们的观点',
+  placeholderAsk: '输入您的问题…',
+  surveyTitle: '发送问卷调查到世界中',
+  reportAgentCard: 'Report Agent - 对话',
+  reportAgentSub:
+    '报告生成智能体的快速对话版本，可调用 4 种专业工具，拥有 MiroFish 的完整记忆',
+  toolInsight: 'InsightForge 深度归因',
+  toolInsightDesc:
+    '对齐现实世界种子数据与模拟环境状态，结合 Global/Local Memory，提供跨时空的深度归因分析',
+  toolPanorama: 'PanoramaSearch 全景追踪',
+  toolPanoramaDesc: '基于图结构的广度遍历，重构事件传播路径与信息拓扑',
+  toolQuick: 'QuickSearch 快速检索',
+  toolQuickDesc: '基于 GraphRAG 的快速查询，提取节点属性与离散事实',
+  toolInterview: 'InterviewSubAgent 虚拟访谈',
+  toolInterviewDesc: '与模拟个体多轮对话，采集观点与心理状态',
+  bio: '简介',
+  selectSurveyTargets: '选择调查对象',
+  selectAll: '全选',
+  clear: '清空',
+  surveyQuestions: '问卷问题',
+  placeholderSurvey: '输入您想问所有被选中对象的问题…',
+  sendSurvey: '发送问卷',
+  sending: '发送中…',
+  surveyResults: '调查结果',
+  noResponse: '无响应',
+  requestFailed: '请求失败',
+  pickAgentFirst: '请先选择一个模拟个体',
+  userLabel: '提问者',
+  assistantLabel: '助手',
+  noResponseData: '无响应数据',
+  reportLoaded: '报告数据加载完成',
+  selectionCount: '已选 {selected} / {total}',
+  resultsCount: '{n} 条回复',
+  sendingSurvey: '发送中…'
+}
diff --git a/frontend/src/locales/zh-CN/views.js b/frontend/src/locales/zh-CN/views.js
new file mode 100644
index 000000000..35ec2eece
--- /dev/null
+++ b/frontend/src/locales/zh-CN/views.js
@@ -0,0 +1,67 @@
+export default {
+  simulation: {
+    enterStep3: '进入 Step 3: 开始模拟',
+    customRounds: '自定义模拟轮数: {n}',
+    autoRounds: '使用自动配置的模拟轮数',
+    envRunning: '检测到模拟环境正在运行，正在关闭…',
+    closingEnv: '正在关闭模拟环境…',
+    envClosed: '✓ 模拟环境已关闭',
+    closeEnvFailed: '关闭模拟环境失败: {error}',
+    closeEnvErr: '关闭模拟环境异常: {msg}',
+    simRunning: '检测到模拟状态为运行中，正在停止…',
+    forceStopped: '✓ 模拟已强制停止',
+    forceStopFailed: '强制停止模拟失败: {error}',
+    forceStopErr: '强制停止模拟异常: {msg}',
+    loadSim: '加载模拟数据: {id}',
+    projectOk: '项目加载成功: {id}',
+    loadSimFail: '加载模拟数据失败: {error}',
+    loadErr: '加载异常: {msg}',
+    graphOk: '图谱数据加载成功',
+    graphFail: '图谱加载失败: {msg}',
+    init: 'SimulationView 初始化',
+    checkStateFail: '检查模拟状态失败: {msg}'
+  },
+  simulationRun: {
+    backStep2: '准备返回 Step 2，正在关闭模拟…',
+    closingEnv: '正在关闭模拟环境…',
+    envClosed: '模拟环境已关闭',
+    closeFailForce: '关闭模拟环境失败，尝试强制停止…',
+    forceOk: '模拟已强制停止',
+    forceFail: '强制停止失败: {msg}',
+    stopping: '正在停止模拟进程…',
+    stopped: '模拟已停止',
+    stopFail: '停止模拟失败: {msg}',
+    checkFail: '检查模拟状态失败: {msg}',
+    enterStep4: '进入 Step 4: 报告生成',
+    loadSim: '加载模拟数据: {id}',
+    timeConfig: '时间配置: 每轮 {m} 分钟',
+    timeConfigFallback: '获取时间配置失败，使用默认值: {m} 分钟/轮',
+    projectOk: '项目加载成功: {id}',
+    loadSimFail: '加载模拟数据失败: {error}',
+    loadErr: '加载异常: {msg}',
+    graphOk: '图谱数据加载成功',
+    graphFail: '图谱加载失败: {msg}',
+    refreshOn: '开启图谱实时刷新 (30s)',
+    refreshOff: '停止图谱实时刷新',
+    init: 'SimulationRunView 初始化',
+    customRoundsFromQuery: '自定义模拟轮数: {n}'
+  },
+  report: {
+    loadReport: '加载报告数据: {id}',
+    projectOk: '项目加载成功: {id}',
+    reportFail: '获取报告信息失败: {error}',
+    loadErr: '加载异常: {msg}',
+    graphOk: '图谱数据加载成功',
+    graphFail: '图谱加载失败: {msg}',
+    init: 'ReportView 初始化'
+  },
+  interaction: {
+    loadReport: '加载报告数据: {id}',
+    projectOk: '项目加载成功: {id}',
+    reportFail: '获取报告信息失败: {error}',
+    loadErr: '加载异常: {msg}',
+    graphOk: '图谱数据加载成功',
+    graphFail: '图谱加载失败: {msg}',
+    init: 'InteractionView 初始化'
+  }
+}
diff --git a/frontend/src/main.js b/frontend/src/main.js
index c8e37b03b..abb561e2c 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -1,9 +1,12 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
+import { i18n, setAppLocale } from './i18n'
 
 const app = createApp(App)
 
 app.use(router)
+app.use(i18n)
+setAppLocale(i18n.global.locale.value)
 
 app.mount('#app')
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index afe01a0c4..39bfb819f 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -5,7 +5,7 @@
       <div class="nav-brand">MIROFISH</div>
       <div class="nav-links">
         <a href="https://github.com/666ghj/MiroFish" target="_blank" class="github-link">
-          访问我们的Github主页 <span class="arrow">↗</span>
+          {{ $t('home.githubLink') }} <span class="arrow">↗</span>
         </a>
       </div>
     </nav>
@@ -15,21 +15,31 @@
       <section class="hero-section">
         <div class="hero-left">
           <div class="tag-row">
-            <span class="orange-tag">简洁通用的群体智能引擎</span>
-            <span class="version-text">/ v0.1-预览版</span>
+            <span class="orange-tag">{{ $t('home.tagline') }}</span>
+            <span class="version-text">{{ $t('home.version') }}</span>
           </div>
           
           <h1 class="main-title">
-            上传任意报告<br>
-            <span class="gradient-text">即刻推演未来</span>
+            {{ $t('home.heroTitle1') }}<br>
+            <span class="gradient-text">{{ $t('home.heroTitle2') }}</span>
           </h1>
           
           <div class="hero-desc">
             <p>
-              即使只有一段文字，<span class="highlight-bold">MiroFish</span> 也能基于其中的现实种子，全自动生成与之对应的至多<span class="highlight-orange">百万级Agent</span>构成的平行世界。通过上帝视角注入变量，在复杂的群体交互中寻找动态环境下的<span class="highlight-code">“局部最优解”</span>
+              <I18nT keypath="home.heroP1" tag="span">
+                <template #brand>
+                  <span class="highlight-bold">MiroFish</span>
+                </template>
+                <template #agents>
+                  <span class="highlight-orange">{{ $t('home.heroAgents') }}</span>
+                </template>
+                <template #opt>
+                  <span class="highlight-code">{{ $t('home.heroOpt') }}</span>
+                </template>
+              </I18nT>
             </p>
             <p class="slogan-text">
-              让未来在 Agent 群中预演，让决策在百战后胜出<span class="blinking-cursor">_</span>
+              {{ $t('home.slogan') }}<span class="blinking-cursor">_</span>
             </p>
           </div>
            
@@ -53,65 +63,65 @@
         <!-- 左栏：状态与步骤 -->
         <div class="left-panel">
           <div class="panel-header">
-            <span class="status-dot">■</span> 系统状态
+            <span class="status-dot">■</span> {{ $t('home.systemStatus') }}
           </div>
           
-          <h2 class="section-title">准备就绪</h2>
+          <h2 class="section-title">{{ $t('home.readyTitle') }}</h2>
           <p class="section-desc">
-            预测引擎待命中，可上传多份非结构化数据以初始化模拟序列
+            {{ $t('home.readyDesc') }}
           </p>
           
           <!-- 数据指标卡片 -->
           <div class="metrics-row">
             <div class="metric-card">
-              <div class="metric-value">低成本</div>
-              <div class="metric-label">常规模拟平均5$/次</div>
+              <div class="metric-value">{{ $t('home.metricLowCost') }}</div>
+              <div class="metric-label">{{ $t('home.metricLowCostDesc') }}</div>
             </div>
             <div class="metric-card">
-              <div class="metric-value">高可用</div>
-              <div class="metric-label">最多百万级Agent模拟</div>
+              <div class="metric-value">{{ $t('home.metricHighAvail') }}</div>
+              <div class="metric-label">{{ $t('home.metricHighAvailDesc') }}</div>
             </div>
           </div>
 
           <!-- 项目模拟步骤介绍 (新增区域) -->
           <div class="steps-container">
             <div class="steps-header">
-               <span class="diamond-icon">◇</span> 工作流序列
+               <span class="diamond-icon">◇</span> {{ $t('home.workflowSequence') }}
             </div>
             <div class="workflow-list">
               <div class="workflow-item">
                 <span class="step-num">01</span>
                 <div class="step-info">
-                  <div class="step-title">图谱构建</div>
-                  <div class="step-desc">现实种子提取 & 个体与群体记忆注入 & GraphRAG构建</div>
+                  <div class="step-title">{{ $t('home.wf1Title') }}</div>
+                  <div class="step-desc">{{ $t('home.wf1Desc') }}</div>
                 </div>
               </div>
               <div class="workflow-item">
                 <span class="step-num">02</span>
                 <div class="step-info">
-                  <div class="step-title">环境搭建</div>
-                  <div class="step-desc">实体关系抽取 & 人设生成 & 环境配置Agent注入仿真参数</div>
+                  <div class="step-title">{{ $t('home.wf2Title') }}</div>
+                  <div class="step-desc">{{ $t('home.wf2Desc') }}</div>
                 </div>
               </div>
               <div class="workflow-item">
                 <span class="step-num">03</span>
                 <div class="step-info">
-                  <div class="step-title">开始模拟</div>
-                  <div class="step-desc">双平台并行模拟 & 自动解析预测需求 & 动态更新时序记忆</div>
+                  <div class="step-title">{{ $t('home.wf3Title') }}</div>
+                  <div class="step-desc">{{ $t('home.wf3Desc') }}</div>
                 </div>
               </div>
               <div class="workflow-item">
                 <span class="step-num">04</span>
                 <div class="step-info">
-                  <div class="step-title">报告生成</div>
-                  <div class="step-desc">ReportAgent拥有丰富的工具集与模拟后环境进行深度交互</div>
+                  <div class="step-title">{{ $t('home.wf4Title') }}</div>
+                  <div class="step-desc">{{ $t('home.wf4Desc') }}</div>
                 </div>
               </div>
               <div class="workflow-item">
                 <span class="step-num">05</span>
                 <div class="step-info">
-                  <div class="step-title">深度互动</div>
-                  <div class="step-desc">与模拟世界中的任意一位进行对话 & 与ReportAgent进行对话</div>
+                  <div class="step-title">{{ $t('home.wf5Title') }}</div>
+                  <div class="step-desc">{{ $t('home.wf5Desc') }}</div>
                 </div>
               </div>
             </div>
@@ -124,8 +134,8 @@
             <!-- 上传区域 -->
             <div class="console-section">
               <div class="console-header">
-                <span class="console-label">01 / 现实种子</span>
-                <span class="console-meta">支持格式: PDF, MD, TXT</span>
+                <span class="console-label">{{ $t('home.consoleSeed') }}</span>
+                <span class="console-meta">{{ $t('home.formats') }}</span>
               </div>
               
               <div 
@@ -148,8 +158,8 @@
                 
                 <div v-if="files.length === 0" class="upload-placeholder">
                   <div class="upload-icon">↑</div>
-                  <div class="upload-title">拖拽文件上传</div>
-                  <div class="upload-hint">或点击浏览文件系统</div>
+                  <div class="upload-title">{{ $t('home.dragUpload') }}</div>
+                  <div class="upload-hint">{{ $t('home.clickBrowse') }}</div>
                 </div>
                 
                 <div v-else class="file-list">
@@ -164,23 +174,23 @@
 
             <!-- 分割线 -->
             <div class="console-divider">
-              <span>输入参数</span>
+              <span>{{ $t('home.inputParams') }}</span>
             </div>
 
             <!-- 输入区域 -->
             <div class="console-section">
               <div class="console-header">
-                <span class="console-label">>_ 02 / 模拟提示词</span>
+                <span class="console-label">{{ $t('home.consolePrompt') }}</span>
               </div>
               <div class="input-wrapper">
                 <textarea
                   v-model="formData.simulationRequirement"
                   class="code-input"
-                  placeholder="// 用自然语言输入模拟或预测需求（例.武大若发布撤销肖某处分的公告，会引发什么舆情走向）"
+                  :placeholder="$t('home.placeholder')"
                   rows="6"
                   :disabled="loading"
                 ></textarea>
-                <div class="model-badge">引擎: MiroFish-V1.0</div>
+                <div class="model-badge">{{ $t('home.engineBadge') }}</div>
               </div>
             </div>
 
@@ -191,8 +201,8 @@
                 @click="startSimulation"
                 :disabled="!canSubmit || loading"
               >
-                <span v-if="!loading">启动引擎</span>
-                <span v-else>初始化中...</span>
+                <span v-if="!loading">{{ $t('home.startEngine') }}</span>
+                <span v-else>{{ $t('home.initializing') }}</span>
                 <span class="btn-arrow">→</span>
               </button>
             </div>
@@ -208,6 +218,7 @@
 
 <script setup>
 import { ref, computed } from 'vue'
+import { I18nT } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import HistoryDatabase from '../components/HistoryDatabase.vue'
 
diff --git a/frontend/src/views/InteractionView.vue b/frontend/src/views/InteractionView.vue
index b153590d7..2030deefb 100644
--- a/frontend/src/views/InteractionView.vue
+++ b/frontend/src/views/InteractionView.vue
@@ -15,15 +15,15 @@
             :class="{ active: viewMode === mode }"
             @click="viewMode = mode"
           >
-            {{ { graph: '图谱', split: '双栏', workbench: '工作台' }[mode] }}
+            {{ $t(`common.viewMode.${mode}`) }}
           </button>
         </div>
       </div>
 
       <div class="header-right">
         <div class="workflow-step">
-          <span class="step-num">Step 5/5</span>
-          <span class="step-name">深度互动</span>
+          <span class="step-num">{{ $t('common.stepWithTotal', { current: 5, total: 5 }) }}</span>
+          <span class="step-name">{{ $t('common.workflow.interaction') }}</span>
         </div>
         <div class="step-divider"></div>
         <span class="status-indicator" :class="statusClass">
@@ -63,6 +63,7 @@
 
 <script setup>
 import { ref, computed, onMounted, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
 import GraphPanel from '../components/GraphPanel.vue'
 import Step5Interaction from '../components/Step5Interaction.vue'
@@ -72,6 +73,7 @@ import { getReport } from '../api/report'
 
 const route = useRoute()
 const router = useRouter()
+const { t } = useI18n()
 
 // Props
 const props = defineProps({
@@ -109,10 +111,10 @@ const statusClass = computed(() => {
 })
 
 const statusText = computed(() => {
-  if (currentStatus.value === 'error') return 'Error'
-  if (currentStatus.value === 'completed') return 'Completed'
-  if (currentStatus.value === 'processing') return 'Processing'
-  return 'Ready'
+  if (currentStatus.value === 'error') return t('common.status.error')
+  if (currentStatus.value === 'completed') return t('common.status.ready')
+  if (currentStatus.value === 'processing') return t('common.status.processing')
+  return t('common.status.ready')
 })
 
 // --- Helpers ---
@@ -140,7 +142,7 @@ const toggleMaximize = (target) => {
 // --- Data Logic ---
 const loadReportData = async () => {
   try {
-    addLog(`加载报告数据: ${currentReportId.value}`)
+    addLog(t('views.interaction.loadReport', { id: currentReportId.value }))
     
     // 获取 report 信息以获取 simulation_id
     const reportRes = await getReport(currentReportId.value)
@@ -159,7 +161,7 @@ const loadReportData = async () => {
             const projRes = await getProject(simData.project_id)
             if (projRes.success && projRes.data) {
               projectData.value = projRes.data
-              addLog(`项目加载成功: ${projRes.data.project_id}`)
+              addLog(t('views.interaction.projectOk', { id: projRes.data.project_id }))
               
               // 获取 graph 数据
               if (projRes.data.graph_id) {
@@ -170,10 +172,10 @@ const loadReportData = async () => {
         }
       }
     } else {
-      addLog(`获取报告信息失败: ${reportRes.error || '未知错误'}`)
+      addLog(t('views.interaction.reportFail', { error: reportRes.error || t('step1.unknownError') }))
     }
   } catch (err) {
-    addLog(`加载异常: ${err.message}`)
+    addLog(t('views.interaction.loadErr', { msg: err.message }))
   }
 }
 
@@ -184,10 +186,10 @@ const loadGraph = async (graphId) => {
     const res = await getGraphData(graphId)
     if (res.success) {
       graphData.value = res.data
-      addLog('图谱数据加载成功')
+      addLog(t('views.interaction.graphOk'))
     }
   } catch (err) {
-    addLog(`图谱加载失败: ${err.message}`)
+    addLog(t('views.interaction.graphFail', { msg: err.message }))
   } finally {
     graphLoading.value = false
   }
@@ -208,7 +210,7 @@ watch(() => route.params.reportId, (newId) => {
 }, { immediate: true })
 
 onMounted(() => {
-  addLog('InteractionView 初始化')
+  addLog(t('views.interaction.init'))
   loadReportData()
 })
 </script>
diff --git a/frontend/src/views/MainView.vue b/frontend/src/views/MainView.vue
index 6ff299112..957488ed9 100644
--- a/frontend/src/views/MainView.vue
+++ b/frontend/src/views/MainView.vue
@@ -15,14 +15,14 @@
             :class="{ active: viewMode === mode }"
             @click="viewMode = mode"
           >
-            {{ { graph: '图谱', split: '双栏', workbench: '工作台' }[mode] }}
+            {{ $t(`common.viewMode.${mode}`) }}
           </button>
         </div>
       </div>
 
       <div class="header-right">
         <div class="workflow-step">
-          <span class="step-num">Step {{ currentStep }}/5</span>
+          <span class="step-num">{{ $t('common.stepWithTotal', { current: currentStep, total: 5 }) }}</span>
           <span class="step-name">{{ stepNames[currentStep - 1] }}</span>
         </div>
         <div class="step-divider"></div>
@@ -76,6 +76,7 @@
 
 <script setup>
 import { ref, computed, onMounted, onUnmounted, nextTick } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
 import GraphPanel from '../components/GraphPanel.vue'
 import Step1GraphBuild from '../components/Step1GraphBuild.vue'
@@ -85,13 +86,20 @@ import { getPendingUpload, clearPendingUpload } from '../store/pendingUpload'
 
 const route = useRoute()
 const router = useRouter()
+const { t } = useI18n()
 
 // Layout State
 const viewMode = ref('split') // graph | split | workbench
 
 // Step State
 const currentStep = ref(1) // 1: 图谱构建, 2: 环境搭建, 3: 开始模拟, 4: 报告生成, 5: 深度互动
-const stepNames = ['图谱构建', '环境搭建', '开始模拟', '报告生成', '深度互动']
+const stepNames = computed(() => [
+  t('common.workflow.graphBuild'),
+  t('common.workflow.envSetup'),
+  t('common.workflow.simulation'),
+  t('common.workflow.report'),
+  t('common.workflow.interaction')
+])
 
 // Data State
 const currentProjectId = ref(route.params.projectId)
@@ -130,11 +138,11 @@ const statusClass = computed(() => {
 })
 
 const statusText = computed(() => {
-  if (error.value) return 'Error'
-  if (currentPhase.value >= 2) return 'Ready'
-  if (currentPhase.value === 1) return 'Building Graph'
-  if (currentPhase.value === 0) return 'Generating Ontology'
-  return 'Initializing'
+  if (error.value) return t('common.status.error')
+  if (currentPhase.value >= 2) return t('common.status.ready')
+  if (currentPhase.value === 1) return t('common.status.buildingGraph')
+  if (currentPhase.value === 0) return t('common.status.generatingOntology')
+  return t('common.status.initializing')
 })
 
 // --- Helpers ---
@@ -159,11 +167,16 @@ const toggleMaximize = (target) => {
 const handleNextStep = (params = {}) => {
   if (currentStep.value < 5) {
     currentStep.value++
-    addLog(`进入 Step ${currentStep.value}: ${stepNames[currentStep.value - 1]}`)
-    
+    addLog(
+      t('mainView.log.enterStep', {
+        step: currentStep.value,
+        name: stepNames.value[currentStep.value - 1]
+      })
+    )
+
     // 如果是从 Step 2 进入 Step 3，记录模拟轮数配置
     if (currentStep.value === 3 && params.maxRounds) {
-      addLog(`自定义模拟轮数: ${params.maxRounds} 轮`)
+      addLog(t('mainView.log.customRounds', { n: params.maxRounds }))
     }
   }
 }
@@ -171,14 +184,19 @@ const handleNextStep = (params = {}) => {
 const handleGoBack = () => {
   if (currentStep.value > 1) {
     currentStep.value--
-    addLog(`返回 Step ${currentStep.value}: ${stepNames[currentStep.value - 1]}`)
+    addLog(
+      t('mainView.log.backStep', {
+        step: currentStep.value,
+        name: stepNames.value[currentStep.value - 1]
+      })
+    )
   }
 }
 
 // --- Data Logic ---
 
 const initProject = async () => {
-  addLog('Project view initialized.')
+  addLog(t('mainView.log.projectInit'))
   if (currentProjectId.value === 'new') {
     await handleNewProject()
   } else {
@@ -189,16 +207,16 @@ const initProject = async () => {
 const handleNewProject = async () => {
   const pending = getPendingUpload()
   if (!pending.isPending || pending.files.length === 0) {
-    error.value = 'No pending files found.'
-    addLog('Error: No pending files found for new project.')
+    error.value = t('mainView.error.noPendingFiles')
+    addLog(t('mainView.log.noPendingFilesDetail'))
     return
   }
   
   try {
     loading.value = true
     currentPhase.value = 0
-    ontologyProgress.value = { message: 'Uploading and analyzing docs...' }
-    addLog('Starting ontology generation: Uploading files...')
+    ontologyProgress.value = { message: t('mainView.log.ontologyProgress') }
+    addLog(t('mainView.log.uploadingOntology'))
     
     const formData = new FormData()
     pending.files.forEach(f => formData.append('files', f))
@@ -215,12 +233,12 @@ const handleNewProject = async () => {
       addLog(`Ontology generated successfully for project ${res.data.project_id}`)
       await startBuildGraph()
     } else {
-      error.value = res.error || 'Ontology generation failed'
-      addLog(`Error generating ontology: ${error.value}`)
+      error.value = res.error || t('mainView.error.ontologyFailed')
+      addLog(`${t('mainView.log.ontologyGenError')} ${error.value}`)
     }
   } catch (err) {
     error.value = err.message
-    addLog(`Exception in handleNewProject: ${err.message}`)
+    addLog(`${t('mainView.log.ontologyGenError')} ${err.message}`)
   } finally {
     loading.value = false
   }
@@ -229,12 +247,12 @@ const handleNewProject = async () => {
 const loadProject = async () => {
   try {
     loading.value = true
-    addLog(`Loading project ${currentProjectId.value}...`)
+    addLog(t('mainView.log.projectLoad', { id: currentProjectId.value }))
     const res = await getProject(currentProjectId.value)
     if (res.success) {
       projectData.value = res.data
       updatePhaseByStatus(res.data.status)
-      addLog(`Project loaded. Status: ${res.data.status}`)
+      addLog(t('mainView.log.projectLoaded', { status: res.data.status }))
       
       if (res.data.status === 'ontology_generated' && !res.data.graph_id) {
         await startBuildGraph()
@@ -248,11 +266,11 @@ const loadProject = async () => {
       }
     } else {
       error.value = res.error
-      addLog(`Error loading project: ${res.error}`)
+      addLog(`${t('mainView.log.loadProjectError')} ${res.error}`)
     }
   } catch (err) {
     error.value = err.message
-    addLog(`Exception in loadProject: ${err.message}`)
+    addLog(`${t('mainView.log.loadProjectException')} ${err.message}`)
   } finally {
     loading.value = false
   }
@@ -264,33 +282,33 @@ const updatePhaseByStatus = (status) => {
     case 'ontology_generated': currentPhase.value = 0; break;
     case 'graph_building': currentPhase.value = 1; break;
     case 'graph_completed': currentPhase.value = 2; break;
-    case 'failed': error.value = 'Project failed'; break;
+    case 'failed': error.value = t('mainView.log.projectFailed'); break;
   }
 }
 
 const startBuildGraph = async () => {
   try {
     currentPhase.value = 1
-    buildProgress.value = { progress: 0, message: 'Starting build...' }
-    addLog('Initiating graph build...')
+    buildProgress.value = { progress: 0, message: t('mainView.log.buildStarting') }
+    addLog(t('mainView.log.startingBuild'))
     
     const res = await buildGraph({ project_id: currentProjectId.value })
     if (res.success) {
-      addLog(`Graph build task started. Task ID: ${res.data.task_id}`)
+      addLog(t('mainView.log.buildTaskStarted', { id: res.data.task_id }))
       startGraphPolling()
       startPollingTask(res.data.task_id)
     } else {
       error.value = res.error
-      addLog(`Error starting build: ${res.error}`)
+      addLog(`${t('mainView.log.buildStartError')} ${res.error}`)
     }
   } catch (err) {
     error.value = err.message
-    addLog(`Exception in startBuildGraph: ${err.message}`)
+    addLog(`${t('mainView.log.buildException')} ${err.message}`)
   }
 }
 
 const startGraphPolling = () => {
-  addLog('Started polling for graph data...')
+  addLog(t('mainView.log.pollingGraph'))
   fetchGraphData()
   graphPollTimer = setInterval(fetchGraphData, 10000)
 }
@@ -305,7 +323,7 @@ const fetchGraphData = async () => {
         graphData.value = gRes.data
         const nodeCount = gRes.data.node_count || gRes.data.nodes?.length || 0
         const edgeCount = gRes.data.edge_count || gRes.data.edges?.length || 0
-        addLog(`Graph data refreshed. Nodes: ${nodeCount}, Edges: ${edgeCount}`)
+        addLog(t('mainView.log.graphRefreshed', { nodes: nodeCount, edges: edgeCount }))
       }
     }
   } catch (err) {
@@ -332,7 +350,7 @@ const pollTaskStatus = async (taskId) => {
       buildProgress.value = { progress: task.progress || 0, message: task.message }
       
       if (task.status === 'completed') {
-        addLog('Graph build task completed.')
+        addLog(t('mainView.log.buildCompleted'))
         stopPolling()
         stopGraphPolling() // Stop polling, do final load
         currentPhase.value = 2
@@ -346,7 +364,7 @@ const pollTaskStatus = async (taskId) => {
       } else if (task.status === 'failed') {
         stopPolling()
         error.value = task.error
-        addLog(`Graph build task failed: ${task.error}`)
+        addLog(t('mainView.log.buildFailed', { error: task.error }))
       }
     }
   } catch (e) {
@@ -356,17 +374,17 @@ const pollTaskStatus = async (taskId) => {
 
 const loadGraph = async (graphId) => {
   graphLoading.value = true
-  addLog(`Loading full graph data: ${graphId}`)
+  addLog(t('mainView.log.loadingGraph', { id: graphId }))
   try {
     const res = await getGraphData(graphId)
     if (res.success) {
       graphData.value = res.data
-      addLog('Graph data loaded successfully.')
+      addLog(t('mainView.log.graphLoadedOk'))
     } else {
-      addLog(`Failed to load graph data: ${res.error}`)
+      addLog(`${t('mainView.log.graphLoadFailed')} ${res.error}`)
     }
   } catch (e) {
-    addLog(`Exception loading graph: ${e.message}`)
+    addLog(`${t('mainView.log.graphLoadException')} ${e.message}`)
   } finally {
     graphLoading.value = false
   }
@@ -374,7 +392,7 @@ const loadGraph = async (graphId) => {
 
 const refreshGraph = () => {
   if (projectData.value?.graph_id) {
-    addLog('Manual graph refresh triggered.')
+    addLog(t('mainView.log.manualRefresh'))
     loadGraph(projectData.value.graph_id)
   }
 }
@@ -390,7 +408,7 @@ const stopGraphPolling = () => {
   if (graphPollTimer) {
     clearInterval(graphPollTimer)
     graphPollTimer = null
-    addLog('Graph polling stopped.')
+    addLog(t('mainView.log.graphPollingStopped'))
   }
 }
 
diff --git a/frontend/src/views/ReportView.vue b/frontend/src/views/ReportView.vue
index 84a3e2a3f..632901b83 100644
--- a/frontend/src/views/ReportView.vue
+++ b/frontend/src/views/ReportView.vue
@@ -15,15 +15,15 @@
             :class="{ active: viewMode === mode }"
             @click="viewMode = mode"
           >
-            {{ { graph: '图谱', split: '双栏', workbench: '工作台' }[mode] }}
+            {{ $t(`common.viewMode.${mode}`) }}
           </button>
         </div>
       </div>
 
       <div class="header-right">
         <div class="workflow-step">
-          <span class="step-num">Step 4/5</span>
-          <span class="step-name">报告生成</span>
+          <span class="step-num">{{ $t('common.stepWithTotal', { current: 4, total: 5 }) }}</span>
+          <span class="step-name">{{ $t('common.workflow.report') }}</span>
         </div>
         <div class="step-divider"></div>
         <span class="status-indicator" :class="statusClass">
@@ -63,6 +63,7 @@
 
 <script setup>
 import { ref, computed, onMounted, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
 import GraphPanel from '../components/GraphPanel.vue'
 import Step4Report from '../components/Step4Report.vue'
@@ -72,6 +73,7 @@ import { getReport } from '../api/report'
 
 const route = useRoute()
 const router = useRouter()
+const { t } = useI18n()
 
 // Props
 const props = defineProps({
@@ -109,9 +111,9 @@ const statusClass = computed(() => {
 })
 
 const statusText = computed(() => {
-  if (currentStatus.value === 'error') return 'Error'
-  if (currentStatus.value === 'completed') return 'Completed'
-  return 'Generating'
+  if (currentStatus.value === 'error') return t('common.status.error')
+  if (currentStatus.value === 'completed') return t('common.status.ready')
+  return t('common.status.generating')
 })
 
 // --- Helpers ---
@@ -139,7 +141,7 @@ const toggleMaximize = (target) => {
 // --- Data Logic ---
 const loadReportData = async () => {
   try {
-    addLog(`加载报告数据: ${currentReportId.value}`)
+    addLog(t('views.report.loadReport', { id: currentReportId.value }))
     
     // 获取 report 信息以获取 simulation_id
     const reportRes = await getReport(currentReportId.value)
@@ -158,7 +160,7 @@ const loadReportData = async () => {
             const projRes = await getProject(simData.project_id)
             if (projRes.success && projRes.data) {
               projectData.value = projRes.data
-              addLog(`项目加载成功: ${projRes.data.project_id}`)
+              addLog(t('views.report.projectOk', { id: projRes.data.project_id }))
               
               // 获取 graph 数据
               if (projRes.data.graph_id) {
@@ -169,10 +171,10 @@ const loadReportData = async () => {
         }
       }
     } else {
-      addLog(`获取报告信息失败: ${reportRes.error || '未知错误'}`)
+      addLog(t('views.report.reportFail', { error: reportRes.error || t('step1.unknownError') }))
     }
   } catch (err) {
-    addLog(`加载异常: ${err.message}`)
+    addLog(t('views.report.loadErr', { msg: err.message }))
   }
 }
 
@@ -183,10 +185,10 @@ const loadGraph = async (graphId) => {
     const res = await getGraphData(graphId)
     if (res.success) {
       graphData.value = res.data
-      addLog('图谱数据加载成功')
+      addLog(t('views.report.graphOk'))
     }
   } catch (err) {
-    addLog(`图谱加载失败: ${err.message}`)
+    addLog(t('views.report.graphFail', { msg: err.message }))
   } finally {
     graphLoading.value = false
   }
@@ -207,7 +209,7 @@ watch(() => route.params.reportId, (newId) => {
 }, { immediate: true })
 
 onMounted(() => {
-  addLog('ReportView 初始化')
+  addLog(t('views.report.init'))
   loadReportData()
 })
 </script>
diff --git a/frontend/src/views/SimulationRunView.vue b/frontend/src/views/SimulationRunView.vue
index 14ebc5f9d..01d07477c 100644
--- a/frontend/src/views/SimulationRunView.vue
+++ b/frontend/src/views/SimulationRunView.vue
@@ -15,15 +15,15 @@
             :class="{ active: viewMode === mode }"
             @click="viewMode = mode"
           >
-            {{ { graph: '图谱', split: '双栏', workbench: '工作台' }[mode] }}
+            {{ $t(`common.viewMode.${mode}`) }}
           </button>
         </div>
       </div>
 
       <div class="header-right">
         <div class="workflow-step">
-          <span class="step-num">Step 3/5</span>
-          <span class="step-name">开始模拟</span>
+          <span class="step-num">{{ $t('common.stepWithTotal', { current: 3, total: 5 }) }}</span>
+          <span class="step-name">{{ $t('common.workflow.simulation') }}</span>
         </div>
         <div class="step-divider"></div>
         <span class="status-indicator" :class="statusClass">
@@ -68,6 +68,7 @@
 
 <script setup>
 import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
 import GraphPanel from '../components/GraphPanel.vue'
 import Step3Simulation from '../components/Step3Simulation.vue'
@@ -76,6 +77,7 @@ import { getSimulation, getSimulationConfig, stopSimulation, closeSimulationEnv,
 
 const route = useRoute()
 const router = useRouter()
+const { t } = useI18n()
 
 // Props
 const props = defineProps({
@@ -115,9 +117,9 @@ const statusClass = computed(() => {
 })
 
 const statusText = computed(() => {
-  if (currentStatus.value === 'error') return 'Error'
-  if (currentStatus.value === 'completed') return 'Completed'
-  return 'Running'
+  if (currentStatus.value === 'error') return t('common.status.error')
+  if (currentStatus.value === 'completed') return t('common.status.ready')
+  return t('common.status.running')
 })
 
 const isSimulating = computed(() => currentStatus.value === 'processing')
@@ -146,7 +148,7 @@ const toggleMaximize = (target) => {
 
 const handleGoBack = async () => {
   // 在返回 Step 2 之前，先关闭正在运行的模拟
-  addLog('准备返回 Step 2，正在关闭模拟...')
+  addLog(t('views.simulationRun.backStep2'))
   
   // 停止轮询
   stopGraphRefresh()
@@ -156,36 +158,36 @@ const handleGoBack = async () => {
     const envStatusRes = await getEnvStatus({ simulation_id: currentSimulationId.value })
     
     if (envStatusRes.success && envStatusRes.data?.env_alive) {
-      addLog('正在关闭模拟环境...')
+      addLog(t('views.simulationRun.closingEnv'))
       try {
         await closeSimulationEnv({ 
           simulation_id: currentSimulationId.value,
           timeout: 10
         })
-        addLog('✓ 模拟环境已关闭')
+        addLog(t('views.simulationRun.envClosed'))
       } catch (closeErr) {
-        addLog(`关闭模拟环境失败，尝试强制停止...`)
+        addLog(t('views.simulationRun.closeFailForce'))
         try {
           await stopSimulation({ simulation_id: currentSimulationId.value })
-          addLog('✓ 模拟已强制停止')
+          addLog(t('views.simulationRun.forceOk'))
         } catch (stopErr) {
-          addLog(`强制停止失败: ${stopErr.message}`)
+          addLog(t('views.simulationRun.forceFail', { msg: stopErr.message }))
         }
       }
     } else {
       // 环境未运行，检查是否需要停止进程
       if (isSimulating.value) {
-        addLog('正在停止模拟进程...')
+        addLog(t('views.simulationRun.stopping'))
         try {
           await stopSimulation({ simulation_id: currentSimulationId.value })
-          addLog('✓ 模拟已停止')
+          addLog(t('views.simulationRun.stopped'))
         } catch (err) {
-          addLog(`停止模拟失败: ${err.message}`)
+          addLog(t('views.simulationRun.stopFail', { msg: err.message }))
         }
       }
     }
   } catch (err) {
-    addLog(`检查模拟状态失败: ${err.message}`)
+    addLog(t('views.simulationRun.checkFail', { msg: err.message }))
   }
   
   // 返回到 Step 2 (环境搭建)
@@ -195,13 +197,13 @@ const handleGoBack = async () => {
 const handleNextStep = () => {
   // Step3Simulation 组件会直接处理报告生成和路由跳转
   // 这个方法仅作为备用
-  addLog('进入 Step 4: 报告生成')
+  addLog(t('views.simulationRun.enterStep4'))
 }
 
 // --- Data Logic ---
 const loadSimulationData = async () => {
   try {
-    addLog(`加载模拟数据: ${currentSimulationId.value}`)
+    addLog(t('views.simulationRun.loadSim', { id: currentSimulationId.value }))
     
     // 获取 simulation 信息
     const simRes = await getSimulation(currentSimulationId.value)
@@ -213,10 +215,10 @@ const loadSimulationData = async () => {
         const configRes = await getSimulationConfig(currentSimulationId.value)
         if (configRes.success && configRes.data?.time_config?.minutes_per_round) {
           minutesPerRound.value = configRes.data.time_config.minutes_per_round
-          addLog(`时间配置: 每轮 ${minutesPerRound.value} 分钟`)
+          addLog(t('views.simulationRun.timeConfig', { m: minutesPerRound.value }))
         }
       } catch (configErr) {
-        addLog(`获取时间配置失败，使用默认值: ${minutesPerRound.value}分钟/轮`)
+        addLog(t('views.simulationRun.timeConfigFallback', { m: minutesPerRound.value }))
       }
       
       // 获取 project 信息
@@ -224,7 +226,7 @@ const loadSimulationData = async () => {
         const projRes = await getProject(simData.project_id)
         if (projRes.success && projRes.data) {
           projectData.value = projRes.data
-          addLog(`项目加载成功: ${projRes.data.project_id}`)
+          addLog(t('views.simulationRun.projectOk', { id: projRes.data.project_id }))
           
           // 获取 graph 数据
           if (projRes.data.graph_id) {
@@ -233,10 +235,10 @@ const loadSimulationData = async () => {
         }
       }
     } else {
-      addLog(`加载模拟数据失败: ${simRes.error || '未知错误'}`)
+      addLog(t('views.simulationRun.loadSimFail', { error: simRes.error || t('step1.unknownError') }))
     }
   } catch (err) {
-    addLog(`加载异常: ${err.message}`)
+    addLog(t('views.simulationRun.loadErr', { msg: err.message }))
   }
 }
 
@@ -252,11 +254,11 @@ const loadGraph = async (graphId) => {
     if (res.success) {
       graphData.value = res.data
       if (!isSimulating.value) {
-        addLog('图谱数据加载成功')
+        addLog(t('views.simulationRun.graphOk'))
       }
     }
   } catch (err) {
-    addLog(`图谱加载失败: ${err.message}`)
+    addLog(t('views.simulationRun.graphFail', { msg: err.message }))
   } finally {
     graphLoading.value = false
   }
@@ -273,7 +275,7 @@ let graphRefreshTimer = null
 
 const startGraphRefresh = () => {
   if (graphRefreshTimer) return
-  addLog('开启图谱实时刷新 (30s)')
+  addLog(t('views.simulationRun.refreshOn'))
   // 立即刷新一次，然后每30秒刷新
   graphRefreshTimer = setInterval(refreshGraph, 30000)
 }
@@ -282,7 +284,7 @@ const stopGraphRefresh = () => {
   if (graphRefreshTimer) {
     clearInterval(graphRefreshTimer)
     graphRefreshTimer = null
-    addLog('停止图谱实时刷新')
+    addLog(t('views.simulationRun.refreshOff'))
   }
 }
 
@@ -295,11 +297,11 @@ watch(isSimulating, (newValue) => {
 }, { immediate: true })
 
 onMounted(() => {
-  addLog('SimulationRunView 初始化')
+  addLog(t('views.simulationRun.init'))
   
   // 记录 maxRounds 配置（值已在初始化时从 query 参数获取）
   if (maxRounds.value) {
-    addLog(`自定义模拟轮数: ${maxRounds.value}`)
+    addLog(t('views.simulationRun.customRoundsFromQuery', { n: maxRounds.value }))
   }
   
   loadSimulationData()
diff --git a/frontend/src/views/SimulationView.vue b/frontend/src/views/SimulationView.vue
index 4b44b3972..7769a4fff 100644
--- a/frontend/src/views/SimulationView.vue
+++ b/frontend/src/views/SimulationView.vue
@@ -15,15 +15,15 @@
             :class="{ active: viewMode === mode }"
             @click="viewMode = mode"
           >
-            {{ { graph: '图谱', split: '双栏', workbench: '工作台' }[mode] }}
+            {{ $t(`common.viewMode.${mode}`) }}
           </button>
         </div>
       </div>
 
       <div class="header-right">
         <div class="workflow-step">
-          <span class="step-num">Step 2/5</span>
-          <span class="step-name">环境搭建</span>
+          <span class="step-num">{{ $t('common.stepWithTotal', { current: 2, total: 5 }) }}</span>
+          <span class="step-name">{{ $t('common.workflow.envSetup') }}</span>
         </div>
         <div class="step-divider"></div>
         <span class="status-indicator" :class="statusClass">
@@ -65,6 +65,7 @@
 
 <script setup>
 import { ref, computed, onMounted, onUnmounted } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
 import GraphPanel from '../components/GraphPanel.vue'
 import Step2EnvSetup from '../components/Step2EnvSetup.vue'
@@ -73,6 +74,7 @@ import { getSimulation, stopSimulation, getEnvStatus, closeSimulationEnv } from
 
 const route = useRoute()
 const router = useRouter()
+const { t } = useI18n()
 
 // Props
 const props = defineProps({
@@ -109,9 +111,9 @@ const statusClass = computed(() => {
 })
 
 const statusText = computed(() => {
-  if (currentStatus.value === 'error') return 'Error'
-  if (currentStatus.value === 'completed') return 'Ready'
-  return 'Preparing'
+  if (currentStatus.value === 'error') return t('common.status.error')
+  if (currentStatus.value === 'completed') return t('common.status.ready')
+  return t('common.status.preparing')
 })
 
 // --- Helpers ---
@@ -146,13 +148,13 @@ const handleGoBack = () => {
 }
 
 const handleNextStep = (params = {}) => {
-  addLog('进入 Step 3: 开始模拟')
-  
+  addLog(t('views.simulation.enterStep3'))
+
   // 记录模拟轮数配置
   if (params.maxRounds) {
-    addLog(`自定义模拟轮数: ${params.maxRounds} 轮`)
+    addLog(t('views.simulation.customRounds', { n: params.maxRounds }))
   } else {
-    addLog('使用自动配置的模拟轮数')
+    addLog(t('views.simulation.autoRounds'))
   }
   
   // 构建路由参数
@@ -184,7 +186,7 @@ const checkAndStopRunningSimulation = async () => {
     const envStatusRes = await getEnvStatus({ simulation_id: currentSimulationId.value })
     
     if (envStatusRes.success && envStatusRes.data?.env_alive) {
-      addLog('检测到模拟环境正在运行，正在关闭...')
+      addLog(t('views.simulation.envRunning'))
       
       // 尝试优雅关闭模拟环境
       try {
@@ -194,14 +196,14 @@ const checkAndStopRunningSimulation = async () => {
         })
         
         if (closeRes.success) {
-          addLog('✓ 模拟环境已关闭')
+          addLog(t('views.simulation.envClosed'))
         } else {
-          addLog(`关闭模拟环境失败: ${closeRes.error || '未知错误'}`)
+          addLog(t('views.simulation.closeEnvFailed', { error: closeRes.error || t('step1.unknownError') }))
           // 如果优雅关闭失败，尝试强制停止
           await forceStopSimulation()
         }
       } catch (closeErr) {
-        addLog(`关闭模拟环境异常: ${closeErr.message}`)
+        addLog(t('views.simulation.closeEnvErr', { msg: closeErr.message }))
         // 如果优雅关闭异常，尝试强制停止
         await forceStopSimulation()
       }
@@ -209,7 +211,7 @@ const checkAndStopRunningSimulation = async () => {
       // 环境未运行，但可能进程还在，检查模拟状态
       const simRes = await getSimulation(currentSimulationId.value)
       if (simRes.success && simRes.data?.status === 'running') {
-        addLog('检测到模拟状态为运行中，正在停止...')
+        addLog(t('views.simulation.simRunning'))
         await forceStopSimulation()
       }
     }
@@ -226,18 +228,18 @@ const forceStopSimulation = async () => {
   try {
     const stopRes = await stopSimulation({ simulation_id: currentSimulationId.value })
     if (stopRes.success) {
-      addLog('✓ 模拟已强制停止')
+      addLog(t('views.simulation.forceStopped'))
     } else {
-      addLog(`强制停止模拟失败: ${stopRes.error || '未知错误'}`)
+      addLog(t('views.simulation.forceStopFailed', { error: stopRes.error || t('step1.unknownError') }))
     }
   } catch (err) {
-    addLog(`强制停止模拟异常: ${err.message}`)
+    addLog(t('views.simulation.forceStopErr', { msg: err.message }))
   }
 }
 
 const loadSimulationData = async () => {
   try {
-    addLog(`加载模拟数据: ${currentSimulationId.value}`)
+    addLog(t('views.simulation.loadSim', { id: currentSimulationId.value }))
     
     // 获取 simulation 信息
     const simRes = await getSimulation(currentSimulationId.value)
@@ -249,7 +251,7 @@ const loadSimulationData = async () => {
         const projRes = await getProject(simData.project_id)
         if (projRes.success && projRes.data) {
           projectData.value = projRes.data
-          addLog(`项目加载成功: ${projRes.data.project_id}`)
+          addLog(t('views.simulation.projectOk', { id: projRes.data.project_id }))
           
           // 获取 graph 数据
           if (projRes.data.graph_id) {
@@ -258,10 +260,10 @@ const loadSimulationData = async () => {
         }
       }
     } else {
-      addLog(`加载模拟数据失败: ${simRes.error || '未知错误'}`)
+      addLog(t('views.simulation.loadSimFail', { error: simRes.error || t('step1.unknownError') }))
     }
   } catch (err) {
-    addLog(`加载异常: ${err.message}`)
+    addLog(t('views.simulation.loadErr', { msg: err.message }))
   }
 }
 
@@ -271,10 +273,10 @@ const loadGraph = async (graphId) => {
     const res = await getGraphData(graphId)
     if (res.success) {
       graphData.value = res.data
-      addLog('图谱数据加载成功')
+      addLog(t('views.simulation.graphOk'))
     }
   } catch (err) {
-    addLog(`图谱加载失败: ${err.message}`)
+    addLog(t('views.simulation.graphFail', { msg: err.message }))
   } finally {
     graphLoading.value = false
   }
@@ -287,7 +289,7 @@ const refreshGraph = () => {
 }
 
 onMounted(async () => {
-  addLog('SimulationView 初始化')
+  addLog(t('views.simulation.init'))
   
   // 检查并关闭正在运行的模拟（用户从 Step 3 返回时）
   await checkAndStopRunningSimulation()