diff --git a/.memory/worklog.json b/.memory/worklog.json
index 9074d6d..e0b63ba 100644
--- a/.memory/worklog.json
+++ b/.memory/worklog.json
@@ -181,6 +181,13 @@
       "message": "auto-save 2026-05-12 18:29 (+1, ~1)",
       "hash": "aa5ad08",
       "files_changed": 2
+    },
+    {
+      "ts": "2026-05-12T18:35:34+08:00",
+      "type": "commit",
+      "message": "auto-save 2026-05-12 18:35 (~3)",
+      "hash": "64db093",
+      "files_changed": 3
     }
   ]
 }
diff --git a/web/components/dashboard.tsx b/web/components/dashboard.tsx
index 498488e..7a7a726 100644
--- a/web/components/dashboard.tsx
+++ b/web/components/dashboard.tsx
@@ -102,38 +102,54 @@ export function Dashboard({ data }: Props) {
   const toggleTile = (key: string) => setExpanded((prev) => (prev.has(key) ? new Set() : new Set([key])))
   const closeTile = (_key: string) => setExpanded(new Set())
 
+  const Tile = ({ tkey, rowSpan }: { tkey: string; rowSpan?: boolean }) => {
+    const t = TILES.find((x) => x.key === tkey)!
+    const state = colState[t.key]
+    const isOpen = expanded.has(t.key)
+    return (
+      <button
+        type="button"
+        onClick={() => toggleTile(t.key)}
+        title={colSummary[t.key]}
+        className={`group rounded-md overflow-hidden border flex items-stretch transition ${
+          rowSpan ? "row-span-2" : ""
+        } ${isOpen ? "border-violet-400/60 ring-2 ring-violet-400/40" : "border-white/10 hover:border-white/20"}`}
+        style={{ height: rowSpan ? "auto" : 30 }}
+      >
+        <div className="px-2 flex items-center gap-1.5" style={{ background: TYPE_GRAD[t.type] }}>
+          <span className="text-white/70 text-[9px] font-mono">{String(t.step).padStart(2, "0")}</span>
+          <span className="text-white">{t.icon}</span>
+          <span className="text-white text-[11.5px] font-medium whitespace-nowrap">{t.title}</span>
+        </div>
+        <div className="px-1.5 flex items-center gap-1 bg-black/40">
+          <span className={`h-1.5 w-1.5 rounded-full ${STATE_DOT[state]}`} />
+          <ChevronDown className={`h-3 w-3 text-white/60 transition ${isOpen ? "rotate-180" : ""}`} />
+        </div>
+      </button>
+    )
+  }
+
   return (
     <div className="w-full">
-      {/* Tile Bar — 一直显示 */}
-      <div className="px-4 pt-3 pb-2 flex items-center gap-1.5 overflow-x-auto">
-        {TILES.map((t) => {
-          const state = colState[t.key]
-          const isOpen = expanded.has(t.key)
-          return (
-            <button
-              key={t.key}
-              type="button"
-              onClick={() => toggleTile(t.key)}
-              className={`shrink-0 group rounded-lg overflow-hidden border transition flex flex-col text-left ${
-                isOpen ? "border-violet-400/60 ring-2 ring-violet-400/40" : "border-white/8 hover:border-white/20"
-              }`}
-              style={{ width: 134 }}
-            >
-              <div className="relative px-2.5 py-1.5 flex items-center gap-1.5" style={{ background: TYPE_GRAD[t.type] }}>
-                <span className="text-white/70 text-[9px] font-mono">{String(t.step).padStart(2, "0")}</span>
-                <span className="text-white">{t.icon}</span>
-                <span className="text-white text-[12px] font-medium">{t.title}</span>
-                <span className="ml-auto flex items-center gap-1">
-                  <span className={`h-2 w-2 rounded-full ${STATE_DOT[state]}`} />
-                  <ChevronDown className={`h-3 w-3 text-white/70 transition ${isOpen ? "rotate-180" : ""}`} />
-                </span>
-              </div>
-              <div className="px-2.5 py-1 bg-black/40 text-[10px] text-[var(--text-soft)] truncate">
-                {colSummary[t.key]}
-              </div>
-            </button>
-          )
-        })}
+      {/* Tile Bar — DAG 拓扑布局：input/download/split → (关键帧路 / 转录路) → compose */}
+      <div className="px-3 pt-2 pb-1.5 flex items-center gap-1.5">
+        <Tile tkey="input" />
+        <Tile tkey="download" />
+        <Tile tkey="split" />
+        {/* 分叉：上下两路 */}
+        <div className="flex-1 grid grid-rows-2 gap-1 mx-1">
+          <div className="flex gap-1.5 items-center">
+            <Tile tkey="keyframe" />
+            <Tile tkey="imagegen" />
+            <Tile tkey="videogen" />
+          </div>
+          <div className="flex gap-1.5 items-center">
+            <Tile tkey="asr" />
+            <Tile tkey="translate" />
+            <Tile tkey="rewrite" />
+          </div>
+        </div>
+        <Tile tkey="compose" />
       </div>
 
       {/* 展开面板 — 多卡同时展开，按 step 顺序排列 */}
@@ -448,10 +464,7 @@ export function Dashboard({ data }: Props) {
                 </MiniCard>
               </div>
             )}
-
-          </div>
-        </div>
-      )}
-    </div>
-  )
+      </>
+    )
+  }
 }