feat(web): compact homepage delivery matrix
All checks were successful
CD Pipeline / tests (push) Successful in 1m30s
Code Review / ai-code-review (push) Successful in 13s
CD Pipeline / build-and-deploy (push) Successful in 5m11s
CD Pipeline / post-deploy-checks (push) Successful in 1m47s

This commit is contained in:
Your Name
2026-06-04 11:36:27 +08:00
parent 0bb4773b9e
commit 46a7fc3f06
4 changed files with 169 additions and 88 deletions

View File

@@ -1,3 +1,31 @@
## 2026-06-04首頁交付與缺口矩陣
**背景**:上一階段已把首頁 Command Map 做成 4 條泳道式拓樸;本輪接著處理首頁下方仍偏卡片堆疊的「已上線能力 / 待推進缺口」。目標是用表格矩陣讓 operator 更快掃描能力、證據與狀態,而不是逐張卡閱讀。
**本輪完成**
- `/zh-TW` 首頁 `automationDelivery` 區塊由兩欄卡片改為單一「交付與缺口矩陣」。
- 矩陣欄位:類型、能力 / 證據、狀態。
- 既有 5 筆已上線能力與 5 筆待推進缺口仍保留連結與 live detail不新增假資料。
- mobile 改為垂直 row layout保留狀態色條與 badge不使用水平 scroll。
- 補 `zh-TW` / `en` i18n`dashboard.automationDelivery.matrix.*`
**本機驗證**
- JSON / i18n parity`json ok``i18n parity ok`
- `pnpm --dir apps/web exec tsc --noEmit --tsBuildInfoFile /tmp/home-delivery-matrix-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.6 kB`
- Playwright local production preview `localhost:3115`
- desktop 1440x1100矩陣存在、類型/欄位存在、關鍵列存在、可 scroll、`horizontalOverflow=0`
- mobile 390x844矩陣存在、類型與關鍵列存在、可 scroll、`horizontalOverflow=0`
- 截圖:`/tmp/awoooi-home-matrix-desktop-delivery-matrix-local.png``/tmp/awoooi-home-matrix-mobile-delivery-matrix-local.png`
**目前整體進度(本階段完成後)**
- 首頁產品化入口86%;已完成 Command Map 泳道與交付矩陣,仍待把更下方專業圖卡壓成更少層級。
- Frontend AI provider health readability88%;本輪未改 provider API。
- AwoooP Runs route visibility88%;維持已完成狀態。
- Work Items route action readability84%;維持已完成狀態。
- Frontend design system / visual grammar52%;矩陣 pattern 已在首頁落地,但尚未抽共用 component 或套到 Alerts / KM / Approvals。
- 完整 AI Agent 自動化飛輪69%;本輪改善 operator 理解成本,不代表自動執行成功率提升。
## 2026-06-04首頁 Command Map 泳道式拓樸
**背景**:統帥持續要求前端不要再用大量文字堆疊,要改用圖、表、流程圖、架構圖、拓樸圖,讓 operator 快速理解 AI 自動化現在跑到哪裡、卡在哪裡、下一步誰負責。本輪不新增假數字,沿用既有 production truth-chain / AI route / KM / Ansible / dossier 資料,先把首頁 Command Map 再往產品化視覺前進一格。