diff --git a/apps/web/messages/en.json b/apps/web/messages/en.json
index 4c22fe15e..b9da3fcbe 100644
--- a/apps/web/messages/en.json
+++ b/apps/web/messages/en.json
@@ -329,6 +329,12 @@
         "quality": "品質閘門",
         "provider": "AI Provider",
         "km": "KM 健康"
+      },
+      "swimlanes": {
+        "signals": "Signals / 收件",
+        "reasoning": "AI / MCP 判斷",
+        "execution": "PlayBook / Ansible",
+        "governance": "Approval / KM"
       }
     },
     "homeProductMap": {
diff --git a/apps/web/messages/zh-TW.json b/apps/web/messages/zh-TW.json
index 4c22fe15e..b9da3fcbe 100644
--- a/apps/web/messages/zh-TW.json
+++ b/apps/web/messages/zh-TW.json
@@ -329,6 +329,12 @@
         "quality": "品質閘門",
         "provider": "AI Provider",
         "km": "KM 健康"
+      },
+      "swimlanes": {
+        "signals": "Signals / 收件",
+        "reasoning": "AI / MCP 判斷",
+        "execution": "PlayBook / Ansible",
+        "governance": "Approval / KM"
       }
     },
     "homeProductMap": {
diff --git a/apps/web/src/app/[locale]/page.tsx b/apps/web/src/app/[locale]/page.tsx
index 64c872a26..387c46fdc 100644
--- a/apps/web/src/app/[locale]/page.tsx
+++ b/apps/web/src/app/[locale]/page.tsx
@@ -1879,6 +1879,55 @@ export default function Home({ params }: { params: { locale: string } }) {
       }),
     },
   ]
+  const commandMapSwimlanes: Array<{
+    key: string
+    label: string
+    summary: string
+    tone: HomepageWorkTone
+    stages: HomepageBlueprintStage[]
+  }> = [
+    {
+      key: 'signals',
+      label: tDashboard('homeCommandMap.swimlanes.signals'),
+      summary: tDashboard('automationDiagrams.workspace.liveEvidence.signal.metric', {
+        sources: formatAutomationNumber(dossierCoverageSummary?.source_count, dossierCoverageLoaded),
+        refs: formatAutomationNumber(dossierCoverageSummary?.source_ref_total, dossierCoverageLoaded),
+      }),
+      tone: dossierCoverageLoaded ? 'live' : 'watching',
+      stages: automationFlowStages.filter(stage => stage.key === 'signal' || stage.key === 'intake'),
+    },
+    {
+      key: 'reasoning',
+      label: tDashboard('homeCommandMap.swimlanes.reasoning'),
+      summary: tDashboard('automationDiagrams.workspace.values.aiRoute', {
+        lane: aiRouteLaneMode,
+        provider: aiRouteSelectedProvider,
+      }),
+      tone: hasAiRouteStatus ? 'live' : 'watching',
+      stages: automationFlowStages.filter(stage => stage.key === 'ai' || stage.key === 'mcp'),
+    },
+    {
+      key: 'execution',
+      label: tDashboard('homeCommandMap.swimlanes.execution'),
+      summary: tDashboard('automationDiagrams.workspace.values.ansible', {
+        checkMode: formatAutomationNumber(executionBackend?.ansible_check_mode_total, automationQualityLoaded),
+        pending: formatAutomationNumber(executionBackend?.ansible_pending_check_mode_total, automationQualityLoaded),
+        blocker: ansibleRuntimeBlockerLabel,
+      }),
+      tone: ansibleRuntime?.can_run_check_mode ? 'live' : automationQualityAvailable ? 'blocked' : 'watching',
+      stages: automationFlowStages.filter(stage => stage.key === 'playbook' || stage.key === 'ansible'),
+    },
+    {
+      key: 'governance',
+      label: tDashboard('homeCommandMap.swimlanes.governance'),
+      summary: tDashboard('automationDiagrams.workspace.liveEvidence.verify.metric', {
+        stale: formatAutomationNumber(kmStaleDisplayCount, kmGovernanceLoaded),
+        ratio: staleRatioLabel,
+      }),
+      tone: typeof kmStaleDisplayCount === 'number' && kmStaleDisplayCount > 0 ? 'progress' : hasKmStaleCandidates ? 'live' : 'watching',
+      stages: automationFlowStages.filter(stage => stage.key === 'approval' || stage.key === 'verify'),
+    },
+  ]
   const productModuleRows: Array<{
     key: string
     module: string
@@ -2263,6 +2312,139 @@ export default function Home({ params }: { params: { locale: string } }) {
                 })}
               </div>
 
+              <div style={{
+                display: 'grid',
+                gridTemplateColumns: compactViewport ? '1fr' : 'repeat(4, minmax(0, 1fr))',
+                gap: 8,
+                marginBottom: 10,
+              }}>
+                {commandMapSwimlanes.map((lane) => {
+                  const laneTone = automationWorkToneStyle[lane.tone]
+                  return (
+                    <div
+                      key={lane.key}
+                      style={{
+                        minWidth: 0,
+                        border: `0.5px solid ${laneTone.border}`,
+                        borderRadius: 9,
+                        background: '#fffdf8',
+                        overflow: 'hidden',
+                      }}
+                    >
+                      <div style={{
+                        borderBottom: `0.5px solid ${laneTone.border}`,
+                        background: laneTone.bg,
+                        padding: '7px 8px',
+                      }}>
+                        <div style={{ display: 'flex', alignItems: 'center', gap: 6, minWidth: 0 }}>
+                          <span style={{
+                            width: 8,
+                            height: 8,
+                            borderRadius: 999,
+                            background: laneTone.color,
+                            flexShrink: 0,
+                          }} />
+                          <div style={{
+                            minWidth: 0,
+                            fontSize: 10,
+                            fontWeight: 900,
+                            color: laneTone.color,
+                            textTransform: 'uppercase',
+                            letterSpacing: 0.35,
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                          }}>
+                            {lane.label}
+                          </div>
+                        </div>
+                        <div style={{
+                          marginTop: 5,
+                          minHeight: 30,
+                          fontSize: 10,
+                          lineHeight: 1.45,
+                          color: '#4e4a43',
+                          overflowWrap: 'anywhere',
+                        }}>
+                          {lane.summary}
+                        </div>
+                      </div>
+                      <div style={{
+                        display: 'grid',
+                        gridTemplateColumns: '1fr',
+                        gap: 6,
+                        padding: 8,
+                      }}>
+                        {lane.stages.map((stage, index) => {
+                          const stageTone = automationWorkToneStyle[stage.tone]
+                          const isSelectedStage = stage.key === selectedBlueprintStage.key
+                          return (
+                            <a
+                              key={`${lane.key}-${stage.key}`}
+                              href={`/${locale}?blueprint_stage=${stage.key}#homepage-ai-command-map`}
+                              onClick={() => setSelectedBlueprintStageKey(stage.key as HomepageBlueprintStageKey)}
+                              aria-current={isSelectedStage ? 'step' : undefined}
+                              style={{
+                                position: 'relative',
+                                display: 'grid',
+                                gridTemplateColumns: '22px minmax(0, 1fr)',
+                                gap: 7,
+                                alignItems: 'center',
+                                minHeight: 34,
+                                border: `0.5px solid ${isSelectedStage ? stageTone.color : '#e0ddd4'}`,
+                                borderRadius: 7,
+                                background: isSelectedStage ? stageTone.bg : '#fff',
+                                color: 'inherit',
+                                textDecoration: 'none',
+                                padding: '5px 6px',
+                              }}
+                            >
+                              {index > 0 && (
+                                <span style={{
+                                  position: 'absolute',
+                                  left: 16,
+                                  top: -7,
+                                  width: 1,
+                                  height: 7,
+                                  background: '#c8c0b2',
+                                }} />
+                              )}
+                              <span style={{
+                                width: 22,
+                                height: 22,
+                                borderRadius: 999,
+                                border: `0.5px solid ${stageTone.border}`,
+                                background: stageTone.bg,
+                                color: stageTone.color,
+                                display: 'inline-flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                fontSize: 9,
+                                fontWeight: 900,
+                                fontFamily: "'JetBrains Mono', monospace",
+                              }}>
+                                {automationFlowStages.findIndex(flowStage => flowStage.key === stage.key) + 1}
+                              </span>
+                              <span style={{
+                                minWidth: 0,
+                                fontSize: 10,
+                                fontWeight: 850,
+                                color: '#141413',
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                whiteSpace: 'nowrap',
+                              }}>
+                                {stage.title}
+                              </span>
+                            </a>
+                          )
+                        })}
+                      </div>
+                    </div>
+                  )
+                })}
+              </div>
+
               <div style={{
                 display: 'grid',
                 gridTemplateColumns: compactViewport ? '1fr' : 'repeat(4, minmax(0, 1fr))',
diff --git a/docs/LOGBOOK.md b/docs/LOGBOOK.md
index 45790284b..705664439 100644
--- a/docs/LOGBOOK.md
+++ b/docs/LOGBOOK.md
@@ -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 1440x1100：Command Map 存在、4 條泳道文字存在、1-8 節點存在、可 scroll、`horizontalOverflow=0`。
+  - mobile 390x844：Command 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 readability：88%；本輪未改 provider API，只把首頁流程視覺化。
+- AwoooP Runs route visibility：88%；維持上一階段完成狀態。
+- Work Items route action readability：84%；維持上一階段完成狀態。
+- Frontend design system / visual grammar：50%；首頁開始有可重用的泳道 pattern，但尚未抽成 component，也尚未套到 Alerts / KM / Approvals。
+- 完整 AI Agent 自動化飛輪：69%；本輪是可視化與理解成本改善，不代表 verified auto-repair execution success 已提升。
+
 ## 2026-06-04｜IwoooS 64% 進度重估與跨入口同步
 
 **背景**：統帥指出 IwoooS 與既有「安全合規」/ AwoooP 入口不能出現不同進度口徑，也不能讓資安工作看起來只停留在文件。前一階段已完成 Kali 112 今日只讀快照與維護闖關路徑，本輪把該證據納入整體進度重估，並同步到 IwoooS、AwoooP、既有安全頁與 guard。