diff --git a/.agents/skills/01-awoooi-frontend-aesthetics.md b/.agents/skills/01-awoooi-frontend-aesthetics.md index 0c92c764..2df840b3 100644 --- a/.agents/skills/01-awoooi-frontend-aesthetics.md +++ b/.agents/skills/01-awoooi-frontend-aesthetics.md @@ -27,6 +27,7 @@ | v1.4 | 2026-03-28 | Claude Code | ✅ Phase 19 Wave 0-5 完成 (~95% + Telemetry 整合) | | v1.5 | 2026-03-30 | Claude Code | 🔴🔴🔴 前端建置禁止內網 IP (瀏覽器權限事故) | | v1.6 | 2026-03-31 | Claude Code | 🚀 ADR-042 效能優化模式 (DOM Bypass + Optimistic Updates) | +| v1.7 | 2026-04-09 | Claude Opus 4.6 | 🔴 Sprint 5R 前端重構 — 品牌一致性鐵律 + 設計稿對齊規範 | --- @@ -55,6 +56,31 @@ grep "NEXT_PUBLIC" .gitea/workflows/cd.yaml | grep -v "192.168" --- +## 🔴🔴 品牌 Logo 與文字一致性 (2026-04-09) + +> **統帥多次糾正**: 所有設計稿和頁面中的 Logo SVG 和 AwoooI 文字必須與正式環境完全一致 + +### Logo SVG(螺旋眼睛) +- 來源:`header.tsx` L82-111,viewBox `0 0 140 140` +- 漸層:陶瓷白 + 藍色 LED + 觸鬚 + 旋轉虛線圓 +- 禁止簡化、禁止替代、禁止自創 + +### AwoooI 品牌文字 +- `A`:DM Mono 20px fw-700 #141413 margin-right:-4px +- `wooo`:VT323 26px #d97757 letterSpacing:0 margin:0 -2px +- `I`:DM Mono 20px fw-700 #141413 margin-left:-3px +- 字母間必須緊湊,整體像一個字 + +### 設計稿 HTML Mockup +- 直接從 header.tsx 複製 SVG 和文字結構 +- OpenClaw 面板也用同款螺旋眼睛 SVG + +### 流程圖 icon +- 使用 dashboardicons.com OpenClaw PNG(取代圓圈,不是浮動) +- URL: `https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/openclaw.png` + +--- + ## 核心約束 (Iron Laws) ### 1. Nothing.tech 純白工業風 (絕對標準) diff --git a/.playwright-mcp/sprint5r-approved-design.html b/.playwright-mcp/sprint5r-approved-design.html new file mode 100644 index 00000000..597794fb --- /dev/null +++ b/.playwright-mcp/sprint5r-approved-design.html @@ -0,0 +1,783 @@ + + + + + +AWOOOI AI 戰情指揮中心 — 版本 A:忠實還原 + 微增強 + + + + + + + + + +
+ + +
+

AI中心

+
+ + +
OG
+
+
+ + +
+
戰情總覽
+
告警 & 授權 2
+
活動串流
+
處置統計
+
+ + +
+
+ 系統健康 + 98.5% +
+
+
+ 活動事件 + 2 + P1:1 P2:1 +
+
+ 自動修復率 + 72% ↑5% +
+
+
+ 待審批 + 3 + 等待決策 +
+
+ 本週操作 + 1,245 +
+
+ + +
+ + +
+ + +
+
+ + 活躍事件 + 2 + 查看全部告警 → +
+
+ +
+ P1 +
API 回應延遲超標
+
awoooi-api @ awoooi-prod · 3 alerts · investigating
+
+
告警
+
+
偵測
+
+
分析
+
+
OpenClaw
提案
+
+
授權
+
+
執行
+
+
完成
+
+
▶ AI 提案:restart_deployment awoooi-api (信心度 91%)
+
+ + +
+
+ +
+ P2 +
Redis 連線數偏高
+
redis @ 192.168.0.188 · investigating
+
+
告警
+
+
偵測
+
+
OpenClaw
分析
+
+
提案
+
+
授權
+
+
執行
+
+
完成
+
+
+
+
+ + +
+
+ + 處置統計 + 查看完整報表 → +
+
+
+ + + + + + + + + + + 72% + +
+
自動修復 142
+
人工核准 45
+
手動處理 12
+
冷啟動 5
+
+
+
+
+ + +
+
+ + 最近活動 + 查看活動串流 → +
+
+
18:05心跳確認 mon/mon1 Ready
+
18:04OpenClaw 匹配 Playbook restart_worker (91%)
+
18:02Prometheus Worker CPU 89%
+
17:58自動修復完成 restart: api (12s)
+
+
+
+ + +
+ + +
+
+ + OPENCLAW 認知引擎 +
+
+
+ + + + + + + + + + + + + + + +
+
W○○○Claw
+
WoooClaw Pipeline
+
[AGENT] patrolling...
+
+
+ 模型: openclaw_nemo ● 運行中 +
+
+ 今日分析: 23 + 成功率: 91% + MTTR: 8.2m +
+
+
+
+
[18:03] Analyzing worker CPU spike...
+
[18:03] Root cause: OOM pressure
+
[18:03] Matched: restart_worker (91%)
+
[18:03] Awaiting approval
+
+
+
+ + +
+
+ + 待審批任務 + 3 + 查看全部授權 → +
+
+
+
Worker 高負載警告
+
ssh://wooo@192.168.0.110/restart
+ LOW RISK +
+ + +
+
+
+
Redis 記憶體壓力
+
ansible://188/clear_redis_cache.yml
+ MEDIUM +
+ + +
+
+
+
+ + +
+
+ + 基礎架構 +
+ + +
+ 展開全圖 → +
+
+ +
+
+
🏗️ 基礎設施 (.110)
+
7 服務 · ✓ 全部健康
+
+ ●Gitea●Harbor●Sentry●Prom +
+
+
+
🧠 AI/數據 (.188)
+
7 服務 · ⚡ OpenClaw 診斷中
+
+ ●PG●Redis●OpenClaw⚡●Ollama +
+
+
+
☸️ K3s 叢集
+
5 服務 · ⚠️ Worker CPU 89%
+
+ ●api×2●web×2⚠️worker +
+
+
+
🌐 外部服務
+
3 服務 · ✓ 全部可達
+
+ ●Gemini●NVIDIA●CF +
+
+
+ + +
+
+ + +
+
+ + AI 模型狀態 +
+
+
+
OpenClaw Nemo (local)
+
Ollama gemma3 (local)
+
Gemini Pro (cloud)
+
NVIDIA NIM (cloud)
+
+
+
+ + +
+
+ + 監控工具 +
+
+
+
SigNoz
Traces · Logs
+
Grafana
3 Dashboards
+
Prometheus
23 targets
+
Langfuse
LLMOps
+
Sentry
2 Projects
+
Gitea
CI/CD
+
+
+
+ +
+
+
+ + +
⌨ Omni-Terminal [⌘J]
+ + + + \ No newline at end of file diff --git a/docs/LOGBOOK.md b/docs/LOGBOOK.md index 6ac5663b..28d9a862 100644 --- a/docs/LOGBOOK.md +++ b/docs/LOGBOOK.md @@ -6,6 +6,23 @@ --- +## 📍 當前狀態 (2026-04-09 Sprint 5R 前端重構批准 — 開始實施) + +| 項目 | 狀態 | 說明 | +|------|------|------| +| QA 全面盤點 (21 頁面截圖) | ✅ | 6 個 P0 + 4 個 P1 + 6 個 P2 | +| 設計稿版本 A/B/C 製作 | ✅ | 部署到 188:8765 | +| 版本 A 統帥批准 | ✅ | Logo/文字/龍蝦/流程圖 4 輪修正 | +| Gemini UI/UX 建議整合 | ✅ | 骨架屏+Terminal+光暈+長按確認 | +| ADR-065 Sprint 5R 前端重構 | ✅ | 已批准 | +| Memory 更新 | ✅ | brand_logo_consistency + sprint5r_plan | +| **Phase 1A 實施中** | 🔄 | S11-S12 修復載入失敗 | + +**批准設計稿**: `.playwright-mcp/sprint5r-approved-design.html` +**下一步**: S11 → S12 → S1-S10 → G1 → 建置部署驗收 + +--- + ## 📍 當前狀態 (2026-04-09 自動修復 L7 完整閉環 — 12 Bug 全修) | 項目 | 狀態 | Commit | diff --git a/docs/adr/ADR-065-sprint5r-frontend-rebuild.md b/docs/adr/ADR-065-sprint5r-frontend-rebuild.md new file mode 100644 index 00000000..569a85d7 --- /dev/null +++ b/docs/adr/ADR-065-sprint5r-frontend-rebuild.md @@ -0,0 +1,38 @@ +# 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,零假數據 +- 與設計稿像素級對齊