fix: localize frontend status metadata

web/src/App.vue

@@ -29,7 +29,7 @@ const activeComponent = computed(() => tabs.find((tab) => tab.id === activeTab.v
         <p class="lede">中文前端壳已就位，真实 API 接入将在 Phase 5 进行。</p>
       </div>
       <div class="connection-card" aria-label="连接状态">
-        <StatusBadge label="未连接" status="unknown" confidence="low" source="local_sample" />
+        <StatusBadge label="未连接" status="unknown" confidence="低" source="本地示例" />
         <strong>{{ connection.label }}</strong>
         <span>{{ connection.detail }}</span>
       </div>

web/src/components/StatusBadge.vue

@@ -1,16 +1,31 @@
 <script setup>
-defineProps({
+import { computed } from 'vue'
+
+const sourceLabels = {
+  local_sample: '本地示例',
+  api_missing: '等待 API',
+  pending_api: '等待 API',
+  'task_plan.md': '计划文件',
+  low: '低',
+  medium: '中',
+  high: '高',
+}
+
+const props = defineProps({
   label: { type: String, required: true },
   status: { type: String, default: 'unknown' },
-  confidence: { type: String, default: 'low' },
-  source: { type: String, default: 'local_sample' },
+  confidence: { type: String, default: '低' },
+  source: { type: String, default: '本地示例' },
 })
+
+const sourceText = computed(() => sourceLabels[props.source] ?? props.source)
+const confidenceText = computed(() => sourceLabels[props.confidence] ?? props.confidence)
 </script>
 
 <template>
   <span class="status-badge" :data-status="status">
     <span class="status-dot" aria-hidden="true"></span>
     <span>{{ label }}</span>
-    <small>{{ source }} / {{ confidence }}</small>
+    <small>{{ sourceText }} / {{ confidenceText }}</small>
   </span>
 </template>

web/src/data.js

@@ -1,8 +1,8 @@
 export const connection = {
   label: '等待连接后端 API',
   detail: 'Phase 4 仅展示只读工作台外壳；以下内容均为本地示例数据。',
-  source: 'local_sample',
-  confidence: 'low',
+  source: '本地示例',
+  confidence: '低',
 }
 
 export const projects = [
@@ -18,7 +18,7 @@ export const projects = [
     drafts: 1,
     lastActivity: '示例：18:42',
     source: '示例数据',
-    confidence: 'low',
+    confidence: '低',
   },
   {
     id: 'codex-home',
@@ -32,7 +32,7 @@ export const projects = [
     drafts: 0,
     lastActivity: '等待 API',
     source: '未连接',
-    confidence: 'low',
+    confidence: '低',
   },
   {
     id: 'example',
@@ -46,7 +46,7 @@ export const projects = [
     drafts: 0,
     lastActivity: '示例：昨天',
     source: '示例数据',
-    confidence: 'low',
+    confidence: '低',
   },
 ]
 
@@ -59,8 +59,8 @@ export const agentMatrix = [
     statusZh: '最近活跃',
     goal: 'Phase 4 前端工作台',
     process: '等待进程表',
-    source: 'local_sample',
-    confidence: 'low',
+    source: '本地示例',
+    confidence: '低',
     lastActivity: '示例：18:42',
   },
   {
@@ -71,8 +71,8 @@ export const agentMatrix = [
     statusZh: '运行中',
     goal: '搭建中文工作台',
     process: '等待 API 连接',
-    source: 'local_sample',
-    confidence: 'low',
+    source: '本地示例',
+    confidence: '低',
     lastActivity: '示例：刚刚',
   },
   {
@@ -83,28 +83,28 @@ export const agentMatrix = [
     statusZh: '未知',
     goal: '等待阶段 5 数据',
     process: '未连接',
-    source: 'api_missing',
-    confidence: 'low',
+    source: '等待 API',
+    confidence: '低',
     lastActivity: '等待连接',
   },
 ]
 
 export const workflow = {
   phases: [
-    { name: 'Phase 0-3', status: 'complete', label: '已完成', gate: 'Go 后端只读模型', evidence: 'task_plan.md / progress.md', confidence: 'medium' },
-    { name: 'Phase 4', status: 'running', label: '进行中', gate: '中文只读前端工作台', evidence: '本地示例视图', confidence: 'low' },
-    { name: 'Phase 5', status: 'pending', label: '未开始', gate: '连接只读 API', evidence: '等待后续阶段', confidence: 'low' },
-    { name: 'Phase 6', status: 'pending', label: '未开始', gate: '草稿校验与写回', evidence: '当前禁用写回', confidence: 'low' },
+    { name: 'Phase 0-3', status: 'complete', label: '已完成', gate: 'Go 后端只读模型', evidence: 'task_plan.md / progress.md', confidence: '中' },
+    { name: 'Phase 4', status: 'running', label: '进行中', gate: '中文只读前端工作台', evidence: '本地示例视图', confidence: '低' },
+    { name: 'Phase 5', status: 'pending', label: '未开始', gate: '连接只读 API', evidence: '等待后续阶段', confidence: '低' },
+    { name: 'Phase 6', status: 'pending', label: '未开始', gate: '草稿校验与写回', evidence: '当前禁用写回', confidence: '低' },
   ],
   handoffs: [
-    { from: '主智能体', to: '前端实现智能体', summary: '派发 Phase 4：构建只读工作台外壳', time: '示例：18:45', source: 'local_sample', confidence: 'low' },
-    { from: '前端实现智能体', to: '审查智能体', summary: '等待构建和界面验证证据', time: '等待连接', source: 'pending_api', confidence: 'low' },
-    { from: '审查智能体', to: '主智能体', summary: '阶段 5 才接入真实 API 和错误态', time: '计划中', source: 'task_plan.md', confidence: 'medium' },
+    { from: '主智能体', to: '前端实现智能体', summary: '派发 Phase 4：构建只读工作台外壳', time: '示例：18:45', source: '本地示例', confidence: '低' },
+    { from: '前端实现智能体', to: '审查智能体', summary: '等待构建和界面验证证据', time: '等待连接', source: '等待 API', confidence: '低' },
+    { from: '审查智能体', to: '主智能体', summary: '阶段 5 才接入真实 API 和错误态', time: '计划中', source: '计划文件', confidence: '中' },
   ],
   edges: [
-    { parent: '主线程', child: '前端实现', status: '示例运行', source: 'local_sample', confidence: 'low' },
-    { parent: '前端实现', child: '界面审查', status: '等待', source: 'pending_api', confidence: 'low' },
-    { parent: '界面审查', child: '修复回路', status: '未开始', source: 'task_plan.md', confidence: 'medium' },
+    { parent: '主线程', child: '前端实现', status: '示例运行', source: '本地示例', confidence: '低' },
+    { parent: '前端实现', child: '界面审查', status: '等待', source: '等待 API', confidence: '低' },
+    { parent: '界面审查', child: '修复回路', status: '未开始', source: '计划文件', confidence: '中' },
   ],
 }
 
@@ -116,8 +116,8 @@ export const agents = [
     description: '实现现代 Web 应用、响应式界面和无障碍体验。',
     role: 'Vue / Vite / CSS / 可访问性',
     status: '示例草稿',
-    source: 'local_sample',
-    confidence: 'low',
+    source: '本地示例',
+    confidence: '低',
     toml: '[agent]\nname = "前端开发者"\ndescription = "实现现代 Web 应用"\nmode = "readonly-preview"',
   },
   {
@@ -127,8 +127,8 @@ export const agents = [
     description: '优先发现行为回归、安全边界和遗漏测试。',
     role: '审查 / 风险 / 验证',
     status: '等待读取',
-    source: 'api_missing',
-    confidence: 'low',
+    source: '等待 API',
+    confidence: '低',
     toml: '# 等待 Phase 5 从 /api/agents 读取真实 TOML',
   },
 ]
@@ -139,8 +139,8 @@ export const drafts = [
     changedFields: ['描述', '角色设定'],
     validation: '示例：未校验',
     backup: '等待 Phase 6',
-    source: 'local_sample',
-    confidence: 'low',
+    source: '本地示例',
+    confidence: '低',
     steps: ['草稿'],
   },
   {
@@ -148,8 +148,8 @@ export const drafts = [
     changedFields: [],
     validation: '无草稿',
     backup: '无',
-    source: 'api_missing',
-    confidence: 'low',
+    source: '等待 API',
+    confidence: '低',
     steps: [],
   },
 ]

web/src/views/ProjectView.vue

@@ -71,7 +71,7 @@ import { agentMatrix, projects } from '../data'
         <p class="eyebrow">详情</p>
         <h2>前端实现智能体</h2>
       </div>
-      <StatusBadge label="运行中" status="running" source="local_sample" confidence="low" />
+      <StatusBadge label="运行中" status="running" source="本地示例" confidence="低" />
       <div class="detail-block">
         <h3>角色摘要</h3>
         <p>负责 Vue 3 + Vite 只读工作台、中文界面、移动响应式布局和空数据状态。</p>

web/src/views/SettingsView.vue

@@ -11,7 +11,7 @@ import { settings } from '../data'
           <p class="eyebrow">设置</p>
           <h2>只读配置摘要</h2>
         </div>
-        <StatusBadge label="等待 API" status="unknown" source="local_sample" confidence="low" />
+        <StatusBadge label="等待 API" status="unknown" source="本地示例" confidence="低" />
       </div>
 
       <div class="settings-list">

web/src/views/WorkflowView.vue

@@ -49,7 +49,7 @@ import { workflow } from '../data'
         <p class="eyebrow">监管</p>
         <h2>主 agent 监管状态</h2>
       </div>
-      <StatusBadge label="最近活跃" status="recent" source="local_sample" confidence="low" />
+      <StatusBadge label="最近活跃" status="recent" source="本地示例" confidence="低" />
       <dl class="detail-grid">
         <span>当前门禁</span><strong>Phase 4 构建通过</strong>
         <span>计划文件</span><strong>已存在</strong>