feat: add chinese vue workbench shell

docs/project.md

@@ -55,6 +55,23 @@ curl http://127.0.0.1:18083/api/runtime/threads
 curl http://127.0.0.1:18083/api/workflow/events
 ```
 
+安装并构建前端：
+
+```bash
+cd web
+pnpm install
+pnpm build
+```
+
+启动 Phase 4 只读前端工作台：
+
+```bash
+cd web
+pnpm dev
+```
+
+前端开发地址为 `http://127.0.0.1:13083/`。Phase 4 前端仅使用本地静态示例数据，页面文案会标明“示例数据”或“等待连接后端 API”；Phase 5 才接入真实只读 API。
+
 ## Security Boundaries
 
 - 不读取 `.codex/auth.json`。
@@ -66,9 +83,11 @@ curl http://127.0.0.1:18083/api/workflow/events
 - 当前 `/api/agents` 只读列出 `.codex/agents` 直属 `.toml` 文件，读取前通过 Codex home 边界和 agent TOML 专用 resolver；坏 TOML 以单条 `invalid` 状态返回，不导致服务崩溃。
 - 当前 `/api/projects` 只读解析 `.codex/config.toml` 中的 `[projects."..."]`，展示路径、显示名、信任等级和目录存在性。
 - 当前 `/api/workflow/events` 从运行线程、spawn edges、goals 和计划文件证据生成事件流/交接边/阶段状态，不写死固定流程。
+- Phase 4 前端不调用真实 API、不保存草稿、不写回 `.codex/agents/*.toml`；所有写回相关控件仅作为只读步骤展示。
 
 ## Known Risks
 
 - Codex 内部 SQLite schema 可能变化。
 - 运行状态由多来源推断，必须显示置信度。
 - Phase 3 真实 SQLite 读取已覆盖临时测试库；如果真实 Codex schema 新增字段或缺少可选字段，应继续走 schema-aware 查询和来源证据，而不是让 API 500。
+- Phase 4 只读工作台是静态壳；如果用户误以为它展示真实状态，应优先检查界面是否仍清楚显示来源、置信度和“等待连接 API”提示。