feat(web): add homepage command swimlanes
All checks were successful
CD Pipeline / tests (push) Successful in 1m20s
Code Review / ai-code-review (push) Successful in 12s
CD Pipeline / build-and-deploy (push) Successful in 3m23s
CD Pipeline / post-deploy-checks (push) Successful in 1m28s

This commit is contained in:
Your Name
2026-06-04 10:54:30 +08:00
parent 8b76827d33
commit 709c071a9e
4 changed files with 225 additions and 0 deletions

View File

@@ -1,3 +1,34 @@
## 2026-06-04首頁 Command Map 泳道式拓樸
**背景**:統帥持續要求前端不要再用大量文字堆疊,要改用圖、表、流程圖、架構圖、拓樸圖,讓 operator 快速理解 AI 自動化現在跑到哪裡、卡在哪裡、下一步誰負責。本輪不新增假數字,沿用既有 production truth-chain / AI route / KM / Ansible / dossier 資料,先把首頁 Command Map 再往產品化視覺前進一格。
**本輪完成**
- `/zh-TW` 首頁 `homepage-ai-command-map` 新增 4 條泳道式拓樸:
- `Signals / 收件`Alert / Sentry / SigNoz → AwoooP 收件。
- `AI / MCP 判斷`OpenClaw / Hermes → MCP 證據。
- `PlayBook / Ansible`PlayBook 閘門 → Ansible Check。
- `Approval / KM`Approval / Apply → Verify / KM。
- 每條泳道只顯示關鍵 live summary 與 2 個節點,避免把完整長文塞進第一視覺;細節仍由右側目前階段 inspector 與 AwoooP Runs / Work Items 承接。
- 視覺狀態沿用 `live / progress / blocked / watching` tone不使用假進度百分比。
- 補 `zh-TW` / `en` i18n`dashboard.homeCommandMap.swimlanes.*`
**本機驗證**
- JSON / i18n parity`json ok``i18n parity ok`
- `pnpm --dir apps/web exec tsc --noEmit --tsBuildInfoFile /tmp/home-command-swimlane-20260604.tsbuildinfo`:通過。
- `NEXT_PUBLIC_API_URL=https://awoooi.wooo.work NEXT_PRIVATE_BUILD_WORKER_COUNT=1 SENTRY_SUPPRESS_GLOBAL_ERROR_HANDLER_FILE_WARNING=1 pnpm --dir apps/web run build`:通過;首頁 route size `33.4 kB`
- Playwright local production preview `localhost:3114`
- desktop 1440x1100Command Map 存在、4 條泳道文字存在、1-8 節點存在、可 scroll、`horizontalOverflow=0`
- mobile 390x844Command Map 存在、4 條泳道文字存在、1-8 節點存在、可 scroll、`horizontalOverflow=0`
- 截圖:`/tmp/awoooi-home-desktop-command-swimlanes-local.png``/tmp/awoooi-home-mobile-command-swimlanes-local.png`
**目前整體進度(本階段完成後)**
- 首頁產品化入口84%;已從文字 map 進一步變成泳道式拓樸,但仍需把下方重複卡片區壓縮成表格 / heatmap。
- Frontend AI provider health readability88%;本輪未改 provider API只把首頁流程視覺化。
- AwoooP Runs route visibility88%;維持上一階段完成狀態。
- Work Items route action readability84%;維持上一階段完成狀態。
- Frontend design system / visual grammar50%;首頁開始有可重用的泳道 pattern但尚未抽成 component也尚未套到 Alerts / KM / Approvals。
- 完整 AI Agent 自動化飛輪69%;本輪是可視化與理解成本改善,不代表 verified auto-repair execution success 已提升。
## 2026-06-04IwoooS 64% 進度重估與跨入口同步
**背景**:統帥指出 IwoooS 與既有「安全合規」/ AwoooP 入口不能出現不同進度口徑,也不能讓資安工作看起來只停留在文件。前一階段已完成 Kali 112 今日只讀快照與維護闖關路徑,本輪把該證據納入整體進度重估,並同步到 IwoooS、AwoooP、既有安全頁與 guard。