# ADR-065: Sprint 5R 前端重構 — AI 戰情指揮中心

## 狀態: 實施完成 (2026-04-10) — 13/14 步驟程式碼完成，CD 部署中

## 背景

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，零假數據
- 與設計稿像素級對齊
