feat(web): Phase 11 對話式 AI UI/UX (#47-59)

Phase 11.1 對話式容器:
- ConversationalView 雙欄佈局 (左側列表 + 右側詳情)
- ApprovalThreadItem 風險等級 + 相對時間顯示
- SSE 即時更新整合

Phase 11.2 批次處理:
- BatchModeSelector 組件 (全部接受/逐一審核/CRITICAL Only)
- POST /api/v1/approvals/bulk-approve API 端點
- CRITICAL + DESTRUCTIVE 安全過濾 (禁止批次核准)

Phase 11.4 鍵盤快捷鍵:
- useKeyboardShortcuts hook (Y/N/方向鍵/Esc)
- Y 鍵長按 2 秒核准 + 頂部進度指示器
- 快捷鍵說明 Modal (Y/N 高亮顯示)

i18n: 100% next-intl 覆蓋

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
OG T
2026-03-25 10:31:35 +08:00
parent 170102a4ee
commit b13b063282
11 changed files with 1341 additions and 9 deletions

View File

@@ -5,15 +5,36 @@
---
## 📍 當前狀態 (2026-03-25 01:20)
## 📍 當前狀態 (2026-03-25 14:00)
| 項目 | 狀態 |
|------|------|
| **當前 Phase** | **Phase 10 完善** |
| **當前 Phase** | **Phase 11 對話式 AI UI/UX** |
| **Day** | Day 7 |
| **下一步** | 測試簽核流程 (驗證原始內容保留) |
| **重大修復** | ✅ **簽核保留原始內容** - OpenClaw 1859893 |
| **CI/CD** | ✅ 23501633819 完成 |
| **下一步** | Phase 11.3 響應式 / 最終整合測試 |
| **重大決策** | ✅ **Phase 11.1-11.4 完成** - 對話式容器 + 批次處理 + 鍵盤快捷鍵 |
| **CI/CD** | ✅ Runner 恢復運作 |
### ✅ 2026-03-25 Phase 11 進度 (Day 7)
**Phase 11.1 對話式容器**
- ConversationalView 主容器 (左/右雙欄)
- ApprovalThreadItem 列表項目 (風險等級 + 相對時間)
- SSE 即時更新整合 (useApprovalSSE)
**Phase 11.2 批次處理**
- BatchModeSelector 組件 (全部接受/逐一審核/CRITICAL Only)
- POST /api/v1/approvals/bulk-approve API
- CRITICAL + DESTRUCTIVE 安全過濾
**Phase 11.4 鍵盤快捷鍵**
- useKeyboardShortcuts hook (Y/N/方向鍵/Esc)
- Y 鍵長按 2 秒核准 + 頂部進度條
- 快捷鍵說明 Modal (Y/N 高亮)
**Phase 11.3 響應式** ⏳ (P2 待辦)
- Desktop 雙欄已完成
- Tablet/Mobile 待實作
### 🔴 2026-03-25 01:20 簽核內容保留修復
@@ -63,6 +84,10 @@
| 時間 | 事件 | 負責人 |
|------|------|--------|
| 2026-03-25 14:00 | **🎨 Phase 11.1-11.4 完成**: ConversationalView + BatchModeSelector + useKeyboardShortcuts (Y/N 長按支援) | Claude Code |
| 2026-03-25 11:00 | **#15 SSE 改造完成 (170102a)**: Approval Polling → SSE 即時更新,新增 /api/v1/approvals/stream + useApprovalSSE hook | Claude Code |
| 2026-03-25 10:00 | **🎨 Phase 11 對話式 AI 批准**: ChatGPT 風格 + 批次處理 + 鍵盤快捷鍵 (Y/N/方向鍵) + 響應式佈局 (#47-59) | 統帥 |
| 2026-03-25 09:45 | **🕐 台北時區統一 (749b8bc)**: 11 個後端檔案改用 +8 時區 + 新增 timezone.py 工具 | Claude Code |
| 2026-03-25 01:10 | **✅ CD 23501633819 部署完成**: API/Web/Worker 全部更新Alertmanager webhook 路徑修復生效 | Claude Code |
| 2026-03-25 01:05 | **🔧 NetworkPolicy DNS 修復**: CoreDNS podSelector 修正Telegram 發送恢復 | Claude Code |
| 2026-03-25 01:00 | **📝 feedback_approval_preserve_content.md**: 簽核後保留原始內容鐵律 | Claude Code |