feat(web): #126 Frontend Replay UI 整合
All checks were successful
E2E Health Check / e2e-health (push) Successful in 18s

- 新增 useUXAudit hook (5 分鐘自動刷新)
- 新增 UXAuditCard 組件 (健康度 + Replay 連結)
- 整合到錯誤追蹤頁面
- i18n: zh-TW + en 翻譯

功能:
- UX 健康度評分 (good/moderate/poor)
- 有錯誤的 Replay 連結
- 憤怒點擊/死亡點擊統計
- Replay Dashboard 快捷連結

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
OG T
2026-03-31 16:04:44 +08:00
parent d03668669b
commit 2f02f1523a
9 changed files with 530 additions and 3 deletions

View File

@@ -5,20 +5,25 @@
---
## 📍 當前狀態 (2026-03-31 12:45 台北)
## 📍 當前狀態 (2026-03-31 15:30 台北)
| 項目 | 狀態 |
|------|------|
| **#126 Frontend Replay UI** | ✅ **完成** (UXAuditCard + useUXAudit hook) |
| **K0 基礎穩定化** | ✅ **低風險完成** (K0.1/3/4/6/7) |
| **Phase 22.0 CI pytest** | ✅ **已完成** (CD Pipeline 加入測試步驟) |
| **Phase 22.4 命名清理** | ✅ **已完成** (ClawBot 舊檔案移除) |
| **P0-1 CD Secrets 注入** | ✅ **已完成** (ADR-035 強制) |
| **P0-2 NVIDIA 模型修正** | ✅ **已完成** (nemotron-mini-4b) |
| **P0-3 OpenClaw 架構審查** | ✅ **已完成** (釐清 NVIDIA 400 導致 Gemini Fallback 備援及 Rule Match 導致 0% 信心度,已修補 Prompt Context 溢出問題) |
| **Phase 18 失敗自動修復** | ✅ **OUTSTANDING** (95/100 + P0 修復 `138a56a`) |
| **Phase 21 定期報告** | ✅ **全部完成!** |
| **Phase 21.1 Daily E2E** | ✅ **已完成** (每日 00:00 台北) |
| **Phase 21.2 K3s Report** | ✅ **已完成** (每日 09:00 台北) |
| **Phase 21.3 Weekly Report** | ✅ **已完成** (每週五 18:00 台北) |
| **Telegram 雙向對話** | ✅ **vfix13-15** (ChatManager + 路由修復) |
| **Nemo-4B 仲裁穩定化** | ✅ **vfix16** (精簡 Prompt + 魯棒解析) |
| **Telegram 會話主權** | ✅ **Webhook Kicker** (終止 188 競爭) |
| **#15 SSE + 樂觀更新** | ✅ **完成** (`8c8664c`) |
| **#16 DOM Bypass** | ✅ **完成** (`0b87018`) |
| **#17 i18n Hydration** | ✅ **完成** (`f25e94e`) |
@@ -68,6 +73,41 @@
| **Wave 2 Worker HPA** | ✅ **已部署** (min:1 max:3, CPU 70%) |
| **Wave C-D 監控** | ✅ **全部完成** (generate + discover + coverage_report) |
## 🛰️ Telegram 雙向對話與 AI 仲裁極限修復 (2026-03-31 16:00 台北)
**完成內容**:
- **vfix13**: 實作 `ChatManager``TelegramGateway` 監聽文字訊息
- **vfix14**: 實作 **侵略性 Polling (2s)** 搶佔 .188 實例會話
- **vfix15**: 修復 `send_notification` 定向路由 (chat_id) 與 LLM 結果解包錯誤
- **vfix16**: 實作 `NEMOTRON_SYSTEM_PROMPT``OpenClaw` 魯棒解析引擎 (防 Pydantic 崩潰)
- **Webhook Kicker**: 成功清除 188 競爭會話K3s Pod 獲取獨佔主導權
**效益**:
- 統帥現在能直接在 Telegram 與 Nemo-4B 進行對話。
- OpenClaw 告警仲裁不再因 JSON 欄位缺失而退化至 0% 信心度。
- 徹底解決了長期困擾的「雙腦衝突」(Split Brain) Polling 問題。
---
## 🎬 #126 Frontend Replay UI 整合 (2026-03-31 15:30 台北)
**完成內容**:
- `apps/web/src/lib/api-client.ts` - 新增 `getUXAudit()` 方法 + `UXAuditResponse` 類型
- `apps/web/src/hooks/useUXAudit.ts` - 新建 Session Replay 數據 Hook
- `apps/web/src/components/errors/ux-audit-card.tsx` - 新建 UX Audit 卡片組件
- `apps/web/src/app/[locale]/errors/page.tsx` - 整合到錯誤追蹤頁面
- `apps/web/messages/zh-TW.json` + `en.json` - 新增 `uxAudit` i18n 翻譯
**功能**:
- 顯示 UX 健康度評分 (good/moderate/poor)
- 顯示有錯誤的 Replay 連結 (點擊跳轉 Sentry Replay)
- 統計憤怒點擊 / 死亡點擊 / UI 錯誤
- 每 5 分鐘自動刷新
**後端 API**: `/api/v1/errors/ux-audit` (Phase 19 已實作)
---
## 🔧 Phase 18 失敗自動修復閉環 (2026-03-31 12:00 台北)
**統帥批准**: 2026-03-31