From 9fa28dab0f7ef8aa6b0bfde11e2e324e3443ca38 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 1 Jun 2026 12:21:37 +0800
Subject: [PATCH] docs: record awooop visual flow rollout

---
 docs/LOGBOOK.md | 64 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/docs/LOGBOOK.md b/docs/LOGBOOK.md
index a9374e1c..df4a6341 100644
--- a/docs/LOGBOOK.md
+++ b/docs/LOGBOOK.md
@@ -1,3 +1,67 @@
+## 2026-06-01｜AwoooP Runs 自動化流程視覺化
+
+**背景**：
+
+- 使用者指出 AwoooP / Telegram 告警雖然已有 truth-chain，但前端頁面仍偏文字牆，operator 無法像主流 AIOps / Observability 產品一樣用圖快速判斷「哪個流程節點卡住」。
+- 本輪不新增自動修復能力、不改 AI Provider、不宣稱 24h 全自動修復完成；只把既有 `automation_flow_gates` production 資料轉成可掃描的流程圖與 heatmap。
+
+**本次調整**：
+
+- `apps/web/src/app/[locale]/awooop/runs/page.tsx`：
+  - 將原本 gate 文字卡改為 `Automation Flow Map`：8 個節點橫向呈現告警入庫、MCP 調查、簽核 / 安全政策、執行記錄、自動修復記錄、事後驗證、KM / 學習回寫、Operator 可見性。
+  - 新增每個節點的 passed percentage、狀態色、pass / warn / missing / fail 迷你統計條，讓瓶頸不需要讀長文就能辨識。
+  - 新增 `Gate Evidence Heatmap`，用堆疊橫條呈現每個 gate 的證據分布。
+  - 新增「優先瓶頸」與「目前瓶頸」摘要，直接指出下一步要補哪條鏈，例如 MCP evidence、execution evidence 或 verification evidence。
+- `apps/web/messages/zh-TW.json` / `apps/web/messages/en.json`：
+  - 補齊 visual flow map / heatmap / bottleneck 相關 i18n 文案；`en.json` 維持繁中鏡像。
+
+**驗證**：
+
+```text
+python3 -m py_compile 無涉後端變更
+python3 -m json.tool apps/web/messages/zh-TW.json
+python3 -m json.tool apps/web/messages/en.json
+pnpm --dir apps/web exec tsc --noEmit
+NEXT_PUBLIC_API_URL=https://awoooi.wooo.work NEXT_PRIVATE_API_URL=https://awoooi.wooo.work pnpm --dir apps/web run build
+```
+
+**Gitea / Production evidence**：
+
+```text
+commit: 4ee3998f feat(web): visualize awooop automation flow
+
+Gitea:
+  run 3488 ai-code-review = success
+  run 3487 CD:
+    tests = success
+    build / deploy = success
+    post-deploy log shows alert-chain smoke 9/9 and Playwright smoke 5/5 passed
+    technical debt: Gitea job 4854 still reports in_progress even after smoke log completed
+
+Kubernetes images:
+  awoooi-api     192.168.0.110:5000/awoooi/api:4ee3998f03100a63e56d8a9982be6850a65e8e20
+  awoooi-web     192.168.0.110:5000/awoooi/web:4ee3998f03100a63e56d8a9982be6850a65e8e20
+  awoooi-worker  192.168.0.110:5000/awoooi/api:4ee3998f03100a63e56d8a9982be6850a65e8e20
+  rollout: deployment/awoooi-web successfully rolled out
+
+Browser production:
+  /zh-TW/awooop/runs?project_id=awoooi&_v=4ee3998f-visual-flow#automation-flow-gates
+  hasSection=true
+  hasFlowMap=true
+  hasHeatmap=true
+  hasBottleneck=true
+  canScroll=true
+```
+
+**進度**：
+
+```text
+AwoooP Runs 自動化流程可視性: 100%
+AwoooP Runs 文字牆風險: 下降到 25% 以下
+首頁 / 其他核心管理頁視覺化改造: 尚未完成，下一個 UI wave 應接續套用圖譜 / heatmap / funnel / timeline
+Actual 24h full AI auto-repair: 0%（production evidence 仍未達成，不可宣稱完成）
+```
+
 ## 2026-06-01｜IwoooS 資安路徑探索器
 
 **背景**：