c180bdaaac
- ADR-065: Sprint 5R 前端重構決策（版本 A 批准） - sprint5r-approved-design.html: 統帥批准的設計稿存檔 - Skills 01 v1.7: 品牌 Logo/AwoooI 一致性鐵律 - LOGBOOK: Sprint 5R 開始實施 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1.2 KiB
1.2 KiB
ADR-065: Sprint 5R 前端重構 — AI 戰情指揮中心
狀態: 已批准 (2026-04-09)
背景
Sprint 5 完成了前端多頁籤整合和 Panel 抽取，但 QA 發現正式環境首頁與統帥批准的設計稿存在重大差距：
- KPI 用分隔線文字而非卡片
- 缺少 FlowPipeline 進度條、AI 提案橫幅、處置環形圖、最近活動、AI Terminal、待審批、AI 模型狀態
- 多個頁面永遠載入中
- 監控工具佈局不對
決策
全面重構首頁戰情總覽，對齊 sprint5r-approved-design.html 設計稿 + Gemini UI/UX 增強建議。
設計稿選擇
- 版本 A（忠實還原 + 微增強）— 統帥批准
- Title Bar 移除 AI 模型名稱
- 龍蝦游泳列移除
- 流程圖 icon 改用 dashboardicons.com OpenClaw
實施方案
- Phase 1A: 修復載入失敗 (S11-S12)
- Phase 1B: 首頁重構 14 個元件 (S1-S10)
- Phase 1C: 全局骨架屏 (G1)
Gemini 建議採納
- 脈動骨架屏取代「載入中」
- AI Terminal 打字機動畫
- 拓撲群組異常光暈
- 高風險操作長按確認
後果
- 首頁從「傳統儀表板」升級為「AI 戰情指揮中心」
- 所有資料串接真實 API，零假數據
- 與設計稿像素級對齊