diff --git a/README-EN.md b/README-EN.md
index 4b003a63f..0bd144d41 100644
--- a/README-EN.md
+++ b/README-EN.md
@@ -20,7 +20,7 @@
 [![X](https://img.shields.io/badge/X-Follow-000000?style=flat-square&logo=x&logoColor=white)](https://x.com/mirofish_ai)
 [![Instagram](https://img.shields.io/badge/Instagram-Follow-E4405F?style=flat-square&logo=instagram&logoColor=white)](https://www.instagram.com/mirofish_ai/)
 
-[English](./README-EN.md) | [中文文档](./README.md)
+[Tiếng Việt](./README-vi.md) | [English](./README-EN.md) | [中文文档](./README.md)
 
 </div>
 
diff --git a/README-vi.md b/README-vi.md
new file mode 100644
index 000000000..95b287ba2
--- /dev/null
+++ b/README-vi.md
@@ -0,0 +1,203 @@
+<div align="center">
+
+<img src="./static/image/MiroFish_logo_compressed.jpeg" alt="MiroFish Logo" width="75%"/>
+
+<a href="https://trendshift.io/repositories/16144" target="_blank"><img src="https://trendshift.io/api/badge/repositories/16144" alt="666ghj%2FMiroFish | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>
+
+Công cụ Trí tuệ Bầy đàn Đơn giản và Phổ quát, Dự đoán Mọi thứ
+</br>
+<em>A Simple and Universal Swarm Intelligence Engine, Predicting Anything</em>
+
+<a href="https://www.shanda.com/" target="_blank"><img src="./static/image/shanda_logo.png" alt="666ghj%2MiroFish | Shanda" height="40"/></a>
+
+[![GitHub Stars](https://img.shields.io/github/stars/666ghj/MiroFish?style=flat-square&color=DAA520)](https://github.com/666ghj/MiroFish/stargazers)
+[![GitHub Watchers](https://img.shields.io/github/watchers/666ghj/MiroFish?style=flat-square)](https://github.com/666ghj/MiroFish/watchers)
+[![GitHub Forks](https://img.shields.io/github/forks/666ghj/MiroFish?style=flat-square)](https://github.com/666ghj/MiroFish/network)
+[![Docker](https://img.shields.io/badge/Docker-Build-2496ED?style=flat-square&logo=docker&logoColor=white)](https://hub.docker.com/)
+[![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/666ghj/MiroFish)
+
+[![Discord](https://img.shields.io/badge/Discord-Join-5865F2?style=flat-square&logo=discord&logoColor=white)](http://discord.gg/ePf5aPaHnA)
+[![X](https://img.shields.io/badge/X-Follow-000000?style=flat-square&logo=x&logoColor=white)](https://x.com/mirofish_ai)
+[![Instagram](https://img.shields.io/badge/Instagram-Follow-E4405F?style=flat-square&logo=instagram&logoColor=white)](https://www.instagram.com/mirofish_ai/)
+
+[Tiếng Việt](./README-vi.md) | [English](./README-EN.md) | [中文文档](./README.md)
+
+</div>
+
+## ⚡ Tổng quan dự án
+
+**MiroFish** là một công cụ dự đoán AI thế hệ mới dựa trên công nghệ đa tác vụ (multi-agent). Bằng cách trích xuất thông tin "hạt giống" từ thế giới thực (như tin tức nóng hổi, dự thảo chính sách hoặc tín hiệu tài chính), nó tự động xây dựng một thế giới kỹ thuật số song song với độ trung thực cao. Trong không gian này, hàng ngàn tác nhân thông minh (agent) với tính cách độc lập, trí nhớ dài hạn và logic hành vi tự do tương tác và phát triển xã hội. Bạn có thể tác động đến các biến số từ "góc nhìn của Chúa" để suy luận chính xác các xu hướng tương lai — **diễn tập tương lai trong một hộp cát kỹ thuật số và đưa ra quyết định sau vô số lần mô phỏng**.
+
+> Bạn chỉ cần: Tải lên tài liệu hạt giống (báo cáo phân tích dữ liệu hoặc các câu chuyện thú vị) và mô tả yêu cầu dự đoán bằng ngôn ngữ tự nhiên.</br>
+> MiroFish sẽ trả về: Một báo cáo dự đoán chi tiết và một thế giới kỹ thuật số có độ trung thực cao có thể tương tác sâu.
+
+### Tầm nhìn của chúng tôi
+
+MiroFish tận tâm tạo ra một chiếc gương trí tuệ bầy đàn phản chiếu thực tế bằng cách nắm bắt sự trỗi dậy tập thể được kích hoạt bởi các tương tác cá nhân, chúng tôi phá vỡ các giới hạn của dự đoán truyền thống:
+
+- **Ở cấp độ vĩ mô**: Chúng tôi là một phòng thí nghiệm diễn tập cho những người ra quyết định, cho phép các chính sách và quan hệ công chúng được thử nghiệm với rủi ro bằng không.
+- **Ở cấp độ vi mô**: Chúng tôi là một hộp cát sáng tạo cho người dùng cá nhân — dù là suy luận kết thúc tiểu thuyết hay khám phá các kịch bản tưởng tượng, mọi thứ đều có thể thú vị, vui nhộn và dễ tiếp cận.
+
+Từ những dự đoán nghiêm túc đến những mô phỏng vui chơi, chúng tôi để mọi "nếu như" đều thấy được kết quả, giúp dự đoán mọi thứ trở nên khả thi.
+
+## 🌐 Bản demo trực tuyến
+
+Chào mừng bạn đến thăm môi trường demo trực tuyến của chúng tôi và trải nghiệm mô phỏng dự đoán về các sự kiện dư luận xã hội mà chúng tôi đã chuẩn bị cho bạn: [mirofish-live-demo](https://666ghj.github.io/mirofish-demo/)
+
+## 📸 Ảnh chụp màn hình
+
+<div align="center">
+<table>
+<tr>
+<td><img src="./static/image/Screenshot/运行截图1.png" alt="Screenshot 1" width="100%"/></td>
+<td><img src="./static/image/Screenshot/运行截图2.png" alt="Screenshot 2" width="100%"/></td>
+</tr>
+<tr>
+<td><img src="./static/image/Screenshot/运行截图3.png" alt="Screenshot 3" width="100%"/></td>
+<td><img src="./static/image/Screenshot/运行截图4.png" alt="Screenshot 4" width="100%"/></td>
+</tr>
+<tr>
+<td><img src="./static/image/Screenshot/运行截图5.png" alt="Screenshot 5" width="100%"/></td>
+<td><img src="./static/image/Screenshot/运行截图6.png" alt="Screenshot 6" width="100%"/></td>
+</tr>
+</table>
+</div>
+
+## 🎬 Video Demo
+
+### 1. Mô phỏng dư luận Đại học Vũ Hán + Giới thiệu dự án MiroFish
+
+<div align="center">
+<a href="https://www.bilibili.com/video/BV1VYBsBHEMY/" target="_blank"><img src="./static/image/武大模拟演示封面.png" alt="MiroFish Demo Video" width="75%"/></a>
+
+Nhấp vào ảnh để xem video demo hoàn chỉnh dự đoán bằng cách sử dụng "Báo cáo dư luận Đại học Vũ Hán" do BettaFish tạo ra.
+</div>
+
+### 2. Mô phỏng kết thúc bị mất của Hồng Lâu Mộng
+
+<div align="center">
+<a href="https://www.bilibili.com/video/BV1cPk3BBExq" target="_blank"><img src="./static/image/红楼梦模拟推演封面.jpg" alt="MiroFish Demo Video" width="75%"/></a>
+
+Nhấp vào ảnh để xem dự đoán sâu sắc của MiroFish về kết thúc bị mất dựa trên hàng trăm nghìn chữ từ 80 chương đầu tiên của "Hồng Lâu Mộng".
+</div>
+
+> **Dự đoán tài chính**, **Dự đoán tin tức chính trị** và nhiều ví dụ khác sẽ sớm ra mắt...
+
+## 🔄 Quy trình làm việc
+
+1. **Xây dựng bản đồ tri thức**: Trích xuất hạt giống thực tế & Tiêm trí nhớ cá nhân và tập thể & Xây dựng GraphRAG.
+2. **Thiết lập môi trường**: Trích xuất quan hệ thực thể & Tạo nhân cách & Cấu hình môi trường Agent tiêm tham số mô phỏng.
+3. **Bắt đầu mô phỏng**: Mô phỏng song song trên hai nền tảng & Tự động phân tích yêu cầu dự đoán & Cập nhật trí nhớ thời gian động.
+4. **Tạo báo cáo**: ReportAgent với bộ công cụ phong phú để tương tác sâu với môi trường sau mô phỏng.
+5. **Tương tác sâu**: Trò chuyện với bất kỳ tác nhân nào trong thế giới mô phỏng & Tương tác với ReportAgent.
+
+## 🚀 Bắt đầu nhanh
+
+### Lựa chọn 1: Triển khai từ mã nguồn (Khuyến nghị)
+
+#### Điều kiện tiên quyết
+
+| Công cụ | Phiên bản | Mô tả | Kiểm tra cài đặt |
+|------|---------|-------------|-------------------|
+| **Node.js** | 18+ | Môi trường chạy frontend, bao gồm npm | `node -v` |
+| **Python** | ≥3.11, ≤3.12 | Môi trường chạy backend | `python --version` |
+| **uv** | Mới nhất | Trình quản lý gói Python | `uv --version` |
+
+#### 1. Cấu hình biến môi trường
+
+```bash
+# Sao chép tệp cấu hình ví dụ
+cp .env.example .env
+
+# Chỉnh sửa tệp .env và điền các khóa API cần thiết
+```
+
+**Các biến môi trường bắt buộc:**
+
+```env
+# Cấu hình LLM API (hỗ trợ bất kỳ LLM API nào với định dạng OpenAI SDK)
+# Khuyến nghị: Mô hình Qwen-plus của Alibaba qua nền tảng Bailian: https://bailian.console.aliyun.com/
+# Tiêu thụ cao, hãy thử mô phỏng với ít hơn 40 vòng trước
+LLM_API_KEY=your_api_key
+LLM_BASE_URL=https://dashscope.aliyuncs.com/compatible-mode/v1
+LLM_MODEL_NAME=qwen-plus
+
+# Cấu hình Zep Cloud
+# Hạn ngạch miễn phí hàng tháng là đủ cho việc sử dụng đơn giản: https://app.getzep.com/
+ZEP_API_KEY=your_zep_api_key
+```
+
+#### 2. Cài đặt phụ thuộc
+
+```bash
+# Cài đặt một lần cho tất cả các phụ thuộc (root + frontend + backend)
+npm run setup:all
+```
+
+Hoặc cài đặt từng bước:
+
+```bash
+# Cài đặt phụ thuộc Node (root + frontend)
+npm run setup
+
+# Cài đặt phụ thuộc Python (backend, tự động tạo môi trường ảo)
+npm run setup:backend
+```
+
+#### 3. Khởi động dịch vụ
+
+```bash
+# Khởi động cả frontend và backend (chạy từ thư mục gốc của dự án)
+npm run dev
+```
+
+**Địa chỉ dịch vụ:**
+- Frontend: `http://localhost:3000`
+- Backend API: `http://localhost:5001`
+
+**Khởi động riêng lẻ:**
+
+```bash
+npm run backend   # Chỉ khởi động backend
+npm run frontend  # Chỉ khởi động frontend
+```
+
+### Lựa chọn 2: Triển khai Docker
+
+```bash
+# 1. Cấu hình biến môi trường (giống như triển khai mã nguồn)
+cp .env.example .env
+
+# 2. Kéo image và khởi động
+docker compose up -d
+```
+
+Mặc định sẽ đọc `.env` từ thư mục gốc, ánh xạ các cổng `3000 (frontend) / 5001 (backend)`.
+
+> Địa chỉ mirror để kéo nhanh hơn được cung cấp dưới dạng ghi chú trong `docker-compose.yml`, hãy thay thế nếu cần thiết.
+
+## 📬 Tham gia thảo luận
+
+<div align="center">
+<img src="./static/image/QQ群.png" alt="QQ Group" width="60%"/>
+</div>
+
+&nbsp;
+
+Đội ngũ MiroFish đang tuyển dụng các vị trí toàn thời gian/thực tập. Nếu bạn quan tâm đến mô phỏng đa tác vụ và ứng dụng LLM, vui lòng gửi CV của bạn đến: **mirofish@shanda.com**
+
+## 📄 Lời cảm ơn
+
+**MiroFish đã nhận được sự hỗ trợ chiến lược và ươm tạo từ Tập đoàn Shanda!**
+
+Công cụ mô phỏng của MiroFish được cung cấp bởi **[OASIS (Open Agent Social Interaction Simulations)](https://github.com/camel-ai/oasis)**, Chúng tôi chân thành cảm ơn đội ngũ CAMEL-AI vì những đóng góp mã nguồn mở của họ!
+
+## 📈 Thống kê dự án
+
+<a href="https://www.star-history.com/#666ghj/MiroFish&type=date&legend=top-left">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=666ghj/MiroFish&type=date&theme=dark&legend=top-left" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=666ghj/MiroFish&type=date&legend=top-left" />
+   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=666ghj/MiroFish&type=date&legend=top-left" />
+ </picture>
+</a>
diff --git a/README.md b/README.md
index 4f5cffe74..a68bc67e8 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,7 @@
 [![X](https://img.shields.io/badge/X-Follow-000000?style=flat-square&logo=x&logoColor=white)](https://x.com/mirofish_ai)
 [![Instagram](https://img.shields.io/badge/Instagram-Follow-E4405F?style=flat-square&logo=instagram&logoColor=white)](https://www.instagram.com/mirofish_ai/)
 
-[English](./README-EN.md) | [中文文档](./README.md)
+[Tiếng Việt](./README-vi.md) | [English](./README-EN.md) | [中文文档](./README.md)
 
 </div>
 
diff --git a/frontend/index.html b/frontend/index.html
index 009c924a4..ea9979978 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="zh-CN">
+<html lang="en">
   <head>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -7,8 +7,8 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/png" href="/icon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="MiroFish - 社交媒体舆论模拟系统" />
-    <title>MiroFish - 预测万物</title>
+    <meta name="description" content="MiroFish - Social Media Opinion Simulation System" />
+    <title>MiroFish</title>
   </head>
   <body>
     <div id="app"></div>
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 5af29f761..4d75f8ef0 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/api/graph.js b/frontend/src/api/graph.js
index ef90a2b6f..d79e4907f 100644
--- a/frontend/src/api/graph.js
+++ b/frontend/src/api/graph.js
@@ -1,8 +1,8 @@
 import service, { requestWithRetry } from './index'
 
 /**
- * 生成本体（上传文档和模拟需求）
- * @param {Object} data - 包含files, simulation_requirement, project_name等
+ * Generate ontology (upload documents and simulation requirements)
+ * @param {Object} formData - contains files, simulation_requirement, project_name, etc.
  * @returns {Promise}
  */
 export function generateOntology(formData) {
@@ -19,8 +19,8 @@ export function generateOntology(formData) {
 }
 
 /**
- * 构建图谱
- * @param {Object} data - 包含project_id, graph_name等
+ * Build graph
+ * @param {Object} data - contains project_id, graph_name, etc.
  * @returns {Promise}
  */
 export function buildGraph(data) {
@@ -34,8 +34,8 @@ export function buildGraph(data) {
 }
 
 /**
- * 查询任务状态
- * @param {String} taskId - 任务ID
+ * Query task status
+ * @param {String} taskId - task ID
  * @returns {Promise}
  */
 export function getTaskStatus(taskId) {
@@ -46,8 +46,8 @@ export function getTaskStatus(taskId) {
 }
 
 /**
- * 获取图谱数据
- * @param {String} graphId - 图谱ID
+ * Get graph data
+ * @param {String} graphId - graph ID
  * @returns {Promise}
  */
 export function getGraphData(graphId) {
@@ -58,8 +58,8 @@ export function getGraphData(graphId) {
 }
 
 /**
- * 获取项目信息
- * @param {String} projectId - 项目ID
+ * Get project information
+ * @param {String} projectId - project ID
  * @returns {Promise}
  */
 export function getProject(projectId) {
diff --git a/frontend/src/api/index.js b/frontend/src/api/index.js
index e2d9465b2..533e02b15 100644
--- a/frontend/src/api/index.js
+++ b/frontend/src/api/index.js
@@ -1,31 +1,20 @@
 import axios from 'axios'
 
-// 创建axios实例
+// Create axios instance
 const service = axios.create({
   baseURL: import.meta.env.VITE_API_BASE_URL || 'http://localhost:5001',
-  timeout: 300000, // 5分钟超时（本体生成可能需要较长时间）
+  timeout: 300000, // 5 min timeout (ontology generation takes time)
   headers: {
     'Content-Type': 'application/json'
   }
 })
 
-// 请求拦截器
-service.interceptors.request.use(
-  config => {
-    return config
-  },
-  error => {
-    console.error('Request error:', error)
-    return Promise.reject(error)
-  }
-)
-
-// 响应拦截器（容错重试机制）
+// Response interceptor (error retry mechanism)
 service.interceptors.response.use(
   response => {
     const res = response.data
     
-    // 如果返回的状态码不是success，则抛出错误
+    // If return status is not success, throw error
     if (!res.success && res.success !== undefined) {
       console.error('API Error:', res.error || res.message || 'Unknown error')
       return Promise.reject(new Error(res.error || res.message || 'Error'))
diff --git a/frontend/src/api/report.js b/frontend/src/api/report.js
index c89a67d8c..fb714f987 100644
--- a/frontend/src/api/report.js
+++ b/frontend/src/api/report.js
@@ -1,15 +1,16 @@
 import service, { requestWithRetry } from './index'
 
 /**
- * 开始报告生成
- * @param {Object} data - { simulation_id, force_regenerate? }
+ * Create report
+ * @param {Object} data - { simulation_id, outline_only? }
+ * @returns {Promise}
  */
 export const generateReport = (data) => {
   return requestWithRetry(() => service.post('/api/report/generate', data), 3, 1000)
 }
 
 /**
- * 获取报告生成状态
+ * Get report creation status
  * @param {string} reportId
  */
 export const getReportStatus = (reportId) => {
@@ -17,25 +18,25 @@ export const getReportStatus = (reportId) => {
 }
 
 /**
- * 获取 Agent 日志（增量）
+ * Get Agent log (incremental)
  * @param {string} reportId
- * @param {number} fromLine - 从第几行开始获取
+ * @param {number} fromLine - Start line
  */
 export const getAgentLog = (reportId, fromLine = 0) => {
   return service.get(`/api/report/${reportId}/agent-log`, { params: { from_line: fromLine } })
 }
 
 /**
- * 获取控制台日志（增量）
+ * Get console log (incremental)
  * @param {string} reportId
- * @param {number} fromLine - 从第几行开始获取
+ * @param {number} fromLine - Start line
  */
 export const getConsoleLog = (reportId, fromLine = 0) => {
   return service.get(`/api/report/${reportId}/console-log`, { params: { from_line: fromLine } })
 }
 
 /**
- * 获取报告详情
+ * Get report details
  * @param {string} reportId
  */
 export const getReport = (reportId) => {
@@ -43,7 +44,7 @@ export const getReport = (reportId) => {
 }
 
 /**
- * 与 Report Agent 对话
+ * Chat with Report Agent
  * @param {Object} data - { simulation_id, message, chat_history? }
  */
 export const chatWithReport = (data) => {
diff --git a/frontend/src/api/simulation.js b/frontend/src/api/simulation.js
index f878586f0..b4aad6c21 100644
--- a/frontend/src/api/simulation.js
+++ b/frontend/src/api/simulation.js
@@ -1,7 +1,7 @@
 import service, { requestWithRetry } from './index'
 
 /**
- * 创建模拟
+ * Create simulation
  * @param {Object} data - { project_id, graph_id?, enable_twitter?, enable_reddit? }
  */
 export const createSimulation = (data) => {
@@ -9,7 +9,7 @@ export const createSimulation = (data) => {
 }
 
 /**
- * 准备模拟环境（异步任务）
+ * Prepare simulation environment (async task)
  * @param {Object} data - { simulation_id, entity_types?, use_llm_for_profiles?, parallel_profile_count?, force_regenerate? }
  */
 export const prepareSimulation = (data) => {
@@ -17,7 +17,7 @@ export const prepareSimulation = (data) => {
 }
 
 /**
- * 查询准备任务进度
+ * Query prepare task status
  * @param {Object} data - { task_id?, simulation_id? }
  */
 export const getPrepareStatus = (data) => {
@@ -25,7 +25,7 @@ export const getPrepareStatus = (data) => {
 }
 
 /**
- * 获取模拟状态
+ * Get simulation status
  * @param {string} simulationId
  */
 export const getSimulation = (simulationId) => {
@@ -33,7 +33,7 @@ export const getSimulation = (simulationId) => {
 }
 
 /**
- * 获取模拟的 Agent Profiles
+ * Get simulation Agent Profiles
  * @param {string} simulationId
  * @param {string} platform - 'reddit' | 'twitter'
  */
@@ -42,7 +42,7 @@ export const getSimulationProfiles = (simulationId, platform = 'reddit') => {
 }
 
 /**
- * 实时获取生成中的 Agent Profiles
+ * Get Agent Profiles in realtime
  * @param {string} simulationId
  * @param {string} platform - 'reddit' | 'twitter'
  */
@@ -51,7 +51,7 @@ export const getSimulationProfilesRealtime = (simulationId, platform = 'reddit')
 }
 
 /**
- * 获取模拟配置
+ * Get simulation configuration
  * @param {string} simulationId
  */
 export const getSimulationConfig = (simulationId) => {
@@ -59,17 +59,17 @@ export const getSimulationConfig = (simulationId) => {
 }
 
 /**
- * 实时获取生成中的模拟配置
+ * Get simulation configuration in realtime
  * @param {string} simulationId
- * @returns {Promise} 返回配置信息，包含元数据和配置内容
+ * @returns {Promise} Returns configuration info
  */
 export const getSimulationConfigRealtime = (simulationId) => {
   return service.get(`/api/simulation/${simulationId}/config/realtime`)
 }
 
 /**
- * 列出所有模拟
- * @param {string} projectId - 可选，按项目ID过滤
+ * List all simulations
+ * @param {string} projectId - optional filter by project ID
  */
 export const listSimulations = (projectId) => {
   const params = projectId ? { project_id: projectId } : {}
@@ -77,7 +77,7 @@ export const listSimulations = (projectId) => {
 }
 
 /**
- * 启动模拟
+ * Start simulation
  * @param {Object} data - { simulation_id, platform?, max_rounds?, enable_graph_memory_update? }
  */
 export const startSimulation = (data) => {
@@ -85,7 +85,7 @@ export const startSimulation = (data) => {
 }
 
 /**
- * 停止模拟
+ * Stop simulation
  * @param {Object} data - { simulation_id }
  */
 export const stopSimulation = (data) => {
@@ -93,7 +93,7 @@ export const stopSimulation = (data) => {
 }
 
 /**
- * 获取模拟运行实时状态
+ * Get simulation run status in realtime
  * @param {string} simulationId
  */
 export const getRunStatus = (simulationId) => {
@@ -101,7 +101,7 @@ export const getRunStatus = (simulationId) => {
 }
 
 /**
- * 获取模拟运行详细状态（包含最近动作）
+ * Get detailed simulation run status (inc. recent actions)
  * @param {string} simulationId
  */
 export const getRunStatusDetail = (simulationId) => {
@@ -109,11 +109,11 @@ export const getRunStatusDetail = (simulationId) => {
 }
 
 /**
- * 获取模拟中的帖子
+ * Get simulation posts
  * @param {string} simulationId
  * @param {string} platform - 'reddit' | 'twitter'
- * @param {number} limit - 返回数量
- * @param {number} offset - 偏移量
+ * @param {number} limit - return count
+ * @param {number} offset - offset
  */
 export const getSimulationPosts = (simulationId, platform = 'reddit', limit = 50, offset = 0) => {
   return service.get(`/api/simulation/${simulationId}/posts`, {
@@ -122,10 +122,10 @@ export const getSimulationPosts = (simulationId, platform = 'reddit', limit = 50
 }
 
 /**
- * 获取模拟时间线（按轮次汇总）
+ * Get simulation timeline (summary by rounds)
  * @param {string} simulationId
- * @param {number} startRound - 起始轮次
- * @param {number} endRound - 结束轮次
+ * @param {number} startRound - start round
+ * @param {number} endRound - end round
  */
 export const getSimulationTimeline = (simulationId, startRound = 0, endRound = null) => {
   const params = { start_round: startRound }
@@ -136,7 +136,7 @@ export const getSimulationTimeline = (simulationId, startRound = 0, endRound = n
 }
 
 /**
- * 获取Agent统计信息
+ * Get Agent statistical information
  * @param {string} simulationId
  */
 export const getAgentStats = (simulationId) => {
@@ -144,7 +144,7 @@ export const getAgentStats = (simulationId) => {
 }
 
 /**
- * 获取模拟动作历史
+ * Get simulation action history
  * @param {string} simulationId
  * @param {Object} params - { limit, offset, platform, agent_id, round_num }
  */
@@ -153,7 +153,7 @@ export const getSimulationActions = (simulationId, params = {}) => {
 }
 
 /**
- * 关闭模拟环境（优雅退出）
+ * Close simulation environment (graceful exit)
  * @param {Object} data - { simulation_id, timeout? }
  */
 export const closeSimulationEnv = (data) => {
@@ -161,7 +161,7 @@ export const closeSimulationEnv = (data) => {
 }
 
 /**
- * 获取模拟环境状态
+ * Get simulation environment status
  * @param {Object} data - { simulation_id }
  */
 export const getEnvStatus = (data) => {
@@ -169,7 +169,7 @@ export const getEnvStatus = (data) => {
 }
 
 /**
- * 批量采访 Agent
+ * Batch interview Agents
  * @param {Object} data - { simulation_id, interviews: [{ agent_id, prompt }] }
  */
 export const interviewAgents = (data) => {
@@ -177,9 +177,9 @@ export const interviewAgents = (data) => {
 }
 
 /**
- * 获取历史模拟列表（带项目详情）
- * 用于首页历史项目展示
- * @param {number} limit - 返回数量限制
+ * Get historical simulation list (with project details)
+ * Used for home history project display
+ * @param {number} limit - return limit
  */
 export const getSimulationHistory = (limit = 20) => {
   return service.get('/api/simulation/history', { params: { limit } })
diff --git a/frontend/src/components/GraphPanel.vue b/frontend/src/components/GraphPanel.vue
index 314c966e4..a70b475d7 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.title') }}</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.refresh')">
           <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.maximize')">
           <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.memory_updating') : $t('graph.updating') }}
         </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.finished_hint') }}</span>
+          <button class="hint-close-btn" @click="dismissFinishedHint" :title="$t('common.close')">
             <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.node_details') : $t('graph.relationship') }}</span>
             <span v-if="selectedItem.type === 'node'" class="detail-type-badge" :style="{ background: selectedItem.color, color: '#fff' }">
               {{ selectedItem.entityType }}
             </span>
@@ -61,21 +61,21 @@
           <!-- 节点详情 -->
           <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>
@@ -86,13 +86,13 @@
             
             <!-- 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>
+                {{ $t('graph.self_relations', { name: selectedItem.data.source_name }) }}
+                <span class="self-loop-count">{{ $t('graph.items_count', { count: selectedItem.data.selfLoopCount }) }}</span>
               </div>
               
               <div class="self-loop-list">
@@ -128,19 +128,19 @@
                   
                   <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">
@@ -161,25 +161,25 @@
               </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-label">{{ $t('graph.labels') }}:</span>
                 <span class="detail-value">{{ selectedItem.data.name || 'RELATED_TO' }}</span>
               </div>
               <div class="detail-row">
-                <span class="detail-label">Type:</span>
+                <span class="detail-label">{{ $t('graph.type') }}:</span>
                 <span class="detail-value">{{ selectedItem.data.fact_type || '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.valid_from') }}:</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.waiting') }}</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.entity_types') }}</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.show_edge_labels') }}</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 } = useI18n()
+
 const props = defineProps({
   graphData: Object,
   loading: Boolean,
@@ -303,7 +306,7 @@ const formatDateTime = (dateStr) => {
   if (!dateStr) return ''
   try {
     const date = new Date(dateStr)
-    return date.toLocaleString('en-US', { 
+    return date.toLocaleString(t('common.locale_code') || 'en-US', { 
       month: 'short', 
       day: 'numeric', 
       year: 'numeric',
diff --git a/frontend/src/components/HistoryDatabase.vue b/frontend/src/components/HistoryDatabase.vue
index edc73f46b..3a5cf33e9 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.sim_history') }}</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('step1.graph_build.title')"
             >◇</span>
             <span 
               class="status-icon available" 
-              title="环境搭建"
+              :title="$t('step2.init_sim.title')"
             >◈</span>
             <span 
               class="status-icon" 
               :class="{ available: project.report_id, unavailable: !project.report_id }"
-              title="分析报告"
+              :title="$t('step4.header.prediction_report')"
             >◆</span>
           </div>
         </div>
@@ -67,13 +67,13 @@
             </div>
             <!-- 如果有更多文件，显示提示 -->
             <div v-if="project.files.length > 3" class="files-more">
-              +{{ project.files.length - 3 }} 个文件
+              +{{ project.files.length - 3 }} {{ $t('common.items') }}
             </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.no_history') }}</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('graph.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.sim_requirement') }}</div>
+                <div class="modal-requirement">{{ selectedProject.simulation_requirement || $t('common.no') }}</div>
               </div>
 
               <!-- 文件列表 -->
               <div class="modal-section">
-                <div class="modal-label">关联文件</div>
+                <div class="modal-label">{{ $t('history.related_files') }}</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.no_history') }}</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>
 
@@ -159,7 +159,7 @@
               >
                 <span class="btn-step">Step1</span>
                 <span class="btn-icon">◇</span>
-                <span class="btn-text">图谱构建</span>
+                <span class="btn-text">{{ $t('step1.graph_build.title') }}</span>
               </button>
               <button 
                 class="modal-btn btn-simulation" 
@@ -167,7 +167,7 @@
               >
                 <span class="btn-step">Step2</span>
                 <span class="btn-icon">◈</span>
-                <span class="btn-text">环境搭建</span>
+                <span class="btn-text">{{ $t('step2.init_sim.title') }}</span>
               </button>
               <button 
                 class="modal-btn btn-report" 
@@ -176,12 +176,12 @@
               >
                 <span class="btn-step">Step4</span>
                 <span class="btn-icon">◆</span>
-                <span class="btn-text">分析报告</span>
+                <span class="btn-text">{{ $t('step4.header.prediction_report') }}</span>
               </button>
             </div>
             <!-- 不可回放提示 -->
             <div class="modal-playback-hint">
-              <span class="hint-text">Step3「开始模拟」与 Step5「深度互动」需在运行中启动，不支持历史回放</span>
+              <span class="hint-text">{{ $t('history.playback_hint') }}</span>
             </div>
           </div>
         </div>
@@ -193,10 +193,12 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted, onActivated, watch, nextTick } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 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('history.unnamed_sim')
   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.pending')
+  return `${current}/${total} ${t('common.rounds')}`
 }
 
 // 获取文件类型（用于样式）
@@ -382,7 +384,7 @@ const getFileTypeLabel = (filename) => {
 
 // 截断文件名（保留扩展名）
 const truncateFilename = (filename, maxLength) => {
-  if (!filename) return '未知文件'
+  if (!filename) return t('history.unknown_file')
   if (filename.length <= maxLength) return filename
   
   const ext = filename.includes('.') ? '.' + filename.split('.').pop() : ''
@@ -443,7 +445,7 @@ const loadHistory = async () => {
       projects.value = response.data || []
     }
   } catch (error) {
-    console.error('加载历史项目失败:', error)
+    console.error(`${t('common.unknown_error')}:`, error)
     projects.value = []
   } finally {
     loading.value = false
diff --git a/frontend/src/components/LanguageSwitcher.vue b/frontend/src/components/LanguageSwitcher.vue
new file mode 100644
index 000000000..34d0e6c0a
--- /dev/null
+++ b/frontend/src/components/LanguageSwitcher.vue
@@ -0,0 +1,182 @@
+<template>
+  <div class="lang-switcher-wrapper" ref="wrapperRef">
+    <button class="lang-trigger" @click.stop="toggleDropdown" :class="{ 'is-open': isOpen }">
+      <span class="lang-icon">🌐</span>
+      <span class="lang-label">{{ currentLangLabel }}</span>
+      <span class="lang-chevron">▾</span>
+    </button>
+    
+    <Transition name="dropdown-fade">
+      <div v-if="isOpen" class="lang-dropdown">
+        <div 
+          v-for="lang in languages" 
+          :key="lang.code" 
+          class="lang-option"
+          :class="{ 'is-active': locale === lang.code }"
+          @click="selectLang(lang.code)"
+        >
+          <span class="option-code">{{ lang.code.toUpperCase() }}</span>
+          <span class="option-name">{{ lang.name }}</span>
+          <span v-if="locale === lang.code" class="active-dot">●</span>
+        </div>
+      </div>
+    </Transition>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, onUnmounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const { locale } = useI18n();
+const isOpen = ref(false);
+const wrapperRef = ref(null);
+
+const languages = [
+  { code: 'zh', name: '中文' },
+  { code: 'en', name: 'English' },
+  { code: 'vi', name: 'Tiếng Việt' }
+];
+
+const currentLangLabel = computed(() => {
+  return locale.value.toUpperCase();
+});
+
+const toggleDropdown = () => {
+  isOpen.value = !isOpen.value;
+};
+
+const selectLang = (code) => {
+  locale.value = code;
+  isOpen.value = false;
+};
+
+const handleClickOutside = (event) => {
+  if (wrapperRef.value && !wrapperRef.value.contains(event.target)) {
+    isOpen.value = false;
+  }
+};
+
+onMounted(() => {
+  window.addEventListener('click', handleClickOutside);
+});
+
+onUnmounted(() => {
+  window.removeEventListener('click', handleClickOutside);
+});
+</script>
+
+<style scoped>
+.lang-switcher-wrapper {
+  position: relative;
+  font-family: 'JetBrains Mono', monospace;
+  margin-right: 20px;
+}
+
+.lang-trigger {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: rgba(0, 0, 0, 0.05);
+  backdrop-filter: blur(8px);
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 6px;
+  padding: 6px 12px;
+  color: #1a1a1a;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  min-width: 80px;
+  justify-content: center;
+}
+
+.lang-trigger:hover {
+  background: rgba(0, 0, 0, 0.08);
+  border-color: var(--orange, #FF4500);
+  transform: translateY(-1px);
+}
+
+.lang-trigger.is-open {
+  background: rgba(255, 255, 255, 1);
+  border-color: var(--orange, #FF4500);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+}
+
+.lang-icon {
+  font-size: 14px;
+}
+
+.lang-chevron {
+  font-size: 10px;
+  opacity: 0.5;
+  transition: transform 0.2s ease;
+}
+
+.is-open .lang-chevron {
+  transform: rotate(180deg);
+}
+
+/* Dropdown Menu */
+.lang-dropdown {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  width: 150px;
+  background: #FFFFFF;
+  backdrop-filter: blur(12px);
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-radius: 8px;
+  padding: 6px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
+  z-index: 1000;
+}
+
+.lang-option {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  gap: 10px;
+  color: #444;
+}
+
+.lang-option:hover {
+  background: rgba(255, 69, 0, 0.05);
+  color: var(--orange, #FF4500);
+}
+
+.lang-option.is-active {
+  background: rgba(255, 69, 0, 0.08);
+  color: var(--orange, #FF4500);
+}
+
+.option-code {
+  font-weight: 700;
+  font-size: 12px;
+  width: 24px;
+}
+
+.option-name {
+  font-size: 13px;
+  flex: 1;
+}
+
+.active-dot {
+  font-size: 8px;
+}
+
+/* Animations */
+.dropdown-fade-enter-active,
+.dropdown-fade-leave-active {
+  transition: all 0.2s ease;
+}
+
+.dropdown-fade-enter-from,
+.dropdown-fade-leave-to {
+  opacity: 0;
+  transform: translateY(-10px);
+}
+</style>
diff --git a/frontend/src/components/Step1GraphBuild.vue b/frontend/src/components/Step1GraphBuild.vue
index de33a3fd1..96001cc0a 100644
--- a/frontend/src/components/Step1GraphBuild.vue
+++ b/frontend/src/components/Step1GraphBuild.vue
@@ -6,32 +6,32 @@
         <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.ontology.title') }}</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('common.completed') }}</span>
+            <span v-else-if="currentPhase === 0" class="badge processing">{{ $t('common.generating') }}</span>
+            <span v-else class="badge pending">{{ $t('common.pending') }}</span>
           </div>
         </div>
         
         <div class="card-content">
           <p class="api-note">POST /api/graph/ontology/generate</p>
           <p class="description">
-            LLM分析文档内容与模拟需求，提取出现实种子，自动生成合适的本体结构
+            {{ $t('step1.ontology.description') }}
           </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.ontology.analyzing') }}</span>
           </div>
 
           <!-- Detail Overlay -->
           <div v-if="selectedOntologyItem" class="ontology-detail-overlay">
             <div class="detail-header">
                <div class="detail-title-group">
-                  <span class="detail-type-badge">{{ selectedOntologyItem.itemType === 'entity' ? 'ENTITY' : 'RELATION' }}</span>
+                  <span class="detail-type-badge">{{ selectedOntologyItem.itemType === 'entity' ? $t('step1.ontology.entity') : $t('step1.ontology.relation') }}</span>
                   <span class="detail-name">{{ selectedOntologyItem.name }}</span>
                </div>
                <button class="close-btn" @click="selectedOntologyItem = null">×</button>
@@ -41,7 +41,7 @@
                
                <!-- Attributes -->
                <div class="detail-section" v-if="selectedOntologyItem.attributes?.length">
-                  <span class="section-label">ATTRIBUTES</span>
+                  <span class="section-label">{{ $t('step1.ontology.attributes') }}</span>
                   <div class="attr-list">
                      <div v-for="attr in selectedOntologyItem.attributes" :key="attr.name" class="attr-item">
                         <span class="attr-name">{{ attr.name }}</span>
@@ -53,7 +53,7 @@
 
                <!-- Examples (Entity) -->
                <div class="detail-section" v-if="selectedOntologyItem.examples?.length">
-                  <span class="section-label">EXAMPLES</span>
+                  <span class="section-label">{{ $t('step1.ontology.examples') }}</span>
                   <div class="example-list">
                      <span v-for="ex in selectedOntologyItem.examples" :key="ex" class="example-tag">{{ ex }}</span>
                   </div>
@@ -61,7 +61,7 @@
 
                <!-- Source/Target (Relation) -->
                <div class="detail-section" v-if="selectedOntologyItem.source_targets?.length">
-                  <span class="section-label">CONNECTIONS</span>
+                  <span class="section-label">{{ $t('step1.ontology.connections') }}</span>
                   <div class="conn-list">
                      <div v-for="(conn, idx) in selectedOntologyItem.source_targets" :key="idx" class="conn-item">
                         <span class="conn-node">{{ conn.source }}</span>
@@ -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.ontology.gen_entity_types') }}</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.ontology.gen_relation_types') }}</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.graph_build.title') }}</span>
           </div>
           <div class="step-status">
-            <span v-if="currentPhase > 1" class="badge success">已完成</span>
+            <span v-if="currentPhase > 1" class="badge success">{{ $t('common.completed') }}</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('common.pending') }}</span>
           </div>
         </div>
 
         <div class="card-content">
           <p class="api-note">POST /api/graph/build</p>
           <p class="description">
-            基于生成的本体，将文档自动分块后调用 Zep 构建知识图谱，提取实体和关系，并形成时序记忆与社区摘要
+            {{ $t('step1.graph_build.description') }}
           </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.graph_build.nodes') }}</span>
             </div>
             <div class="stat-card">
               <span class="stat-value">{{ graphStats.edges }}</span>
-              <span class="stat-label">关系边</span>
+              <span class="stat-label">{{ $t('step1.graph_build.edges') }}</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.graph_build.schema_types') }}</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.complete.title') }}</span>
           </div>
           <div class="step-status">
-            <span v-if="currentPhase >= 2" class="badge accent">进行中</span>
+            <span v-if="currentPhase >= 2" class="badge accent">{{ $t('common.in_progress') }}</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.complete.description') }}</p>
           <button 
             class="action-btn" 
             :disabled="currentPhase < 2 || creatingSimulation"
             @click="handleEnterEnvSetup"
           >
             <span v-if="creatingSimulation" class="spinner-sm"></span>
-            {{ creatingSimulation ? '创建中...' : '进入环境搭建 ➝' }}
+            {{ creatingSimulation ? $t('step1.complete.creating') : $t('step1.complete.enter_env') }}
           </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('home.system_status') }}</span>
+        <span class="log-id">{{ projectData?.project_id || $t('process.status_msg.unknown') }}</span>
       </div>
       <div class="log-content" ref="logContent">
         <div class="log-line" v-for="(log, idx) in systemLogs" :key="idx">
@@ -189,8 +189,10 @@
 <script setup>
 import { computed, ref, watch, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 import { createSimulation } from '../api/simulation'
 
+const { t } = useI18n()
 const router = useRouter()
 
 const props = defineProps({
@@ -211,7 +213,7 @@ const creatingSimulation = ref(false)
 // 进入环境搭建 - 创建 simulation 并跳转
 const handleEnterEnvSetup = async () => {
   if (!props.projectData?.project_id || !props.projectData?.graph_id) {
-    console.error('缺少项目或图谱信息')
+    console.error(t('process.status_msg.load_failed'))
     return
   }
   
@@ -232,12 +234,12 @@ const handleEnterEnvSetup = async () => {
         params: { simulationId: res.data.simulation_id }
       })
     } else {
-      console.error('创建模拟失败:', res.error)
-      alert('创建模拟失败: ' + (res.error || '未知错误'))
+      console.error(t('process.status_msg.load_failed') + ':', res.error)
+      alert(t('process.status_msg.load_failed') + ': ' + (res.error || t('common.unknown_error')))
     }
   } catch (err) {
-    console.error('创建模拟异常:', err)
-    alert('创建模拟异常: ' + err.message)
+    console.error(t('process.status_msg.load_failed') + ':', err)
+    alert(t('process.status_msg.load_failed') + ': ' + err.message)
   } finally {
     creatingSimulation.value = false
   }
diff --git a/frontend/src/components/Step2EnvSetup.vue b/frontend/src/components/Step2EnvSetup.vue
index eae776aaf..b26343c87 100644
--- a/frontend/src/components/Step2EnvSetup.vue
+++ b/frontend/src/components/Step2EnvSetup.vue
@@ -6,27 +6,27 @@
         <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.init_sim.title') }}</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('common.completed') }}</span>
+            <span v-else class="badge processing">{{ $t('step2.init_sim.status_init') }}</span>
           </div>
         </div>
         
         <div class="card-content">
           <p class="api-note">POST /api/simulation/create</p>
           <p class="description">
-            新建simulation实例，拉取模拟世界参数模版
+            {{ $t('step2.init_sim.desc') }}
           </p>
 
           <div v-if="simulationId" class="info-card">
             <div class="info-row">
-              <span class="info-label">Project ID</span>
+              <span class="info-label">{{ $t('process.project_info.id') }}</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('process.project_info.graph_id') }}</span>
               <span class="info-value mono">{{ projectData?.graph_id }}</span>
             </div>
             <div class="info-row">
@@ -35,7 +35,7 @@
             </div>
             <div class="info-row">
               <span class="info-label">Task ID</span>
-              <span class="info-value mono">{{ taskId || '异步任务已完成' }}</span>
+              <span class="info-value mono">{{ taskId || $t('common.completed') }}</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.gen_profiles.title') }}</span>
           </div>
           <div class="step-status">
-            <span v-if="phase > 1" class="badge success">已完成</span>
+            <span v-if="phase > 1" class="badge success">{{ $t('common.completed') }}</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('common.pending') }}</span>
           </div>
         </div>
 
         <div class="card-content">
           <p class="api-note">POST /api/simulation/prepare</p>
           <p class="description">
-            结合上下文，自动调用工具从知识图谱梳理实体与关系，初始化模拟个体，并基于现实种子赋予他们独特的行为与记忆
+            {{ $t('step2.gen_profiles.desc') }}
           </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.gen_profiles.current_agents') }}</span>
             </div>
             <div class="stat-card">
               <span class="stat-value">{{ expectedTotal || '-' }}</span>
-              <span class="stat-label">预期Agent总数</span>
+              <span class="stat-label">{{ $t('step2.gen_profiles.expected_agents') }}</span>
             </div>
             <div class="stat-card">
               <span class="stat-value">{{ totalTopicsCount }}</span>
-              <span class="stat-label">现实种子当前关联话题数</span>
+              <span class="stat-label">{{ $t('step2.gen_profiles.associated_topics') }}</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.gen_profiles.generated_title') }}</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('step2.gen_profiles.unknown_profession') }}</span>
                 </div>
-                <p class="profile-bio">{{ profile.bio || '暂无简介' }}</p>
+                <p class="profile-bio">{{ profile.bio || $t('step2.gen_profiles.no_bio') }}</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.gen_config.title') }}</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('common.completed') }}</span>
+            <span v-else-if="phase === 2" class="badge processing">{{ $t('common.generating') }}</span>
+            <span v-else class="badge pending">{{ $t('common.pending') }}</span>
           </div>
         </div>
 
         <div class="card-content">
           <p class="api-note">POST /api/simulation/prepare</p>
           <p class="description">
-            LLM 根据模拟需求与现实种子，智能设置世界时间流速、推荐算法、每个个体的活跃时间段、发言频率、事件触发等参数
+            {{ $t('step2.gen_config.desc') }}
           </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.gen_config.duration') }}</span>
+                  <span class="config-item-value">{{ simulationConfig.time_config?.total_simulation_hours || '-' }} {{ $t('common.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.gen_config.round_duration') }}</span>
+                  <span class="config-item-value">{{ simulationConfig.time_config?.minutes_per_round || '-' }} {{ $t('common.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.gen_config.total_rounds') }}</span>
+                  <span class="config-item-value">{{ Math.floor((simulationConfig.time_config?.total_simulation_hours * 60 / simulationConfig.time_config?.minutes_per_round)) || '-' }} {{ $t('common.rounds') }}</span>
                 </div>
                 <div class="config-item">
-                  <span class="config-item-label">每小时活跃</span>
+                  <span class="config-item-label">{{ $t('step2.gen_config.active_per_hour') }}</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.gen_config.peak_hours') }}</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.gen_config.work_hours') }}</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.gen_config.morning_hours') }}</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.gen_config.off_peak_hours') }}</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.gen_config.agent_config') }}</span>
+                <span class="config-block-badge">{{ simulationConfig.agent_configs?.length || 0 }} {{ $t('common.items') }}</span>
               </div>
               <div class="agents-cards">
                 <div 
@@ -205,7 +205,7 @@
                   
                   <!-- 活跃时间轴 -->
                   <div class="agent-timeline">
-                    <span class="timeline-label">活跃时段</span>
+                    <span class="timeline-label">{{ $t('step2.gen_config.active_hours') }}</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.gen_config.posts_per_hour') }}</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.gen_config.comments_per_hour') }}</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.gen_config.response_delay') }}</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.gen_config.activity_level') }}</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.gen_config.sentiment_bias') }}</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.gen_config.influence_weight') }}</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.gen_config.algo_config') }}</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.gen_config.platform1') }}</span>
                   </div>
                   <div class="platform-params">
                     <div class="param-row">
-                      <span class="param-label">时效权重</span>
+                      <span class="param-label">{{ $t('step2.gen_config.recency') }}</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.gen_config.popularity') }}</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.gen_config.relevance') }}</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.gen_config.viral') }}</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.gen_config.echo') }}</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.gen_config.platform2') }}</span>
                   </div>
                   <div class="platform-params">
                     <div class="param-row">
-                      <span class="param-label">时效权重</span>
+                      <span class="param-label">{{ $t('step2.gen_config.recency') }}</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.gen_config.popularity') }}</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.gen_config.relevance') }}</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.gen_config.viral') }}</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.gen_config.echo') }}</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.gen_config.reasoning') }}</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.activation.title') }}</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('common.completed') }}</span>
+            <span v-else-if="phase === 3" class="badge processing">{{ $t('common.in_progress') }}</span>
+            <span v-else class="badge pending">{{ $t('common.pending') }}</span>
           </div>
         </div>
 
         <div class="card-content">
           <p class="api-note">POST /api/simulation/prepare</p>
           <p class="description">
-            基于叙事方向，自动生成初始激活事件与热点话题，引导模拟世界的初始状态
+            {{ $t('step2.activation.desc') }}
           </p>
 
           <div v-if="simulationConfig?.event_config" class="orchestration-content">
@@ -380,14 +380,14 @@
                     </linearGradient>
                   </defs>
                 </svg>
-                叙事引导方向
+                {{ $t('step2.activation.narrative') }}
               </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.activation.hot_topics') }}</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.activation.initial_sequence', { count: 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>
@@ -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.complete.title') }}</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('common.in_progress') }}</span>
+            <span v-else class="badge pending">{{ $t('common.pending') }}</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.complete.desc') }}</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.complete.rounds_setup') }}</span>
+                <span class="section-desc">{{ $t('step2.complete.auto_plan', { hours: simulationConfig?.time_config?.total_simulation_hours || '-', mins: simulationConfig?.time_config?.minutes_per_round || '-' }) }}</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.complete.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('common.rounds') }}</span>
                   </div>
                   <div class="slider-meta-info">
-                    <span>若Agent规模为100：预计耗时约 {{ Math.round(customMaxRounds * 0.6) }} 分钟</span>
+                    <span>{{ $t('step2.complete.estimated_time', { mins: 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>
+                    >40 ({{ $t('step2.complete.recommended') }})</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('common.rounds') }}</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.complete.estimated_time', { mins: 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.complete.first_run_tip') }}</p>
                     </div>
                   </div>
                 </div>
@@ -514,14 +514,14 @@
               class="action-btn secondary"
               @click="$emit('go-back')"
             >
-              ← 返回图谱构建
+              {{ $t('step2.complete.back_to_graph') }}
             </button>
             <button 
               class="action-btn primary"
               :disabled="phase < 4"
               @click="handleStartSimulation"
             >
-              开始双世界并行模拟 ➝
+              {{ $t('step2.complete.start_sim') }}
             </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.modal.age') }}</span>
+              <span class="info-value">{{ selectedProfile.age || '-' }} {{ $t('common.age_unit') }}</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.modal.gender') }}</span>
+              <span class="info-value">{{ { male: $t('common.gender_male'), female: $t('common.gender_female'), other: $t('common.gender_other') }[selectedProfile.gender] || selectedProfile.gender }}</span>
             </div>
             <div class="info-item">
-              <span class="info-label">国家/地区</span>
+              <span class="info-label">{{ $t('step2.modal.location') }}</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.modal.mbti') }}</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.modal.persona_intro') }}</span>
+            <p class="section-bio">{{ selectedProfile.bio || $t('step2.gen_profiles.no_bio') }}</p>
           </div>
 
           <!-- 关注话题 -->
           <div class="modal-section" v-if="selectedProfile.interested_topics?.length">
-            <span class="section-label">现实种子关联话题</span>
+            <span class="section-label">{{ $t('step2.modal.seed_topics') }}</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.modal.detailed_persona') }}</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.modal.trajectory') }}</span>
+                <span class="dim-desc">{{ $t('step2.modal.trajectory_desc') }}</span>
               </div>
               <div class="dimension-card">
-                <span class="dim-title">行为模式侧写</span>
-                <span class="dim-desc">经验总结与行事风格偏好</span>
+                <span class="dim-title">{{ $t('step2.modal.style') }}</span>
+                <span class="dim-desc">{{ $t('step2.modal.style_desc') }}</span>
               </div>
               <div class="dimension-card">
-                <span class="dim-title">独特记忆印记</span>
-                <span class="dim-desc">基于现实种子形成的记忆</span>
+                <span class="dim-title">{{ $t('step2.modal.memory') }}</span>
+                <span class="dim-desc">{{ $t('step2.modal.memory_desc') }}</span>
               </div>
               <div class="dimension-card">
-                <span class="dim-title">社会关系网络</span>
-                <span class="dim-desc">个体链接与交互图谱</span>
+                <span class="dim-title">{{ $t('step2.modal.social_net') }}</span>
+                <span class="dim-desc">{{ $t('step2.modal.social_net_desc') }}</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('home.system_status') }}</span>
+        <span class="log-id">{{ simulationId || $t('process.status_msg.unknown') }}</span>
       </div>
       <div class="log-content" ref="logContent">
         <div class="log-line" v-for="(log, idx) in systemLogs" :key="idx">
@@ -633,6 +633,7 @@
 
 <script setup>
 import { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { 
   prepareSimulation, 
   getPrepareStatus, 
@@ -641,6 +642,8 @@ import {
   getSimulationConfigRealtime 
 } from '../api/simulation'
 
+const { t } = useI18n()
+
 const props = defineProps({
   simulationId: String,  // 从父组件传入
   projectData: Object,
@@ -680,11 +683,15 @@ watch(currentStage, (newStage) => {
     phase.value = 2
     // 进入配置生成阶段，开始轮询配置
     if (!configTimer) {
-      addLog('开始生成双平台模拟配置...')
+      addLog(t('step2.logs.start_gen_config'))
       startConfigPolling()
     }
-  } else if (newStage === '准备模拟脚本' || newStage === 'copying_scripts') {
-    phase.value = 2 // 仍属于配置阶段
+  } else if (newStage === '准备模拟脚本' || newStage === 'copying_scripts' || newStage === '准备完成' || newStage === 'ready') {
+    if (newStage === '准备完成' || newStage === 'ready') {
+      phase.value = 4
+    } else {
+      phase.value = 2
+    }
   }
 })
 
@@ -745,10 +752,10 @@ const handleStartSimulation = () => {
   if (useCustomRounds.value) {
     // 用户自定义轮数，传递 max_rounds 参数
     params.maxRounds = customMaxRounds.value
-    addLog(`开始模拟，自定义轮数: ${customMaxRounds.value} 轮`)
+    addLog(t('step2.logs.start_sim_custom', { rounds: customMaxRounds.value }))
   } else {
     // 用户选择保持自动生成的轮数，不传递 max_rounds 参数
-    addLog(`开始模拟，使用自动配置轮数: ${autoGeneratedRounds.value} 轮`)
+    addLog(t('step2.logs.start_sim_auto', { rounds: autoGeneratedRounds.value }))
   }
   
   emit('next-step', params)
@@ -768,15 +775,15 @@ const selectProfile = (profile) => {
 // 自动开始准备模拟
 const startPrepareSimulation = async () => {
   if (!props.simulationId) {
-    addLog('错误：缺少 simulationId')
+    addLog(t('step2.logs.err_no_sim_id'))
     emit('update-status', 'error')
     return
   }
   
   // 标记第一步完成，开始第二步
   phase.value = 1
-  addLog(`模拟实例已创建: ${props.simulationId}`)
-  addLog('正在准备模拟环境...')
+  addLog(t('step2.logs.sim_instance_created', { id: props.simulationId }))
+  addLog(t('step2.logs.preparing_env'))
   emit('update-status', 'processing')
   
   try {
@@ -788,35 +795,35 @@ const startPrepareSimulation = async () => {
     
     if (res.success && res.data) {
       if (res.data.already_prepared) {
-        addLog('检测到已有完成的准备工作，直接使用')
+        addLog(t('step2.logs.prepared_exists'))
         await loadPreparedData()
         return
       }
       
       taskId.value = res.data.task_id
-      addLog(`准备任务已启动`)
+      addLog(t('step2.logs.prepare_task_started'))
       addLog(`  └─ Task ID: ${res.data.task_id}`)
       
       // 立即设置预期Agent总数（从prepare接口返回值获取）
       if (res.data.expected_entities_count) {
         expectedTotal.value = res.data.expected_entities_count
-        addLog(`从Zep图谱读取到 ${res.data.expected_entities_count} 个实体`)
+        addLog(t('step2.logs.zep_entities_read', { count: res.data.expected_entities_count }))
         if (res.data.entity_types && res.data.entity_types.length > 0) {
-          addLog(`  └─ 实体类型: ${res.data.entity_types.join(', ')}`)
+          addLog(t('step2.logs.entity_types_found', { types: res.data.entity_types.join(', ') }))
         }
       }
       
-      addLog('开始轮询准备进度...')
+      addLog(t('step2.logs.start_polling'))
       // 开始轮询进度
       startPolling()
       // 开始实时获取 Profiles
       startProfilesPolling()
     } else {
-      addLog(`准备失败: ${res.error || '未知错误'}`)
+      addLog(t('step2.logs.prepare_failed', { error: res.error || t('common.unknown_error') }))
       emit('update-status', 'error')
     }
   } catch (err) {
-    addLog(`准备异常: ${err.message}`)
+    addLog(t('step2.logs.prepare_exception', { error: err.message }))
     emit('update-status', 'error')
   }
 }
@@ -890,18 +897,18 @@ const pollPrepareStatus = async () => {
       
       // 检查是否完成
       if (data.status === 'completed' || data.status === 'ready' || data.already_prepared) {
-        addLog('✓ 准备工作已完成')
+        addLog(t('step2.logs.prepare_completed'))
         stopPolling()
         stopProfilesPolling()
         await loadPreparedData()
       } else if (data.status === 'failed') {
-        addLog(`✗ 准备失败: ${data.error || '未知错误'}`)
+        addLog(t('step2.logs.prepare_failed_icon', { error: data.error || t('common.unknown_error') }))
         stopPolling()
         stopProfilesPolling()
       }
     }
   } catch (err) {
-    console.warn('轮询状态失败:', err)
+    console.warn(t('step2.logs.poll_status_failed'), err)
   }
 }
 
@@ -934,18 +941,18 @@ const fetchProfilesRealtime = async () => {
         const latestProfile = profiles.value[currentCount - 1]
         const profileName = latestProfile?.name || latestProfile?.username || `Agent_${currentCount}`
         if (currentCount === 1) {
-          addLog(`开始生成Agent人设...`)
+          addLog(t('step2.logs.start_gen_profiles'))
         }
-        addLog(`→ Agent人设 ${currentCount}/${total}: ${profileName} (${latestProfile?.profession || '未知职业'})`)
+        addLog(t('step2.logs.agent_profile_gen', { current: currentCount, total: total, name: profileName, profession: latestProfile?.profession || t('step2.gen_profiles.unknown_profession') }))
         
         // 如果全部生成完成
         if (expectedTotal.value && currentCount >= expectedTotal.value) {
-          addLog(`✓ 全部 ${currentCount} 个Agent人设生成完成`)
+          addLog(t('step2.logs.all_agents_gen', { count: currentCount }))
         }
       }
     }
   } catch (err) {
-    console.warn('获取 Profiles 失败:', err)
+    console.warn(t('step2.logs.fetch_profiles_failed'), err)
   }
 }
 
@@ -974,56 +981,56 @@ const fetchConfigRealtime = async () => {
       if (data.generation_stage && data.generation_stage !== lastLoggedConfigStage) {
         lastLoggedConfigStage = data.generation_stage
         if (data.generation_stage === 'generating_profiles') {
-          addLog('正在生成Agent人设配置...')
+          addLog(t('step2.logs.gen_agent_config'))
         } else if (data.generation_stage === 'generating_config') {
-          addLog('正在调用LLM生成模拟配置参数...')
+          addLog(t('step2.logs.gen_sim_params'))
         }
       }
       
       // 如果配置已生成
       if (data.config_generated && data.config) {
         simulationConfig.value = data.config
-        addLog('✓ 模拟配置生成完成')
+        addLog(t('step2.logs.config_gen_done'))
         
         // 显示详细配置摘要
         if (data.summary) {
-          addLog(`  ├─ Agent数量: ${data.summary.total_agents}个`)
-          addLog(`  ├─ 模拟时长: ${data.summary.simulation_hours}小时`)
-          addLog(`  ├─ 初始帖子: ${data.summary.initial_posts_count}条`)
-          addLog(`  ├─ 热点话题: ${data.summary.hot_topics_count}个`)
-          addLog(`  └─ 平台配置: Twitter ${data.summary.has_twitter_config ? '✓' : '✗'}, Reddit ${data.summary.has_reddit_config ? '✓' : '✗'}`)
+          addLog(`  ├─ ${t('step2.logs.agent_count_stat', { count: data.summary.total_agents })}`)
+          addLog(`  ├─ ${t('step2.logs.sim_duration_stat', { hours: data.summary.simulation_hours })}`)
+          addLog(`  ├─ ${t('step2.logs.initial_posts_stat', { count: data.summary.initial_posts_count })}`)
+          addLog(`  ├─ ${t('step2.logs.hot_topics_stat', { count: data.summary.hot_topics_count })}`)
+          addLog(`  └─ ${t('step2.logs.platform_config_stat', { twitter: data.summary.has_twitter_config ? '✓' : '✗', reddit: data.summary.has_reddit_config ? '✓' : '✗' })}`)
         }
         
         // 显示时间配置详情
         if (data.config.time_config) {
           const tc = data.config.time_config
-          addLog(`时间配置: 每轮${tc.minutes_per_round}分钟, 共${Math.floor((tc.total_simulation_hours * 60) / tc.minutes_per_round)}轮`)
+          addLog(t('step2.logs.time_config_detail', { mins: tc.minutes_per_round, rounds: Math.floor((tc.total_simulation_hours * 60) / tc.minutes_per_round) }))
         }
         
         // 显示事件配置
         if (data.config.event_config?.narrative_direction) {
           const narrative = data.config.event_config.narrative_direction
-          addLog(`叙事方向: ${narrative.length > 50 ? narrative.substring(0, 50) + '...' : narrative}`)
+          addLog(t('step2.logs.narrative_direction', { text: narrative.length > 50 ? narrative.substring(0, 50) + '...' : narrative }))
         }
         
         stopConfigPolling()
         phase.value = 4
-        addLog('✓ 环境搭建完成，可以开始模拟')
+        addLog(t('step2.logs.env_setup_done'))
         emit('update-status', 'completed')
       }
     }
   } catch (err) {
-    console.warn('获取 Config 失败:', err)
+    console.warn(t('step2.logs.config_fetch_failed'), err)
   }
 }
 
 const loadPreparedData = async () => {
   phase.value = 2
-  addLog('正在加载已有配置数据...')
+  addLog(t('step2.logs.loading_existing_config'))
 
   // 最后获取一次 Profiles
   await fetchProfilesRealtime()
-  addLog(`已加载 ${profiles.value.length} 个Agent人设`)
+  addLog(t('step2.logs.loaded_agents', { count: profiles.value.length }))
 
   // 获取配置（使用实时接口）
   try {
@@ -1031,26 +1038,26 @@ const loadPreparedData = async () => {
     if (res.success && res.data) {
       if (res.data.config_generated && res.data.config) {
         simulationConfig.value = res.data.config
-        addLog('✓ 模拟配置加载成功')
+        addLog(t('step2.logs.sim_config_loaded'))
         
         // 显示详细配置摘要
         if (res.data.summary) {
-          addLog(`  ├─ Agent数量: ${res.data.summary.total_agents}个`)
-          addLog(`  ├─ 模拟时长: ${res.data.summary.simulation_hours}小时`)
-          addLog(`  └─ 初始帖子: ${res.data.summary.initial_posts_count}条`)
+          addLog(`  ├─ ${t('step2.logs.agent_count_stat', { count: res.data.summary.total_agents })}`)
+          addLog(`  ├─ ${t('step2.logs.sim_duration_stat', { hours: res.data.summary.simulation_hours })}`)
+          addLog(`  └─ ${t('step2.logs.initial_posts_stat', { count: res.data.summary.initial_posts_count })}`)
         }
         
-        addLog('✓ 环境搭建完成，可以开始模拟')
+        addLog(t('step2.logs.env_setup_done'))
         phase.value = 4
         emit('update-status', 'completed')
       } else {
         // 配置尚未生成，开始轮询
-        addLog('配置生成中，开始轮询等待...')
+        addLog(t('step2.logs.config_gen_polling'))
         startConfigPolling()
       }
     }
   } catch (err) {
-    addLog(`加载配置失败: ${err.message}`)
+    addLog(t('step2.logs.load_config_failed', { error: err.message }))
     emit('update-status', 'error')
   }
 }
@@ -1068,7 +1075,7 @@ watch(() => props.systemLogs?.length, () => {
 onMounted(() => {
   // 自动开始准备流程
   if (props.simulationId) {
-    addLog('Step2 环境搭建初始化')
+    addLog(t('step2.logs.step2_init'))
     startPrepareSimulation()
   }
 })
diff --git a/frontend/src/components/Step3Simulation.vue b/frontend/src/components/Step3Simulation.vue
index 74d0e1e7b..788b5ab4e 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.control.plaza_name') }}</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>
@@ -18,28 +18,28 @@
           </div>
           <div class="platform-stats">
             <span class="stat">
-              <span class="stat-label">ROUND</span>
+              <span class="stat-label">{{ $t('step3.control.round') }}</span>
               <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.control.elapsed') }}</span>
               <span class="stat-value mono">{{ twitterElapsedTime }}</span>
             </span>
             <span class="stat">
-              <span class="stat-label">ACTS</span>
+              <span class="stat-label">{{ $t('step3.control.acts') }}</span>
               <span class="stat-value mono">{{ runStatus.twitter_actions_count || 0 }}</span>
             </span>
           </div>
           <!-- 可用动作提示 -->
           <div class="actions-tooltip">
-            <div class="tooltip-title">Available Actions</div>
+            <div class="tooltip-title">{{ $t('step3.control.available_actions') }}</div>
             <div class="tooltip-actions">
-              <span class="tooltip-action">POST</span>
-              <span class="tooltip-action">LIKE</span>
-              <span class="tooltip-action">REPOST</span>
-              <span class="tooltip-action">QUOTE</span>
-              <span class="tooltip-action">FOLLOW</span>
-              <span class="tooltip-action">IDLE</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_post') }}</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_like') }}</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_repost') }}</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_quote') }}</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_follow') }}</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_idle') }}</span>
             </div>
           </div>
         </div>
@@ -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.control.community_name') }}</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>
@@ -59,32 +59,29 @@
           </div>
           <div class="platform-stats">
             <span class="stat">
-              <span class="stat-label">ROUND</span>
+              <span class="stat-label">{{ $t('step3.control.round') }}</span>
               <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.control.elapsed') }}</span>
               <span class="stat-value mono">{{ redditElapsedTime }}</span>
             </span>
             <span class="stat">
-              <span class="stat-label">ACTS</span>
+              <span class="stat-label">{{ $t('step3.control.acts') }}</span>
               <span class="stat-value mono">{{ runStatus.reddit_actions_count || 0 }}</span>
             </span>
           </div>
           <!-- 可用动作提示 -->
           <div class="actions-tooltip">
-            <div class="tooltip-title">Available Actions</div>
+            <div class="tooltip-title">{{ $t('step3.control.available_actions') }}</div>
             <div class="tooltip-actions">
-              <span class="tooltip-action">POST</span>
-              <span class="tooltip-action">COMMENT</span>
-              <span class="tooltip-action">LIKE</span>
-              <span class="tooltip-action">DISLIKE</span>
-              <span class="tooltip-action">SEARCH</span>
-              <span class="tooltip-action">TREND</span>
-              <span class="tooltip-action">FOLLOW</span>
-              <span class="tooltip-action">MUTE</span>
-              <span class="tooltip-action">REFRESH</span>
-              <span class="tooltip-action">IDLE</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_post') }}</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_comment') }}</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_like') }}</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_downvote') }}</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_search') }}</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_follow') }}</span>
+              <span class="tooltip-action">{{ $t('step3.timeline.act_idle') }}</span>
             </div>
           </div>
         </div>
@@ -97,7 +94,7 @@
           @click="handleNextStep"
         >
           <span v-if="isGeneratingReport" class="loading-spinner-small"></span>
-          {{ isGeneratingReport ? '启动中...' : '开始生成结果报告' }} 
+          {{ isGeneratingReport ? $t('step3.control.starting') : $t('step3.control.start_report') }} 
           <span v-if="!isGeneratingReport" class="arrow-icon">→</span>
         </button>
       </div>
@@ -108,7 +105,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.timeline.total_events') }}: <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>
@@ -182,7 +179,7 @@
                 <template v-if="action.action_type === 'REPOST'">
                   <div class="repost-info">
                     <svg class="icon-small" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg>
-                    <span class="repost-label">Reposted from @{{ action.action_args?.original_author_name || 'User' }}</span>
+                    <span class="repost-label">{{ $t('step3.timeline.reposted_from', { author: action.action_args?.original_author_name || 'User' }) }}</span>
                   </div>
                   <div v-if="action.action_args?.original_content" class="repost-content">
                     {{ truncateContent(action.action_args.original_content, 200) }}
@@ -193,7 +190,7 @@
                 <template v-if="action.action_type === 'LIKE_POST'">
                   <div class="like-info">
                     <svg class="icon-small filled" viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
-                    <span class="like-label">Liked @{{ action.action_args?.post_author_name || 'User' }}'s post</span>
+                    <span class="like-label">{{ $t('step3.timeline.liked_post', { author: action.action_args?.post_author_name || 'User' }) }}</span>
                   </div>
                   <div v-if="action.action_args?.post_content" class="liked-content">
                     "{{ truncateContent(action.action_args.post_content, 120) }}"
@@ -207,7 +204,7 @@
                   </div>
                   <div v-if="action.action_args?.post_id" class="comment-context">
                     <svg class="icon-small" viewBox="0 0 24 24" width="12" height="12" 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>Reply to post #{{ action.action_args.post_id }}</span>
+                    <span>{{ $t('step3.timeline.reply_to', { id: action.action_args.post_id }) }}</span>
                   </div>
                 </template>
 
@@ -215,7 +212,7 @@
                 <template v-if="action.action_type === 'SEARCH_POSTS'">
                   <div class="search-info">
                     <svg class="icon-small" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    <span class="search-label">Search Query:</span>
+                    <span class="search-label">{{ $t('step3.timeline.search_query') }}</span>
                     <span class="search-query">"{{ action.action_args?.query || '' }}"</span>
                   </div>
                 </template>
@@ -224,7 +221,7 @@
                 <template v-if="action.action_type === 'FOLLOW'">
                   <div class="follow-info">
                     <svg class="icon-small" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="20" y1="8" x2="20" y2="14"></line><line x1="23" y1="11" x2="17" y2="11"></line></svg>
-                    <span class="follow-label">Followed @{{ action.action_args?.target_user || action.action_args?.user_id || 'User' }}</span>
+                    <span class="follow-label">{{ $t('step3.timeline.followed_user', { user: action.action_args?.target_user || action.action_args?.user_id || 'User' }) }}</span>
                   </div>
                 </template>
 
@@ -233,7 +230,7 @@
                   <div class="vote-info">
                     <svg v-if="action.action_type === 'UPVOTE_POST'" class="icon-small" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><polyline points="18 15 12 9 6 15"></polyline></svg>
                     <svg v-else class="icon-small" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>
-                    <span class="vote-label">{{ action.action_type === 'UPVOTE_POST' ? 'Upvoted' : 'Downvoted' }} Post</span>
+                    <span class="vote-label">{{ action.action_type === 'UPVOTE_POST' ? $t('step3.timeline.act_upvote') : $t('step3.timeline.act_downvote') }}</span>
                   </div>
                   <div v-if="action.action_args?.post_content" class="voted-content">
                     "{{ truncateContent(action.action_args.post_content, 120) }}"
@@ -244,7 +241,7 @@
                 <template v-if="action.action_type === 'DO_NOTHING'">
                   <div class="idle-info">
                     <svg class="icon-small" 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="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
-                    <span class="idle-label">Action Skipped</span>
+                    <span class="idle-label">{{ $t('step3.timeline.action_skipped') }}</span>
                   </div>
                 </template>
 
@@ -264,7 +261,7 @@
 
         <div v-if="allActions.length === 0" class="waiting-state">
           <div class="pulse-ring"></div>
-          <span>Waiting for agent actions...</span>
+          <span>{{ $t('step3.timeline.waiting') }}</span>
         </div>
       </div>
     </div>
@@ -272,8 +269,8 @@
     <!-- Bottom Info / Logs -->
     <div class="system-logs">
       <div class="log-header">
-        <span class="log-title">SIMULATION MONITOR</span>
-        <span class="log-id">{{ simulationId || 'NO_SIMULATION' }}</span>
+        <span class="log-title">{{ $t('step3.timeline.monitor') }}</span>
+        <span class="log-id">{{ simulationId || $t('process.status_msg.unknown') }}</span>
       </div>
       <div class="log-content" ref="logContent">
         <div class="log-line" v-for="(log, idx) in systemLogs" :key="idx">
@@ -288,12 +285,15 @@
 <script setup>
 import { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 import { 
   startSimulation, 
   stopSimulation,
   getRunStatus, 
   getRunStatusDetail
 } from '../api/simulation'
+
+const { t } = useI18n()
 import { generateReport } from '../api/report'
 
 const props = defineProps({
@@ -379,7 +379,7 @@ const resetAllState = () => {
 // 启动模拟
 const doStartSimulation = async () => {
   if (!props.simulationId) {
-    addLog('错误：缺少 simulationId')
+    addLog(t('step3.logs.err_no_sim_id'))
     return
   }
   
@@ -388,7 +388,7 @@ const doStartSimulation = async () => {
   
   isStarting.value = true
   startError.value = null
-  addLog('正在启动双平台并行模拟...')
+  addLog(t('step3.logs.starting_sim'))
   emit('update-status', 'processing')
   
   try {
@@ -401,18 +401,18 @@ const doStartSimulation = async () => {
     
     if (props.maxRounds) {
       params.max_rounds = props.maxRounds
-      addLog(`设置最大模拟轮数: ${props.maxRounds}`)
+      addLog(t('step3.logs.set_max_rounds', { rounds: props.maxRounds }))
     }
     
-    addLog('已开启动态图谱更新模式')
+    addLog(t('step3.logs.dynamic_graph_enabled'))
     
     const res = await startSimulation(params)
     
     if (res.success && res.data) {
       if (res.data.force_restarted) {
-        addLog('✓ 已清理旧的模拟日志，重新开始模拟')
+        addLog(t('step3.logs.old_logs_cleaned'))
       }
-      addLog('✓ 模拟引擎启动成功')
+      addLog(t('step3.logs.engine_started'))
       addLog(`  ├─ PID: ${res.data.process_pid || '-'}`)
       
       phase.value = 1
@@ -421,13 +421,13 @@ const doStartSimulation = async () => {
       startStatusPolling()
       startDetailPolling()
     } else {
-      startError.value = res.error || '启动失败'
-      addLog(`✗ 启动失败: ${res.error || '未知错误'}`)
+      startError.value = res.error || t('common.unknown_error')
+      addLog(t('step3.logs.report_failed', { error: res.error || t('common.unknown_error') }))
       emit('update-status', 'error')
     }
   } catch (err) {
     startError.value = err.message
-    addLog(`✗ 启动异常: ${err.message}`)
+    addLog(t('step3.logs.report_exception', { error: err.message }))
     emit('update-status', 'error')
   } finally {
     isStarting.value = false
@@ -439,21 +439,21 @@ const handleStopSimulation = async () => {
   if (!props.simulationId) return
   
   isStopping.value = true
-  addLog('正在停止模拟...')
+  addLog(t('step3.logs.stop_sim'))
   
   try {
     const res = await stopSimulation({ simulation_id: props.simulationId })
     
     if (res.success) {
-      addLog('✓ 模拟已停止')
+      addLog(t('step3.logs.sim_stopped'))
       phase.value = 2
       stopPolling()
       emit('update-status', 'completed')
     } else {
-      addLog(`停止失败: ${res.error || '未知错误'}`)
+      addLog(t('step3.logs.stop_failed', { error: res.error || t('common.unknown_error') }))
     }
   } catch (err) {
-    addLog(`停止异常: ${err.message}`)
+    addLog(t('step3.logs.stop_exception', { error: err.message }))
   } finally {
     isStopping.value = false
   }
@@ -499,12 +499,12 @@ const fetchRunStatus = async () => {
       
       // 分别检测各平台的轮次变化并输出日志
       if (data.twitter_current_round > prevTwitterRound.value) {
-        addLog(`[Plaza] R${data.twitter_current_round}/${data.total_rounds} | T:${data.twitter_simulated_hours || 0}h | A:${data.twitter_actions_count}`)
+        addLog(`[${t('step3.control.plaza_name')}] R${data.twitter_current_round}/${data.total_rounds} | T:${data.twitter_simulated_hours || 0}h | A:${data.twitter_actions_count}`)
         prevTwitterRound.value = data.twitter_current_round
       }
       
       if (data.reddit_current_round > prevRedditRound.value) {
-        addLog(`[Community] R${data.reddit_current_round}/${data.total_rounds} | T:${data.reddit_simulated_hours || 0}h | A:${data.reddit_actions_count}`)
+        addLog(`[${t('step3.control.community_name')}] R${data.reddit_current_round}/${data.total_rounds} | T:${data.reddit_simulated_hours || 0}h | A:${data.reddit_actions_count}`)
         prevRedditRound.value = data.reddit_current_round
       }
       
@@ -517,16 +517,16 @@ const fetchRunStatus = async () => {
       
       if (isCompleted || platformsCompleted) {
         if (platformsCompleted && !isCompleted) {
-          addLog('✓ 检测到所有平台模拟已结束')
+          addLog(t('step3.logs.all_platforms_ended'))
         }
-        addLog('✓ 模拟已完成')
+        addLog(t('step3.logs.sim_completed'))
         phase.value = 2
         stopPolling()
         emit('update-status', 'completed')
       }
     }
   } catch (err) {
-    console.warn('获取运行状态失败:', err)
+    console.warn(t('step3.logs.poll_status_failed'), err)
   }
 }
 
@@ -584,26 +584,26 @@ const fetchRunStatusDetail = async () => {
       // 新动作会在底部追加
     }
   } catch (err) {
-    console.warn('获取详细状态失败:', err)
+    console.warn(t('step3.logs.fetch_detail_failed'), err)
   }
 }
 
 // Helpers
 const getActionTypeLabel = (type) => {
   const labels = {
-    'CREATE_POST': 'POST',
-    'REPOST': 'REPOST',
-    'LIKE_POST': 'LIKE',
-    'CREATE_COMMENT': 'COMMENT',
-    'LIKE_COMMENT': 'LIKE',
-    'DO_NOTHING': 'IDLE',
-    'FOLLOW': 'FOLLOW',
-    'SEARCH_POSTS': 'SEARCH',
-    'QUOTE_POST': 'QUOTE',
-    'UPVOTE_POST': 'UPVOTE',
-    'DOWNVOTE_POST': 'DOWNVOTE'
+    'CREATE_POST': t('step3.timeline.act_post'),
+    'REPOST': t('step3.timeline.act_repost'),
+    'LIKE_POST': t('step3.timeline.act_like'),
+    'CREATE_COMMENT': t('step3.timeline.act_comment'),
+    'LIKE_COMMENT': t('step3.timeline.act_like'),
+    'DO_NOTHING': t('step3.timeline.act_idle'),
+    'FOLLOW': t('step3.timeline.act_follow'),
+    'SEARCH_POSTS': t('step3.timeline.act_search'),
+    'QUOTE_POST': t('step3.timeline.act_quote'),
+    'UPVOTE_POST': t('step3.timeline.act_upvote'),
+    'DOWNVOTE_POST': t('step3.timeline.act_downvote')
   }
-  return labels[type] || type || 'UNKNOWN'
+  return labels[type] || type || t('process.status_msg.unknown')
 }
 
 const getActionTypeClass = (type) => {
@@ -640,17 +640,17 @@ const formatActionTime = (timestamp) => {
 
 const handleNextStep = async () => {
   if (!props.simulationId) {
-    addLog('错误：缺少 simulationId')
+    addLog(t('step3.logs.err_no_sim_id'))
     return
   }
   
   if (isGeneratingReport.value) {
-    addLog('报告生成请求已发送，请稍候...')
+    addLog(t('step3.logs.report_pending'))
     return
   }
   
   isGeneratingReport.value = true
-  addLog('正在启动报告生成...')
+  addLog(t('step3.logs.starting_report'))
   
   try {
     const res = await generateReport({
@@ -660,16 +660,16 @@ const handleNextStep = async () => {
     
     if (res.success && res.data) {
       const reportId = res.data.report_id
-      addLog(`✓ 报告生成任务已启动: ${reportId}`)
+      addLog(t('step3.logs.report_task_started', { id: reportId }))
       
       // 跳转到报告页面
       router.push({ name: 'Report', params: { reportId } })
     } else {
-      addLog(`✗ 启动报告生成失败: ${res.error || '未知错误'}`)
+      addLog(t('step3.logs.report_failed', { error: res.error || t('common.unknown_error') }))
       isGeneratingReport.value = false
     }
   } catch (err) {
-    addLog(`✗ 启动报告生成异常: ${err.message}`)
+    addLog(t('step3.logs.report_exception', { error: err.message }))
     isGeneratingReport.value = false
   }
 }
@@ -685,7 +685,7 @@ watch(() => props.systemLogs?.length, () => {
 })
 
 onMounted(() => {
-  addLog('Step3 模拟运行初始化')
+  addLog(t('step3.logs.step3_init'))
   if (props.simulationId) {
     doStartSimulation()
   }
diff --git a/frontend/src/components/Step4Report.vue b/frontend/src/components/Step4Report.vue
index 22f2bdcfd..11a73a394 100644
--- a/frontend/src/components/Step4Report.vue
+++ b/frontend/src/components/Step4Report.vue
@@ -8,8 +8,8 @@
           <!-- Report Header -->
           <div class="report-header-block">
             <div class="report-meta">
-              <span class="report-tag">Prediction Report</span>
-              <span class="report-id">ID: {{ reportId || 'REF-2024-X92' }}</span>
+              <span class="report-tag">{{ $t('step4.header.prediction_report') }}</span>
+              <span class="report-id">{{ $t('process.project_info.id') }}: {{ reportId || 'REF-MID-001' }}</span>
             </div>
             <h1 class="main-title">{{ reportOutline.title }}</h1>
             <p class="sub-title">{{ reportOutline.summary }}</p>
@@ -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.header.generating_section', { 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.header.agent_waiting') }}</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.header.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.header.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.header.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.header.deep_interaction') }} ➝</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('navigation.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('history.sim_requirement') }}</span>
                       <span class="info-val">{{ log.details.simulation_requirement }}</span>
                     </div>
                   </template>
@@ -182,7 +182,7 @@
                   <template v-if="log.action === 'planning_complete'">
                     <div class="status-message success">{{ log.details?.message }}</div>
                     <div class="outline-badge" v-if="log.details?.outline">
-                      {{ log.details.outline.sections?.length || 0 }} sections planned
+                      {{ $t('step4.workflow.sections_planned', { count: log.details.outline.sections?.length || 0 }) }}
                     </div>
                   </template>
 
@@ -307,12 +307,12 @@
                   <!-- LLM Response -->
                   <template v-if="log.action === 'llm_response'">
                     <div class="llm-meta">
-                      <span class="meta-tag">Iteration {{ log.details?.iteration }}</span>
+                      <span class="meta-tag">{{ $t('step4.display.iteration', { count: log.details?.iteration }) }}</span>
                       <span class="meta-tag" :class="{ active: log.details?.has_tool_calls }">
-                        Tools: {{ log.details?.has_tool_calls ? 'Yes' : 'No' }}
+                        {{ $t('step4.header.tools') }}: {{ log.details?.has_tool_calls ? $t('step4.display.yes') : $t('step4.display.no') }}
                       </span>
                       <span class="meta-tag" :class="{ active: log.details?.has_final_answer, 'final-answer': log.details?.has_final_answer }">
-                        Final: {{ log.details?.has_final_answer ? 'Yes' : 'No' }}
+                        {{ $t('step4.display.final_status', { status: log.details?.has_final_answer ? $t('step4.display.yes') : $t('step4.display.no') }) }}
                       </span>
                     </div>
                     <!-- 当是最终答案时，显示特殊提示 -->
@@ -320,7 +320,7 @@
                       <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2">
                         <polyline points="20 6 9 17 4 12"></polyline>
                       </svg>
-                      <span>Section "{{ log.section_title }}" content generated</span>
+                      <span>{{ $t('step4.workflow.section_generated', { title: log.section_title }) }}</span>
                     </div>
                     <div v-if="expandedLogs.has(log.timestamp) && log.details?.response" class="llm-content">
                       <pre>{{ log.details.response }}</pre>
@@ -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.workflow.gen_complete') }}</span>
                     </div>
                   </template>
                 </div>
@@ -347,17 +347,17 @@
                   <div class="footer-actions">
                     <!-- Tool Call: Show/Hide Params -->
                     <button v-if="log.action === 'tool_call' && log.details?.parameters" class="action-btn" @click.stop="toggleLogExpand(log)">
-                      {{ expandedLogs.has(log.timestamp) ? 'Hide Params' : 'Show Params' }}
+                      {{ expandedLogs.has(log.timestamp) ? $t('step4.display.hide_params') : $t('step4.display.show_params') }}
                     </button>
                     
                     <!-- Tool Result: Raw/Structured View -->
                     <button v-if="log.action === 'tool_result'" class="action-btn" @click.stop="toggleRawResult(log.timestamp, $event)">
-                      {{ showRawResult[log.timestamp] ? 'Structured View' : 'Raw Output' }}
+                      {{ showRawResult[log.timestamp] ? $t('step4.display.structured_view') : $t('step4.display.raw_output') }}
                     </button>
                     
                     <!-- LLM Response: Show/Hide Response -->
                     <button v-if="log.action === 'llm_response' && log.details?.response" class="action-btn" @click.stop="toggleLogExpand(log)">
-                      {{ expandedLogs.has(log.timestamp) ? 'Hide Response' : 'Show Response' }}
+                      {{ expandedLogs.has(log.timestamp) ? $t('step4.display.hide_response') : $t('step4.display.show_response') }}
                     </button>
                   </div>
                 </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('step3.timeline.waiting') }}</span>
           </div>
         </div>
       </div>
@@ -377,8 +377,8 @@
     <!-- Bottom Console Logs -->
     <div class="console-logs">
       <div class="log-header">
-        <span class="log-title">CONSOLE OUTPUT</span>
-        <span class="log-id">{{ reportId || 'NO_REPORT' }}</span>
+        <span class="log-title">{{ $t('step4.header.console_output') }}</span>
+        <span class="log-id">{{ reportId || $t('process.status_msg.unknown') }}</span>
       </div>
       <div class="log-content" ref="logContent">
         <div class="log-line" v-for="(log, idx) in consoleLogs" :key="idx">
@@ -392,8 +392,10 @@
 <script setup>
 import { ref, computed, watch, onMounted, onUnmounted, nextTick, h, reactive } from 'vue'
 import { useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 import { getAgentLog, getConsoleLog } from '../api/report'
 
+const { t } = useI18n()
 const router = useRouter()
 
 const props = defineProps({
@@ -495,32 +497,32 @@ const isLogCollapsed = (log) => {
 // Tool configurations with display names and colors
 const toolConfig = {
   'insight_forge': {
-    name: 'Deep Insight',
+    name: t('step4.tools.insight_forge'),
     color: 'purple',
     icon: 'lightbulb' // 灯泡图标 - 代表洞察
   },
   'panorama_search': {
-    name: 'Panorama Search',
+    name: t('step4.tools.panorama_search'),
     color: 'blue',
-    icon: 'globe' // 地球图标 - 代表全景搜索
+    icon: 'globe' // 全球图标 - 代表全景搜索
   },
   'interview_agents': {
-    name: 'Agent Interview',
+    name: t('step4.tools.interview_agents'),
     color: 'green',
-    icon: 'users' // 用户图标 - 代表对话
+    icon: 'users' // 团队图标 - 代表访谈
   },
   'quick_search': {
-    name: 'Quick Search',
+    name: t('step4.tools.quick_search'),
     color: 'orange',
-    icon: 'zap' // 闪电图标 - 代表快速
+    icon: 'zap' // 闪电图标 - 代表快速搜索
   },
   'get_graph_statistics': {
-    name: 'Graph Stats',
+    name: t('step4.tools.get_graph_statistics'),
     color: 'cyan',
     icon: 'chart' // 图表图标 - 代表统计
   },
   'get_entities_by_type': {
-    name: 'Entity Query',
+    name: t('step4.tools.get_entities_by_type'),
     color: 'pink',
     icon: 'database' // 数据库图标 - 代表实体
   }
@@ -962,6 +964,7 @@ const parseQuickSearch = (text) => {
 const InsightDisplay = {
   props: ['result', 'resultLength'],
   setup(props) {
+    const { t } = useI18n()
     const activeTab = ref('facts') // 'facts', 'entities', 'relations', 'subqueries'
     const expandedFacts = ref(false)
     const expandedEntities = ref(false)
@@ -981,21 +984,21 @@ const InsightDisplay = {
       // Header Section - like interview header
       h('div', { class: 'insight-header' }, [
         h('div', { class: 'header-main' }, [
-          h('div', { class: 'header-title' }, 'Deep Insight'),
+          h('div', { class: 'header-title' }, t('step4.tools.insight_forge')),
           h('div', { class: 'header-stats' }, [
             h('span', { class: 'stat-item' }, [
               h('span', { class: 'stat-value' }, props.result.stats.facts || props.result.facts.length),
-              h('span', { class: 'stat-label' }, 'Facts')
+              h('span', { class: 'stat-label' }, t('step4.insight.facts'))
             ]),
             h('span', { class: 'stat-divider' }, '/'),
             h('span', { class: 'stat-item' }, [
               h('span', { class: 'stat-value' }, props.result.stats.entities || props.result.entities.length),
-              h('span', { class: 'stat-label' }, 'Entities')
+              h('span', { class: 'stat-label' }, t('step4.insight.entities'))
             ]),
             h('span', { class: 'stat-divider' }, '/'),
             h('span', { class: 'stat-item' }, [
               h('span', { class: 'stat-value' }, props.result.stats.relationships || props.result.relations.length),
-              h('span', { class: 'stat-label' }, 'Relations')
+              h('span', { class: 'stat-label' }, t('step4.insight.relations'))
             ]),
             props.resultLength && h('span', { class: 'stat-divider' }, '·'),
             props.resultLength && h('span', { class: 'stat-size' }, formatSize(props.resultLength))
@@ -1003,7 +1006,7 @@ const InsightDisplay = {
         ]),
         props.result.query && h('div', { class: 'header-topic' }, props.result.query),
         props.result.simulationRequirement && h('div', { class: 'header-scenario' }, [
-          h('span', { class: 'scenario-label' }, '预测场景: '),
+          h('span', { class: 'scenario-label' }, t('step4.insight.scenario')),
           h('span', { class: 'scenario-text' }, props.result.simulationRequirement)
         ])
       ]),
@@ -1014,25 +1017,25 @@ const InsightDisplay = {
           class: ['insight-tab', { active: activeTab.value === 'facts' }],
           onClick: () => { activeTab.value = 'facts' }
         }, [
-          h('span', { class: 'tab-label' }, `当前关键记忆 (${props.result.facts.length})`)
+          h('span', { class: 'tab-label' }, `${t('step4.insight.facts')} (${props.result.facts.length})`)
         ]),
         h('button', {
           class: ['insight-tab', { active: activeTab.value === 'entities' }],
           onClick: () => { activeTab.value = 'entities' }
         }, [
-          h('span', { class: 'tab-label' }, `核心实体 (${props.result.entities.length})`)
+          h('span', { class: 'tab-label' }, `${t('step4.insight.entities')} (${props.result.entities.length})`)
         ]),
         h('button', {
           class: ['insight-tab', { active: activeTab.value === 'relations' }],
           onClick: () => { activeTab.value = 'relations' }
         }, [
-          h('span', { class: 'tab-label' }, `关系链 (${props.result.relations.length})`)
+          h('span', { class: 'tab-label' }, `${t('step4.insight.relations')} (${props.result.relations.length})`)
         ]),
         props.result.subQueries.length > 0 && h('button', {
           class: ['insight-tab', { active: activeTab.value === 'subqueries' }],
           onClick: () => { activeTab.value = 'subqueries' }
         }, [
-          h('span', { class: 'tab-label' }, `子问题 (${props.result.subQueries.length})`)
+          h('span', { class: 'tab-label' }, `${t('step4.insight.subqueries')} (${props.result.subQueries.length})`)
         ])
       ]),
       
@@ -1041,8 +1044,8 @@ const InsightDisplay = {
         // Facts Tab
         activeTab.value === 'facts' && props.result.facts.length > 0 && h('div', { class: 'facts-panel' }, [
           h('div', { class: 'panel-header' }, [
-            h('span', { class: 'panel-title' }, '时序记忆中所关联的最新关键事实'),
-            h('span', { class: 'panel-count' }, `共 ${props.result.facts.length} 条`)
+            h('span', { class: 'panel-title' }, t('step4.insight.memory_fact_desc')),
+            h('span', { class: 'panel-count' }, t('graph.items_count', { count: props.result.facts.length }))
           ]),
           h('div', { class: 'facts-list' },
             (expandedFacts.value ? props.result.facts : props.result.facts.slice(0, INITIAL_SHOW_COUNT)).map((fact, i) => 
@@ -1055,35 +1058,35 @@ const InsightDisplay = {
           props.result.facts.length > INITIAL_SHOW_COUNT && h('button', {
             class: 'expand-btn',
             onClick: () => { expandedFacts.value = !expandedFacts.value }
-          }, expandedFacts.value ? `收起 ▲` : `展开全部 ${props.result.facts.length} 条 ▼`)
+          }, expandedFacts.value ? t('step4.insight.collapse_all') : t('step4.insight.expand_all', { count: props.result.facts.length }))
         ]),
         
         // Entities Tab
         activeTab.value === 'entities' && props.result.entities.length > 0 && h('div', { class: 'entities-panel' }, [
           h('div', { class: 'panel-header' }, [
-            h('span', { class: 'panel-title' }, '核心实体'),
-            h('span', { class: 'panel-count' }, `共 ${props.result.entities.length} 个`)
+            h('span', { class: 'panel-title' }, t('step4.insight.core_entities')),
+            h('span', { class: 'panel-count' }, t('graph.items_count', { count: props.result.entities.length }))
           ]),
           h('div', { class: 'entities-grid' },
             (expandedEntities.value ? props.result.entities : props.result.entities.slice(0, 12)).map((entity, i) => 
               h('div', { class: 'entity-tag', key: i, title: entity.summary || '' }, [
                 h('span', { class: 'entity-name' }, entity.name),
                 h('span', { class: 'entity-type' }, entity.type),
-                entity.relatedFactsCount > 0 && h('span', { class: 'entity-fact-count' }, `${entity.relatedFactsCount}条`)
+                entity.relatedFactsCount > 0 && h('span', { class: 'entity-fact-count' }, `${entity.relatedFactsCount}${t('common.items')}`)
               ])
             )
           ),
           props.result.entities.length > 12 && h('button', {
             class: 'expand-btn',
             onClick: () => { expandedEntities.value = !expandedEntities.value }
-          }, expandedEntities.value ? `收起 ▲` : `展开全部 ${props.result.entities.length} 个 ▼`)
+          }, expandedEntities.value ? t('step4.insight.collapse_all') : t('step4.insight.expand_all', { count: props.result.entities.length }))
         ]),
         
         // Relations Tab
         activeTab.value === 'relations' && props.result.relations.length > 0 && h('div', { class: 'relations-panel' }, [
           h('div', { class: 'panel-header' }, [
-            h('span', { class: 'panel-title' }, '关系链'),
-            h('span', { class: 'panel-count' }, `共 ${props.result.relations.length} 条`)
+            h('span', { class: 'panel-title' }, t('step4.insight.relation_chain')),
+            h('span', { class: 'panel-count' }, t('graph.items_count', { count: props.result.relations.length }))
           ]),
           h('div', { class: 'relations-list' },
             (expandedRelations.value ? props.result.relations : props.result.relations.slice(0, INITIAL_SHOW_COUNT)).map((rel, i) => 
@@ -1101,14 +1104,14 @@ const InsightDisplay = {
           props.result.relations.length > INITIAL_SHOW_COUNT && h('button', {
             class: 'expand-btn',
             onClick: () => { expandedRelations.value = !expandedRelations.value }
-          }, expandedRelations.value ? `收起 ▲` : `展开全部 ${props.result.relations.length} 条 ▼`)
+          }, expandedRelations.value ? t('step4.display.show_less') : t('step4.insight.expand_all', { count: props.result.relations.length }))
         ]),
         
         // Sub-queries Tab
         activeTab.value === 'subqueries' && props.result.subQueries.length > 0 && h('div', { class: 'subqueries-panel' }, [
           h('div', { class: 'panel-header' }, [
-            h('span', { class: 'panel-title' }, '漂移查询生成分析子问题'),
-            h('span', { class: 'panel-count' }, `共 ${props.result.subQueries.length} 个`)
+            h('span', { class: 'panel-title' }, t('step4.insight.subqueries')),
+            h('span', { class: 'panel-count' }, t('graph.items_count', { count: props.result.subQueries.length }))
           ]),
           h('div', { class: 'subqueries-list' },
             props.result.subQueries.map((sq, i) => 
@@ -1121,9 +1124,9 @@ const InsightDisplay = {
         ]),
         
         // Empty state
-        activeTab.value === 'facts' && props.result.facts.length === 0 && h('div', { class: 'empty-state' }, '暂无当前关键记忆'),
-        activeTab.value === 'entities' && props.result.entities.length === 0 && h('div', { class: 'empty-state' }, '暂无核心实体'),
-        activeTab.value === 'relations' && props.result.relations.length === 0 && h('div', { class: 'empty-state' }, '暂无关系链')
+        activeTab.value === 'facts' && props.result.facts.length === 0 && h('div', { class: 'empty-state' }, t('step4.insight.no_facts')),
+        activeTab.value === 'entities' && props.result.entities.length === 0 && h('div', { class: 'empty-state' }, t('step4.insight.no_entities')),
+        activeTab.value === 'relations' && props.result.relations.length === 0 && h('div', { class: 'empty-state' }, t('step4.insight.no_relations'))
       ])
     ])
   }
@@ -1152,16 +1155,16 @@ const PanoramaDisplay = {
       // Header Section
       h('div', { class: 'panorama-header' }, [
         h('div', { class: 'header-main' }, [
-          h('div', { class: 'header-title' }, 'Panorama Search'),
+          h('div', { class: 'header-title' }, t('step4.tools.panorama_search')),
           h('div', { class: 'header-stats' }, [
             h('span', { class: 'stat-item' }, [
-              h('span', { class: 'stat-value' }, props.result.stats.nodes),
-              h('span', { class: 'stat-label' }, 'Nodes')
+              h('span', { class: 'stat-value' }, props.result.stats.activeFacts || props.result.activeFacts.length),
+              h('span', { class: 'stat-label' }, t('step4.panorama.active_memory_title'))
             ]),
             h('span', { class: 'stat-divider' }, '/'),
             h('span', { class: 'stat-item' }, [
-              h('span', { class: 'stat-value' }, props.result.stats.edges),
-              h('span', { class: 'stat-label' }, 'Edges')
+              h('span', { class: 'stat-value' }, props.result.stats.historicalFacts || props.result.historicalFacts.length),
+              h('span', { class: 'stat-label' }, t('step4.panorama.historical_memory_title'))
             ]),
             props.resultLength && h('span', { class: 'stat-divider' }, '·'),
             props.resultLength && h('span', { class: 'stat-size' }, formatSize(props.resultLength))
@@ -1176,19 +1179,19 @@ const PanoramaDisplay = {
           class: ['panorama-tab', { active: activeTab.value === 'active' }],
           onClick: () => { activeTab.value = 'active' }
         }, [
-          h('span', { class: 'tab-label' }, `当前有效记忆 (${props.result.activeFacts.length})`)
+          h('span', { class: 'tab-label' }, t('step4.panorama.active_memory', { count: props.result.activeFacts.length }))
         ]),
         h('button', {
           class: ['panorama-tab', { active: activeTab.value === 'historical' }],
           onClick: () => { activeTab.value = 'historical' }
         }, [
-          h('span', { class: 'tab-label' }, `历史记忆 (${props.result.historicalFacts.length})`)
+          h('span', { class: 'tab-label' }, t('step4.panorama.historical_memory', { count: props.result.historicalFacts.length }))
         ]),
         h('button', {
           class: ['panorama-tab', { active: activeTab.value === 'entities' }],
           onClick: () => { activeTab.value = 'entities' }
         }, [
-          h('span', { class: 'tab-label' }, `涉及实体 (${props.result.entities.length})`)
+          h('span', { class: 'tab-label' }, t('step4.panorama.involved_entities', { count: props.result.entities.length }))
         ])
       ]),
       
@@ -1197,8 +1200,8 @@ const PanoramaDisplay = {
         // Active Facts Tab
         activeTab.value === 'active' && h('div', { class: 'facts-panel active-facts' }, [
           h('div', { class: 'panel-header' }, [
-            h('span', { class: 'panel-title' }, '当前有效记忆'),
-            h('span', { class: 'panel-count' }, `共 ${props.result.activeFacts.length} 条`)
+            h('span', { class: 'panel-title' }, t('step4.panorama.active_memory_title')),
+            h('span', { class: 'panel-count' }, t('graph.items_count', { count: props.result.activeFacts.length }))
           ]),
           props.result.activeFacts.length > 0 ? h('div', { class: 'facts-list' },
             (expandedActive.value ? props.result.activeFacts : props.result.activeFacts.slice(0, INITIAL_SHOW_COUNT)).map((fact, i) => 
@@ -1207,18 +1210,18 @@ const PanoramaDisplay = {
                 h('div', { class: 'fact-content' }, fact)
               ])
             )
-          ) : h('div', { class: 'empty-state' }, '暂无当前有效记忆'),
+          ) : h('div', { class: 'empty-state' }, t('step4.panorama.no_active')),
           props.result.activeFacts.length > INITIAL_SHOW_COUNT && h('button', {
             class: 'expand-btn',
             onClick: () => { expandedActive.value = !expandedActive.value }
-          }, expandedActive.value ? `收起 ▲` : `展开全部 ${props.result.activeFacts.length} 条 ▼`)
+          }, expandedActive.value ? t('step4.insight.collapse_all') : t('step4.insight.expand_all', { count: props.result.activeFacts.length }))
         ]),
         
         // Historical Facts Tab
         activeTab.value === 'historical' && h('div', { class: 'facts-panel historical-facts' }, [
           h('div', { class: 'panel-header' }, [
-            h('span', { class: 'panel-title' }, '历史记忆'),
-            h('span', { class: 'panel-count' }, `共 ${props.result.historicalFacts.length} 条`)
+            h('span', { class: 'panel-title' }, t('step4.panorama.historical_memory_title')),
+            h('span', { class: 'panel-count' }, t('graph.items_count', { count: props.result.historicalFacts.length }))
           ]),
           props.result.historicalFacts.length > 0 ? h('div', { class: 'facts-list' },
             (expandedHistorical.value ? props.result.historicalFacts : props.result.historicalFacts.slice(0, INITIAL_SHOW_COUNT)).map((fact, i) => 
@@ -1239,18 +1242,18 @@ const PanoramaDisplay = {
                 ])
               ])
             )
-          ) : h('div', { class: 'empty-state' }, '暂无历史记忆'),
+          ) : h('div', { class: 'empty-state' }, t('step4.panorama.no_historical')),
           props.result.historicalFacts.length > INITIAL_SHOW_COUNT && h('button', {
             class: 'expand-btn',
             onClick: () => { expandedHistorical.value = !expandedHistorical.value }
-          }, expandedHistorical.value ? `收起 ▲` : `展开全部 ${props.result.historicalFacts.length} 条 ▼`)
+          }, expandedHistorical.value ? t('step4.display.show_less') : t('step4.insight.expand_all', { count: props.result.historicalFacts.length }))
         ]),
         
         // Entities Tab
         activeTab.value === 'entities' && h('div', { class: 'entities-panel' }, [
           h('div', { class: 'panel-header' }, [
-            h('span', { class: 'panel-title' }, '涉及实体'),
-            h('span', { class: 'panel-count' }, `共 ${props.result.entities.length} 个`)
+            h('span', { class: 'panel-title' }, t('step4.panorama.involved_entities_title')),
+            h('span', { class: 'panel-count' }, t('graph.items_count', { count: props.result.entities.length }))
           ]),
           props.result.entities.length > 0 ? h('div', { class: 'entities-grid' },
             (expandedEntities.value ? props.result.entities : props.result.entities.slice(0, 8)).map((entity, i) => 
@@ -1259,11 +1262,11 @@ const PanoramaDisplay = {
                 entity.type && h('span', { class: 'entity-type' }, entity.type)
               ])
             )
-          ) : h('div', { class: 'empty-state' }, '暂无涉及实体'),
+          ) : h('div', { class: 'empty-state' }, t('step4.panorama.no_entities_found') || t('step4.panorama.involved_entities_title')),
           props.result.entities.length > 8 && h('button', {
             class: 'expand-btn',
             onClick: () => { expandedEntities.value = !expandedEntities.value }
-          }, expandedEntities.value ? `收起 ▲` : `展开全部 ${props.result.entities.length} 个 ▼`)
+          }, expandedEntities.value ? t('step4.display.show_less') : t('step4.insight.expand_all', { count: props.result.entities.length }))
         ])
       ])
     ])
@@ -1323,11 +1326,11 @@ const InterviewDisplay = {
       return text.substring(0, 400) + '...'
     }
     
-    // 检查是否为平台占位文本
+    // 检查是否为平台占位文本 (Check if placeholder)
     const isPlaceholderText = (text) => {
       if (!text) return true
       const t = text.trim()
-      return t === '（该平台未获得回复）' || t === '(该平台未获得回复)' || t === '[无回复]'
+      return t === '（该平台未获得回复）' || t === '(该平台未获得回复)' || t === '[无回复]' || t === '[No response]' || t === '[Không có phản hồi]'
     }
 
     // 尝试按问题编号分割回答
@@ -1341,8 +1344,8 @@ const InterviewDisplay = {
       let matches = []
       let match
 
-      // 优先尝试 "问题X：" 格式
-      const cnPattern = /(?:^|[\r\n]+)问题(\d+)[：:]\s*/g
+      // 优先尝试 "问题X：" 格式 (Support Chinese/English/Vietnamese question prefixes)
+      const cnPattern = /(?:^|[\r\n]+)(?:问题|Question|Câu hỏi)\s*(\d+)\s*[：:]\s*/gi
       while ((match = cnPattern.exec(answerText)) !== null) {
         matches.push({
           num: parseInt(match[1]),
@@ -1366,7 +1369,7 @@ const InterviewDisplay = {
       // 如果没有找到编号或只找到一个，返回整体
       if (matches.length <= 1) {
         const cleaned = answerText
-          .replace(/^问题\d+[：:]\s*/, '')
+          .replace(/^(?:问题|Question|Câu hỏi)\s*\d+\s*[：:]\s*/i, '')
           .replace(/^\d+\.\s+/, '')
           .trim()
         return [cleaned || answerText]
@@ -1423,16 +1426,16 @@ const InterviewDisplay = {
       // Header Section
       h('div', { class: 'interview-header' }, [
         h('div', { class: 'header-main' }, [
-          h('div', { class: 'header-title' }, 'Agent Interview'),
+          h('div', { class: 'header-title' }, t('step4.tools.interview_agents')),
           h('div', { class: 'header-stats' }, [
             h('span', { class: 'stat-item' }, [
               h('span', { class: 'stat-value' }, props.result.successCount || props.result.interviews.length),
-              h('span', { class: 'stat-label' }, 'Interviewed')
+              h('span', { class: 'stat-label' }, t('step4.interview.interviewed'))
             ]),
             props.result.totalCount > 0 && h('span', { class: 'stat-divider' }, '/'),
             props.result.totalCount > 0 && h('span', { class: 'stat-item' }, [
               h('span', { class: 'stat-value' }, props.result.totalCount),
-              h('span', { class: 'stat-label' }, 'Total')
+              h('span', { class: 'stat-label' }, t('step4.interview.total'))
             ]),
             props.resultLength && h('span', { class: 'stat-divider' }, '·'),
             props.resultLength && h('span', { class: 'stat-size' }, formatSize(props.resultLength))
@@ -1467,7 +1470,7 @@ const InterviewDisplay = {
         
         // Selection Reason - 选择理由
         props.result.interviews[activeIndex.value]?.selectionReason && h('div', { class: 'selection-reason' }, [
-          h('div', { class: 'reason-label' }, '选择理由'),
+          h('div', { class: 'reason-label' }, t('step4.interview.selection_reason')),
           h('div', { class: 'reason-content' }, props.result.interviews[activeIndex.value].selectionReason)
         ]),
         
@@ -1490,7 +1493,7 @@ const InterviewDisplay = {
               h('div', { class: 'qa-question' }, [
                 h('div', { class: 'qa-badge q-badge' }, `Q${qIdx + 1}`),
                 h('div', { class: 'qa-content' }, [
-                  h('div', { class: 'qa-sender' }, 'Interviewer'),
+                  h('div', { class: 'qa-sender' }, t('step4.interview.interviewer')),
                   h('div', { class: 'qa-text' }, question)
                 ])
               ]),
@@ -1512,7 +1515,7 @@ const InterviewDisplay = {
                           h('line', { x1: '2', y1: '12', x2: '22', y2: '12' }),
                           h('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' })
                         ]),
-                        h('span', {}, '世界1')
+                        h('span', {}, t('step4.interview.world1'))
                       ]),
                       h('button', {
                         class: ['platform-btn', { active: currentPlatform === 'reddit' }],
@@ -1521,7 +1524,7 @@ const InterviewDisplay = {
                         h('svg', { class: 'platform-icon', viewBox: '0 0 24 24', width: 12, height: 12, fill: 'none', stroke: 'currentColor', 'stroke-width': 2 }, [
                           h('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' })
                         ]),
-                        h('span', {}, '世界2')
+                        h('span', {}, t('step4.interview.world2'))
                       ])
                     ])
                   ]),
@@ -1537,7 +1540,7 @@ const InterviewDisplay = {
                   !isPlaceholder && answerText.length > 400 && h('button', {
                     class: 'expand-answer-btn',
                     onClick: () => toggleAnswer(expandKey)
-                  }, isExpanded ? 'Show Less' : 'Show More')
+                  }, isExpanded ? t('step4.display.show_less') : t('step4.display.show_more'))
                 ])
               ])
             ])
@@ -1546,7 +1549,7 @@ const InterviewDisplay = {
         
         // Key Quotes Section
         props.result.interviews[activeIndex.value]?.quotes?.length > 0 && h('div', { class: 'quotes-section' }, [
-          h('div', { class: 'quotes-header' }, 'Key Quotes'),
+          h('div', { class: 'quotes-header' }, t('step4.interview.key_quotes')),
           h('div', { class: 'quotes-list' },
             props.result.interviews[activeIndex.value].quotes.slice(0, 3).map((quote, qi) => {
               const cleanedQuote = cleanQuoteText(quote)
@@ -1563,7 +1566,7 @@ const InterviewDisplay = {
 
       // Summary Section (Collapsible)
       props.result.summary && h('div', { class: 'summary-section' }, [
-        h('div', { class: 'summary-header' }, 'Interview Summary'),
+        h('div', { class: 'summary-header' }, t('step4.interview.interview_summary')),
         h('div', { 
           class: 'summary-content',
           innerHTML: renderMarkdown(props.result.summary.length > 500 ? props.result.summary.substring(0, 500) + '...' : props.result.summary)
@@ -1577,6 +1580,7 @@ const InterviewDisplay = {
 const QuickSearchDisplay = {
   props: ['result', 'resultLength'],
   setup(props) {
+    const { t } = useI18n()
     const activeTab = ref('facts') // 'facts', 'edges', 'nodes'
     const expandedFacts = ref(false)
     const INITIAL_SHOW_COUNT = 5
@@ -1599,18 +1603,18 @@ const QuickSearchDisplay = {
       // Header Section
       h('div', { class: 'quicksearch-header' }, [
         h('div', { class: 'header-main' }, [
-          h('div', { class: 'header-title' }, 'Quick Search'),
+          h('div', { class: 'header-title' }, t('step4.tools.quick_search')),
           h('div', { class: 'header-stats' }, [
             h('span', { class: 'stat-item' }, [
               h('span', { class: 'stat-value' }, props.result.count || props.result.facts.length),
-              h('span', { class: 'stat-label' }, 'Results')
+              h('span', { class: 'stat-label' }, t('common.items'))
             ]),
             props.resultLength && h('span', { class: 'stat-divider' }, '·'),
             props.resultLength && h('span', { class: 'stat-size' }, formatSize(props.resultLength))
           ])
         ]),
         props.result.query && h('div', { class: 'header-query' }, [
-          h('span', { class: 'query-label' }, '搜索: '),
+          h('span', { class: 'query-label' }, t('step4.quick_search.query')),
           h('span', { class: 'query-text' }, props.result.query)
         ])
       ]),
@@ -1621,19 +1625,19 @@ const QuickSearchDisplay = {
           class: ['quicksearch-tab', { active: activeTab.value === 'facts' }],
           onClick: () => { activeTab.value = 'facts' }
         }, [
-          h('span', { class: 'tab-label' }, `事实 (${props.result.facts.length})`)
+          h('span', { class: 'tab-label' }, `${t('step4.insight.facts')} (${props.result.facts.length})`)
         ]),
         hasEdges.value && h('button', {
           class: ['quicksearch-tab', { active: activeTab.value === 'edges' }],
           onClick: () => { activeTab.value = 'edges' }
         }, [
-          h('span', { class: 'tab-label' }, `关系 (${props.result.edges.length})`)
+          h('span', { class: 'tab-label' }, `${t('step4.insight.relations')} (${props.result.edges.length})`)
         ]),
         hasNodes.value && h('button', {
           class: ['quicksearch-tab', { active: activeTab.value === 'nodes' }],
           onClick: () => { activeTab.value = 'nodes' }
         }, [
-          h('span', { class: 'tab-label' }, `节点 (${props.result.nodes.length})`)
+          h('span', { class: 'tab-label' }, `${t('step4.insight.entities')} (${props.result.nodes.length})`)
         ])
       ]),
       
@@ -1642,8 +1646,8 @@ const QuickSearchDisplay = {
         // Facts (always show if no tabs, or when facts tab is active)
         ((!showTabs.value) || activeTab.value === 'facts') && h('div', { class: 'facts-panel' }, [
           !showTabs.value && h('div', { class: 'panel-header' }, [
-            h('span', { class: 'panel-title' }, '搜索结果'),
-            h('span', { class: 'panel-count' }, `共 ${props.result.facts.length} 条`)
+            h('span', { class: 'panel-title' }, t('step4.insight.memory_fact_desc')),
+            h('span', { class: 'panel-count' }, t('graph.items_count', { count: props.result.facts.length }))
           ]),
           props.result.facts.length > 0 ? h('div', { class: 'facts-list' },
             (expandedFacts.value ? props.result.facts : props.result.facts.slice(0, INITIAL_SHOW_COUNT)).map((fact, i) => 
@@ -1652,11 +1656,11 @@ const QuickSearchDisplay = {
                 h('div', { class: 'fact-content' }, fact)
               ])
             )
-          ) : h('div', { class: 'empty-state' }, '未找到相关结果'),
+          ) : h('div', { class: 'empty-state' }, t('step4.insight.no_facts')),
           props.result.facts.length > INITIAL_SHOW_COUNT && h('button', {
             class: 'expand-btn',
             onClick: () => { expandedFacts.value = !expandedFacts.value }
-          }, expandedFacts.value ? `收起 ▲` : `展开全部 ${props.result.facts.length} 条 ▼`)
+          }, expandedFacts.value ? t('step4.insight.collapse_all') : t('step4.insight.expand_all', { count: props.result.facts.length }))
         ]),
         
         // Edges Tab
@@ -1708,9 +1712,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.completed')
+  if (agentLogs.value.length > 0) return t('common.generating')
+  return t('common.waiting')
 })
 
 const totalSections = computed(() => {
@@ -1776,7 +1780,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('common.pending'), status: 'todo', meta: '' }
 })
 
 const workflowSteps = computed(() => {
@@ -1787,9 +1791,9 @@ const workflowSteps = computed(() => {
   steps.push({
     key: 'planning',
     noLabel: 'PL',
-    title: 'Planning / Outline',
+    title: t('step4.workflow.planning_start'),
     status: planningStatus,
-    meta: planningStatus === 'active' ? 'IN PROGRESS' : ''
+    meta: planningStatus === 'active' ? t('common.in_progress').toUpperCase() : ''
   })
 
   // Sections (if outline exists)
@@ -1805,7 +1809,7 @@ const workflowSteps = computed(() => {
       noLabel: String(idx).padStart(2, '0'),
       title: section.title,
       status,
-      meta: status === 'active' ? 'IN PROGRESS' : ''
+      meta: status === 'active' ? t('common.in_progress').toUpperCase() : ''
     })
   })
 
@@ -1814,9 +1818,9 @@ const workflowSteps = computed(() => {
   steps.push({
     key: 'complete',
     noLabel: 'OK',
-    title: 'Complete',
+    title: t('step4.workflow.complete'),
     status: completeStatus,
-    meta: completeStatus === 'active' ? 'FINALIZING' : ''
+    meta: completeStatus === 'active' ? t('common.finalizing').toUpperCase() : ''
   })
 
   return steps
@@ -3894,6 +3898,7 @@ watch(() => props.reportId, (newId) => {
   line-height: 1.4;
   display: -webkit-box;
   -webkit-line-clamp: 2;
+  line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
diff --git a/frontend/src/components/Step5Interaction.vue b/frontend/src/components/Step5Interaction.vue
index 3d84c7ce0..bd27ad161 100644
--- a/frontend/src/components/Step5Interaction.vue
+++ b/frontend/src/components/Step5Interaction.vue
@@ -8,8 +8,8 @@
           <!-- Report Header -->
           <div class="report-header-block">
             <div class="report-meta">
-              <span class="report-tag">Prediction Report</span>
-              <span class="report-id">ID: {{ reportId || 'REF-2024-X92' }}</span>
+              <span class="report-tag">{{ $t('step4.header.prediction_report') }}</span>
+              <span class="report-id">{{ $t('process.project_info.id') }}: {{ reportId || 'REF-MID-001' }}</span>
             </div>
             <h1 class="main-title">{{ reportOutline.title }}</h1>
             <p class="sub-title">{{ reportOutline.summary }}</p>
@@ -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.header.generating_section', { 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.header.agent_waiting') }}</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.interactive_tools') }}</span>
+            <span class="action-bar-subtitle mono">{{ $t('step5.agents_available', { count: 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.chat_with_report') }}</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.chat_with_agent') }}</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.select_target') }}</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('step5.unknown_profession') }}</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.send_survey') }}</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.report_agent_chat') }}</div>
+                <div class="tools-card-subtitle">{{ $t('step5.report_agent_desc') }}</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('step4.tools.insight_forge') }}</div>
+                    <div class="tool-desc">{{ $t('step5.tools.insight_desc') }}</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('step4.tools.panorama_search') }}</div>
+                    <div class="tool-desc">{{ $t('step5.tools.panorama_desc') }}</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('step4.tools.quick_search') }}</div>
+                    <div class="tool-desc">{{ $t('step5.tools.quick_desc') }}</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('step4.tools.interview_agents') }}</div>
+                    <div class="tool-desc">{{ $t('step5.tools.interview_desc') }}</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('step5.unknown_profession') }}</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_label') }}</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.empty_report') : $t('step5.empty_agent') }}
               </p>
             </div>
             <div 
@@ -266,7 +266,7 @@
               <div class="message-content">
                 <div class="message-header">
                   <span class="sender-name">
-                    {{ msg.role === 'user' ? 'You' : (chatTarget === 'report_agent' ? 'Report Agent' : (selectedAgent?.username || 'Agent')) }}
+                    {{ msg.role === 'user' ? $t('step5.you') : (chatTarget === 'report_agent' ? $t('interaction.report_agent') : (selectedAgent?.username || $t('interaction.agent'))) }}
                   </span>
                   <span class="message-time">{{ formatTime(msg.timestamp) }}</span>
                 </div>
@@ -292,7 +292,7 @@
             <textarea 
               v-model="chatInput"
               class="chat-input"
-              placeholder="输入您的问题..."
+              :placeholder="$t('step5.chat_placeholder')"
               @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.select_survey_target') }}</span>
+                <span class="selection-count">{{ $t('step5.selected_count', { count: 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('step5.unknown_profession') }}</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('common.select_all') }}</button>
                 <span class="action-divider">|</span>
-                <button class="action-link" @click="clearAgentSelection">清空</button>
+                <button class="action-link" @click="clearAgentSelection">{{ $t('step5.clear_selection') }}</button>
               </div>
             </div>
 
             <div class="setup-section">
               <div class="section-header">
-                <span class="section-title">问卷问题</span>
+                <span class="section-title">{{ $t('step5.survey_question') }}</span>
               </div>
               <textarea 
                 v-model="surveyQuestion"
                 class="survey-input"
-                placeholder="输入您想问所有被选中对象的问题..."
+                :placeholder="$t('step5.survey_placeholder')"
                 rows="3"
               ></textarea>
             </div>
@@ -369,15 +369,15 @@
               @click="submitSurvey"
             >
               <span v-if="isSurveying" class="loading-spinner"></span>
-              <span v-else>发送问卷</span>
+              <span v-else>{{ $t('step5.submit_survey') }}</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.survey_results') }}</span>
+              <span class="results-count">{{ $t('step5.survey_reply_count', { count: surveyResults.length }) }}</span>
             </div>
             <div class="results-list">
               <div 
@@ -389,7 +389,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('step5.unknown_profession') }}</span>
                   </div>
                 </div>
                 <div class="result-question">
@@ -412,9 +412,11 @@
 
 <script setup>
 import { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { chatWithReport, getReport, getAgentLog } from '../api/report'
 import { interviewAgents, getSimulationProfilesRealtime } from '../api/simulation'
 
+const { t } = useI18n()
 const props = defineProps({
   reportId: String,
   simulationId: String
@@ -533,9 +535,8 @@ const selectAgent = (agent, idx) => {
   chatTarget.value = 'agent'
   showAgentDropdown.value = false
   
-  // 恢复该 Agent 的对话记录
   chatHistory.value = chatHistoryCache.value[`agent_${idx}`] || []
-  addLog(`选择对话对象: ${agent.username}`)
+  addLog(`${t('step5.select_target')}: ${agent.username}`)
 }
 
 const formatTime = (timestamp) => {
@@ -662,22 +663,21 @@ const sendMessage = async () => {
       await sendToAgent(message)
     }
   } catch (err) {
-    addLog(`发送失败: ${err.message}`)
+    addLog(`${t('common.unknown_error')}: ${err.message}`)
     chatHistory.value.push({
       role: 'assistant',
-      content: `抱歉，发生了错误: ${err.message}`,
+      content: `${t('common.unknown_error')}: ${err.message}`,
       timestamp: new Date().toISOString()
     })
   } finally {
     isSending.value = false
     scrollToBottom()
-    // 自动保存对话记录到缓存
     saveChatHistory()
   }
 }
 
 const sendToReportAgent = async (message) => {
-  addLog(`向 Report Agent 发送: ${message.substring(0, 50)}...`)
+  addLog(`${t('step5.chat_with_report')} -> ${message.substring(0, 50)}...`)
   
   // Build chat history for API
   const historyForApi = chatHistory.value
@@ -697,21 +697,21 @@ const sendToReportAgent = async (message) => {
   if (res.success && res.data) {
     chatHistory.value.push({
       role: 'assistant',
-      content: res.data.response || res.data.answer || '无响应',
+      content: res.data.response || res.data.answer || t('common.no_response'),
       timestamp: new Date().toISOString()
     })
-    addLog('Report Agent 已回复')
+    addLog(t('step4.workflow.llm_response'))
   } else {
-    throw new Error(res.error || '请求失败')
+    throw new Error(res.error || t('common.unknown_error'))
   }
 }
 
 const sendToAgent = async (message) => {
   if (!selectedAgent.value || selectedAgentIndex.value === null) {
-    throw new Error('请先选择一个模拟个体')
+    throw new Error(t('step5.select_target'))
   }
   
-  addLog(`向 ${selectedAgent.value.username} 发送: ${message.substring(0, 50)}...`)
+  addLog(`${t('step5.chat_with_agent')} (${selectedAgent.value.username}) -> ${message.substring(0, 50)}...`)
   
   // Build prompt with chat history
   let prompt = message
@@ -719,9 +719,9 @@ const sendToAgent = async (message) => {
     const historyContext = chatHistory.value
       .filter(msg => msg.content !== message)
       .slice(-6)
-      .map(msg => `${msg.role === 'user' ? '提问者' : '你'}：${msg.content}`)
+      .map(msg => `${msg.role === 'user' ? t('step5.you') : selectedAgent.value.username}: ${msg.content}`)
       .join('\n')
-    prompt = `以下是我们之前的对话：\n${historyContext}\n\n现在我的新问题是：${message}`
+    prompt = `${t('step5.tools.history_context')}\n${historyContext}\n\n${t('step5.tools.new_question')}${message}`
   }
   
   const res = await interviewAgents({
@@ -733,40 +733,31 @@ const sendToAgent = async (message) => {
   })
   
   if (res.success && res.data) {
-    // 正确的数据路径: res.data.result.results 是一个对象字典
-    // 格式: {"twitter_0": {...}, "reddit_0": {...}} 或单平台 {"reddit_0": {...}}
     const resultData = res.data.result || res.data
     const resultsDict = resultData.results || resultData
     
-    // 将对象字典转换为数组，优先获取 reddit 平台的回复
-    let responseContent = null
+    let responseContent = t('common.no_response')
     const agentId = selectedAgentIndex.value
     
     if (typeof resultsDict === 'object' && !Array.isArray(resultsDict)) {
-      // 优先使用 reddit 平台回复，其次 twitter
       const redditKey = `reddit_${agentId}`
       const twitterKey = `twitter_${agentId}`
       const agentResult = resultsDict[redditKey] || resultsDict[twitterKey] || Object.values(resultsDict)[0]
       if (agentResult) {
-        responseContent = agentResult.response || agentResult.answer
+        responseContent = agentResult.response || agentResult.answer || t('common.no_response')
       }
     } else if (Array.isArray(resultsDict) && resultsDict.length > 0) {
-      // 兼容数组格式
-      responseContent = resultsDict[0].response || resultsDict[0].answer
+      responseContent = resultsDict[0].response || resultsDict[0].answer || t('common.no_response')
     }
     
-    if (responseContent) {
-      chatHistory.value.push({
-        role: 'assistant',
-        content: responseContent,
-        timestamp: new Date().toISOString()
-      })
-      addLog(`${selectedAgent.value.username} 已回复`)
-    } else {
-      throw new Error('无响应数据')
-    }
+    chatHistory.value.push({
+      role: 'assistant',
+      content: responseContent,
+      timestamp: new Date().toISOString()
+    })
+    addLog(`${selectedAgent.value.username} ${t('common.success').toLowerCase()}`)
   } else {
-    throw new Error(res.error || '请求失败')
+    throw new Error(res.error || t('common.unknown_error'))
   }
 }
 
@@ -803,7 +794,7 @@ const submitSurvey = async () => {
   if (selectedAgents.value.size === 0 || !surveyQuestion.value.trim()) return
   
   isSurveying.value = true
-  addLog(`发送问卷给 ${selectedAgents.value.size} 个对象...`)
+  addLog(`${t('step5.send_survey')}: ${selectedAgents.value.size} ${t('common.items')}`)
   
   try {
     const interviews = Array.from(selectedAgents.value).map(idx => ({
@@ -830,20 +821,20 @@ const submitSurvey = async () => {
         const agent = profiles.value[agentIdx]
         
         // 优先使用 reddit 平台回复，其次 twitter
-        let responseContent = '无响应'
+        let responseContent = t('common.no_response')
         
         if (typeof resultsDict === 'object' && !Array.isArray(resultsDict)) {
           const redditKey = `reddit_${agentIdx}`
           const twitterKey = `twitter_${agentIdx}`
           const agentResult = resultsDict[redditKey] || resultsDict[twitterKey]
           if (agentResult) {
-            responseContent = agentResult.response || agentResult.answer || '无响应'
+            responseContent = agentResult.response || agentResult.answer || t('common.no_response')
           }
         } else if (Array.isArray(resultsDict)) {
           // 兼容数组格式
           const matchedResult = resultsDict.find(r => r.agent_id === agentIdx)
           if (matchedResult) {
-            responseContent = matchedResult.response || matchedResult.answer || '无响应'
+            responseContent = matchedResult.response || matchedResult.answer || t('common.no_response')
           }
         }
         
@@ -857,12 +848,12 @@ const submitSurvey = async () => {
       }
       
       surveyResults.value = surveyResultsList
-      addLog(`收到 ${surveyResults.value.length} 条回复`)
+      addLog(t('step5.logs.reply_count', { count: surveyResults.value.length }))
     } else {
-      throw new Error(res.error || '请求失败')
+      throw new Error(res.error || t('common.request_failed'))
     }
   } catch (err) {
-    addLog(`问卷发送失败: ${err.message}`)
+    addLog(`${t('step5.logs.survey_failed')}: ${err.message}`)
   } finally {
     isSurveying.value = false
   }
@@ -873,7 +864,7 @@ const loadReportData = async () => {
   if (!props.reportId) return
   
   try {
-    addLog(`加载报告数据: ${props.reportId}`)
+    addLog(t('step5.logs.load_report', { id: props.reportId }))
     
     // Get report info
     const reportRes = await getReport(props.reportId)
@@ -882,7 +873,7 @@ const loadReportData = async () => {
       await loadAgentLogs()
     }
   } catch (err) {
-    addLog(`加载报告失败: ${err.message}`)
+    addLog(`${t('step5.logs.load_report')} ${t('common.failed')}: ${err.message}`)
   }
 }
 
@@ -904,10 +895,10 @@ const loadAgentLogs = async () => {
         }
       })
       
-      addLog('报告数据加载完成')
+      addLog(t('step5.logs.report_load_complete'))
     }
   } catch (err) {
-    addLog(`加载报告日志失败: ${err.message}`)
+    addLog(`${t('step4.header.console_output')} ${t('common.failed')}: ${err.message}`)
   }
 }
 
@@ -918,10 +909,10 @@ const loadProfiles = async () => {
     const res = await getSimulationProfilesRealtime(props.simulationId, 'reddit')
     if (res.success && res.data) {
       profiles.value = res.data.profiles || []
-      addLog(`加载了 ${profiles.value.length} 个模拟个体`)
+      addLog(t('step5.logs.load_profiles', { count: profiles.value.length }))
     }
   } catch (err) {
-    addLog(`加载模拟个体失败: ${err.message}`)
+    addLog(`${t('step5.logs.load_profiles')} ${t('common.failed')}: ${err.message}`)
   }
 }
 
@@ -935,7 +926,7 @@ const handleClickOutside = (e) => {
 
 // Lifecycle
 onMounted(() => {
-  addLog('Step5 深度互动初始化')
+  addLog(t('step5.logs.init'))
   loadReportData()
   loadProfiles()
   document.addEventListener('click', handleClickOutside)
diff --git a/frontend/src/i18n.js b/frontend/src/i18n.js
new file mode 100644
index 000000000..f9f688c7f
--- /dev/null
+++ b/frontend/src/i18n.js
@@ -0,0 +1,17 @@
+import { createI18n } from 'vue-i18n'
+import en from './locales/en.json'
+import zh from './locales/zh.json'
+import vi from './locales/vi.json'
+
+const i18n = createI18n({
+  legacy: false, // use Composition API
+  locale: 'zh', // default locale
+  fallbackLocale: 'en',
+  messages: {
+    en,
+    zh,
+    vi
+  }
+})
+
+export default i18n
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
new file mode 100644
index 000000000..0cab324bb
--- /dev/null
+++ b/frontend/src/locales/en.json
@@ -0,0 +1,625 @@
+{
+  "navigation": {
+    "home": "Home",
+    "simulation": "Simulation",
+    "history": "History",
+    "settings": "Settings"
+  },
+  "home": {
+    "welcome": "Welcome to MiroFish",
+    "description": "Parallel world social simulation tool",
+    "new_project": "New Simulation",
+    "import_project": "Import",
+    "recent_projects": "Recent",
+    "github_link": "VIEW ON GITHUB",
+    "tag_line": "AI AGENTIC WORKFLOW",
+    "version": "VERSION V1.0",
+    "title_1": "PREDICTION REPORT",
+    "title_2": "RECONSTRUCT THE FUTURE",
+    "desc_1": "Welcome to ",
+    "desc_2": ", a parallel world created by ",
+    "desc_highlight_agent": "Millions of Agents",
+    "desc_3": ". By injecting variables from a 'God's eye view', we search for ",
+    "desc_highlight_opt": "'Local optimal solutions'",
+    "desc_4": " in complex and dynamic group interaction environments.",
+    "slogan": "MIROFISH: RUN SIMULATION, GET RESULTS",
+    "system_status": "SYSTEM STATUS",
+    "ready": "READY TO ENGINE",
+    "status_desc": "MiroFish's base Agent social prediction system is initialized. You can start by uploading a real seed file or entering a simulation requirement.",
+    "low_cost": "LOW COST",
+    "cost_desc": "Large-scale simulation costs only a few dollars",
+    "high_avail": "HIGH AVAILABILITY",
+    "avail_desc": "Using distributed architecture to ensure stability",
+    "workflow": "SIMULATION WORKFLOW",
+    "step1_title": "GraphRAG Build",
+    "step1_desc": "Automatically analyze documents and requirements to build a seed knowledge graph.",
+    "step2_title": "Environment Setup",
+    "step2_desc": "Initialize thousands of Agent personas and configure world parameters.",
+    "step3_title": "Simulation Engine",
+    "step3_desc": "Run real-time multi-platform cross-interaction simulation.",
+    "step4_title": "Analysis Report",
+    "step4_desc": "Deep Agent aggregates simulation data and generates deep prediction reports.",
+    "step5_title": "Deep Interaction",
+    "step5_desc": "Direct dialogue with Agents or Report Agent to understand deep context.",
+    "seed_label": "SEED DOCUMENT",
+    "support_format": "SUPPORT PDF, MD, TXT",
+    "drag_upload": "Drag and drop files here",
+    "click_upload": "Or click to select files from computer",
+    "input_params": "INPUT PARAMETERS",
+    "prompt_label": "SIMULATION PROMPT",
+    "prompt_placeholder": "Enter the simulation scenario or hypothesis you want to test (e.g., Predict community response to a new policy...)",
+    "engine": "Engine",
+    "start_engine": "START ENGINE",
+    "initializing": "INITIALIZING..."
+  },
+  "graph": {
+    "title": "Knowledge Graph",
+    "nodes": "Nodes",
+    "edges": "Edges",
+    "loading": "Loading graph data...",
+    "waiting": "Waiting for ontology generation...",
+    "entity_types": "Entity Types",
+    "show_edge_labels": "Show Edge Labels",
+    "refresh": "Refresh",
+    "maximize": "Maximize",
+    "memory_updating": "Graph memory updating...",
+    "updating": "Graph is being built...",
+    "finished_hint": "Simulation complete. Graph will no longer update.",
+    "node_details": "Node Details",
+    "relationship": "Relationship",
+    "name": "Name",
+    "uuid": "UUID",
+    "created": "Created",
+    "properties": "Properties",
+    "summary": "Summary",
+    "labels": "Labels",
+    "self_relations": "Self-relations of {name}",
+    "items_count": "{count} items",
+    "fact": "Fact",
+    "type": "Type",
+    "episodes": "Episodes",
+    "valid_from": "Valid From",
+    "invalid_at": "Invalid At",
+    "expired_at": "Expired At"
+  },
+  "common": {
+    "completed": "Completed",
+    "generating": "Generating",
+    "pending": "Pending",
+    "in_progress": "In Progress",
+    "close": "Close",
+    "waiting": "Waiting",
+    "finalizing": "Finalizing",
+    "hours": "Hours",
+    "minutes": "Minutes",
+    "rounds": "Rounds",
+    "items": "items",
+    "unknown_error": "Unknown error",
+    "no_response": "No response",
+    "request_failed": "Request failed",
+    "success": "Success",
+    "failed": "Failed",
+    "select_all": "Select All",
+    "age_unit": "yrs",
+    "gender_male": "Male",
+    "gender_female": "Female",
+    "gender_other": "Other",
+    "total": "Total"
+  },
+  "step1": {
+    "ontology": {
+      "title": "Ontology Generation",
+      "description": "LLM analyzes document content and simulation requirements, extracting reality seeds and automatically generating an appropriate ontology structure.",
+      "analyzing": "Analyzing documents...",
+      "entity": "ENTITY",
+      "relation": "RELATION",
+      "attributes": "ATTRIBUTES",
+      "examples": "EXAMPLES",
+      "connections": "CONNECTIONS",
+      "gen_entity_types": "GENERATED ENTITY TYPES",
+      "gen_relation_types": "GENERATED RELATION TYPES"
+    },
+    "graph_build": {
+      "title": "GraphRAG Build",
+      "description": "Based on the generated ontology, documents are automatically chunked and Zep is called to build a knowledge graph, extracting entities and relationships, and forming temporal memory and community summaries.",
+      "nodes": "Entity Nodes",
+      "edges": "Relationship Edges",
+      "schema_types": "SCHEMA Types"
+    },
+    "complete": {
+      "title": "Build Complete",
+      "description": "Graph construction completed. Please proceed to the next step for simulation environment setup.",
+      "creating": "Creating...",
+      "enter_env": "Enter Env Setup ➝"
+    }
+  },
+  "step2": {
+    "init_sim": {
+      "title": "Simulation Instance Initialization",
+      "desc": "Create new simulation instance, pull simulation world parameters template",
+      "status_init": "Initialize"
+    },
+    "gen_profiles": {
+      "title": "Generate Agent Profiles",
+      "desc": "Combine context, automatically call tools to organize entities and relationships from the knowledge graph, initialize simulation individuals, and give them unique behaviors and memories based on reality seeds.",
+      "current_agents": "Current Agent Count",
+      "expected_agents": "Expected Total Agents",
+      "associated_topics": "Associated Topics Count",
+      "generated_title": "Generated Agent Profiles",
+      "unknown_profession": "Unknown Profession",
+      "no_bio": "No Bio"
+    },
+    "gen_config": {
+      "title": "Generate Dual Platform Simulation Config",
+      "desc": "LLM intelligently sets world time flow, recommendation algorithms, active periods, speaking frequency, event triggers, etc., based on simulation needs.",
+      "duration": "Simulation Duration",
+      "round_duration": "Round Duration",
+      "total_rounds": "Total Rounds",
+      "active_per_hour": "Active per Hour",
+      "peak_hours": "Peak Hours",
+      "work_hours": "Work Hours",
+      "morning_hours": "Morning Hours",
+      "off_peak_hours": "Off-peak Hours",
+      "agent_config": "Agent Configuration",
+      "active_hours": "Active Hours",
+      "posts_per_hour": "Posts/hr",
+      "comments_per_hour": "Comments/hr",
+      "response_delay": "Response Delay",
+      "activity_level": "Activity Level",
+      "sentiment_bias": "Sentiment Bias",
+      "influence_weight": "Influence Weight",
+      "algo_config": "Recommendation Algorithm Config",
+      "platform1": "Platform 1: Square / Feed",
+      "platform2": "Platform 2: Topic / Community",
+      "recency": "Recency Weight",
+      "popularity": "Popularity Weight",
+      "relevance": "Relevance Weight",
+      "viral": "Viral Threshold",
+      "echo": "Echo Chamber Strength",
+      "reasoning": "LLM Config Reasoning"
+    },
+    "activation": {
+      "title": "Initial Activation Orchestration",
+      "desc": "Based on narrative direction, automatically generate initial activation events and hot topics to guide the simulation start.",
+      "narrative": "Narrative Direction",
+      "hot_topics": "Initial Hot Topics",
+      "initial_sequence": "Initial Activation Sequence ({count})"
+    },
+    "complete": {
+      "title": "Preparation Complete",
+      "desc": "Simulation environment is ready, you can start the simulation run.",
+      "rounds_setup": "Simulation Rounds Setup",
+      "auto_plan": "MiroFish automatically planned {hours} hours of reality, each round representing {mins} minutes of time flow.",
+      "custom": "Custom",
+      "estimated_time": "If agent scale is 100: Estimated time ~{mins} minutes",
+      "recommended": "Recommended",
+      "first_run_tip": "If first run, we highly recommend 'Custom Mode' to reduce rounds for quick preview and lower risk ➝",
+      "back_to_graph": "← Back to Graph Build",
+      "start_sim": "Start Parallel Dual-World Simulation ➝"
+    },
+    "modal": {
+      "age": "Apparent Age",
+      "gender": "Apparent Gender",
+      "location": "Country/Region",
+      "mbti": "Apparent MBTI",
+      "persona_intro": "Persona Introduction",
+      "seed_topics": "Reality Seed Linked Topics",
+      "detailed_persona": "Detailed Persona Background",
+      "trajectory": "Panoramic Behavior Trajectory",
+      "trajectory_desc": "Full behavior track in this event",
+      "style": "Behavior Style Profiling",
+      "style_desc": "Experience summary and style preference",
+      "memory": "Unique Memory Imprint",
+      "memory_desc": "Memories based on reality seeds",
+      "social_net": "Social Interaction Graph",
+      "social_net_desc": "Individual link and interaction graph"
+    },
+    "logs": {
+      "start_gen_config": "Starting generation of dual-platform simulation config...",
+      "start_sim_custom": "Starting simulation, custom rounds: {rounds}",
+      "start_sim_auto": "Starting simulation, using auto-generated rounds: {rounds}",
+      "err_no_sim_id": "Error: Missing simulationId",
+      "sim_instance_created": "Simulation instance created: {id}",
+      "preparing_env": "Preparing simulation environment...",
+      "prepared_exists": "Detected existing completed preparation, using directly",
+      "prepare_task_started": "Preparation task started",
+      "zep_entities_read": "Read {count} entities from Zep graph",
+      "entity_types_found": "Entity types: {types}",
+      "start_polling": "Starting polling for preparation progress...",
+      "prepare_failed": "Preparation failed: {error}",
+      "prepare_exception": "Preparation exception: {error}",
+      "prepare_completed": "✓ Preparation work completed",
+      "prepare_failed_icon": "✗ Preparation failed: {error}",
+      "start_gen_profiles": "Starting agent profile generation...",
+      "agent_profile_gen": "→ Agent profile {current}/{total}: {name} ({profession})",
+      "all_agents_gen": "✓ All {count} agent profiles generation completed",
+      "gen_agent_config": "Generating agent profile configurations...",
+      "gen_sim_params": "Calling LLM to generate simulation config parameters...",
+      "sim_config_gen_done": "✓ Simulation config generation completed",
+      "agent_count_stat": "Agent count: {count}",
+      "sim_duration_stat": "Simulation duration: {hours} hours",
+      "initial_posts_stat": "Initial posts: {count}",
+      "hot_topics_stat": "Hot topics: {count}",
+      "platform_config_stat": "Platform config: Twitter {twitter}, Reddit {reddit}",
+      "time_config_detail": "Time config: {mins} mins/round, total {rounds} rounds",
+      "time_config_summary": "Time config summary: {mins} mins/round, total {rounds} rounds",
+      "narrative_direction": "Narrative direction: {text}",
+      "env_setup_done": "✓ Environment setup complete, simulation can start",
+      "loading_existing_config": "Loading existing configuration data...",
+      "loaded_agents": "Loaded {count} agent profiles",
+      "sim_config_loaded": "✓ Simulation config loaded successfully",
+      "config_gen_polling": "Config generation in progress, starting polling...",
+      "load_config_failed": "Failed to load configuration: {error}",
+      "step2_init": "Step 2 environment setup initialized",
+      "poll_status_failed": "Poll status failed",
+      "fetch_profiles_failed": "Fetch profiles failed",
+      "config_gen_done": "✓ Simulation configuration generated",
+      "config_fetch_failed": "Failed to fetch config"
+    }
+  },
+  "step3": {
+    "control": {
+      "plaza_name": "Plaza",
+      "community_name": "Community",
+      "round": "ROUND",
+      "elapsed": "Elapsed",
+      "acts": "ACTS",
+      "available_actions": "Available Actions",
+      "start_report": "Generate Report",
+      "starting": "Starting..."
+    },
+    "timeline": {
+      "total_events": "TOTAL EVENTS",
+      "waiting": "Waiting for agent actions...",
+      "monitor": "SIMULATION MONITOR",
+      "action_skipped": "Action Skipped",
+      "reply_to": "Reply to post #{id}",
+      "liked_post": "Liked @{author}'s post",
+      "reposted_from": "Reposted from @{author}",
+      "search_query": "Search Query:",
+      "followed_user": "Followed @{user}",
+      "act_post": "POST",
+      "act_like": "LIKE",
+      "act_repost": "REPOST",
+      "act_quote": "QUOTE",
+      "act_follow": "FOLLOW",
+      "act_comment": "COMMENT",
+      "act_idle": "IDLE",
+      "act_search": "SEARCH",
+      "act_upvote": "UPVOTE",
+      "act_downvote": "DOWNVOTE"
+    },
+    "logs": {
+      "err_no_sim_id": "Error: Missing simulationId",
+      "starting_sim": "Starting dual-platform parallel simulation...",
+      "set_max_rounds": "Setting max simulation rounds: {rounds}",
+      "auto_rounds": "Using automatically configured simulation rounds",
+      "dynamic_graph_enabled": "Dynamic graph update mode enabled",
+      "old_logs_cleaned": "✓ Old simulation logs cleaned, starting new simulation",
+      "engine_started": "✓ Simulation engine started successfully",
+      "stop_sim": "Stopping simulation...",
+      "sim_stopped": "✓ Simulation stopped",
+      "stop_failed": "Stop failed: {error}",
+      "stop_exception": "Stop exception: {error}",
+      "all_platforms_ended": "✓ All platforms simulation detected as ended",
+      "sim_completed": "✓ Simulation completed",
+      "report_pending": "Report generation request sent, please wait...",
+      "starting_report": "Starting report generation...",
+      "report_task_started": "✓ Report generation task started: {id}",
+      "report_failed": "✗ Failed to start report generation: {error}",
+      "report_exception": "✗ Exception starting report generation: {error}",
+      "step3_init": "Step 3 simulation run initialized",
+      "poll_status_failed": "Failed to get run status",
+      "fetch_detail_failed": "Failed to get detailed status"
+    }
+  },
+  "simulation_view": {
+    "detect_running": "Detecting running simulation environment, closing...",
+    "close_success": "✓ Simulation environment closed",
+    "close_failed": "Failed to close simulation environment",
+    "detect_status_running": "Simulation status is running, stopping...",
+    "force_stop_success": "✓ Simulation forced stopped",
+    "force_stop_failed": "Failed to force stop simulation",
+    "load_data": "Loading simulation data: {id}",
+    "project_success": "Project loaded successfully: {id}",
+    "graph_success": "Graph data loaded successfully",
+    "stop_polling": "Graph polling stopped.",
+    "init": "SimulationView initialized.",
+    "start_sim": "Preparing to return to Step 2, closing simulation...",
+    "report_init": "ReportView initialized.",
+    "load_report_data": "Loading report data: {id}",
+    "report_fail": "Failed to get report information",
+    "interaction_init": "InteractionView initialized."
+  },
+  "main": {
+    "graph": "Graph",
+    "split": "Split",
+    "workbench": "Workbench",
+    "step": "Step",
+    "steps": {
+      "step1": "GraphRAG Build",
+      "step2": "Environment Setup",
+      "step3": "Start Simulation",
+      "step4": "Analysis Report",
+      "step5": "Deep Interaction"
+    },
+    "status": {
+      "initializing": "Initializing...",
+      "generating_ontology": "Generating ontology...",
+      "building_graph": "Building graph...",
+      "ready": "Ready",
+      "error": "Error"
+    },
+    "logs": {
+      "init": "Project view initialized.",
+      "no_files": "Error: No pending files found for new project.",
+      "start_ontology": "Starting ontology generation: Uploading files...",
+      "upload_analyze": "Uploading and analyzing docs...",
+      "load_project": "Loading project {id}...",
+      "project_loaded": "Project loaded. Status: {status}",
+      "init_build": "Initiating graph build...",
+      "task_started": "Graph build task started. Task ID: {id}",
+      "polling_graph": "Started polling for graph data...",
+      "graph_refreshed": "Graph data refreshed. Nodes: {nodes}, Edges: {edges}",
+      "build_complete": "Graph build task completed.",
+      "loading_full_graph": "Loading full graph data: {id}",
+      "manual_refresh": "Manual graph refresh triggered."
+    }
+  },
+  "step4": {
+    "header": {
+      "prediction_report": "Prediction Report",
+      "agent_waiting": "Waiting for Report Agent...",
+      "sections": "Sections",
+      "elapsed": "Elapsed",
+      "tools": "Tools",
+      "deep_interaction": "Enter Deep Interaction",
+      "generating_section": "Generating {title}...",
+      "console_output": "CONSOLE OUTPUT"
+    },
+    "workflow": {
+      "report_start": "Report Started",
+      "planning_start": "Planning Started",
+      "planning_complete": "Planning Complete",
+      "section_start": "Section Started",
+      "section_content": "Section Content",
+      "section_complete": "Section Complete",
+      "tool_call": "Tool Call",
+      "tool_result": "Tool Result",
+      "llm_response": "LLM Response",
+      "report_complete": "Report Complete",
+      "sections_planned": "{count} sections planned",
+      "section_generated": "Section \"{title}\" content generated",
+      "gen_complete": "Report Generation Complete"
+    },
+    "tools": {
+      "insight_forge": "Deep Insight",
+      "panorama_search": "Panorama Search",
+      "interview_agents": "Agent Interview",
+      "quick_search": "Quick Search",
+      "get_graph_statistics": "Graph Stats",
+      "get_entities_by_type": "Entity Query"
+    },
+    "display": {
+      "show_params": "Show Params",
+      "hide_params": "Hide Params",
+      "structured_view": "Structured View",
+      "raw_output": "Raw Output",
+      "show_response": "Show Response",
+      "hide_response": "Hide Response",
+      "show_more": "Show More",
+      "show_less": "Show Less",
+      "iteration": "Iteration {count}",
+      "tools_status": "Tools: {status}",
+      "final_status": "Final: {status}",
+      "yes": "Yes",
+      "no": "No"
+    },
+    "insight": {
+      "facts": "Facts",
+      "entities": "Entities",
+      "relations": "Relations",
+      "subqueries": "Sub-queries",
+      "scenario": "Prediction Scenario:",
+      "memory_fact_desc": "Latest key facts from temporal memory",
+      "core_entities": "Core Entities",
+      "relation_chain": "Relation Chain",
+      "subquery_desc": "Analytical sub-queries generated from query",
+      "no_facts": "No key facts available",
+      "no_entities": "No core entities available",
+      "no_relations": "No relation chains available",
+      "expand_all": "Expand all {count} items ▼",
+      "collapse_all": "Collapse ▲"
+    },
+    "panorama": {
+      "active_memory": "Active Memory ({count})",
+      "historical_memory": "History ({count})",
+      "involved_entities": "Involved Entities ({count})",
+      "active_memory_title": "Current Active Memory",
+      "historical_memory_title": "Historical Memory",
+      "involved_entities_title": "Involved Entities",
+      "no_active": "No active memory currently",
+      "no_historical": "No historical memory"
+    },
+    "interview": {
+      "interviewed": "Interviewed",
+      "total": "Total",
+      "selection_reason": "Selection Reason",
+      "interviewer": "Interviewer",
+      "world1": "World 1",
+      "world2": "World 2",
+      "key_quotes": "Key Quotes",
+      "interview_summary": "Interview Summary"
+    },
+    "quick_search": {
+      "query": "Search Query:",
+      "found": "Found {count} items"
+    }
+  },
+  "step5": {
+    "title": "Deep Interaction",
+    "waiting": "Waiting for setup...",
+    "interactive_tools": "Interactive Tools",
+    "agents_available": "{count} agents available",
+    "chat_with_report": "Chat with Report Agent",
+    "chat_with_agent": "Chat with anyone",
+    "select_target": "Select chat target",
+    "unknown_profession": "Unknown Profession",
+    "send_survey": "Send survey to world",
+    "report_agent_desc": "Fast chat version of the Report Agent, capable of calling 4 professional tools, with MiroFish's full memory.",
+    "tools": {
+      "insight_desc": "Aligns real-world seed data with simulated environment states, combining Global/Local Memory mechanisms to provide deep inductive analysis across time and space.",
+      "panorama_desc": "Graph-based breadth-first traversal algorithm, reconstructing event communication paths and capturing the full panoramic topology of information flow.",
+      "quick_desc": "GraphRAG-based instant query interface, optimized index efficiency for rapid extraction of specific node attributes and discrete facts.",
+      "interview_desc": "Autonomous interview capability, enabling parallel multi-turn dialogues with individuals in the simulated world to collect unstructured perspectives and psychological states.",
+      "history_context": "Following is our previous conversation:",
+      "new_question": "Now my new question is: "
+    },
+    "bio_label": "Bio",
+    "empty_report": "Chat with Report Agent for deep insights into the report content.",
+    "empty_agent": "Chat with simulated individuals to understand their perspectives.",
+    "you": "You",
+    "chat_placeholder": "Type your question...",
+    "select_survey_target": "Select survey targets",
+    "selected_count": "Selected {count} / {total}",
+    "clear_selection": "Clear Selection",
+    "survey_question": "Survey Question",
+    "survey_placeholder": "Enter the question you want to ask all selected targets...",
+    "submit_survey": "Submit Survey",
+    "survey_results": "Survey Results",
+    "survey_reply_count": "{count} replies",
+    "logs": {
+      "init": "Step 5 Deep Interaction initialized",
+      "load_report": "Loading report data: {id}",
+      "report_load_complete": "Report data loading complete",
+      "load_profiles": "Loaded {count} simulated individuals",
+      "reply_count": "Received {count} replies",
+      "survey_failed": "Survey sending failed"
+    },
+    "report_agent_chat": "Report Agent - Chat"
+  },
+  "history": {
+    "title": "History Database",
+    "sim_history": "Simulation History",
+    "search_placeholder": "Search history...",
+    "view_report": "View Report",
+    "re_sim": "Re-Simulation",
+    "no_history": "No history found",
+    "created_at": "Created at",
+    "unnamed_sim": "Unnamed Simulation",
+    "unknown_file": "Unknown File",
+    "related_files": "Related Files",
+    "sim_requirement": "Simulation Requirement",
+    "playback": "Simulation Playback",
+    "playback_hint": "Step 3 'Start Simulation' and Step 5 'Deep Interaction' must be performed while running, and do not support historical playback."
+  },
+  "simulation": {
+    "status": {
+      "running": "Simulation Running",
+      "completed": "Simulation Completed",
+      "error": "Simulation Error"
+    }
+  },
+  "process": {
+    "navbar": {
+      "step": "Step"
+    },
+    "left_panel": {
+      "title": "Real-world Knowledge Map",
+      "nodes": "Nodes",
+      "edges": "Edges",
+      "refresh": "Refresh Graph",
+      "fullscreen_enter": "Full Screen",
+      "fullscreen_exit": "Exit Full Screen",
+      "updating": "Updating Knowledge Graph...",
+      "node_details": "Node Details",
+      "relationship_details": "Relationship Details",
+      "loading": "Loading Graph Data...",
+      "waiting_ontology": "Waiting for Ontology Generation...",
+      "waiting_ontology_hint": "Ontology is the structural framework of the knowledge graph, please wait until Step 01 is complete.",
+      "building": "Building Knowledge Graph...",
+      "building_hint": "Data is being fed into Zep and the graph is being constructed, data will appear soon."
+    },
+    "status": {
+      "failed": "Failed",
+      "completed": "Completed",
+      "building": "Building",
+      "ontology": "Ontology",
+      "initializing": "Initializing",
+      "done": "Done",
+      "processing": "Processing",
+      "pending": "Pending"
+    },
+    "right_panel": {
+      "title": "Build Process Details",
+      "api_desc": "API Description",
+      "progress": "Execution Progress",
+      "entity_types": "Entity Types",
+      "relation_types": "Relation Types",
+      "more": "and more...",
+      "waiting_phase1": "Waiting for document analysis to start...",
+      "waiting_phase2": "Waiting for ontology completion...",
+      "result": "Build Result",
+      "nodes_count": "Total Nodes",
+      "edges_count": "Total Edges",
+      "types_count": "Entity Types Count",
+      "next_step": "Proceed to Environment Setup",
+      "phase1": {
+        "title": "Ontology Generation",
+        "desc": "Upload and analyze documents"
+      },
+      "phase2": {
+        "title": "Build Graph",
+        "desc": "Extract entities and relations"
+      },
+      "phase3": {
+        "title": "Build Complete",
+        "meta": "Ready for simulation"
+      }
+    },
+    "project_info": {
+      "title": "Project Info",
+      "name": "Project Name",
+      "id": "Project ID",
+      "graph_id": "Graph ID",
+      "requirement": "Sim Requirement"
+    },
+    "status_msg": {
+      "processing": "Processing...",
+      "load_failed": "Failed to launch project",
+      "build_failed": "Graph building failed",
+      "simulation_created": "Simulation created",
+      "preparing": "Preparing environment...",
+      "prepared": "Preparation complete",
+      "running": "Simulation running",
+      "completed": "Simulation completed",
+      "error": "Simulation error",
+      "unnamed": "Unnamed",
+      "unknown": "Unknown",
+      "waiting_data": "Waiting for data...",
+      "loading_graph": "Loading graph..."
+    },
+    "logs": {
+      "loading_full_graph": "Loading full graph...",
+      "graph_loaded": "Graph loaded successfully"
+    },
+    "timeline": {
+      "act_post": "POST",
+      "act_like": "LIKE",
+      "act_repost": "REPOST",
+      "act_quote": "QUOTE",
+      "act_follow": "FOLLOW",
+      "act_comment": "COMMENT",
+      "act_idle": "IDLE",
+      "act_search": "SEARCH",
+      "act_upvote": "UPVOTE",
+      "act_downvote": "DOWNVOTE"
+    },
+    "interaction": {
+      "report_agent": "Report Agent",
+      "agent": "Agent",
+      "user": "You",
+      "unknown_agent": "Anonymous Agent"
+    }
+  }
+}
diff --git a/frontend/src/locales/vi.json b/frontend/src/locales/vi.json
new file mode 100644
index 000000000..12de86d18
--- /dev/null
+++ b/frontend/src/locales/vi.json
@@ -0,0 +1,626 @@
+{
+  "navigation": {
+    "home": "Trang chủ",
+    "simulation": "Mô phỏng",
+    "history": "Lịch sử",
+    "settings": "Cài đặt"
+  },
+  "home": {
+    "welcome": "Chào mừng đến với MiroFish",
+    "description": "Công cụ mô phỏng xã hội thế giới song song",
+    "new_project": "Dự án mô phỏng mới",
+    "import_project": "Nhập dự án",
+    "recent_projects": "Dự án gần đây",
+    "github_link": "XEM TRÊN GITHUB",
+    "tag_line": "AI AGENTIC WORKFLOW",
+    "version": "PHIÊN BẢN V1.0",
+    "title_1": "BÁO CÁO DỰ ĐOÁN",
+    "title_2": "CẤU TRÚC LẠI TƯƠNG LAI",
+    "desc_1": "Chào mừng bạn đến với ",
+    "desc_2": ", một thế giới song song được tạo nên bởi ",
+    "desc_highlight_agent": "Hàng triệu Agent",
+    "desc_3": ". Thông qua việc đưa vào các biến số từ 'Góc nhìn của Chúa', chúng tôi tìm kiếm ",
+    "desc_highlight_opt": "'Giải pháp tối ưu cục bộ'",
+    "desc_4": " trong môi trường tương tác nhóm phức tạp và năng động.",
+    "slogan": "MIROFISH: CHẠY MÔ PHỎNG, NHẬN KẾT QUẢ",
+    "system_status": "TRẠNG THÁI HỆ THỐNG",
+    "ready": "SẴN SÀNG KHỞI CHẠY",
+    "status_desc": "Hệ thống dự báo xã hội Agent cơ sở của MiroFish đã được khởi tạo. Bạn có thể bắt đầu bằng cách tải lên tệp hạt giống thực tế hoặc nhập yêu cầu mô phỏng.",
+    "low_cost": "CHI PHÍ THẤP",
+    "cost_desc": "Mô phỏng quy mô lớn chỉ tốn vài đô la",
+    "high_avail": "ĐỘ TIN CẬY CAO",
+    "high_avail_desc": "Sử dụng kiến trúc phân tán để đảm bảo tính ổn định",
+    "workflow": "LUỒNG CÔNG VIỆC MÔ PHỎNG",
+    "step1_title": "Xây dựng GraphRAG",
+    "step1_desc": "Tự động phân tích tài liệu và yêu cầu để xây dựng đồ thị tri thức hạt giống.",
+    "step2_title": "Thiết lập môi trường",
+    "step2_desc": "Khởi tạo hàng nghìn nhân cách Agent và cấu hình các thông số thế giới.",
+    "step3_title": "Động cơ mô phỏng",
+    "step3_desc": "Chạy mô phỏng tương tác đa nền tảng trong thời gian thực.",
+    "step4_title": "Báo cáo phân tích",
+    "step4_desc": "Deep Agent tổng hợp dữ liệu mô phỏng và tạo báo cáo dự báo chuyên sâu.",
+    "step5_title": "Tương tác chuyên sâu",
+    "step5_desc": "Đối thoại trực tiếp với các Agent hoặc Report Agent để hiểu sâu bối cảnh.",
+    "seed_label": "TÀI LIỆU HẠT GIỐNG",
+    "support_format": "HỖ TRỢ PDF, MD, TXT",
+    "drag_upload": "Kéo thả tệp vào đây",
+    "click_upload": "Hoặc nhấp để chọn tệp từ máy tính",
+    "input_params": "THAM SỐ ĐẦU VÀO",
+    "prompt_label": "YÊU CẦU MÔ PHỎNG (PROMPT)",
+    "prompt_placeholder": "Nhập kịch bản mô phỏng hoặc giả thuyết bạn muốn kiểm tra (Ví dụ: Dự đoán phản ứng của cộng đồng đối với chính sách mới...)",
+    "engine": "Động cơ",
+    "start_engine": "KHỞI CHẠY ĐỘNG CƠ",
+    "initializing": "ĐANG KHỞI TẠO..."
+  },
+  "main": {
+    "graph": "Đồ thị",
+    "split": "Chia đôi",
+    "workbench": "Bàn làm việc",
+    "step": "Bước",
+    "steps": {
+      "step1": "Xây dựng GraphRAG",
+      "step2": "Thiết lập môi trường",
+      "step3": "Bắt đầu mô phỏng",
+      "step4": "Báo cáo phân tích",
+      "step5": "Tương tác chuyên sâu"
+    },
+    "status": {
+      "initializing": "Đang khởi tạo...",
+      "generating_ontology": "Đang tạo bản thể...",
+      "building_graph": "Đang xây dựng đồ thị...",
+      "ready": "Sẵn sàng",
+      "error": "Lỗi"
+    },
+    "logs": {
+      "init": "Giao diện dự án đã khởi tạo.",
+      "no_files": "Lỗi: Không tìm thấy tệp chờ xử lý cho dự án mới.",
+      "start_ontology": "Bắt đầu tạo bản thể luận: Đang tải tệp lên...",
+      "upload_analyze": "Đang tải lên và phân tích tài liệu...",
+      "load_project": "Đang tải dự án {id}...",
+      "project_loaded": "Dự án đã tải. Trạng thái: {status}",
+      "init_build": "Bắt đầu xây dựng đồ thị...",
+      "task_started": "Nhiệm vụ xây dựng đồ thị đã bắt đầu. ID: {id}",
+      "polling_graph": "Bắt đầu truy vấn dữ liệu đồ thị...",
+      "graph_refreshed": "Dữ liệu đồ thị đã cập nhật. Nút: {nodes}, Cạnh: {edges}",
+      "build_complete": "Nhiệm vụ xây dựng đồ thị hoàn tất.",
+      "loading_full_graph": "Đang tải toàn bộ dữ liệu đồ thị: {id}",
+      "manual_refresh": "Đã kích hoạt làm mới đồ thị thủ công."
+    }
+  },
+  "simulation_view": {
+    "detect_running": "Phát hiện môi trường mô phỏng đang chạy, đang đóng...",
+    "close_success": "✓ Môi trường mô phỏng đã đóng",
+    "close_failed": "Đóng môi trường mô phỏng thất bại",
+    "detect_status_running": "Phát hiện trạng thái mô phỏng là đang chạy, đang dừng...",
+    "force_stop_success": "✓ Mô phỏng đã bị dừng cưỡng bức",
+    "force_stop_failed": "Dừng cưỡng bức mô phỏng thất bại",
+    "load_data": "Đang tải dữ liệu mô phỏng: {id}",
+    "project_success": "Tải dự án thành công: {id}",
+    "graph_success": "Tải dữ liệu đồ thị thành công",
+    "stop_polling": "Đã dừng truy vấn đồ thị.",
+    "init": "SimulationView đã khởi tạo.",
+    "start_sim": "Chuẩn bị quay lại Bước 2, đang đóng mô phỏng...",
+    "report_init": "ReportView đã khởi tạo.",
+    "load_report_data": "Đang tải dữ liệu báo cáo: {id}",
+    "report_fail": "Lấy thông tin báo cáo thất bại",
+    "interaction_init": "InteractionView đã khởi tạo."
+  },
+  "graph": {
+    "title": "Đồ thị tri thức",
+    "nodes": "Nút",
+    "edges": "Cạnh",
+    "loading": "Đang tải dữ liệu đồ thị...",
+    "waiting": "Đang chờ tạo bản thể luận...",
+    "entity_types": "Loại thực thể",
+    "show_edge_labels": "Hiển thị nhãn cạnh",
+    "refresh": "Làm mới",
+    "maximize": "Phóng to",
+    "memory_updating": "Bộ nhớ đồ thị đang cập nhật...",
+    "updating": "Đồ thị đang được xây dựng...",
+    "finished_hint": "Mô phỏng đã hoàn thành. Đồ thị không còn được cập nhật.",
+    "node_details": "Chi tiết nút",
+    "relationship": "Quan hệ",
+    "name": "Tên",
+    "uuid": "UUID",
+    "created": "Tạo lúc",
+    "properties": "Thuộc tính",
+    "summary": "Tóm tắt",
+    "labels": "Nhãn",
+    "self_relations": "Quan hệ vòng của {name}",
+    "items_count": "{count} mục",
+    "fact": "Sự kiện",
+    "type": "Loại",
+    "episodes": "Tập",
+    "valid_from": "Có hiệu lực từ",
+    "invalid_at": "Hết hiệu lực lúc",
+    "expired_at": "Hết hạn lúc"
+  },
+  "common": {
+    "completed": "Đã hoàn thành",
+    "generating": "Đang tạo",
+    "pending": "Chờ đợi",
+    "in_progress": "Đang xử lý",
+    "close": "Đóng",
+    "waiting": "Đang chờ",
+    "finalizing": "Đang hoàn tất",
+    "hours": "Giờ",
+    "minutes": "Phút",
+    "rounds": "Hiệp",
+    "age_unit": "tuổi",
+    "gender_male": "Nam",
+    "gender_female": "Nữ",
+    "gender_other": "Khác",
+    "total": "Tổng cộng",
+    "items": "mục",
+    "unknown_error": "Lỗi không xác định",
+    "no_response": "Không có phản hồi",
+    "request_failed": "Yêu cầu thất bại",
+    "success": "Thành công",
+    "failed": "Thất bại",
+    "select_all": "Chọn tất cả"
+  },
+  "step1": {
+    "ontology": {
+      "title": "Tạo bản thể luận",
+      "description": "LLM phân tích nội dung tài liệu và yêu cầu mô phỏng, trích xuất các hạt giống thực tế và tự động tạo cấu trúc bản thể phù hợp.",
+      "analyzing": "Đang phân tích tài liệu...",
+      "entity": "THỰC THỂ",
+      "relation": "QUAN HỆ",
+      "attributes": "THUỘC TÍNH",
+      "examples": "VÍ DỤ",
+      "connections": "KẾT NỐI",
+      "gen_entity_types": "CÁC LOẠI THỰC THỂ ĐÃ TẠO",
+      "gen_relation_types": "CÁC LOẠI QUAN HỆ ĐÃ TẠO"
+    },
+    "graph_build": {
+      "title": "Xây dựng GraphRAG",
+      "description": "Dựa trên bản thể luận đã tạo, tài liệu được tự động chia nhỏ và gọi Zep để xây dựng đồ thị tri thức, trích xuất thực thể và quan hệ.",
+      "nodes": "Nút thực thể",
+      "edges": "Cạnh quan hệ",
+      "schema_types": "Loại SCHEMA"
+    },
+    "complete": {
+      "title": "Xây dựng hoàn tất",
+      "description": "Quá trình xây dựng đồ thị đã hoàn thành. Vui lòng chuyển sang bước tiếp theo để thiết lập môi trường mô phỏng.",
+      "creating": "Đang tạo...",
+      "enter_env": "Tiến tới thiết lập môi trường ➝"
+    }
+  },
+  "step2": {
+    "init_sim": {
+      "title": "Khởi tạo phiên mô phỏng",
+      "desc": "Tạo phiên mô phỏng mới, lấy mẫu tham số thế giới mô phỏng",
+      "status_init": "Khởi tạo"
+    },
+    "gen_profiles": {
+      "title": "Tạo nhân vật Agent",
+      "desc": "Kết hợp ngữ cảnh, tự động trích xuất thực thể và quan hệ từ đồ thị tri thức, khởi tạo các cá thể mô phỏng và gán cho họ hành vi, ký ức độc nhất dựa trên dữ liệu thực tế.",
+      "current_agents": "Số Agent hiện tại",
+      "expected_agents": "Tổng số Agent dự kiến",
+      "associated_topics": "Số chủ đề liên kết hiện tại",
+      "generated_title": "Nhân vật Agent đã tạo",
+      "unknown_profession": "Nghề nghiệp không xác định",
+      "no_bio": "Chưa có tiểu sử"
+    },
+    "gen_config": {
+      "title": "Tạo cấu hình mô phỏng đa nền tảng",
+      "desc": "LLM thông minh thiết lập tốc độ dòng thời gian, thuật toán đề xuất, khoảng thời gian hoạt động của từng cá nhân, tần suất phát ngôn, kích hoạt sự kiện, v.v., dựa trên nhu cầu mô phỏng.",
+      "duration": "Thời gian mô phỏng",
+      "round_duration": "Thời gian mỗi hiệp",
+      "total_rounds": "Tổng số hiệp",
+      "active_per_hour": "Hoạt động mỗi giờ",
+      "peak_hours": "Giờ cao điểm",
+      "work_hours": "Giờ làm việc",
+      "morning_hours": "Giờ sáng",
+      "off_peak_hours": "Giờ thấp điểm",
+      "agent_config": "Cấu hình Agent",
+      "active_hours": "Giờ hoạt động",
+      "posts_per_hour": "Bài đăng/giờ",
+      "comments_per_hour": "Bình luận/giờ",
+      "response_delay": "Độ trễ phản hồi",
+      "activity_level": "Mức độ hoạt động",
+      "sentiment_bias": "Thiên hướng cảm xúc",
+      "influence_weight": "Trọng số ảnh hưởng",
+      "algo_config": "Cấu hình thuật toán đề xuất",
+      "platform1": "Nền tảng 1: Quảng trường / Newsfeed",
+      "platform2": "Nền tảng 2: Chủ đề / Cộng đồng",
+      "recency": "Trọng số thời gian",
+      "popularity": "Trọng số độ hot",
+      "relevance": "Trọng số liên quan",
+      "viral": "Ngưỡng lan truyền",
+      "echo": "Cường độ buồng vang",
+      "reasoning": "Lập luận cấu hình LLM"
+    },
+    "activation": {
+      "title": "Sắp xếp kích hoạt ban đầu",
+      "desc": "Dựa trên định hướng câu chuyện, tự động tạo các sự kiện kích hoạt ban đầu và các chủ đề nóng để dẫn dắt trạng thái khởi đầu của thế giới mô phỏng.",
+      "narrative": "Hướng dẫn dẫn dắt câu chuyện",
+      "hot_topics": "Chủ đề nóng ban đầu",
+      "initial_sequence": "Trình tự kích hoạt ban đầu ({count})"
+    },
+    "complete": {
+      "title": "Chuẩn bị hoàn tất",
+      "desc": "Môi trường mô phỏng đã sẵn sàng, có thể bắt đầu chạy mô phỏng.",
+      "rounds_setup": "Thiết lập số hiệp mô phỏng",
+      "auto_plan": "MiroFish tự động lập kế hoạch suy luận thực tế {hours} giờ, mỗi hiệp đại diện cho {mins} phút thời gian thực trôi qua.",
+      "custom": "Tùy chỉnh",
+      "estimated_time": "Nếu quy mô Agent là 100: Dự kiến mất khoảng {mins} phút",
+      "recommended": "Khuyên dùng",
+      "first_run_tip": "Nếu chạy lần đầu, chúng tôi khuyên bạn nên chuyển sang 'Chế độ tùy chỉnh' để giảm số hiệp, giúp xem trước nhanh và giảm rủi ro lỗi ➝",
+      "back_to_graph": "← Quay lại xây dựng đồ thị",
+      "start_sim": "Bắt đầu mô phỏng song song hai thế giới ➝"
+    },
+    "modal": {
+      "age": "Tuổi biểu hiện",
+      "gender": "Giới tính biểu hiện",
+      "location": "Quốc gia/Khu vực",
+      "mbti": "MBTI biểu hiện",
+      "persona_intro": "Giới thiệu nhân vật",
+      "seed_topics": "Chủ đề liên quan đến thực tế",
+      "detailed_persona": "Bối cảnh nhân vật chi tiết",
+      "trajectory": "Quỹ đạo hành vi toàn cảnh",
+      "trajectory_desc": "Quỹ đạo hành vi đầy đủ trong sự kiện này",
+      "style": "Phong cách hành vi",
+      "style_desc": "Tóm tắt kinh nghiệm và sở thích phong cách",
+      "memory": "Dấu ấn ký ức độc bản",
+      "memory_desc": "Ký ức dựa trên hạt giống thực tế",
+      "social_net": "Mạng lưới quan hệ xã hội",
+      "social_net_desc": "Liên kết cá nhân và đồ thị tương tác"
+    },
+    "logs": {
+      "start_gen_config": "Bắt đầu tạo cấu hình mô phỏng đa nền tảng...",
+      "start_sim_custom": "Bắt đầu mô phỏng, số hiệp tùy chỉnh: {rounds} hiệp",
+      "start_sim_auto": "Bắt đầu mô phỏng, sử dụng số hiệp tự động: {rounds} hiệp",
+      "err_no_sim_id": "Lỗi: Thiếu simulationId",
+      "sim_instance_created": "Phiên mô phỏng đã được tạo: {id}",
+      "preparing_env": "Đang chuẩn bị môi trường mô phỏng...",
+      "prepared_exists": "Phát hiện đã có công việc chuẩn bị hoàn tất, sử dụng trực tiếp",
+      "prepare_task_started": "Nhiệm vụ chuẩn bị đã khởi động",
+      "zep_entities_read": "Đã đọc được {count} thực thể từ đồ thị Zep",
+      "entity_types_found": "Loại thực thể: {types}",
+      "start_polling": "Bắt đầu vòng lặp kiểm tra tiến độ...",
+      "prepare_failed": "Chuẩn bị thất bại: {error}",
+      "prepare_exception": "Ngoại lệ chuẩn bị: {error}",
+      "prepare_completed": "✓ Công việc chuẩn bị đã hoàn tất",
+      "prepare_failed_icon": "✗ Chuẩn bị thất bại: {error}",
+      "start_gen_profiles": "Bắt đầu tạo nhân vật Agent...",
+      "agent_profile_gen": "→ Nhân vật Agent {current}/{total}: {name} ({profession})",
+      "all_agents_gen": "✓ Đã tạo xong toàn bộ {count} nhân vật Agent",
+      "gen_agent_config": "Đang tạo cấu hình nhân vật Agent...",
+      "gen_sim_params": "Đang gọi LLM để tạo các tham số cấu hình mô phỏng...",
+      "sim_config_gen_done": "✓ Tạo cấu hình mô phỏng hoàn tất",
+      "agent_count_stat": "Số lượng Agent: {count} nhân vật",
+      "sim_duration_stat": "Thời gian mô phỏng: {hours} giờ",
+      "initial_posts_stat": "Số bài đăng ban đầu: {count} bài",
+      "hot_topics_stat": "Chủ đề nóng: {count} chủ đề",
+      "platform_config_stat": "Cấu hình nền tảng: Twitter {twitter}, Reddit {reddit}",
+      "time_config_detail": "Cấu hình thời gian: {mins} phút/hiệp, tổng {rounds} hiệp",
+      "time_config_summary": "Tóm tắt cấu hình thời gian: Mỗi hiệp {mins} phút, tổng cộng {rounds} hiệp",
+      "narrative_direction": "Hướng dẫn câu chuyện: {text}",
+      "env_setup_done": "✓ Thiết lập môi trường hoàn tất, có thể bắt đầu mô phỏng",
+      "loading_existing_config": "Đang tải dữ liệu cấu hình hiện có...",
+      "loaded_agents": "Đã tải {count} nhân vật Agent",
+      "sim_config_loaded": "✓ Tải cấu hình mô phỏng thành công",
+      "config_gen_polling": "Đang tạo cấu hình, bắt đầu vòng lặp chờ đợi...",
+      "load_config_failed": "Tải cấu hình thất bại: {error}",
+      "step2_init": "Khởi tạo thiết lập môi trường Bước 2",
+      "poll_status_failed": "Lỗi lấy trạng thái",
+      "fetch_profiles_failed": "Lỗi lấy hồ sơ Agent",
+      "config_gen_done": "✓ Cấu hình mô phỏng đã được tạo",
+      "config_fetch_failed": "Lỗi lấy cấu hình"
+    }
+  },
+  "step3": {
+    "control": {
+      "plaza_name": "Quảng trường",
+      "community_name": "Diễn đàn",
+      "round": "Hiệp",
+      "elapsed": "Thời gian",
+      "acts": "Hành động",
+      "available_actions": "Hành động khả dụng",
+      "starting": "Đang xử lý...",
+      "start_report": "Xuất báo cáo",
+      "stop_simulation": "Dừng mô phỏng"
+    },
+    "timeline": {
+      "total_events": "TỔNG SỰ KIỆN",
+      "waiting": "Đang chờ hành động của Agent...",
+      "monitor": "GIÁM SÁT MÔ PHỎNG",
+      "action_skipped": "Bỏ qua hành động",
+      "reply_to": "Phản hồi bài đăng #{id}",
+      "liked_post": "Đã thích bài đăng của @{author}",
+      "reposted_from": "Đã đăng lại từ @{author}",
+      "search_query": "Truy vấn tìm kiếm:",
+      "followed_user": "Đã theo dõi @{user}",
+      "act_post": "ĐĂNG BÀI",
+      "act_like": "THÍCH",
+      "act_repost": "ĐĂNG LẠI",
+      "act_quote": "TRÍCH DẪN",
+      "act_follow": "THEO DÕI",
+      "act_comment": "BÌNH LUẬN",
+      "act_idle": "NGHỈ",
+      "act_search": "TÌM KIẾM",
+      "act_upvote": "TÁN THÀNH",
+      "act_downvote": "PHẢN ĐỐI"
+    },
+    "logs": {
+      "err_no_sim_id": "Lỗi: Thiếu simulationId",
+      "starting_sim": "Đang khởi động mô phỏng song song đa nền tảng...",
+      "set_max_rounds": "Thiết lập số hiệp mô phỏng tối đa: {rounds}",
+      "auto_rounds": "Sử dụng số hiệp mô phỏng được cấu hình tự động",
+      "dynamic_graph_enabled": "Đã bật chế độ cập nhật đồ thị động",
+      "old_logs_cleaned": "✓ Đã dọn dẹp nhật ký mô phỏng cũ, bắt đầu mô phỏng mới",
+      "engine_started": "✓ Động cơ mô phỏng đã khởi động thành công",
+      "stop_sim": "Đang dừng mô phỏng...",
+      "sim_stopped": "✓ Mô phỏng đã dừng",
+      "stop_failed": "Dừng thất bại: {error}",
+      "stop_exception": "Ngoại lệ dừng: {error}",
+      "all_platforms_ended": "✓ Phát hiện tất cả các nền tảng mô phỏng đã kết thúc",
+      "sim_completed": "✓ Mô phỏng đã hoàn thành",
+      "report_pending": "Yêu cầu tạo báo cáo đã được gửi, vui lòng đợi...",
+      "starting_report": "Đang khởi động tạo báo cáo...",
+      "report_task_started": "✓ Nhiệm vụ tạo báo cáo đã khởi động: {id}",
+      "report_failed": "✗ Khởi động tạo báo cáo thất bại: {error}",
+      "report_exception": "✗ Khởi động tạo báo cáo ngoại lệ: {error}",
+      "step3_init": "Khởi tạo chạy mô phỏng Bước 3",
+      "poll_status_failed": "Lỗi lấy trạng thái chạy",
+      "fetch_detail_failed": "Lỗi lấy chi tiết trạng thái"
+    }
+  },
+  "step4": {
+    "header": {
+      "prediction_report": "Báo cáo Dự đoán",
+      "agent_waiting": "Đang chờ Agent Báo cáo...",
+      "sections": "Số mục",
+      "elapsed": "Đã trôi qua",
+      "tools": "Công cụ",
+      "deep_interaction": "Tiến tới Tương tác Chuyên sâu",
+      "generating_section": "Đang tạo {title}...",
+      "console_output": "ĐẦU RA CONSOLE"
+    },
+    "workflow": {
+      "report_start": "Bắt đầu Báo cáo",
+      "planning_start": "Bắt đầu Lập kế hoạch",
+      "planning_complete": "Lập kế hoạch Hoàn tất",
+      "section_start": "Bắt đầu Mục",
+      "section_content": "Nội dung Mục",
+      "section_complete": "Mục Hoàn tất",
+      "tool_call": "Gọi Công cụ",
+      "tool_result": "Kết quả Công cụ",
+      "llm_response": "Phản hồi LLM",
+      "report_complete": "Báo cáo Hoàn tất",
+      "sections_planned": "Đã lập kế hoạch {count} mục",
+      "section_generated": "Nội dung mục \"{title}\" đã được tạo",
+      "gen_complete": "Quá trình tạo báo cáo hoàn tất"
+    },
+    "tools": {
+      "insight_forge": "Phân tích Chuyên sâu",
+      "panorama_search": "Tìm kiếm Toàn cảnh",
+      "interview_agents": "Phỏng vấn Agent",
+      "quick_search": "Tìm kiếm Nhanh",
+      "get_graph_statistics": "Thống kê Đồ thị",
+      "get_entities_by_type": "Truy vấn Thực thể"
+    },
+    "display": {
+      "show_params": "Hiện tham số",
+      "hide_params": "Ẩn tham số",
+      "structured_view": "Xem cấu trúc",
+      "raw_output": "Đầu ra thô",
+      "show_response": "Hiện phản hồi",
+      "hide_response": "Ẩn phản hồi",
+      "show_more": "Xem thêm",
+      "show_less": "Ẩn bớt",
+      "iteration": "Lần lặp {count}",
+      "tools_status": "Công cụ: {status}",
+      "final_status": "Cuối cùng: {status}",
+      "yes": "Có",
+      "no": "Không"
+    },
+    "insight": {
+      "facts": "Sự thật",
+      "entities": "Thực thể",
+      "relations": "Quan hệ",
+      "subqueries": "Câu hỏi phụ",
+      "scenario": "Kịch bản dự đoán:",
+      "memory_fact_desc": "Các sự thật quan trọng mới nhất trong bộ nhớ thời gian",
+      "core_entities": "Thực thể cốt lõi",
+      "relation_chain": "Chuỗi quan hệ",
+      "subquery_desc": "Câu hỏi phụ phân tích được tạo từ truy vấn",
+      "no_facts": "Không có bộ nhớ quan trọng nào",
+      "no_entities": "Không có thực thể cốt lõi nào",
+      "no_relations": "Không có chuỗi quan hệ nào",
+      "expand_all": "Mở rộng tất cả {count} mục ▼",
+      "collapse_all": "Thu gọn ▲"
+    },
+    "panorama": {
+      "active_memory": "Bộ nhớ hiệu dụng ({count})",
+      "historical_memory": "Bộ nhớ lịch sử ({count})",
+      "involved_entities": "Thực thể liên quan ({count})",
+      "active_memory_title": "Bộ nhớ hiệu dụng hiện tại",
+      "historical_memory_title": "Bộ nhớ lịch sử",
+      "involved_entities_title": "Thực thể liên quan",
+      "no_active": "Không có bộ nhớ hiệu dụng hiện tại",
+      "no_historical": "Không có bộ nhớ lịch sử"
+    },
+    "interview": {
+      "interviewed": "Đã phỏng vấn",
+      "total": "Tổng cộng",
+      "selection_reason": "Lý do lựa chọn",
+      "interviewer": "Người phỏng vấn",
+      "world1": "Thế giới 1",
+      "world2": "Thế giới 2",
+      "key_quotes": "Trích dẫn quan trọng",
+      "interview_summary": "Tóm tắt phỏng vấn"
+    },
+    "quick_search": {
+      "query": "Truy vấn tìm kiếm:",
+      "found": "Tìm thấy {count} mục"
+    }
+  },
+  "step5": {
+    "title": "Tương tác Chuyên sâu",
+    "waiting": "Đang chờ thiết lập...",
+    "interactive_tools": "Công cụ Tương tác",
+    "agents_available": "{count} agent có sẵn",
+    "chat_with_report": "Trò chuyện với Report Agent",
+    "chat_with_agent": "Trò chuyện với bất kỳ ai",
+    "select_target": "Chọn đối tượng đối thoại",
+    "unknown_profession": "Nghề nghiệp không xác định",
+    "send_survey": "Gửi khảo sát vào thế giới",
+    "report_agent_desc": "Phiên bản trò chuyện nhanh của Report Agent, có thể gọi 4 công cụ chuyên nghiệp, sở hữu toàn bộ ký ức của MiroFish.",
+    "tools": {
+      "insight_desc": "Căn chỉnh dữ liệu hạt giống thế giới thực với trạng thái môi trường mô phỏng, kết hợp cơ chế Global/Local Memory, cung cấp phân tích quy nạp sâu xuyên thời không.",
+      "panorama_desc": "Thuật toán duyệt đồ thị theo chiều rộng, tái cấu trúc lộ trình truyền thông sự kiện, nắm bắt cấu trúc liên kết dòng thông tin toàn cảnh.",
+      "quick_desc": "Giao diện truy vấn tức thời dựa trên GraphRAG, tối ưu hóa hiệu quả chỉ mục, dùng để trích xuất nhanh các thuộc tính nút và sự thật rời rạc.",
+      "interview_desc": "Phỏng vấn tự chủ, có thể trò chuyện đa vòng song song với các cá nhân mô phỏng, thu thập dữ liệu quan điểm phi cấu trúc và trạng thái tâm lý.",
+      "history_context": "Dưới đây là cuộc đối thoại trước đó của chúng ta:",
+      "new_question": "Bây giờ câu hỏi mới của tôi là: "
+    },
+    "bio_label": "Giới thiệu",
+    "empty_report": "Trò chuyện với Report Agent để hiểu sâu hơn về nội dung báo cáo",
+    "empty_agent": "Trò chuyện với các cá nhân mô phỏng để hiểu quan điểm của họ",
+    "you": "Bạn",
+    "chat_placeholder": "Nhập câu hỏi của bạn...",
+    "select_survey_target": "Chọn đối tượng khảo sát",
+    "selected_count": "Đã chọn {count} / {total}",
+    "clear_selection": "Xóa chọn",
+    "survey_question": "Câu hỏi khảo sát",
+    "survey_placeholder": "Nhập câu hỏi bạn muốn hỏi tất cả các đối tượng đã chọn...",
+    "submit_survey": "Gửi khảo sát",
+    "survey_results": "Kết quả khảo sát",
+    "survey_reply_count": "{count} phản hồi",
+    "logs": {
+      "init": "Khởi tạo Tương tác Chuyên sâu Bước 5",
+      "load_report": "Đang tải dữ liệu báo cáo: {id}",
+      "report_load_complete": "Dữ liệu báo cáo đã tải xong",
+      "load_profiles": "Đã tải {count} cá nhân mô phỏng",
+      "reply_count": "Nhận được {count} phản hồi",
+      "survey_failed": "Gửi khảo sát thất bại"
+    },
+    "report_agent_chat": "Report Agent - Trò chuyện"
+  },
+  "history": {
+    "title": "Cơ sở dữ liệu Lịch sử",
+    "sim_history": "Lịch sử Mô phỏng",
+    "search_placeholder": "Tìm kiếm lịch sử...",
+    "view_report": "Xem Báo cáo",
+    "re_sim": "Mô phỏng lại",
+    "no_history": "Không tìm thấy lịch sử nào",
+    "created_at": "Tạo lúc",
+    "unnamed_sim": "Mô phỏng chưa đặt tên",
+    "unknown_file": "Tệp không xác định",
+    "related_files": "Các tệp liên quan",
+    "sim_requirement": "Yêu cầu mô phỏng",
+    "playback": "Phát lại mô phỏng",
+    "playback_hint": "Step3 'Bắt đầu mô phỏng' và Step5 'Tương tác chuyên sâu' cần thực hiện khi đang chạy, không hỗ trợ phát lại lịch sử."
+  },
+  "simulation": {
+    "status": {
+      "running": "Đang chạy mô phỏng",
+      "completed": "Mô phỏng hoàn tất",
+      "error": "Lỗi mô phỏng"
+    }
+  },
+  "process": {
+    "navbar": {
+      "step": "Bước"
+    },
+    "left_panel": {
+      "title": "Bản đồ Tri thức thực tế",
+      "nodes": "Nút",
+      "edges": "Cạnh",
+      "refresh": "Làm mới đồ thị",
+      "fullscreen_enter": "Toàn màn hình",
+      "fullscreen_exit": "Thoát toàn màn hình",
+      "updating": "Đang cập nhật đồ thị tri thức...",
+      "node_details": "Chi tiết nút",
+      "relationship_details": "Chi tiết quan hệ",
+      "loading": "Đang tải dữ liệu đồ thị...",
+      "waiting_ontology": "Đang chờ sinh bản thể...",
+      "waiting_ontology_hint": "Bản thể luận là khung cấu trúc của đồ thị tri thức, vui lòng đợi cho đến khi Bước 01 hoàn tất.",
+      "building": "Đang xây dựng đồ thị tri thức...",
+      "building_hint": "Dữ liệu đang được đưa vào Zep và đồ thị đang được xây dựng, dữ liệu sẽ sớm xuất hiện."
+    },
+    "status": {
+      "failed": "Thất bại",
+      "completed": "Hoàn thành",
+      "building": "Đang xây dựng",
+      "ontology": "Đang tạo bản thể",
+      "initializing": "Đang khởi tạo",
+      "done": "Xong",
+      "processing": "Đang xử lý",
+      "pending": "Đang chờ"
+    },
+    "right_panel": {
+      "title": "Chi tiết quy trình xây dựng",
+      "api_desc": "Mô tả API",
+      "progress": "Tiến độ thực hiện",
+      "entity_types": "Loại thực thể",
+      "relation_types": "Loại quan hệ",
+      "more": "và các loại khác...",
+      "waiting_phase1": "Đang chờ bắt đầu phân tích tài liệu...",
+      "waiting_phase2": "Đang chờ bản thể luận hoàn tất...",
+      "result": "Kết quả xây dựng",
+      "nodes_count": "Tổng số nút",
+      "edges_count": "Tổng số cạnh",
+      "types_count": "Số loại thực thể",
+      "next_step": "Tiếp tục thiết lập mô trường",
+      "phase1": {
+        "title": "Tạo bản thể luận (Ontology)",
+        "desc": "Tải lên và phân tích tài liệu"
+      },
+      "phase2": {
+        "title": "Xây dựng đồ thị (Build Graph)",
+        "desc": "Trích xuất thực thể và quan hệ"
+      },
+      "phase3": {
+        "title": "Hoàn tất xây dựng",
+        "meta": "Sẵn sàng cho mô phỏng"
+      }
+    },
+    "project_info": {
+      "title": "Thông tin dự án",
+      "name": "Tên dự án",
+      "id": "ID dự án",
+      "graph_id": "ID đồ thị",
+      "requirement": "Yêu cầu mô phỏng"
+    },
+    "status_msg": {
+      "processing": "Đang xử lý...",
+      "load_failed": "Khởi chạy dự án thất bại",
+      "build_failed": "Xây dựng đồ thị thất bại",
+      "simulation_created": "Mô phỏng đã được tạo",
+      "preparing": "Đang chuẩn bị môi trường...",
+      "prepared": "Chuẩn bị hoàn tất",
+      "running": "Mô phỏng đang chạy",
+      "completed": "Mô phỏng hoàn tất",
+      "error": "Lỗi mô phỏng",
+      "unnamed": "Chưa đặt tên",
+      "unknown": "Không xác định",
+      "waiting_data": "Đang chờ dữ liệu...",
+      "loading_graph": "Đang tải đồ thị..."
+    },
+    "logs": {
+      "loading_full_graph": "Đang tải toàn bộ đồ thị...",
+      "graph_loaded": "Tải đồ thị thành công"
+    },
+    "timeline": {
+      "act_post": "ĐĂNG BÀI",
+      "act_like": "THÍCH",
+      "act_repost": "ĐĂNG LẠI",
+      "act_quote": "TRÍCH DẪN",
+      "act_follow": "THEO DÕI",
+      "act_comment": "BÌNH LUẬN",
+      "act_idle": "NGHỈ",
+      "act_search": "TÌM KIẾM",
+      "act_upvote": "TÁN THÀNH",
+      "act_downvote": "PHẢN ĐỐI"
+    },
+    "interaction": {
+      "report_agent": "Report Agent",
+      "agent": "Agent",
+      "user": "Bạn",
+      "unknown_agent": "Agent ẩn danh"
+    }
+  }
+}
diff --git a/frontend/src/locales/zh.json b/frontend/src/locales/zh.json
new file mode 100644
index 000000000..99b408cb2
--- /dev/null
+++ b/frontend/src/locales/zh.json
@@ -0,0 +1,584 @@
+{
+  "navigation": {
+    "home": "首页",
+    "simulation": "模拟推演",
+    "history": "历史记录",
+    "settings": "系统设置"
+  },
+  "home": {
+    "welcome": "欢迎使用 MiroFish",
+    "description": "平行世界社会模拟工具",
+    "new_project": "新建模拟项目",
+    "import_project": "导入项目",
+    "recent_projects": "最近项目",
+    "github_link": "在 GITHUB 上查看",
+    "tag_line": "AI AGENTIC WORKFLOW",
+    "version": "版本 V1.0",
+    "title_1": "预测报告",
+    "title_2": "重构未来结构",
+    "desc_1": "欢迎来到 ",
+    "desc_2": "，一个由 ",
+    "desc_highlight_agent": "百万级 Agent",
+    "desc_3": " 构成的平行世界。通过上帝视角注入变量，在复杂的群体交互中寻找动态环境下的 ",
+    "desc_highlight_opt": "“局部最优解”",
+    "desc_4": "。",
+    "slogan": "MIROFISH: 运行模拟，获取结果",
+    "system_status": "系统状态",
+    "ready": "准备启动引擎",
+    "status_desc": "MiroFish 的基础 Agent 社会预测系统已初始化。您可以从上传现实种子文件或输入模拟需求开始。",
+    "low_cost": "低成本",
+    "cost_desc": "大规模模拟仅需数美元",
+    "high_avail": "高可用性",
+    "avail_desc": "使用分布式架构确保稳定性",
+    "workflow": "模拟工作流",
+    "step1_title": "GraphRAG 构建",
+    "step1_desc": "自动分析文档与需求，构建种子知识图谱。",
+    "step2_title": "环境搭建",
+    "step2_desc": "初始化数千个 Agent 人格并配置世界参数。",
+    "step3_title": "模拟引擎",
+    "step3_desc": "运行实时多平台交叉互动模拟。",
+    "step4_title": "分析报告",
+    "step4_desc": "Deep Agent 聚合模拟数据并生成深度预测报告。",
+    "step5_title": "深度互动",
+    "step5_desc": "与 Agent 或 Report Agent 直接对话以了解深度背景。",
+    "seed_label": "种子文档",
+    "support_format": "支持 PDF, MD, TXT",
+    "drag_upload": "拖拽文件至此",
+    "click_upload": "或点击从电脑选择文件",
+    "input_params": "输入参数",
+    "prompt_label": "模拟需求 (PROMPT)",
+    "prompt_placeholder": "输入您想要测试的模拟场景或假设（例如：预测社区对新政策的反应...）",
+    "engine": "引擎",
+    "start_engine": "启动引擎",
+    "initializing": "初始化中..."
+  },
+  "graph": {
+    "title": "知识图谱实时预览",
+    "nodes": "节点数",
+    "edges": "关系数",
+    "loading": "图谱数据加载中...",
+    "waiting": "等待本体生成...",
+    "entity_types": "实体类型",
+    "show_edge_labels": "显示连线标签",
+    "refresh": "刷新",
+    "maximize": "最大化",
+    "memory_updating": "图谱记忆更新中...",
+    "updating": "图谱正在构建中...",
+    "finished_hint": "模拟已完成，图谱将不再更新。",
+    "node_details": "节点详情",
+    "relationship": "关系",
+    "name": "名称",
+    "uuid": "UUID",
+    "created": "创建于",
+    "properties": "属性",
+    "summary": "摘要",
+    "labels": "标签",
+    "self_relations": "{name} 的自关系",
+    "items_count": "{count} 项",
+    "fact": "事实",
+    "type": "类型",
+    "episodes": "片段",
+    "valid_from": "生效时间",
+    "invalid_at": "失效时间",
+    "expired_at": "过期时间"
+  },
+  "common": {
+    "completed": "已完成",
+    "generating": "生成中",
+    "pending": "等待",
+    "in_progress": "进行中",
+    "close": "关闭",
+    "waiting": "正在等待",
+    "finalizing": "最终处理",
+    "hours": "小时",
+    "minutes": "分钟",
+    "rounds": "轮",
+    "items": "项",
+    "unknown_error": "未知错误",
+    "no_response": "无响应",
+    "request_failed": "请求失败",
+    "success": "成功",
+    "failed": "失败",
+    "age_unit": "岁",
+    "gender_male": "男",
+    "gender_female": "女",
+    "gender_other": "其他",
+    "total": "总计",
+    "select_all": "全选"
+  },
+  "simulation_view": {
+    "load_data": "加载模拟数据: {id}",
+    "project_success": "项目加载成功: {id}",
+    "graph_success": "图谱数据加载成功",
+    "stop_polling": "已停止图谱轮询。",
+    "init": "SimulationView 已初始化。",
+    "start_sim": "准备返回 Step 2，正在关闭模拟...",
+    "report_init": "ReportView 已初始化。",
+    "load_report_data": "正在加载报告数据: {id}",
+    "report_fail": "获取报告信息失败",
+    "interaction_init": "InteractionView 已初始化。"
+  },
+  "step1": {
+    "ontology": {
+      "title": "本体生成",
+      "description": "LLM分析文档内容与模拟需求，提取出现实种子，自动生成合适的本体结构",
+      "analyzing": "正在分析文档...",
+      "entity": "实体",
+      "relation": "关系",
+      "attributes": "属性",
+      "examples": "示例",
+      "connections": "连接",
+      "gen_entity_types": "生成的实体类型",
+      "gen_relation_types": "生成的关系类型"
+    },
+    "graph_build": {
+      "title": "GraphRAG构建",
+      "description": "基于生成的本体，将文档自动分块后调用 Zep 构建知识图谱，提取实体和关系，并形成时序记忆与社区摘要",
+      "nodes": "实体节点",
+      "edges": "关系边",
+      "schema_types": "SCHEMA类型"
+    },
+    "complete": {
+      "title": "构建完成",
+      "description": "图谱构建已完成，请进入下一步进行模拟环境搭建",
+      "creating": "创建中...",
+      "enter_env": "进入环境搭建 ➝"
+    }
+  },
+  "step2": {
+    "init_sim": {
+      "title": "模拟实例初始化",
+      "desc": "新建simulation实例，拉取模拟世界参数模版",
+      "status_init": "初始化"
+    },
+    "gen_profiles": {
+      "title": "生成 Agent 人设",
+      "desc": "结合上下文，自动调用工具从知识图谱梳理实体与关系，初始化模拟个体，并基于现实种子赋予他们独特的行为与记忆",
+      "current_agents": "当前 Agent 数",
+      "expected_agents": "预期 Agent 总数",
+      "associated_topics": "现实种子当前关联话题数",
+      "generated_title": "已生成的 Agent 人设",
+      "unknown_profession": "未知职业",
+      "no_bio": "暂无简介"
+    },
+    "gen_config": {
+      "title": "生成双平台模拟配置",
+      "desc": "LLM 根据模拟需求与现实种子，智能设置世界时间流速、推荐算法、每个个体的活跃时间段、发言频率、事件触发等参数",
+      "duration": "模拟时长",
+      "round_duration": "每轮时长",
+      "total_rounds": "总轮次",
+      "active_per_hour": "每小时活跃",
+      "peak_hours": "高峰时段",
+      "work_hours": "工作时段",
+      "morning_hours": "早间时段",
+      "off_peak_hours": "低谷时段",
+      "agent_config": "Agent 配置",
+      "active_hours": "活跃时段",
+      "posts_per_hour": "发帖/时",
+      "comments_per_hour": "评论/时",
+      "response_delay": "响应延迟",
+      "activity_level": "活跃度",
+      "sentiment_bias": "情感倾向",
+      "influence_weight": "影响力",
+      "algo_config": "推荐算法配置",
+      "platform1": "平台 1：广场 / 信息流",
+      "platform2": "平台 2：话题 / 社区",
+      "recency": "时效权重",
+      "popularity": "热度权重",
+      "relevance": "相关性权重",
+      "viral": "病毒阈值",
+      "echo": "回音室强度",
+      "reasoning": "LLM 配置推理"
+    },
+    "activation": {
+      "title": "初始激活编排",
+      "desc": "基于叙事方向，自动生成初始激活事件与热点话题，引导模拟世界的初始状态",
+      "narrative": "叙事引导方向",
+      "hot_topics": "初始热点话题",
+      "initial_sequence": "初始激活序列 ({count})"
+    },
+    "complete": {
+      "title": "准备完成",
+      "desc": "模拟环境已准备完成，可以开始运行模拟",
+      "rounds_setup": "模拟轮数设定",
+      "auto_plan": "MiroFish 自动规划推演现实 {hours} 小时，每轮代表现实 {mins} 分钟时间流逝",
+      "custom": "自定义",
+      "estimated_time": "若 Agent 规模为 100：预计耗时约 {mins} 分钟",
+      "recommended": "推荐",
+      "first_run_tip": "若首次运行，强烈建议切换至‘自定义模式’减少模拟轮数，以便快速预览效果并降低报错风险 ➝",
+      "back_to_graph": "← 返回图谱构建",
+      "start_sim": "开始双世界并行模拟 ➝"
+    },
+    "modal": {
+      "age": "事件外显年龄",
+      "gender": "事件外显性别",
+      "location": "国家/地区",
+      "mbti": "事件外显 MBTI",
+      "persona_intro": "人设简介",
+      "seed_topics": "现实种子关联话题",
+      "detailed_persona": "详细人设背景",
+      "trajectory": "事件全景经历",
+      "trajectory_desc": "在此事件中的完整行为轨迹",
+      "style": "行为模式侧写",
+      "style_desc": "经验总结与行事风格偏好",
+      "memory": "独特记忆印记",
+      "memory_desc": "基于现实种子形成的记忆",
+      "social_net": "社会关系网络",
+      "social_net_desc": "个体链接与交互图谱"
+    },
+    "logs": {
+      "start_gen_config": "开始生成双平台模拟配置...",
+      "start_sim_custom": "开始模拟，自定义轮数: {rounds} 轮",
+      "start_sim_auto": "开始模拟，使用自动配置轮数: {rounds} 轮",
+      "err_no_sim_id": "错误：缺少 simulationId",
+      "sim_instance_created": "模拟实例已创建: {id}",
+      "preparing_env": "正在准备模拟环境...",
+      "prepared_exists": "检测到已有完成的准备工作，直接使用",
+      "prepare_task_started": "准备任务已启动",
+      "zep_entities_read": "从Zep图谱读取到 {count} 个实体",
+      "entity_types_found": "实体类型: {types}",
+      "start_polling": "开始轮询准备进度...",
+      "prepare_failed": "准备失败: {error}",
+      "prepare_exception": "准备异常: {error}",
+      "prepare_completed": "✓ 准备工作已完成",
+      "prepare_failed_icon": "✗ 准备失败: {error}",
+      "start_gen_profiles": "开始生成Agent人设...",
+      "agent_profile_gen": "→ Agent人设 {current}/{total}: {name} ({profession})",
+      "all_agents_gen": "✓ 全部 {count} 个Agent人设生成完成",
+      "gen_agent_config": "正在生成Agent人设配置...",
+      "gen_sim_params": "正在调用LLM生成模拟配置参数...",
+      "sim_config_gen_done": "✓ 模拟配置生成完成",
+      "agent_count_stat": "Agent数量: {count}个",
+      "sim_duration_stat": "模拟时长: {hours}小时",
+      "initial_posts_stat": "初始帖子: {count}条",
+      "hot_topics_stat": "热点话题: {count}个",
+      "platform_config_stat": "平台配置: Twitter {twitter}, Reddit {reddit}",
+      "time_config_detail": "时间配置: 每轮{mins}分钟, 共{rounds}轮",
+      "time_config_summary": "时间配置摘要: 每轮{mins}分钟, 共{rounds}轮",
+      "narrative_direction": "叙事方向: {text}",
+      "env_setup_done": "✓ 环境搭建完成，可以开始模拟",
+      "loading_existing_config": "正在加载已有配置数据...",
+      "loaded_agents": "已加载 {count} 个Agent人设",
+      "sim_config_loaded": "✓ 模拟配置加载成功",
+      "config_gen_polling": "配置生成中，开始轮询等待...",
+      "load_config_failed": "加载配置失败: {error}",
+      "step2_init": "Step2 环境搭建初始化",
+      "poll_status_failed": "轮询状态失败",
+      "fetch_profiles_failed": "获取 Profiles 失败",
+      "config_gen_done": "✓ 模拟配置生成完成",
+      "config_fetch_failed": "获取 Config 失败"
+    }
+  },
+  "step3": {
+    "control": {
+      "plaza_name": "广场",
+      "community_name": "社区",
+      "round": "轮次",
+      "elapsed": "耗时",
+      "acts": "动作",
+      "available_actions": "可用动作",
+      "start_report": "生成报告",
+      "starting": "启动中..."
+    },
+    "timeline": {
+      "total_events": "事件总数",
+      "waiting": "正在等待 Agent 动作...",
+      "monitor": "模拟实时监控",
+      "action_skipped": "无操作跳过",
+      "reply_to": "回复帖子 #{id}",
+      "liked_post": "点赞了 @{author} 的帖子",
+      "reposted_from": "转发自 @{author}",
+      "search_query": "搜索关键词：",
+      "followed_user": "关注了 @{user}",
+      "act_post": "发帖",
+      "act_like": "点赞",
+      "act_repost": "转发",
+      "act_quote": "引用",
+      "act_follow": "关注",
+      "act_comment": "评论",
+      "act_idle": "休眠",
+      "act_search": "搜索",
+      "act_upvote": "赞成",
+      "act_downvote": "反对"
+    },
+    "logs": {
+      "err_no_sim_id": "错误：缺少 simulationId",
+      "starting_sim": "正在启动双平台并行模拟...",
+      "set_max_rounds": "设置最大模拟轮数: {rounds}",
+      "auto_rounds": "使用自动配置的模拟轮数",
+      "dynamic_graph_enabled": "已开启动态图谱更新模式",
+      "old_logs_cleaned": "✓ 已清理旧的模拟日志，重新开始模拟",
+      "engine_started": "✓ 模拟引擎启动成功",
+      "stop_sim": "正在停止模拟...",
+      "sim_stopped": "✓ 模拟已停止",
+      "stop_failed": "停止失败: {error}",
+      "stop_exception": "停止异常: {error}",
+      "all_platforms_ended": "✓ 检测到所有平台模拟已结束",
+      "sim_completed": "✓ 模拟已完成",
+      "report_pending": "报告生成请求已发送，请稍候...",
+      "starting_report": "正在启动报告生成...",
+      "report_task_started": "✓ 报告生成任务已启动: {id}",
+      "report_failed": "✗ 启动报告生成失败: {error}",
+      "report_exception": "✗ 启动报告生成异常: {error}",
+      "step3_init": "Step3 模拟运行初始化",
+      "poll_status_failed": "获取运行状态失败",
+      "fetch_detail_failed": "获取详细状态失败"
+    }
+  },
+  "step4": {
+    "header": {
+      "prediction_report": "预测推演报告",
+      "agent_waiting": "正在等待报告 Agent...",
+      "sections": "章节总数",
+      "elapsed": "已用时长",
+      "tools": "工具调用",
+      "deep_interaction": "进入深度互动",
+      "generating_section": "正在生成{title}...",
+      "console_output": "控制台输出"
+    },
+    "workflow": {
+      "report_start": "报告生成启动",
+      "planning_start": "规划阶段启动",
+      "planning_complete": "规划阶段完成",
+      "section_start": "章节生成启动",
+      "section_content": "章节内容生成",
+      "section_complete": "章节生成完成",
+      "tool_call": "工具调用",
+      "tool_result": "工具返回结果",
+      "llm_response": "LLM 迭代思考",
+      "report_complete": "报告生成结束",
+      "sections_planned": "已规划 {count} 个章节",
+      "section_generated": "章节 \"{title}\" 内容已生成",
+      "gen_complete": "报告生成任务已完成"
+    },
+    "tools": {
+      "insight_forge": "深度洞察",
+      "panorama_search": "全景搜索",
+      "interview_agents": "个体访谈",
+      "quick_search": "快速搜索",
+      "get_graph_statistics": "图谱统计",
+      "get_entities_by_type": "实体查询"
+    },
+    "display": {
+      "show_params": "显示参数",
+      "hide_params": "隐藏参数",
+      "structured_view": "结构化视图",
+      "raw_output": "原始输出",
+      "show_response": "显示思考过程",
+      "hide_response": "隐藏思考过程",
+      "show_more": "展开更多",
+      "show_less": "收起详情",
+      "iteration": "迭代轮次 {count}",
+      "tools_status": "工具调用: {status}",
+      "final_status": "最终答案: {status}",
+      "yes": "是",
+      "no": "否"
+    },
+    "insight": {
+      "facts": "关联事实",
+      "entities": "核心实体",
+      "relations": "关系链",
+      "subqueries": "分析子问题",
+      "scenario": "预测场景：",
+      "memory_fact_desc": "时序 memory 中所关联的最新关键事实",
+      "core_entities": "核心实体",
+      "relation_chain": "关系链",
+      "subquery_desc": "漂移查询生成分析子问题",
+      "no_facts": "暂无关联事实",
+      "no_entities": "暂无核心实体",
+      "no_relations": "暂无关系链",
+      "expand_all": "展开全部 {count} 条 ▼",
+      "collapse_all": "收起 ▲"
+    },
+    "panorama": {
+      "active_memory": "有效记忆 ({count})",
+      "historical_memory": "历史记忆 ({count})",
+      "involved_entities": "涉及实体 ({count})",
+      "active_memory_title": "当前有效记忆",
+      "historical_memory_title": "历史记忆",
+      "involved_entities_title": "涉及实体",
+      "no_active": "暂无有效记忆",
+      "no_historical": "暂无历史记忆"
+    },
+    "interview": {
+      "interviewed": "访谈人数",
+      "total": "总人数",
+      "selection_reason": "选择理由",
+      "interviewer": "访谈者",
+      "world1": "平行世界 1",
+      "world2": "平行世界 2",
+      "key_quotes": "关键引言",
+      "interview_summary": "访谈摘要与核心观点"
+    },
+    "quick_search": {
+      "query": "搜索查询：",
+      "found": "找到 {count} 条结果"
+    }
+  },
+  "step5": {
+    "title": "深度互动",
+    "waiting": "等待设置中...",
+    "interactive_tools": "交互工具",
+    "agents_available": "{count} 个可用智能体",
+    "chat_with_report": "与 Report Agent 对话",
+    "chat_with_agent": "与世界中任意个体对话",
+    "select_target": "选择对话对象",
+    "unknown_profession": "未知职业",
+    "send_survey": "发送问卷调查到世界中",
+    "report_agent_desc": "报告生成智能体的快速对话版本，可调用 4 种专业工具，拥有 MiroFish 的完整记忆。",
+    "tools": {
+      "insight_desc": "对齐现实世界种子数据与模拟环境状态，结合 Global/Local Memory 机制，提供跨时空的深度归因分析。",
+      "panorama_desc": "基于图结构的广度遍历算法，重构事件传播路径，捕获全量信息流动的拓扑结构。",
+      "quick_desc": "基于 GraphRAG 的即时查询接口，优化索引效率，用于快速提取具体的节点属性与离散事实。",
+      "interview_desc": "自主式访谈，能够并行与模拟世界中个体进行多轮对话，采集非结构化的观点数据与心理状态。",
+      "history_context": "以下是我们之前的对话：",
+      "new_question": "现在我的新问题是： "
+    },
+    "bio_label": "简介",
+    "empty_report": "与 Report Agent 对话，深入了解报告内容。",
+    "empty_agent": "与模拟个体对话，了解他们的观点。",
+    "you": "您",
+    "chat_placeholder": "输入您的问题...",
+    "select_survey_target": "选择调查对象",
+    "selected_count": "已选 {count} / {total}",
+    "clear_selection": "清空",
+    "survey_question": "问卷问题",
+    "survey_placeholder": "输入想要询问所有已选对象的问题...",
+    "submit_survey": "提交问卷",
+    "survey_results": "问卷结果",
+    "survey_reply_count": "{count} 条回复",
+    "logs": {
+      "init": "Step5 深度互动初始化",
+      "load_report": "正在加载报告数据: {id}",
+      "report_load_complete": "报告数据加载完成",
+      "load_profiles": "加载了 {count} 个模拟个体",
+      "reply_count": "收到 {count} 条回复",
+      "survey_failed": "问卷发送失败"
+    },
+    "report_agent_chat": "Report Agent - 对话"
+  },
+  "history": {
+    "title": "历史数据库",
+    "sim_history": "模拟历史",
+    "search_placeholder": "搜索历史...",
+    "view_report": "查看报告",
+    "re_sim": "重新模拟",
+    "no_history": "未找到相关历史",
+    "created_at": "创建时间",
+    "unnamed_sim": "未命名模拟",
+    "unknown_file": "未知文件",
+    "related_files": "关联文件",
+    "sim_requirement": "模拟需求",
+    "playback": "推演回放",
+    "playback_hint": "Step3 '开始模拟' 和 Step5 '深度互动' 需在运行中执行，不支持历史回放。"
+  },
+  "simulation": {
+    "status": {
+      "running": "模拟运行中",
+      "completed": "模拟已完成",
+      "error": "模拟发生错误"
+    }
+  },
+  "process": {
+    "navbar": {
+      "step": "步骤"
+    },
+    "left_panel": {
+      "title": "现实知识图谱",
+      "nodes": "节点",
+      "edges": "边",
+      "refresh": "刷新图谱",
+      "fullscreen_enter": "全屏",
+      "fullscreen_exit": "退出全屏",
+      "updating": "正在更新知识图谱...",
+      "node_details": "节点详情",
+      "relationship_details": "关系详情",
+      "loading": "正在加载图谱数据...",
+      "waiting_ontology": "等待本体生成...",
+      "waiting_ontology_hint": "本体是知识图谱的结构框架，请等待步骤 01 完成。",
+      "building": "正在构建知识图谱...",
+      "building_hint": "数据正在存入 Zep 并构建图谱，数据即将出现。"
+    },
+    "status": {
+      "failed": "失败",
+      "completed": "完成",
+      "building": "构建中",
+      "ontology": "本体生成",
+      "initializing": "初始化",
+      "done": "完成",
+      "processing": "处理中",
+      "pending": "等待中"
+    },
+    "right_panel": {
+      "title": "构建流程详情",
+      "api_desc": "API 描述",
+      "progress": "执行进度",
+      "entity_types": "实体类型",
+      "relation_types": "关系类型",
+      "more": "以及更多...",
+      "waiting_phase1": "等待开始文档分析...",
+      "waiting_phase2": "等待本体完成...",
+      "result": "构建结果",
+      "nodes_count": "节点总数",
+      "edges_count": "边总数",
+      "types_count": "类型总数",
+      "next_step": "前往环境设置",
+      "phase1": {
+        "title": "本体生成",
+        "desc": "上传并分析文档"
+      },
+      "phase2": {
+        "title": "构建图谱",
+        "desc": "提取实体与关系"
+      },
+      "phase3": {
+        "title": "构建完成",
+        "meta": "模拟已就绪"
+      }
+    },
+    "project_info": {
+      "title": "项目信息",
+      "name": "项目名称",
+      "id": "项目 ID",
+      "graph_id": "图谱 ID",
+      "requirement": "模拟需求"
+    },
+    "status_msg": {
+      "processing": "处理中...",
+      "load_failed": "项目启动失败",
+      "build_failed": "图谱构建失败",
+      "simulation_created": "模拟项目已创建",
+      "preparing": "环境准备中...",
+      "prepared": "准备完成",
+      "running": "正在运行模拟",
+      "completed": "模拟已完成",
+      "error": "模拟发生错误",
+      "unnamed": "未命名",
+      "unknown": "未知",
+      "waiting_data": "等待数据...",
+      "loading_graph": "加载图谱..."
+    },
+    "logs": {
+      "loading_full_graph": "加载完整图谱...",
+      "graph_loaded": "图谱加载完成"
+    },
+    "timeline": {
+      "act_post": "发帖",
+      "act_like": "点赞",
+      "act_repost": "转发",
+      "act_quote": "引用",
+      "act_follow": "关注",
+      "act_comment": "评论",
+      "act_idle": "休眠",
+      "act_search": "搜索",
+      "act_upvote": "赞成",
+      "act_downvote": "反对"
+    },
+    "interaction": {
+      "report_agent": "报告智能体",
+      "agent": "智能体",
+      "user": "您",
+      "unknown_agent": "匿名智能体"
+    }
+  }
+}
diff --git a/frontend/src/main.js b/frontend/src/main.js
index c8e37b03b..cc3d101e4 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -1,9 +1,11 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
+import i18n from './i18n'
 
 const app = createApp(App)
 
 app.use(router)
+app.use(i18n)
 
 app.mount('#app')
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index afe01a0c4..8d552b637 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -4,8 +4,9 @@
     <nav class="navbar">
       <div class="nav-brand">MIROFISH</div>
       <div class="nav-links">
+        <LanguageSwitcher />
         <a href="https://github.com/666ghj/MiroFish" target="_blank" class="github-link">
-          访问我们的Github主页 <span class="arrow">↗</span>
+          {{ $t('home.github_link') }} <span class="arrow">↗</span>
         </a>
       </div>
     </nav>
@@ -15,21 +16,21 @@
       <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.tag_line') }}</span>
+            <span class="version-text">{{ $t('home.version') }}</span>
           </div>
           
           <h1 class="main-title">
-            上传任意报告<br>
-            <span class="gradient-text">即刻推演未来</span>
+            {{ $t('home.title_1') }}<br>
+            <span class="gradient-text">{{ $t('home.title_2') }}</span>
           </h1>
           
           <div class="hero-desc">
             <p>
-              即使只有一段文字，<span class="highlight-bold">MiroFish</span> 也能基于其中的现实种子，全自动生成与之对应的至多<span class="highlight-orange">百万级Agent</span>构成的平行世界。通过上帝视角注入变量，在复杂的群体交互中寻找动态环境下的<span class="highlight-code">“局部最优解”</span>
+              {{ $t('home.desc_1') }}<span class="highlight-bold">MiroFish</span>{{ $t('home.desc_2') }}<span class="highlight-orange">{{ $t('home.desc_highlight_agent') }}</span>{{ $t('home.desc_3') }}<span class="highlight-code">{{ $t('home.desc_highlight_opt') }}</span>{{ $t('home.desc_4') }}
             </p>
             <p class="slogan-text">
-              让未来在 Agent 群中预演，让决策在百战后胜出<span class="blinking-cursor">_</span>
+              {{ $t('home.slogan') }}<span class="blinking-cursor">_</span>
             </p>
           </div>
            
@@ -53,65 +54,65 @@
         <!-- 左栏：状态与步骤 -->
         <div class="left-panel">
           <div class="panel-header">
-            <span class="status-dot">■</span> 系统状态
+            <span class="status-dot">■</span> {{ $t('home.system_status') }}
           </div>
           
-          <h2 class="section-title">准备就绪</h2>
+          <h2 class="section-title">{{ $t('home.ready') }}</h2>
           <p class="section-desc">
-            预测引擎待命中，可上传多份非结构化数据以初始化模拟序列
+            {{ $t('home.status_desc') }}
           </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.low_cost') }}</div>
+              <div class="metric-label">{{ $t('home.cost_desc') }}</div>
             </div>
             <div class="metric-card">
-              <div class="metric-value">高可用</div>
-              <div class="metric-label">最多百万级Agent模拟</div>
+              <div class="metric-value">{{ $t('home.high_avail') }}</div>
+              <div class="metric-label">{{ $t('home.avail_desc') }}</div>
             </div>
           </div>
 
           <!-- 项目模拟步骤介绍 (新增区域) -->
           <div class="steps-container">
             <div class="steps-header">
-               <span class="diamond-icon">◇</span> 工作流序列
+               <span class="diamond-icon">◇</span> {{ $t('home.workflow') }}
             </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.step1_title') }}</div>
+                  <div class="step-desc">{{ $t('home.step1_desc') }}</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.step2_title') }}</div>
+                  <div class="step-desc">{{ $t('home.step2_desc') }}</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.step3_title') }}</div>
+                  <div class="step-desc">{{ $t('home.step3_desc') }}</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.step4_title') }}</div>
+                  <div class="step-desc">{{ $t('home.step4_desc') }}</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.step5_title') }}</div>
+                  <div class="step-desc">{{ $t('home.step5_desc') }}</div>
                 </div>
               </div>
             </div>
@@ -124,8 +125,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.seed_label') }}</span>
+                <span class="console-meta">{{ $t('home.support_format') }}</span>
               </div>
               
               <div 
@@ -148,8 +149,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.drag_upload') }}</div>
+                  <div class="upload-hint">{{ $t('home.click_upload') }}</div>
                 </div>
                 
                 <div v-else class="file-list">
@@ -164,23 +165,23 @@
 
             <!-- 分割线 -->
             <div class="console-divider">
-              <span>输入参数</span>
+              <span>{{ $t('home.input_params') }}</span>
             </div>
 
             <!-- 输入区域 -->
             <div class="console-section">
               <div class="console-header">
-                <span class="console-label">>_ 02 / 模拟提示词</span>
+                <span class="console-label">{{ $t('home.prompt_label') }}</span>
               </div>
               <div class="input-wrapper">
                 <textarea
                   v-model="formData.simulationRequirement"
                   class="code-input"
-                  placeholder="// 用自然语言输入模拟或预测需求（例.武大若发布撤销肖某处分的公告，会引发什么舆情走向）"
+                  :placeholder="$t('home.prompt_placeholder')"
                   rows="6"
                   :disabled="loading"
                 ></textarea>
-                <div class="model-badge">引擎: MiroFish-V1.0</div>
+                <div class="model-badge">{{ $t('home.engine') }}: MiroFish-V1.0</div>
               </div>
             </div>
 
@@ -191,8 +192,8 @@
                 @click="startSimulation"
                 :disabled="!canSubmit || loading"
               >
-                <span v-if="!loading">启动引擎</span>
-                <span v-else>初始化中...</span>
+                <span v-if="!loading">{{ $t('home.start_engine') }}</span>
+                <span v-else>{{ $t('home.initializing') }}</span>
                 <span class="btn-arrow">→</span>
               </button>
             </div>
@@ -210,6 +211,7 @@
 import { ref, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import HistoryDatabase from '../components/HistoryDatabase.vue'
+import LanguageSwitcher from '../components/LanguageSwitcher.vue'
 
 const router = useRouter()
 
@@ -429,6 +431,7 @@ const startSimulation = () => {
 .gradient-text {
   background: linear-gradient(90deg, #000000 0%, #444444 100%);
   -webkit-background-clip: text;
+  background-clip: text;
   -webkit-text-fill-color: transparent;
   display: inline-block;
 }
diff --git a/frontend/src/views/InteractionView.vue b/frontend/src/views/InteractionView.vue
index b153590d7..140d413a9 100644
--- a/frontend/src/views/InteractionView.vue
+++ b/frontend/src/views/InteractionView.vue
@@ -15,15 +15,16 @@
             :class="{ active: viewMode === mode }"
             @click="viewMode = mode"
           >
-            {{ { graph: '图谱', split: '双栏', workbench: '工作台' }[mode] }}
+            {{ $t(`main.${mode}`) }}
           </button>
         </div>
       </div>
 
       <div class="header-right">
+        <LanguageSwitcher />
         <div class="workflow-step">
-          <span class="step-num">Step 5/5</span>
-          <span class="step-name">深度互动</span>
+          <span class="step-num">{{ $t('main.step') }} 5/5</span>
+          <span class="step-name">{{ $t('main.steps.step5') }}</span>
         </div>
         <div class="step-divider"></div>
         <span class="status-indicator" :class="statusClass">
@@ -64,12 +65,15 @@
 <script setup>
 import { ref, computed, onMounted, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+import LanguageSwitcher from '../components/LanguageSwitcher.vue'
 import GraphPanel from '../components/GraphPanel.vue'
 import Step5Interaction from '../components/Step5Interaction.vue'
 import { getProject, getGraphData } from '../api/graph'
 import { getSimulation } from '../api/simulation'
 import { getReport } from '../api/report'
 
+const { t } = useI18n()
 const route = useRoute()
 const router = useRouter()
 
@@ -109,10 +113,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('simulation.status.error')
+  if (currentStatus.value === 'completed') return t('simulation.status.completed')
+  if (currentStatus.value === 'processing') return t('simulation.status.processing')
+  return t('simulation.status.ready')
 })
 
 // --- Helpers ---
@@ -140,7 +144,7 @@ const toggleMaximize = (target) => {
 // --- Data Logic ---
 const loadReportData = async () => {
   try {
-    addLog(`加载报告数据: ${currentReportId.value}`)
+    addLog(t('simulation_view.load_report_data', { id: currentReportId.value }))
     
     // 获取 report 信息以获取 simulation_id
     const reportRes = await getReport(currentReportId.value)
@@ -159,7 +163,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('simulation_view.project_success', { id: projRes.data.project_id }))
               
               // 获取 graph 数据
               if (projRes.data.graph_id) {
@@ -170,10 +174,10 @@ const loadReportData = async () => {
         }
       }
     } else {
-      addLog(`获取报告信息失败: ${reportRes.error || '未知错误'}`)
+      addLog(`${t('simulation_view.report_fail')}: ${reportRes.error || t('common.unknown_error')}`)
     }
   } catch (err) {
-    addLog(`加载异常: ${err.message}`)
+    addLog(`${t('common.unknown_error')}: ${err.message}`)
   }
 }
 
@@ -184,10 +188,10 @@ const loadGraph = async (graphId) => {
     const res = await getGraphData(graphId)
     if (res.success) {
       graphData.value = res.data
-      addLog('图谱数据加载成功')
+      addLog(t('simulation_view.graph_success'))
     }
   } catch (err) {
-    addLog(`图谱加载失败: ${err.message}`)
+    addLog(`${t('simulation_view.graph_success')} ${t('common.failed')}: ${err.message}`)
   } finally {
     graphLoading.value = false
   }
@@ -208,7 +212,7 @@ watch(() => route.params.reportId, (newId) => {
 }, { immediate: true })
 
 onMounted(() => {
-  addLog('InteractionView 初始化')
+  addLog(t('simulation_view.interaction_init'))
   loadReportData()
 })
 </script>
@@ -347,4 +351,5 @@ onMounted(() => {
 .panel-wrapper.left {
   border-right: 1px solid #EAEAEA;
 }
+
 </style>
diff --git a/frontend/src/views/MainView.vue b/frontend/src/views/MainView.vue
index 6ff299112..4613339e2 100644
--- a/frontend/src/views/MainView.vue
+++ b/frontend/src/views/MainView.vue
@@ -15,15 +15,16 @@
             :class="{ active: viewMode === mode }"
             @click="viewMode = mode"
           >
-            {{ { graph: '图谱', split: '双栏', workbench: '工作台' }[mode] }}
+            {{ $t(`main.${mode}`) }}
           </button>
         </div>
       </div>
 
       <div class="header-right">
+        <LanguageSwitcher />
         <div class="workflow-step">
-          <span class="step-num">Step {{ currentStep }}/5</span>
-          <span class="step-name">{{ stepNames[currentStep - 1] }}</span>
+          <span class="step-num">{{ $t('main.step') }} {{ currentStep }}/5</span>
+          <span class="step-name">{{ getStepName(currentStep) }}</span>
         </div>
         <div class="step-divider"></div>
         <span class="status-indicator" :class="statusClass">
@@ -75,14 +76,17 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted, onUnmounted, nextTick } from 'vue'
+import { onMounted, onUnmounted, ref, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+import LanguageSwitcher from '../components/LanguageSwitcher.vue'
 import GraphPanel from '../components/GraphPanel.vue'
 import Step1GraphBuild from '../components/Step1GraphBuild.vue'
 import Step2EnvSetup from '../components/Step2EnvSetup.vue'
 import { generateOntology, getProject, buildGraph, getTaskStatus, getGraphData } from '../api/graph'
 import { getPendingUpload, clearPendingUpload } from '../store/pendingUpload'
 
+const { t } = useI18n()
 const route = useRoute()
 const router = useRouter()
 
@@ -90,8 +94,11 @@ const router = useRouter()
 const viewMode = ref('split') // graph | split | workbench
 
 // Step State
-const currentStep = ref(1) // 1: 图谱构建, 2: 环境搭建, 3: 开始模拟, 4: 报告生成, 5: 深度互动
-const stepNames = ['图谱构建', '环境搭建', '开始模拟', '报告生成', '深度互动']
+const currentStep = ref(1) // 1: Graph Build, 2: Env Setup, 3: Start Simulation, 4: Report, 5: Interaction
+
+const getStepName = (step) => {
+  return t(`main.steps.step${step}`)
+}
 
 // Data State
 const currentProjectId = ref(route.params.projectId)
@@ -130,11 +137,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('main.status.error')
+  if (currentPhase.value >= 2) return t('main.status.ready')
+  if (currentPhase.value === 1) return t('main.status.building_graph')
+  if (currentPhase.value === 0) return t('main.status.generating_ontology')
+  return t('main.status.initializing')
 })
 
 // --- Helpers ---
@@ -159,11 +166,11 @@ const toggleMaximize = (target) => {
 const handleNextStep = (params = {}) => {
   if (currentStep.value < 5) {
     currentStep.value++
-    addLog(`进入 Step ${currentStep.value}: ${stepNames[currentStep.value - 1]}`)
+    addLog(`${t('main.step')} ${currentStep.value}: ${getStepName(currentStep.value)}`)
     
     // 如果是从 Step 2 进入 Step 3，记录模拟轮数配置
     if (currentStep.value === 3 && params.maxRounds) {
-      addLog(`自定义模拟轮数: ${params.maxRounds} 轮`)
+      addLog(`${t('step3.logs.set_max_rounds', { rounds: params.maxRounds })}`)
     }
   }
 }
@@ -171,14 +178,14 @@ const handleNextStep = (params = {}) => {
 const handleGoBack = () => {
   if (currentStep.value > 1) {
     currentStep.value--
-    addLog(`返回 Step ${currentStep.value}: ${stepNames[currentStep.value - 1]}`)
+    addLog(`${t('main.step')} ${currentStep.value}: ${getStepName(currentStep.value)}`)
   }
 }
 
 // --- Data Logic ---
 
 const initProject = async () => {
-  addLog('Project view initialized.')
+  addLog(t('main.logs.init'))
   if (currentProjectId.value === 'new') {
     await handleNewProject()
   } else {
@@ -189,16 +196,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('main.logs.no_files')
+    addLog(t('main.logs.no_files'))
     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('main.logs.upload_analyze') }
+    addLog(t('main.logs.start_ontology'))
     
     const formData = new FormData()
     pending.files.forEach(f => formData.append('files', f))
@@ -212,15 +219,15 @@ const handleNewProject = async () => {
       
       router.replace({ name: 'Process', params: { projectId: res.data.project_id } })
       ontologyProgress.value = null
-      addLog(`Ontology generated successfully for project ${res.data.project_id}`)
+      addLog(t('main.logs.project_loaded', { status: t('common.success') }))
       await startBuildGraph()
     } else {
-      error.value = res.error || 'Ontology generation failed'
-      addLog(`Error generating ontology: ${error.value}`)
+      error.value = res.error || t('common.unknown_error')
+      addLog(`${t('main.logs.start_ontology')} ${t('common.failed')}: ${error.value}`)
     }
   } catch (err) {
     error.value = err.message
-    addLog(`Exception in handleNewProject: ${err.message}`)
+    addLog(`${t('common.unknown_error')}: ${err.message}`)
   } finally {
     loading.value = false
   }
@@ -229,12 +236,12 @@ const handleNewProject = async () => {
 const loadProject = async () => {
   try {
     loading.value = true
-    addLog(`Loading project ${currentProjectId.value}...`)
+    addLog(t('main.logs.load_project', { 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('main.logs.project_loaded', { status: res.data.status }))
       
       if (res.data.status === 'ontology_generated' && !res.data.graph_id) {
         await startBuildGraph()
@@ -248,11 +255,11 @@ const loadProject = async () => {
       }
     } else {
       error.value = res.error
-      addLog(`Error loading project: ${res.error}`)
+      addLog(`${t('main.logs.load_project')} ${t('common.failed')}: ${res.error}`)
     }
   } catch (err) {
     error.value = err.message
-    addLog(`Exception in loadProject: ${err.message}`)
+    addLog(`${t('common.unknown_error')}: ${err.message}`)
   } finally {
     loading.value = false
   }
@@ -271,26 +278,26 @@ const updatePhaseByStatus = (status) => {
 const startBuildGraph = async () => {
   try {
     currentPhase.value = 1
-    buildProgress.value = { progress: 0, message: 'Starting build...' }
-    addLog('Initiating graph build...')
+    buildProgress.value = { progress: 0, message: t('common.generating') }
+    addLog(t('main.logs.init_build'))
     
     const res = await buildGraph({ project_id: currentProjectId.value })
     if (res.success) {
-      addLog(`Graph build task started. Task ID: ${res.data.task_id}`)
+      addLog(t('main.logs.task_started', { id: res.data.task_id }))
       startGraphPolling()
       startPollingTask(res.data.task_id)
     } else {
       error.value = res.error
-      addLog(`Error starting build: ${res.error}`)
+      addLog(`${t('main.logs.init_build')} ${t('common.failed')}: ${res.error}`)
     }
   } catch (err) {
     error.value = err.message
-    addLog(`Exception in startBuildGraph: ${err.message}`)
+    addLog(`${t('common.unknown_error')}: ${err.message}`)
   }
 }
 
 const startGraphPolling = () => {
-  addLog('Started polling for graph data...')
+  addLog(t('main.logs.polling_graph'))
   fetchGraphData()
   graphPollTimer = setInterval(fetchGraphData, 10000)
 }
@@ -305,7 +312,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('main.logs.graph_refreshed', { nodes: nodeCount, edges: edgeCount }))
       }
     }
   } catch (err) {
@@ -332,7 +339,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('main.logs.build_complete'))
         stopPolling()
         stopGraphPolling() // Stop polling, do final load
         currentPhase.value = 2
@@ -346,7 +353,7 @@ const pollTaskStatus = async (taskId) => {
       } else if (task.status === 'failed') {
         stopPolling()
         error.value = task.error
-        addLog(`Graph build task failed: ${task.error}`)
+        addLog(`${t('main.logs.build_complete')} ${t('common.failed')}: ${task.error}`)
       }
     }
   } catch (e) {
@@ -356,17 +363,17 @@ const pollTaskStatus = async (taskId) => {
 
 const loadGraph = async (graphId) => {
   graphLoading.value = true
-  addLog(`Loading full graph data: ${graphId}`)
+  addLog(t('main.logs.loading_full_graph', { id: graphId }))
   try {
     const res = await getGraphData(graphId)
     if (res.success) {
       graphData.value = res.data
-      addLog('Graph data loaded successfully.')
+      addLog(t('simulation_view.graph_success'))
     } else {
-      addLog(`Failed to load graph data: ${res.error}`)
+      addLog(`${t('simulation_view.graph_success')} ${t('common.failed')}: ${res.error}`)
     }
   } catch (e) {
-    addLog(`Exception loading graph: ${e.message}`)
+    addLog(`${t('common.unknown_error')}: ${e.message}`)
   } finally {
     graphLoading.value = false
   }
@@ -374,7 +381,7 @@ const loadGraph = async (graphId) => {
 
 const refreshGraph = () => {
   if (projectData.value?.graph_id) {
-    addLog('Manual graph refresh triggered.')
+    addLog(t('main.logs.manual_refresh'))
     loadGraph(projectData.value.graph_id)
   }
 }
@@ -390,7 +397,7 @@ const stopGraphPolling = () => {
   if (graphPollTimer) {
     clearInterval(graphPollTimer)
     graphPollTimer = null
-    addLog('Graph polling stopped.')
+    addLog(t('simulation_view.stop_polling'))
   }
 }
 
@@ -537,4 +544,5 @@ onUnmounted(() => {
 .panel-wrapper.left {
   border-right: 1px solid #EAEAEA;
 }
+
 </style>
diff --git a/frontend/src/views/Process.vue b/frontend/src/views/Process.vue
index 2d2d3cc1a..f95311025 100644
--- a/frontend/src/views/Process.vue
+++ b/frontend/src/views/Process.vue
@@ -6,11 +6,12 @@
       
       <!-- 中间步骤指示器 -->
       <div class="nav-center">
-        <div class="step-badge">STEP 01</div>
-        <div class="step-name">图谱构建</div>
+        <div class="step-badge">{{ $t('process.navbar.step') }} 01</div>
+        <div class="step-name">{{ $t('main.steps.step1') }}</div>
       </div>
 
       <div class="nav-status">
+        <LanguageSwitcher />
         <span class="status-dot" :class="statusClass"></span>
         <span class="status-text">{{ statusText }}</span>
       </div>
@@ -23,20 +24,20 @@
         <div class="panel-header">
           <div class="header-left">
             <span class="header-deco">◆</span>
-            <span class="header-title">实时知识图谱</span>
+            <span class="header-title">{{ $t('process.left_panel.title') }}</span>
           </div>
           <div class="header-right">
             <template v-if="graphData">
-              <span class="stat-item">{{ graphData.node_count || graphData.nodes?.length || 0 }} 节点</span>
+              <span class="stat-item">{{ graphData.node_count || graphData.nodes?.length || 0 }} {{ $t('process.left_panel.nodes') }}</span>
               <span class="stat-divider">|</span>
-              <span class="stat-item">{{ graphData.edge_count || graphData.edges?.length || 0 }} 关系</span>
+              <span class="stat-item">{{ graphData.edge_count || graphData.edges?.length || 0 }} {{ $t('process.left_panel.edges') }}</span>
               <span class="stat-divider">|</span>
             </template>
             <div class="action-buttons">
-                <button class="action-btn" @click="refreshGraph" :disabled="graphLoading" title="刷新图谱">
+                <button class="action-btn" @click="refreshGraph" :disabled="graphLoading" :title="$t('process.left_panel.refresh')">
                   <span class="icon-refresh" :class="{ 'spinning': graphLoading }">↻</span>
                 </button>
-                <button class="action-btn" @click="toggleFullScreen" :title="isFullScreen ? '退出全屏' : '全屏显示'">
+                <button class="action-btn" @click="toggleFullScreen" :title="isFullScreen ? $t('process.left_panel.fullscreen_exit') : $t('process.left_panel.fullscreen_enter')">
                   <span class="icon-fullscreen">{{ isFullScreen ? '↙' : '↗' }}</span>
                 </button>
             </div>
@@ -50,13 +51,13 @@
             <!-- 构建中提示 -->
             <div v-if="currentPhase === 1" class="graph-building-hint">
               <span class="building-dot"></span>
-              实时更新中...
+              {{ $t('process.left_panel.updating') }}
             </div>
             
             <!-- 节点/边详情面板 -->
             <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('process.left_panel.node_details') : $t('process.left_panel.relationship_details') }}</span>
                 <span v-if="selectedItem.type === 'node'" class="detail-badge" :style="{ background: selectedItem.color }">
                   {{ selectedItem.entityType }}
                 </span>
@@ -66,7 +67,7 @@
               <!-- 节点详情 -->
               <div v-if="selectedItem.type === 'node'" class="detail-content">
                 <div class="detail-row">
-                  <span class="detail-label">Name:</span>
+                  <span class="detail-label">{{ $t('common.name') }}:</span>
                   <span class="detail-value highlight">{{ selectedItem.data.name }}</span>
                 </div>
                 <div class="detail-row">
@@ -74,13 +75,13 @@
                   <span class="detail-value uuid">{{ 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('history.created_at') }}:</span>
                   <span class="detail-value">{{ formatDate(selectedItem.data.created_at) }}</span>
                 </div>
                 
                 <!-- Properties / Attributes -->
                 <div class="detail-section" v-if="selectedItem.data.attributes && Object.keys(selectedItem.data.attributes).length > 0">
-                  <span class="detail-label">Properties:</span>
+                  <span class="detail-label">{{ $t('step1.ontology.attributes') }}:</span>
                   <div class="properties-list">
                     <div v-for="(value, key) in selectedItem.data.attributes" :key="key" class="property-item">
                       <span class="property-key">{{ key }}:</span>
@@ -91,13 +92,13 @@
                 
                 <!-- Summary -->
                 <div class="detail-section" v-if="selectedItem.data.summary">
-                  <span class="detail-label">Summary:</span>
+                  <span class="detail-label">{{ $t('step4.interview.interview_summary') }}:</span>
                   <p class="detail-summary">{{ selectedItem.data.summary }}</p>
                 </div>
                 
                 <!-- Labels -->
                 <div class="detail-row" v-if="selectedItem.data.labels?.length">
-                  <span class="detail-label">Labels:</span>
+                  <span class="detail-label">{{ $t('graph.labels') }}:</span>
                   <div class="detail-labels">
                     <span v-for="label in selectedItem.data.labels" :key="label" class="label-tag">{{ label }}</span>
                   </div>
@@ -115,49 +116,49 @@
                   <span class="edge-target">{{ selectedItem.data.target_name || selectedItem.data.target_node_name }}</span>
                 </div>
                 
-                <div class="detail-subtitle">Relationship</div>
+                <div class="detail-subtitle">{{ $t('step1.ontology.relation') }}</div>
                 
                 <div class="detail-row">
                   <span class="detail-label">UUID:</span>
                   <span class="detail-value uuid">{{ selectedItem.data.uuid }}</span>
                 </div>
                 <div class="detail-row">
-                  <span class="detail-label">Label:</span>
+                  <span class="detail-label">{{ $t('common.label') }}:</span>
                   <span class="detail-value">{{ selectedItem.data.name || selectedItem.data.fact_type || 'RELATED_TO' }}</span>
                 </div>
                 <div class="detail-row" v-if="selectedItem.data.fact_type">
-                  <span class="detail-label">Type:</span>
+                  <span class="detail-label">{{ $t('step1.ontology.type') }}:</span>
                   <span class="detail-value">{{ selectedItem.data.fact_type }}</span>
                 </div>
                 
                 <!-- Fact -->
                 <div class="detail-section" v-if="selectedItem.data.fact">
-                  <span class="detail-label">Fact:</span>
+                  <span class="detail-label">{{ $t('step4.insight.facts') }}:</span>
                   <p class="detail-summary">{{ selectedItem.data.fact }}</p>
                 </div>
                 
                 <!-- Episodes -->
                 <div class="detail-section" v-if="selectedItem.data.episodes?.length">
-                  <span class="detail-label">Episodes:</span>
+                  <span class="detail-label">{{ $t('graph.episodes') }}:</span>
                   <div class="episodes-list">
                     <span v-for="ep in selectedItem.data.episodes" :key="ep" class="episode-tag">{{ ep }}</span>
                   </div>
                 </div>
                 
                 <div class="detail-row" v-if="selectedItem.data.created_at">
-                  <span class="detail-label">Created:</span>
+                  <span class="detail-label">{{ $t('history.created_at') }}:</span>
                   <span class="detail-value">{{ formatDate(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.valid_from') }}:</span>
                   <span class="detail-value">{{ formatDate(selectedItem.data.valid_at) }}</span>
                 </div>
                 <div class="detail-row" v-if="selectedItem.data.invalid_at">
-                  <span class="detail-label">Invalid At:</span>
+                  <span class="detail-label">{{ $t('graph.invalid_at') }}:</span>
                   <span class="detail-value">{{ formatDate(selectedItem.data.invalid_at) }}</span>
                 </div>
                 <div class="detail-row" v-if="selectedItem.data.expired_at">
-                  <span class="detail-label">Expired At:</span>
+                  <span class="detail-label">{{ $t('graph.expired_at') }}:</span>
                   <span class="detail-value">{{ formatDate(selectedItem.data.expired_at) }}</span>
                 </div>
               </div>
@@ -171,7 +172,7 @@
               <div class="loading-ring"></div>
               <div class="loading-ring"></div>
             </div>
-            <p class="loading-text">图谱数据加载中...</p>
+            <p class="loading-text">{{ $t('process.left_panel.loading') }}</p>
           </div>
           
           <!-- 等待构建 -->
@@ -189,8 +190,8 @@
                 <line x1="50" y1="72" x2="74" y2="66" stroke="#000" stroke-width="1"/>
               </svg>
             </div>
-            <p class="waiting-text">等待本体生成</p>
-            <p class="waiting-hint">生成完成后将自动开始构建图谱</p>
+            <p class="waiting-text">{{ $t('process.left_panel.waiting_ontology') }}</p>
+            <p class="waiting-hint">{{ $t('process.left_panel.waiting_ontology_hint') }}</p>
           </div>
           
           <!-- 构建中但还没有数据 -->
@@ -200,8 +201,8 @@
               <div class="loading-ring"></div>
               <div class="loading-ring"></div>
             </div>
-            <p class="waiting-text">图谱构建中</p>
-            <p class="waiting-hint">数据即将显示...</p>
+            <p class="waiting-text">{{ $t('process.left_panel.building') }}</p>
+            <p class="waiting-hint">{{ $t('process.left_panel.building_hint') }}</p>
           </div>
           
           <!-- 错误状态 -->
@@ -225,7 +226,7 @@
       <div class="right-panel" :class="{ 'hidden': isFullScreen }">
         <div class="panel-header dark-header">
           <span class="header-icon">▣</span>
-          <span class="header-title">构建流程</span>
+          <span class="header-title">{{ $t('process.right_panel.title') }}</span>
         </div>
 
         <div class="process-content">
@@ -234,7 +235,7 @@
             <div class="phase-header">
               <span class="phase-num">01</span>
               <div class="phase-info">
-                <div class="phase-title">本体生成</div>
+                <div class="phase-title">{{ $t('process.right_panel.phase1.title') }}</div>
                 <div class="phase-api">/api/graph/ontology/generate</div>
               </div>
               <span class="phase-status" :class="getPhaseStatusClass(0)">
@@ -244,15 +245,15 @@
             
             <div class="phase-detail">
               <div class="detail-section">
-                <div class="detail-label">接口说明</div>
+                <div class="detail-label">{{ $t('process.right_panel.api_desc') }}</div>
                 <div class="detail-content">
-                  上传文档后，LLM分析文档内容，自动生成适合舆论模拟的本体结构（实体类型 + 关系类型）
+                  {{ $t('process.right_panel.phase1.desc') }}
                 </div>
               </div>
               
               <!-- 本体生成进度 -->
               <div class="detail-section" v-if="ontologyProgress && currentPhase === 0">
-                <div class="detail-label">生成进度</div>
+                <div class="detail-label">{{ $t('process.right_panel.progress') }}</div>
                 <div class="ontology-progress">
                   <div class="progress-spinner"></div>
                   <span class="progress-text">{{ ontologyProgress.message }}</span>
@@ -261,7 +262,7 @@
               
               <!-- 已生成的本体信息 -->
               <div class="detail-section" v-if="projectData?.ontology">
-                <div class="detail-label">生成的实体类型 ({{ projectData.ontology.entity_types?.length || 0 }})</div>
+                <div class="detail-label">{{ $t('process.right_panel.entity_types') }} ({{ projectData.ontology.entity_types?.length || 0 }})</div>
                 <div class="entity-tags">
                   <span 
                     v-for="entity in projectData.ontology.entity_types" 
@@ -274,7 +275,7 @@
               </div>
               
               <div class="detail-section" v-if="projectData?.ontology">
-                <div class="detail-label">生成的关系类型 ({{ projectData.ontology.relation_types?.length || 0 }})</div>
+                <div class="detail-label">{{ $t('process.right_panel.relation_types') }} ({{ projectData.ontology.relation_types?.length || 0 }})</div>
                 <div class="relation-list">
                   <div 
                     v-for="(rel, idx) in projectData.ontology.relation_types?.slice(0, 5) || []" 
@@ -288,14 +289,14 @@
                     <span class="rel-target">{{ rel.target_type }}</span>
                   </div>
                   <div v-if="(projectData.ontology.relation_types?.length || 0) > 5" class="relation-more">
-                    +{{ projectData.ontology.relation_types.length - 5 }} 更多关系...
+                    {{ $t('process.right_panel.more') }}
                   </div>
                 </div>
               </div>
               
               <!-- 等待状态 -->
               <div class="detail-section waiting-state" v-if="!projectData?.ontology && currentPhase === 0 && !ontologyProgress">
-                <div class="waiting-hint">等待本体生成...</div>
+                <div class="waiting-hint">{{ $t('process.right_panel.waiting_phase1') }}</div>
               </div>
             </div>
           </div>
@@ -305,7 +306,7 @@
             <div class="phase-header">
               <span class="phase-num">02</span>
               <div class="phase-info">
-                <div class="phase-title">图谱构建</div>
+                <div class="phase-title">{{ $t('process.right_panel.phase2.title') }}</div>
                 <div class="phase-api">/api/graph/build</div>
               </div>
               <span class="phase-status" :class="getPhaseStatusClass(1)">
@@ -315,20 +316,20 @@
             
             <div class="phase-detail">
               <div class="detail-section">
-                <div class="detail-label">接口说明</div>
+                <div class="detail-label">{{ $t('process.right_panel.api_desc') }}</div>
                 <div class="detail-content">
-                  基于生成的本体，将文档分块后调用 Zep API 构建知识图谱，提取实体和关系
+                  {{ $t('process.right_panel.phase2.desc') }}
                 </div>
               </div>
               
               <!-- 等待本体完成 -->
               <div class="detail-section waiting-state" v-if="currentPhase < 1">
-                <div class="waiting-hint">等待本体生成完成...</div>
+                <div class="waiting-hint">{{ $t('process.right_panel.waiting_phase2') }}</div>
               </div>
               
               <!-- 构建进度 -->
               <div class="detail-section" v-if="buildProgress && currentPhase >= 1">
-                <div class="detail-label">构建进度</div>
+                <div class="detail-label">{{ $t('process.right_panel.progress') }}</div>
                 <div class="progress-bar">
                   <div class="progress-fill" :style="{ width: buildProgress.progress + '%' }"></div>
                 </div>
@@ -339,19 +340,19 @@
               </div>
               
               <div class="detail-section" v-if="graphData">
-                <div class="detail-label">构建结果</div>
+                <div class="detail-label">{{ $t('process.right_panel.result') }}</div>
                 <div class="build-result">
                   <div class="result-item">
                     <span class="result-value">{{ graphData.node_count }}</span>
-                    <span class="result-label">实体节点</span>
+                    <span class="result-label">{{ $t('process.right_panel.nodes_count') }}</span>
                   </div>
                   <div class="result-item">
                     <span class="result-value">{{ graphData.edge_count }}</span>
-                    <span class="result-label">关系边</span>
+                    <span class="result-label">{{ $t('process.right_panel.edges_count') }}</span>
                   </div>
                   <div class="result-item">
                     <span class="result-value">{{ entityTypes.length }}</span>
-                    <span class="result-label">实体类型</span>
+                    <span class="result-label">{{ $t('process.right_panel.types_count') }}</span>
                   </div>
                 </div>
               </div>
@@ -363,8 +364,8 @@
             <div class="phase-header">
               <span class="phase-num">03</span>
               <div class="phase-info">
-                <div class="phase-title">构建完成</div>
-                <div class="phase-api">准备进入下一步骤</div>
+                <div class="phase-title">{{ $t('process.right_panel.phase3.title') }}</div>
+                <div class="phase-api">{{ $t('process.right_panel.phase3.meta') }}</div>
               </div>
               <span class="phase-status" :class="getPhaseStatusClass(2)">
                 {{ getPhaseStatusText(2) }}
@@ -375,7 +376,7 @@
           <!-- 下一步按钮 -->
           <div class="next-step-section" v-if="currentPhase >= 2">
             <button class="next-step-btn" @click="goToNextStep" :disabled="currentPhase < 2">
-              进入环境搭建
+              {{ $t('process.right_panel.next_step') }}
               <span class="btn-arrow">→</span>
             </button>
           </div>
@@ -385,23 +386,23 @@
         <div class="project-panel">
           <div class="project-header">
             <span class="project-icon">◇</span>
-            <span class="project-title">项目信息</span>
+            <span class="project-title">{{ $t('process.project_info.title') }}</span>
           </div>
           <div class="project-details" v-if="projectData">
             <div class="project-item">
-              <span class="item-label">项目名称</span>
+              <span class="item-label">{{ $t('process.project_info.name') }}</span>
               <span class="item-value">{{ projectData.name }}</span>
             </div>
             <div class="project-item">
-              <span class="item-label">项目ID</span>
+              <span class="item-label">{{ $t('process.project_info.id') }}</span>
               <span class="item-value code">{{ projectData.project_id }}</span>
             </div>
             <div class="project-item" v-if="projectData.graph_id">
-              <span class="item-label">图谱ID</span>
+              <span class="item-label">{{ $t('process.project_info.graph_id') }}</span>
               <span class="item-value code">{{ projectData.graph_id }}</span>
             </div>
             <div class="project-item">
-              <span class="item-label">模拟需求</span>
+              <span class="item-label">{{ $t('process.project_info.requirement') }}</span>
               <span class="item-value">{{ projectData.simulation_requirement || '-' }}</span>
             </div>
           </div>
@@ -414,10 +415,13 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted, watch, nextTick } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+import LanguageSwitcher from '../components/LanguageSwitcher.vue'
 import { generateOntology, getProject, buildGraph, getTaskStatus, getGraphData } from '../api/graph'
 import { getPendingUpload, clearPendingUpload } from '../store/pendingUpload'
 import * as d3 from 'd3'
 
+const { t } = useI18n()
 const route = useRoute()
 const router = useRouter()
 
@@ -451,11 +455,11 @@ const statusClass = computed(() => {
 })
 
 const statusText = computed(() => {
-  if (error.value) return '构建失败'
-  if (currentPhase.value >= 2) return '构建完成'
-  if (currentPhase.value === 1) return '图谱构建中'
-  if (currentPhase.value === 0) return '本体生成中'
-  return '初始化中'
+  if (error.value) return t('process.status.failed')
+  if (currentPhase.value >= 2) return t('process.status.completed')
+  if (currentPhase.value === 1) return t('process.status.building')
+  if (currentPhase.value === 0) return t('process.status.ontology')
+  return t('process.status.initializing')
 })
 
 const entityTypes = computed(() => {
@@ -482,7 +486,7 @@ const goHome = () => {
 
 const goToNextStep = () => {
   // TODO: 进入环境搭建步骤
-  alert('环境搭建功能开发中...')
+  alert(t('common.processing') + '...')
 }
 
 const toggleFullScreen = () => {
@@ -503,7 +507,7 @@ const formatDate = (dateStr) => {
   if (!dateStr) return '-'
   try {
     const date = new Date(dateStr)
-    return date.toLocaleString('zh-CN', {
+    return date.toLocaleString(t('common.locale_code') || 'en-US', {
       year: 'numeric',
       month: 'short',
       day: 'numeric',
@@ -540,14 +544,14 @@ const getPhaseStatusClass = (phase) => {
 }
 
 const getPhaseStatusText = (phase) => {
-  if (currentPhase.value > phase) return '已完成'
+  if (currentPhase.value > phase) return t('process.status.done')
   if (currentPhase.value === phase) {
     if (phase === 1 && buildProgress.value) {
       return `${buildProgress.value.progress}%`
     }
-    return '进行中'
+    return t('process.status.processing')
   }
-  return '等待中'
+  return t('process.status.pending')
 }
 
 // 初始化 - 处理新建项目或加载已有项目
@@ -569,15 +573,15 @@ const handleNewProject = async () => {
   const pending = getPendingUpload()
   
   if (!pending.isPending || pending.files.length === 0) {
-    error.value = '没有待上传的文件，请返回首页重新操作'
+    error.value = t('common.request_failed')
     loading.value = false
     return
   }
   
   try {
     loading.value = true
-    currentPhase.value = 0 // 本体生成阶段
-    ontologyProgress.value = { message: '正在上传文件并分析文档...' }
+    currentPhase.value = 0 // Ontology generation phase
+    ontologyProgress.value = { message: t('process.status_msg.processing') }
     
     // 构建 FormData
     const formDataObj = new FormData()
@@ -608,11 +612,11 @@ const handleNewProject = async () => {
       // 自动开始图谱构建
       await startBuildGraph()
     } else {
-      error.value = response.error || '本体生成失败'
+      error.value = response.error || t('process.status_msg.load_failed')
     }
   } catch (err) {
     console.error('Handle new project error:', err)
-    error.value = '项目初始化失败: ' + (err.message || '未知错误')
+    error.value = t('process.status_msg.unknown_error') + ': ' + (err.message || t('common.unknown_error'))
   } finally {
     loading.value = false
   }
@@ -645,11 +649,11 @@ const loadProject = async () => {
         await loadGraph(response.data.graph_id)
       }
     } else {
-      error.value = response.error || '加载项目失败'
+      error.value = response.error || t('simulation_view.report_fail')
     }
   } catch (err) {
     console.error('Load project error:', err)
-    error.value = '加载项目失败: ' + (err.message || '未知错误')
+    error.value = t('simulation_view.report_fail') + ': ' + (err.message || t('common.unknown_error'))
   } finally {
     loading.value = false
   }
@@ -668,7 +672,7 @@ const updatePhaseByStatus = (status) => {
       currentPhase.value = 2
       break
     case 'failed':
-      error.value = projectData.value?.error || '处理失败'
+      error.value = projectData.value?.error || t('common.failed')
       break
   }
 }
@@ -680,13 +684,13 @@ const startBuildGraph = async () => {
     // 设置初始进度
     buildProgress.value = {
       progress: 0,
-      message: '正在启动图谱构建...'
+      message: t('main.logs.init_build')
     }
     
     const response = await buildGraph({ project_id: currentProjectId.value })
     
     if (response.success) {
-      buildProgress.value.message = '图谱构建任务已启动...'
+      buildProgress.value.message = t('main.logs.task_started', { id: '' }).replace(': ', '')
       
       // 保存 task_id 用于轮询
       const taskId = response.data.task_id
@@ -697,12 +701,12 @@ const startBuildGraph = async () => {
       // 启动任务状态轮询
       startPollingTask(taskId)
     } else {
-      error.value = response.error || '启动图谱构建失败'
+      error.value = response.error || t('process.status_msg.load_failed')
       buildProgress.value = null
     }
   } catch (err) {
     console.error('Build graph error:', err)
-    error.value = '启动图谱构建失败: ' + (err.message || '未知错误')
+    error.value = t('process.status_msg.load_failed') + ': ' + (err.message || t('common.unknown_error'))
     buildProgress.value = null
   }
 }
@@ -791,13 +795,13 @@ const pollTaskStatus = async (taskId) => {
       // 更新进度显示
       buildProgress.value = {
         progress: task.progress || 0,
-        message: task.message || '处理中...'
+        message: task.message || t('process.status_msg.processing')
       }
       
       console.log('Task status:', task.status, 'Progress:', task.progress)
       
       if (task.status === 'completed') {
-        console.log('✅ 图谱构建完成，正在加载完整数据...')
+        console.log('✅ ' + t('process.status_msg.loading_graph'))
         
         stopPolling()
         stopGraphPolling()
@@ -806,7 +810,7 @@ const pollTaskStatus = async (taskId) => {
         // 更新进度显示为完成状态
         buildProgress.value = {
           progress: 100,
-          message: '构建完成，正在加载图谱...'
+          message: t('process.status_msg.loading_graph')
         }
         
         // 重新加载项目数据获取 graph_id
@@ -816,9 +820,9 @@ const pollTaskStatus = async (taskId) => {
           
           // 最终加载完整图谱数据
           if (projectResponse.data.graph_id) {
-            console.log('📊 加载完整图谱:', projectResponse.data.graph_id)
+            console.log(`📊 ${t('process.logs.loading_full_graph')}`, projectResponse.data.graph_id)
             await loadGraph(projectResponse.data.graph_id)
-            console.log('✅ 图谱加载完成')
+            console.log(`✅ ${t('process.logs.graph_loaded')}`)
           }
         }
         
@@ -827,7 +831,7 @@ const pollTaskStatus = async (taskId) => {
       } else if (task.status === 'failed') {
         stopPolling()
         stopGraphPolling()
-        error.value = '图谱构建失败: ' + (task.error || '未知错误')
+        error.value = t('process.status_msg.build_failed') + ': ' + (task.error || t('common.unknown_error'))
         buildProgress.value = null
       }
     }
@@ -864,7 +868,7 @@ const loadGraph = async (graphId) => {
 // 渲染图谱 (D3.js)
 const renderGraph = () => {
   if (!graphSvg.value || !graphData.value) {
-    console.log('Cannot render: svg or data missing')
+    console.log(t('process.left_panel.loading'))
     return
   }
   
@@ -905,7 +909,7 @@ const renderGraph = () => {
       .attr('y', height / 2)
       .attr('text-anchor', 'middle')
       .attr('fill', '#999')
-      .text('等待图谱数据...')
+      .text(t('process.status_msg.waiting_data'))
     return
   }
   
@@ -917,7 +921,7 @@ const renderGraph = () => {
   
   const nodes = nodesData.map(n => ({
     id: n.uuid,
-    name: n.name || '未命名',
+    name: n.name || t('process.status_msg.unnamed'),
     type: n.labels?.find(l => l !== 'Entity' && l !== 'Node') || 'Entity',
     rawData: n // 保存原始数据
   }))
@@ -933,8 +937,7 @@ const renderGraph = () => {
       type: e.fact_type || e.name || 'RELATED_TO',
       rawData: {
         ...e,
-        source_name: nodeMap[e.source_node_uuid]?.name || '未知',
-        target_name: nodeMap[e.target_node_uuid]?.name || '未知'
+        target_name: nodeMap[e.target_node_uuid]?.name || t('process.status_msg.unknown')
       }
     }))
   
@@ -1161,6 +1164,7 @@ onUnmounted(() => {
 .nav-status {
   display: flex;
   align-items: center;
+  gap: 12px;
 }
 
 .status-dot {
diff --git a/frontend/src/views/ReportView.vue b/frontend/src/views/ReportView.vue
index 84a3e2a3f..c9fd30055 100644
--- a/frontend/src/views/ReportView.vue
+++ b/frontend/src/views/ReportView.vue
@@ -15,15 +15,16 @@
             :class="{ active: viewMode === mode }"
             @click="viewMode = mode"
           >
-            {{ { graph: '图谱', split: '双栏', workbench: '工作台' }[mode] }}
+            {{ $t(`main.${mode}`) }}
           </button>
         </div>
       </div>
 
       <div class="header-right">
+        <LanguageSwitcher />
         <div class="workflow-step">
-          <span class="step-num">Step 4/5</span>
-          <span class="step-name">报告生成</span>
+          <span class="step-num">{{ $t('main.step') }} 4/5</span>
+          <span class="step-name">{{ $t('main.steps.step4') }}</span>
         </div>
         <div class="step-divider"></div>
         <span class="status-indicator" :class="statusClass">
@@ -64,12 +65,15 @@
 <script setup>
 import { ref, computed, onMounted, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+import LanguageSwitcher from '../components/LanguageSwitcher.vue'
 import GraphPanel from '../components/GraphPanel.vue'
 import Step4Report from '../components/Step4Report.vue'
 import { getProject, getGraphData } from '../api/graph'
 import { getSimulation } from '../api/simulation'
 import { getReport } from '../api/report'
 
+const { t } = useI18n()
 const route = useRoute()
 const router = useRouter()
 
@@ -109,9 +113,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('simulation.status.error')
+  if (currentStatus.value === 'completed') return t('simulation.status.completed')
+  return t('simulation.status.generating')
 })
 
 // --- Helpers ---
@@ -139,7 +143,7 @@ const toggleMaximize = (target) => {
 // --- Data Logic ---
 const loadReportData = async () => {
   try {
-    addLog(`加载报告数据: ${currentReportId.value}`)
+    addLog(t('simulation_view.load_report_data', { id: currentReportId.value }))
     
     // 获取 report 信息以获取 simulation_id
     const reportRes = await getReport(currentReportId.value)
@@ -158,7 +162,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('simulation_view.project_success', { id: projRes.data.project_id }))
               
               // 获取 graph 数据
               if (projRes.data.graph_id) {
@@ -169,10 +173,10 @@ const loadReportData = async () => {
         }
       }
     } else {
-      addLog(`获取报告信息失败: ${reportRes.error || '未知错误'}`)
+      addLog(`${t('simulation_view.report_fail')}: ${reportRes.error || t('common.unknown_error')}`)
     }
   } catch (err) {
-    addLog(`加载异常: ${err.message}`)
+    addLog(`${t('common.unknown_error')}: ${err.message}`)
   }
 }
 
@@ -183,10 +187,10 @@ const loadGraph = async (graphId) => {
     const res = await getGraphData(graphId)
     if (res.success) {
       graphData.value = res.data
-      addLog('图谱数据加载成功')
+      addLog(t('simulation_view.graph_success'))
     }
   } catch (err) {
-    addLog(`图谱加载失败: ${err.message}`)
+    addLog(`${t('simulation_view.graph_success')} ${t('common.failed')}: ${err.message}`)
   } finally {
     graphLoading.value = false
   }
@@ -207,7 +211,7 @@ watch(() => route.params.reportId, (newId) => {
 }, { immediate: true })
 
 onMounted(() => {
-  addLog('ReportView 初始化')
+  addLog(t('simulation_view.report_init'))
   loadReportData()
 })
 </script>
@@ -345,4 +349,5 @@ onMounted(() => {
 .panel-wrapper.left {
   border-right: 1px solid #EAEAEA;
 }
+
 </style>
diff --git a/frontend/src/views/SimulationRunView.vue b/frontend/src/views/SimulationRunView.vue
index 14ebc5f9d..36d076f5a 100644
--- a/frontend/src/views/SimulationRunView.vue
+++ b/frontend/src/views/SimulationRunView.vue
@@ -15,15 +15,16 @@
             :class="{ active: viewMode === mode }"
             @click="viewMode = mode"
           >
-            {{ { graph: '图谱', split: '双栏', workbench: '工作台' }[mode] }}
+            {{ $t(`main.${mode}`) }}
           </button>
         </div>
       </div>
 
       <div class="header-right">
+        <LanguageSwitcher />
         <div class="workflow-step">
-          <span class="step-num">Step 3/5</span>
-          <span class="step-name">开始模拟</span>
+          <span class="step-num">{{ $t('main.step') }} 3/5</span>
+          <span class="step-name">{{ $t('main.steps.step3') }}</span>
         </div>
         <div class="step-divider"></div>
         <span class="status-indicator" :class="statusClass">
@@ -69,11 +70,14 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+import LanguageSwitcher from '../components/LanguageSwitcher.vue'
 import GraphPanel from '../components/GraphPanel.vue'
 import Step3Simulation from '../components/Step3Simulation.vue'
 import { getProject, getGraphData } from '../api/graph'
 import { getSimulation, getSimulationConfig, stopSimulation, closeSimulationEnv, getEnvStatus } from '../api/simulation'
 
+const { t } = useI18n()
 const route = useRoute()
 const router = useRouter()
 
@@ -115,9 +119,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('simulation.status.error')
+  if (currentStatus.value === 'completed') return t('simulation.status.completed')
+  return t('simulation.status.running')
 })
 
 const isSimulating = computed(() => currentStatus.value === 'processing')
@@ -146,7 +150,7 @@ const toggleMaximize = (target) => {
 
 const handleGoBack = async () => {
   // 在返回 Step 2 之前，先关闭正在运行的模拟
-  addLog('准备返回 Step 2，正在关闭模拟...')
+  addLog(t('simulation_view.start_sim'))
   
   // 停止轮询
   stopGraphRefresh()
@@ -156,36 +160,36 @@ const handleGoBack = async () => {
     const envStatusRes = await getEnvStatus({ simulation_id: currentSimulationId.value })
     
     if (envStatusRes.success && envStatusRes.data?.env_alive) {
-      addLog('正在关闭模拟环境...')
+      addLog(t('simulation_view.detect_running'))
       try {
         await closeSimulationEnv({ 
           simulation_id: currentSimulationId.value,
           timeout: 10
         })
-        addLog('✓ 模拟环境已关闭')
+        addLog(t('simulation_view.close_success'))
       } catch (closeErr) {
-        addLog(`关闭模拟环境失败，尝试强制停止...`)
+        addLog(`${t('simulation_view.close_failed')}...`)
         try {
           await stopSimulation({ simulation_id: currentSimulationId.value })
-          addLog('✓ 模拟已强制停止')
+          addLog(t('simulation_view.force_stop_success'))
         } catch (stopErr) {
-          addLog(`强制停止失败: ${stopErr.message}`)
+          addLog(`${t('simulation_view.force_stop_failed')}: ${stopErr.message}`)
         }
       }
     } else {
       // 环境未运行，检查是否需要停止进程
       if (isSimulating.value) {
-        addLog('正在停止模拟进程...')
+        addLog(t('simulation_view.detect_status_running'))
         try {
           await stopSimulation({ simulation_id: currentSimulationId.value })
-          addLog('✓ 模拟已停止')
+          addLog(t('simulation_view.force_stop_success'))
         } catch (err) {
-          addLog(`停止模拟失败: ${err.message}`)
+          addLog(`${t('simulation_view.force_stop_failed')}: ${err.message}`)
         }
       }
     }
   } catch (err) {
-    addLog(`检查模拟状态失败: ${err.message}`)
+    addLog(`${t('common.unknown_error')}: ${err.message}`)
   }
   
   // 返回到 Step 2 (环境搭建)
@@ -195,13 +199,13 @@ const handleGoBack = async () => {
 const handleNextStep = () => {
   // Step3Simulation 组件会直接处理报告生成和路由跳转
   // 这个方法仅作为备用
-  addLog('进入 Step 4: 报告生成')
+  addLog(`${t('main.step')} 4: ${t('main.steps.step4')}`)
 }
 
 // --- Data Logic ---
 const loadSimulationData = async () => {
   try {
-    addLog(`加载模拟数据: ${currentSimulationId.value}`)
+    addLog(t('simulation_view.load_data', { id: currentSimulationId.value }))
     
     // 获取 simulation 信息
     const simRes = await getSimulation(currentSimulationId.value)
@@ -213,10 +217,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('step2.gen_config.duration')}: ${t('common.rounds')} ${minutesPerRound.value} ${t('common.minutes')}`)
         }
       } catch (configErr) {
-        addLog(`获取时间配置失败，使用默认值: ${minutesPerRound.value}分钟/轮`)
+        addLog(`${t('common.failed')}: ${minutesPerRound.value} ${t('common.minutes')}/${t('common.rounds')}`)
       }
       
       // 获取 project 信息
@@ -224,7 +228,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('simulation_view.project_success', { id: projRes.data.project_id }))
           
           // 获取 graph 数据
           if (projRes.data.graph_id) {
@@ -233,10 +237,10 @@ const loadSimulationData = async () => {
         }
       }
     } else {
-      addLog(`加载模拟数据失败: ${simRes.error || '未知错误'}`)
+      addLog(`${t('simulation_view.load_data')} ${t('common.failed')}: ${simRes.error || t('common.unknown_error')}`)
     }
   } catch (err) {
-    addLog(`加载异常: ${err.message}`)
+    addLog(`${t('common.unknown_error')}: ${err.message}`)
   }
 }
 
@@ -252,11 +256,11 @@ const loadGraph = async (graphId) => {
     if (res.success) {
       graphData.value = res.data
       if (!isSimulating.value) {
-        addLog('图谱数据加载成功')
+        addLog(t('simulation_view.graph_success'))
       }
     }
   } catch (err) {
-    addLog(`图谱加载失败: ${err.message}`)
+    addLog(`${t('simulation_view.graph_success')} ${t('common.failed')}: ${err.message}`)
   } finally {
     graphLoading.value = false
   }
@@ -273,7 +277,7 @@ let graphRefreshTimer = null
 
 const startGraphRefresh = () => {
   if (graphRefreshTimer) return
-  addLog('开启图谱实时刷新 (30s)')
+  addLog(`${t('step3.logs.dynamic_graph_enabled')} (30s)`)
   // 立即刷新一次，然后每30秒刷新
   graphRefreshTimer = setInterval(refreshGraph, 30000)
 }
@@ -282,7 +286,7 @@ const stopGraphRefresh = () => {
   if (graphRefreshTimer) {
     clearInterval(graphRefreshTimer)
     graphRefreshTimer = null
-    addLog('停止图谱实时刷新')
+    addLog(t('simulation_view.stop_polling'))
   }
 }
 
@@ -295,11 +299,11 @@ watch(isSimulating, (newValue) => {
 }, { immediate: true })
 
 onMounted(() => {
-  addLog('SimulationRunView 初始化')
+  addLog(t('simulation_view.init'))
   
   // 记录 maxRounds 配置（值已在初始化时从 query 参数获取）
   if (maxRounds.value) {
-    addLog(`自定义模拟轮数: ${maxRounds.value}`)
+    addLog(`${t('step3.logs.set_max_rounds', { rounds: maxRounds.value })}`)
   }
   
   loadSimulationData()
@@ -443,5 +447,6 @@ onUnmounted(() => {
 .panel-wrapper.left {
   border-right: 1px solid #EAEAEA;
 }
+
 </style>
 
diff --git a/frontend/src/views/SimulationView.vue b/frontend/src/views/SimulationView.vue
index 4b44b3972..af051666d 100644
--- a/frontend/src/views/SimulationView.vue
+++ b/frontend/src/views/SimulationView.vue
@@ -15,15 +15,16 @@
             :class="{ active: viewMode === mode }"
             @click="viewMode = mode"
           >
-            {{ { graph: '图谱', split: '双栏', workbench: '工作台' }[mode] }}
+            {{ $t(`main.${mode}`) }}
           </button>
         </div>
       </div>
 
       <div class="header-right">
+        <LanguageSwitcher />
         <div class="workflow-step">
-          <span class="step-num">Step 2/5</span>
-          <span class="step-name">环境搭建</span>
+          <span class="step-num">{{ $t('main.step') }} 2/5</span>
+          <span class="step-name">{{ $t('main.steps.step2') }}</span>
         </div>
         <div class="step-divider"></div>
         <span class="status-indicator" :class="statusClass">
@@ -66,11 +67,14 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+import LanguageSwitcher from '../components/LanguageSwitcher.vue'
 import GraphPanel from '../components/GraphPanel.vue'
 import Step2EnvSetup from '../components/Step2EnvSetup.vue'
 import { getProject, getGraphData } from '../api/graph'
 import { getSimulation, stopSimulation, getEnvStatus, closeSimulationEnv } from '../api/simulation'
 
+const { t } = useI18n()
 const route = useRoute()
 const router = useRouter()
 
@@ -83,7 +87,7 @@ const props = defineProps({
 const viewMode = ref('split')
 
 // Data State
-const currentSimulationId = ref(route.params.simulationId)
+const currentSimulationId = ref(props.simulationId)
 const projectData = ref(null)
 const graphData = ref(null)
 const graphLoading = ref(false)
@@ -109,9 +113,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('simulation.status.error')
+  if (currentStatus.value === 'completed') return t('simulation.status.ready')
+  return t('simulation.status.preparing')
 })
 
 // --- Helpers ---
@@ -146,13 +150,13 @@ const handleGoBack = () => {
 }
 
 const handleNextStep = (params = {}) => {
-  addLog('进入 Step 3: 开始模拟')
+  addLog(`${t('main.step')} 3: ${t('main.steps.step3')}`)
   
   // 记录模拟轮数配置
   if (params.maxRounds) {
-    addLog(`自定义模拟轮数: ${params.maxRounds} 轮`)
+    addLog(`${t('step3.logs.set_max_rounds', { rounds: params.maxRounds })}`)
   } else {
-    addLog('使用自动配置的模拟轮数')
+    addLog(t('step3.logs.auto_rounds'))
   }
   
   // 构建路由参数
@@ -184,7 +188,7 @@ const checkAndStopRunningSimulation = async () => {
     const envStatusRes = await getEnvStatus({ simulation_id: currentSimulationId.value })
     
     if (envStatusRes.success && envStatusRes.data?.env_alive) {
-      addLog('检测到模拟环境正在运行，正在关闭...')
+      addLog(t('simulation_view.detect_running'))
       
       // 尝试优雅关闭模拟环境
       try {
@@ -194,14 +198,14 @@ const checkAndStopRunningSimulation = async () => {
         })
         
         if (closeRes.success) {
-          addLog('✓ 模拟环境已关闭')
+          addLog(t('simulation_view.close_success'))
         } else {
-          addLog(`关闭模拟环境失败: ${closeRes.error || '未知错误'}`)
+          addLog(`${t('simulation_view.close_failed')}: ${closeRes.error || t('common.unknown_error')}`)
           // 如果优雅关闭失败，尝试强制停止
           await forceStopSimulation()
         }
       } catch (closeErr) {
-        addLog(`关闭模拟环境异常: ${closeErr.message}`)
+        addLog(`${t('simulation_view.close_failed')}: ${closeErr.message}`)
         // 如果优雅关闭异常，尝试强制停止
         await forceStopSimulation()
       }
@@ -209,7 +213,7 @@ const checkAndStopRunningSimulation = async () => {
       // 环境未运行，但可能进程还在，检查模拟状态
       const simRes = await getSimulation(currentSimulationId.value)
       if (simRes.success && simRes.data?.status === 'running') {
-        addLog('检测到模拟状态为运行中，正在停止...')
+        addLog(t('simulation_view.detect_status_running'))
         await forceStopSimulation()
       }
     }
@@ -226,18 +230,18 @@ const forceStopSimulation = async () => {
   try {
     const stopRes = await stopSimulation({ simulation_id: currentSimulationId.value })
     if (stopRes.success) {
-      addLog('✓ 模拟已强制停止')
+      addLog(t('simulation_view.force_stop_success'))
     } else {
-      addLog(`强制停止模拟失败: ${stopRes.error || '未知错误'}`)
+      addLog(`${t('simulation_view.force_stop_failed')}: ${stopRes.error || t('common.unknown_error')}`)
     }
   } catch (err) {
-    addLog(`强制停止模拟异常: ${err.message}`)
+    addLog(`${t('simulation_view.force_stop_failed')}: ${err.message}`)
   }
 }
 
 const loadSimulationData = async () => {
   try {
-    addLog(`加载模拟数据: ${currentSimulationId.value}`)
+    addLog(t('simulation_view.load_data', { id: currentSimulationId.value }))
     
     // 获取 simulation 信息
     const simRes = await getSimulation(currentSimulationId.value)
@@ -249,7 +253,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('simulation_view.project_success', { id: projRes.data.project_id }))
           
           // 获取 graph 数据
           if (projRes.data.graph_id) {
@@ -258,10 +262,10 @@ const loadSimulationData = async () => {
         }
       }
     } else {
-      addLog(`加载模拟数据失败: ${simRes.error || '未知错误'}`)
+      addLog(`${t('simulation_view.load_data')} ${t('common.failed')}: ${simRes.error || t('common.unknown_error')}`)
     }
   } catch (err) {
-    addLog(`加载异常: ${err.message}`)
+    addLog(`${t('common.unknown_error')}: ${err.message}`)
   }
 }
 
@@ -271,10 +275,10 @@ const loadGraph = async (graphId) => {
     const res = await getGraphData(graphId)
     if (res.success) {
       graphData.value = res.data
-      addLog('图谱数据加载成功')
+      addLog(t('simulation_view.graph_success'))
     }
   } catch (err) {
-    addLog(`图谱加载失败: ${err.message}`)
+    addLog(`${t('simulation_view.graph_success')} ${t('common.failed')}: ${err.message}`)
   } finally {
     graphLoading.value = false
   }
@@ -287,7 +291,7 @@ const refreshGraph = () => {
 }
 
 onMounted(async () => {
-  addLog('SimulationView 初始化')
+  addLog(t('simulation_view.init'))
   
   // 检查并关闭正在运行的模拟（用户从 Step 3 返回时）
   await checkAndStopRunningSimulation()
@@ -430,5 +434,6 @@ onMounted(async () => {
 .panel-wrapper.left {
   border-right: 1px solid #EAEAEA;
 }
+
 </style>