From 7ee724f8ac0425b0ebc2744979f3199e47d5f2ac Mon Sep 17 00:00:00 2001
From: zyc <1439655764@qq.com>
Date: Thu, 12 Feb 2026 10:53:03 +0800
Subject: [PATCH] fix cn

---
 web/src/App.tsx                |  8 ++--
 web/src/pages/BugDetail.tsx    | 56 ++++++++++++++++----------
 web/src/pages/BugList.tsx      | 48 ++++++++++++++---------
 web/src/pages/Dashboard.tsx    | 36 +++++++++++------
 web/src/pages/RepairDetail.tsx | 72 ++++++++++++++++++++--------------
 web/src/pages/RepairList.tsx   | 50 ++++++++++++++---------
 6 files changed, 168 insertions(+), 102 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 57cd3e4..8affeda 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -16,7 +16,7 @@ function App() {
             <div className="logo-icon">
               <Shield size={16} />
             </div>
-            Log Center
+            日志中台
           </div>
           <nav>
             <ul className="nav-menu">
@@ -27,7 +27,7 @@ function App() {
                   end
                 >
                   <LayoutDashboard size={16} />
-                  Dashboard
+                  仪表盘
                 </NavLink>
               </li>
               <li className="nav-item">
@@ -36,7 +36,7 @@ function App() {
                   className={({ isActive }) => `nav-link ${isActive ? 'active' : ''}`}
                 >
                   <Bug size={16} />
-                  Bug List
+                  缺陷列表
                 </NavLink>
               </li>
               <li className="nav-item">
@@ -45,7 +45,7 @@ function App() {
                   className={({ isActive }) => `nav-link ${isActive ? 'active' : ''}`}
                 >
                   <Wrench size={16} />
-                  Repair Reports
+                  修复报告
                 </NavLink>
               </li>
             </ul>
diff --git a/web/src/pages/BugDetail.tsx b/web/src/pages/BugDetail.tsx
index 7cb1d87..12f37f5 100644
--- a/web/src/pages/BugDetail.tsx
+++ b/web/src/pages/BugDetail.tsx
@@ -3,6 +3,18 @@ import { useParams, Link, useLocation } from 'react-router-dom';
 import { ArrowLeft, Play, Loader2, FileCode, GitCommit } from 'lucide-react';
 import { getBugDetail, triggerRepair, type ErrorLog } from '../api';
 
+const STATUS_LABELS: Record<string, string> = {
+    NEW: '新发现',
+    VERIFYING: '验证中',
+    CANNOT_REPRODUCE: '无法复现',
+    PENDING_FIX: '待修复',
+    FIXING: '修复中',
+    FIXED: '已修复',
+    VERIFIED: '已验证',
+    DEPLOYED: '已部署',
+    FIX_FAILED: '修复失败',
+};
+
 export default function BugDetail() {
     const { id } = useParams<{ id: string }>();
     const location = useLocation();
@@ -35,10 +47,10 @@ export default function BugDetail() {
         try {
             await triggerRepair(bug.id);
             setBug({ ...bug, status: 'PENDING_FIX' });
-            setRepairMessage('Repair triggered successfully');
+            setRepairMessage('已成功触发修复');
         } catch (error) {
             console.error('Failed to trigger repair:', error);
-            setRepairMessage('Failed to trigger repair');
+            setRepairMessage('触发修复失败');
         } finally {
             setRepairing(false);
         }
@@ -53,7 +65,7 @@ export default function BugDetail() {
     }
 
     if (!bug) {
-        return <div className="loading">Bug not found</div>;
+        return <div className="loading">未找到该缺陷</div>;
     }
 
     const canTriggerRepair = ['NEW', 'FIX_FAILED'].includes(bug.status);
@@ -62,7 +74,7 @@ export default function BugDetail() {
         <div>
             <Link to={`/bugs${backSearch ? `?${backSearch}` : ''}`} className="back-link">
                 <ArrowLeft size={14} />
-                Back to Bug List
+                返回缺陷列表
             </Link>
 
             <div className="detail-card">
@@ -72,25 +84,27 @@ export default function BugDetail() {
                             {bug.error_type}: {bug.error_message}
                         </h2>
                         <div className="detail-meta">
-                            <span>Project: {bug.project_id}</span>
-                            <span>Env: {bug.environment}</span>
-                            <span>Level: {bug.level}</span>
+                            <span>项目：{bug.project_id}</span>
+                            <span>环境：{bug.environment}</span>
+                            <span>级别：{bug.level}</span>
                         </div>
                     </div>
-                    <span className={`status-badge status-${bug.status}`}>{bug.status}</span>
+                    <span className={`status-badge status-${bug.status}`}>
+                        {STATUS_LABELS[bug.status] || bug.status}
+                    </span>
                 </div>
 
                 <div className="detail-section">
-                    <div className="detail-section-title">Location</div>
+                    <div className="detail-section-title">文件位置</div>
                     <div className="detail-section-value">
                         <FileCode size={14} style={{ display: 'inline', verticalAlign: 'middle', marginRight: '6px' }} />
-                        {bug.file_path} : Line {bug.line_number}
+                        {bug.file_path} : 第 {bug.line_number} 行
                     </div>
                 </div>
 
                 {bug.commit_hash && (
                     <div className="detail-section">
-                        <div className="detail-section-title">Git Info</div>
+                        <div className="detail-section-title">Git 信息</div>
                         <div className="detail-section-value">
                             <GitCommit size={14} style={{ display: 'inline', verticalAlign: 'middle', marginRight: '6px' }} />
                             {bug.commit_hash}
@@ -100,7 +114,7 @@ export default function BugDetail() {
                 )}
 
                 <div className="detail-section">
-                    <div className="detail-section-title">Stack Trace</div>
+                    <div className="detail-section-title">堆栈跟踪</div>
                     <pre className="code-block error">
                         {typeof bug.stack_trace === 'string'
                             ? bug.stack_trace
@@ -110,7 +124,7 @@ export default function BugDetail() {
 
                 {bug.context && Object.keys(bug.context).length > 0 && (
                     <div className="detail-section">
-                        <div className="detail-section-title">Context</div>
+                        <div className="detail-section-title">上下文信息</div>
                         <pre className="code-block accent">
                             {JSON.stringify(bug.context, null, 2)}
                         </pre>
@@ -128,42 +142,42 @@ export default function BugDetail() {
                         ) : (
                             <Play size={14} />
                         )}
-                        {repairing ? 'Triggering...' : 'Trigger Repair'}
+                        {repairing ? '触发中...' : '触发修复'}
                     </button>
                     {repairMessage && (
                         <span style={{
                             fontSize: '13px',
-                            color: repairMessage.includes('success') ? 'var(--success)' : 'var(--error)'
+                            color: repairMessage.includes('成功') ? 'var(--success)' : 'var(--error)'
                         }}>
                             {repairMessage}
                         </span>
                     )}
                     {!canTriggerRepair && !repairing && (
                         <span style={{ fontSize: '13px', color: 'var(--text-tertiary)' }}>
-                            Only NEW or FIX_FAILED bugs can be triggered
+                            仅"新发现"或"修复失败"状态的缺陷可触发修复
                         </span>
                     )}
                 </div>
             </div>
 
             <div className="detail-card">
-                <div className="detail-section-title" style={{ marginBottom: '12px' }}>Metadata</div>
+                <div className="detail-section-title" style={{ marginBottom: '12px' }}>元数据</div>
                 <table className="meta-table">
                     <tbody>
                         <tr>
-                            <td className="meta-label">Bug ID</td>
+                            <td className="meta-label">缺陷编号</td>
                             <td>{bug.id}</td>
                         </tr>
                         <tr>
-                            <td className="meta-label">Fingerprint</td>
+                            <td className="meta-label">指纹</td>
                             <td className="cell-mono">{bug.fingerprint}</td>
                         </tr>
                         <tr>
-                            <td className="meta-label">Retry Count</td>
+                            <td className="meta-label">重试次数</td>
                             <td>{bug.retry_count}</td>
                         </tr>
                         <tr>
-                            <td className="meta-label">Reported At</td>
+                            <td className="meta-label">上报时间</td>
                             <td>{new Date(bug.timestamp).toLocaleString()}</td>
                         </tr>
                     </tbody>
diff --git a/web/src/pages/BugList.tsx b/web/src/pages/BugList.tsx
index 1f08772..3eaf117 100644
--- a/web/src/pages/BugList.tsx
+++ b/web/src/pages/BugList.tsx
@@ -7,6 +7,18 @@ const STATUSES = [
     'FIXING', 'FIXED', 'VERIFIED', 'DEPLOYED', 'FIX_FAILED'
 ];
 
+const STATUS_LABELS: Record<string, string> = {
+    NEW: '新发现',
+    VERIFYING: '验证中',
+    CANNOT_REPRODUCE: '无法复现',
+    PENDING_FIX: '待修复',
+    FIXING: '修复中',
+    FIXED: '已修复',
+    VERIFIED: '已验证',
+    DEPLOYED: '已部署',
+    FIX_FAILED: '修复失败',
+};
+
 export default function BugList() {
     const [searchParams, setSearchParams] = useSearchParams();
 
@@ -71,8 +83,8 @@ export default function BugList() {
     return (
         <div>
             <div className="page-header">
-                <h1 className="page-title">Bug List</h1>
-                <p className="page-subtitle">All reported errors and their current status</p>
+                <h1 className="page-title">缺陷列表</h1>
+                <p className="page-subtitle">所有上报的错误及其当前状态</p>
             </div>
 
             <div className="project-tabs">
@@ -80,7 +92,7 @@ export default function BugList() {
                     className={`project-tab ${currentProject === '' ? 'active' : ''}`}
                     onClick={() => updateParams({ project: '' })}
                 >
-                    All Projects
+                    全部项目
                 </button>
                 {projects.map(p => (
                     <button
@@ -98,7 +110,7 @@ export default function BugList() {
                     className={`status-tab ${currentStatus === '' ? 'active' : ''}`}
                     onClick={() => updateParams({ status: '' })}
                 >
-                    All Status
+                    全部状态
                 </button>
                 {STATUSES.map(s => (
                     <button
@@ -106,7 +118,7 @@ export default function BugList() {
                         className={`status-tab ${currentStatus === s ? 'active' : ''} status-color-${s}`}
                         onClick={() => updateParams({ status: s })}
                     >
-                        {s.replace('_', ' ')}
+                        {STATUS_LABELS[s] || s}
                     </button>
                 ))}
             </div>
@@ -118,21 +130,21 @@ export default function BugList() {
                     </div>
                 ) : bugs.length === 0 ? (
                     <div className="empty-state">
-                        No bugs found
-                        {currentProject && <span> in <strong>{currentProject}</strong></span>}
-                        {currentStatus && <span> with status <strong>{currentStatus}</strong></span>}
+                        未找到缺陷
+                        {currentProject && <span>，项目：<strong>{currentProject}</strong></span>}
+                        {currentStatus && <span>，状态：<strong>{STATUS_LABELS[currentStatus] || currentStatus}</strong></span>}
                     </div>
                 ) : (
                     <>
                         <table>
                             <thead>
                                 <tr>
-                                    <th>ID</th>
-                                    <th>Project</th>
-                                    <th>Error Type</th>
-                                    <th>File</th>
-                                    <th>Status</th>
-                                    <th>Time</th>
+                                    <th>编号</th>
+                                    <th>项目</th>
+                                    <th>错误类型</th>
+                                    <th>文件</th>
+                                    <th>状态</th>
+                                    <th>时间</th>
                                 </tr>
                             </thead>
                             <tbody>
@@ -160,7 +172,7 @@ export default function BugList() {
                                         </td>
                                         <td>
                                             <span className={`status-badge status-${bug.status}`}>
-                                                {bug.status}
+                                                {STATUS_LABELS[bug.status] || bug.status}
                                             </span>
                                         </td>
                                         <td className="cell-secondary">
@@ -177,16 +189,16 @@ export default function BugList() {
                                     onClick={() => updateParams({ page: String(Math.max(1, currentPage - 1)) })}
                                     disabled={currentPage === 1}
                                 >
-                                    Previous
+                                    上一页
                                 </button>
                                 <span className="pagination-info">
-                                    Page {currentPage} of {totalPages}
+                                    第 {currentPage} 页，共 {totalPages} 页
                                 </span>
                                 <button
                                     onClick={() => updateParams({ page: String(Math.min(totalPages, currentPage + 1)) })}
                                     disabled={currentPage === totalPages}
                                 >
-                                    Next
+                                    下一页
                                 </button>
                             </div>
                         )}
diff --git a/web/src/pages/Dashboard.tsx b/web/src/pages/Dashboard.tsx
index 3cbd234..021306b 100644
--- a/web/src/pages/Dashboard.tsx
+++ b/web/src/pages/Dashboard.tsx
@@ -2,6 +2,18 @@ import { useState, useEffect } from 'react';
 import { Bug, CalendarPlus, TrendingUp, AlertTriangle } from 'lucide-react';
 import { getStats, type DashboardStats } from '../api';
 
+const STATUS_LABELS: Record<string, string> = {
+    NEW: '新发现',
+    VERIFYING: '验证中',
+    CANNOT_REPRODUCE: '无法复现',
+    PENDING_FIX: '待修复',
+    FIXING: '修复中',
+    FIXED: '已修复',
+    VERIFIED: '已验证',
+    DEPLOYED: '已部署',
+    FIX_FAILED: '修复失败',
+};
+
 export default function Dashboard() {
     const [stats, setStats] = useState<DashboardStats | null>(null);
     const [loading, setLoading] = useState(true);
@@ -29,14 +41,14 @@ export default function Dashboard() {
     }
 
     if (!stats) {
-        return <div className="loading">Failed to load statistics</div>;
+        return <div className="loading">加载统计数据失败</div>;
     }
 
     return (
         <div>
             <div className="page-header">
-                <h1 className="page-title">Dashboard</h1>
-                <p className="page-subtitle">Overview of your error tracking system</p>
+                <h1 className="page-title">仪表盘</h1>
+                <p className="page-subtitle">错误追踪系统概览</p>
             </div>
 
             <div className="stats-grid">
@@ -44,28 +56,28 @@ export default function Dashboard() {
                     <div className="stat-icon accent">
                         <Bug size={18} />
                     </div>
-                    <div className="stat-label">Total Bugs</div>
+                    <div className="stat-label">缺陷总数</div>
                     <div className="stat-value accent">{stats.total_bugs}</div>
                 </div>
                 <div className="stat-card">
                     <div className="stat-icon warning">
                         <CalendarPlus size={18} />
                     </div>
-                    <div className="stat-label">Today's New</div>
+                    <div className="stat-label">今日新增</div>
                     <div className="stat-value warning">{stats.today_bugs}</div>
                 </div>
                 <div className="stat-card">
                     <div className="stat-icon success">
                         <TrendingUp size={18} />
                     </div>
-                    <div className="stat-label">Fix Rate</div>
+                    <div className="stat-label">修复率</div>
                     <div className="stat-value success">{stats.fix_rate}%</div>
                 </div>
                 <div className="stat-card">
                     <div className="stat-icon error">
                         <AlertTriangle size={18} />
                     </div>
-                    <div className="stat-label">Pending Fix</div>
+                    <div className="stat-label">待修复</div>
                     <div className="stat-value error">
                         {(stats.status_distribution['NEW'] || 0) +
                             (stats.status_distribution['PENDING_FIX'] || 0)}
@@ -75,20 +87,22 @@ export default function Dashboard() {
 
             <div className="table-container">
                 <div className="table-header">
-                    <h3 className="table-title">Status Distribution</h3>
+                    <h3 className="table-title">状态分布</h3>
                 </div>
                 <table>
                     <thead>
                         <tr>
-                            <th>Status</th>
-                            <th>Count</th>
+                            <th>状态</th>
+                            <th>数量</th>
                         </tr>
                     </thead>
                     <tbody>
                         {Object.entries(stats.status_distribution).map(([status, count]) => (
                             <tr key={status}>
                                 <td>
-                                    <span className={`status-badge status-${status}`}>{status}</span>
+                                    <span className={`status-badge status-${status}`}>
+                                        {STATUS_LABELS[status] || status}
+                                    </span>
                                 </td>
                                 <td>{count}</td>
                             </tr>
diff --git a/web/src/pages/RepairDetail.tsx b/web/src/pages/RepairDetail.tsx
index df4502c..247da4e 100644
--- a/web/src/pages/RepairDetail.tsx
+++ b/web/src/pages/RepairDetail.tsx
@@ -3,6 +3,18 @@ import { useParams, Link } from 'react-router-dom';
 import { ArrowLeft, Bot, FileCode, FlaskConical } from 'lucide-react';
 import { getRepairReportDetail, type RepairReport } from '../api';
 
+const STATUS_LABELS: Record<string, string> = {
+    NEW: '新发现',
+    VERIFYING: '验证中',
+    CANNOT_REPRODUCE: '无法复现',
+    PENDING_FIX: '待修复',
+    FIXING: '修复中',
+    FIXED: '已修复',
+    VERIFIED: '已验证',
+    DEPLOYED: '已部署',
+    FIX_FAILED: '修复失败',
+};
+
 export default function RepairDetail() {
     const { id } = useParams<{ id: string }>();
     const [report, setReport] = useState<RepairReport | null>(null);
@@ -33,57 +45,59 @@ export default function RepairDetail() {
     }
 
     if (!report) {
-        return <div className="loading">Report not found</div>;
+        return <div className="loading">未找到该修复报告</div>;
     }
 
     return (
         <div>
             <Link to="/repairs" className="back-link">
                 <ArrowLeft size={14} />
-                Back to Repair Reports
+                返回修复报告列表
             </Link>
 
             <div style={{ marginBottom: '20px' }}>
                 <div className="title-row">
-                    <h1 className="page-title">Repair Report #{report.id}</h1>
-                    <span className={`status-badge status-${report.status}`}>{report.status}</span>
-                </div>
-            </div>
-
-            <div className="card">
-                <h2>Basic Info</h2>
-                <div className="info-row">
-                    <span>Project</span>
-                    <strong>{report.project_id}</strong>
-                </div>
-                <div className="info-row">
-                    <span>Bug ID</span>
-                    <Link to={`/bugs/${report.error_log_id}`}>#{report.error_log_id}</Link>
-                </div>
-                <div className="info-row">
-                    <span>Created At</span>
-                    <span>{new Date(report.created_at).toLocaleString()}</span>
-                </div>
-                <div className="info-row">
-                    <span>Test Result</span>
-                    <span className={report.test_passed ? 'test-pass' : 'test-fail'}>
-                        {report.test_passed ? 'PASS' : 'FAIL'}
+                    <h1 className="page-title">修复报告 #{report.id}</h1>
+                    <span className={`status-badge status-${report.status}`}>
+                        {STATUS_LABELS[report.status] || report.status}
                     </span>
                 </div>
             </div>
 
             <div className="card">
-                <h2><Bot size={16} /> AI Analysis</h2>
+                <h2>基本信息</h2>
+                <div className="info-row">
+                    <span>项目</span>
+                    <strong>{report.project_id}</strong>
+                </div>
+                <div className="info-row">
+                    <span>缺陷编号</span>
+                    <Link to={`/bugs/${report.error_log_id}`}>#{report.error_log_id}</Link>
+                </div>
+                <div className="info-row">
+                    <span>创建时间</span>
+                    <span>{new Date(report.created_at).toLocaleString()}</span>
+                </div>
+                <div className="info-row">
+                    <span>测试结果</span>
+                    <span className={report.test_passed ? 'test-pass' : 'test-fail'}>
+                        {report.test_passed ? '通过' : '失败'}
+                    </span>
+                </div>
+            </div>
+
+            <div className="card">
+                <h2><Bot size={16} /> AI 分析</h2>
                 <pre className="code-block neutral">{report.ai_analysis}</pre>
             </div>
 
             <div className="card">
-                <h2><FileCode size={16} /> Code Changes</h2>
-                <pre className="code-block neutral">{report.code_diff || 'No changes recorded'}</pre>
+                <h2><FileCode size={16} /> 代码变更</h2>
+                <pre className="code-block neutral">{report.code_diff || '无变更记录'}</pre>
             </div>
 
             <div className="card">
-                <h2><FlaskConical size={16} /> Test Output</h2>
+                <h2><FlaskConical size={16} /> 测试输出</h2>
                 <pre className="code-block neutral">{report.test_output}</pre>
             </div>
         </div>
diff --git a/web/src/pages/RepairList.tsx b/web/src/pages/RepairList.tsx
index c2f3ea1..b9826d4 100644
--- a/web/src/pages/RepairList.tsx
+++ b/web/src/pages/RepairList.tsx
@@ -2,6 +2,18 @@ import { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
 import { getRepairReports, type RepairReport, getProjects } from '../api';
 
+const STATUS_LABELS: Record<string, string> = {
+    NEW: '新发现',
+    VERIFYING: '验证中',
+    CANNOT_REPRODUCE: '无法复现',
+    PENDING_FIX: '待修复',
+    FIXING: '修复中',
+    FIXED: '已修复',
+    VERIFIED: '已验证',
+    DEPLOYED: '已部署',
+    FIX_FAILED: '修复失败',
+};
+
 export default function RepairList() {
     const [reports, setReports] = useState<RepairReport[]>([]);
     const [loading, setLoading] = useState(true);
@@ -52,8 +64,8 @@ export default function RepairList() {
             <div className="page-header">
                 <div className="title-row">
                     <div>
-                        <h1 className="page-title">Repair Reports</h1>
-                        <p className="page-subtitle">AI-powered bug repair attempts and their results</p>
+                        <h1 className="page-title">修复报告</h1>
+                        <p className="page-subtitle">AI 自动修复记录及结果</p>
                     </div>
                     <div className="filters">
                         <select
@@ -61,7 +73,7 @@ export default function RepairList() {
                             value={filters.project_id}
                             onChange={(e) => handleFilterChange('project_id', e.target.value)}
                         >
-                            <option value="">All Projects</option>
+                            <option value="">全部项目</option>
                             {projects.map((p) => (
                                 <option key={p} value={p}>{p}</option>
                             ))}
@@ -76,19 +88,19 @@ export default function RepairList() {
                         <div className="spinner"></div>
                     </div>
                 ) : reports.length === 0 ? (
-                    <div className="empty-state">No reports found</div>
+                    <div className="empty-state">暂无修复报告</div>
                 ) : (
                     <table>
                         <thead>
                             <tr>
-                                <th>ID</th>
-                                <th>Project</th>
-                                <th>Bug ID</th>
-                                <th>Modified Files</th>
-                                <th>Test Result</th>
-                                <th>Status</th>
-                                <th>Date</th>
-                                <th>Actions</th>
+                                <th>编号</th>
+                                <th>项目</th>
+                                <th>缺陷编号</th>
+                                <th>修改文件数</th>
+                                <th>测试结果</th>
+                                <th>状态</th>
+                                <th>日期</th>
+                                <th>操作</th>
                             </tr>
                         </thead>
                         <tbody>
@@ -101,15 +113,15 @@ export default function RepairList() {
                                             #{report.error_log_id}
                                         </Link>
                                     </td>
-                                    <td>{report.modified_files.length} files</td>
+                                    <td>{report.modified_files.length} 个文件</td>
                                     <td>
                                         <span className={report.test_passed ? 'test-pass' : 'test-fail'}>
-                                            {report.test_passed ? 'PASS' : 'FAIL'}
+                                            {report.test_passed ? '通过' : '失败'}
                                         </span>
                                     </td>
                                     <td>
                                         <span className={`status-badge status-${report.status}`}>
-                                            {report.status}
+                                            {STATUS_LABELS[report.status] || report.status}
                                         </span>
                                     </td>
                                     <td className="cell-secondary">
@@ -117,7 +129,7 @@ export default function RepairList() {
                                     </td>
                                     <td>
                                         <Link to={`/repairs/${report.id}`} className="btn-link">
-                                            View
+                                            查看
                                         </Link>
                                     </td>
                                 </tr>
@@ -133,16 +145,16 @@ export default function RepairList() {
                         disabled={filters.page === 1}
                         onClick={() => setFilters((prev) => ({ ...prev, page: prev.page - 1 }))}
                     >
-                        Previous
+                        上一页
                     </button>
                     <span className="pagination-info">
-                        Page {filters.page} of {totalPages}
+                        第 {filters.page} 页，共 {totalPages} 页
                     </span>
                     <button
                         disabled={filters.page === totalPages}
                         onClick={() => setFilters((prev) => ({ ...prev, page: prev.page + 1 }))}
                     >
-                        Next
+                        下一页
                     </button>
                 </div>
             )}