botmux 2.93.1 → 2.95.0

package/dist/dashboard/web/v3.js

@@ -0,0 +1,564 @@
+/**
+ * v3 workflow runs dashboard page — a DAG graph of a run's nodes (colored by
+ * status) with a per-node detail panel that hosts the terminal slot.
+ *
+ * Read-only: fetches `/api/v3/runs` (list) and `/api/v3/runs/:id` (a RunView —
+ * see ops-projection.ts).  The RunView carries NO write token / no raw fs path
+ * (codex security review); the per-node terminal component (`v3-terminal.ts`,
+ * codex) only needs `(runId, node)`.
+ *
+ * Visual language ("flight recorder"): mono-led ids & round numbers, status
+ * conveyed through theme tokens (`--v3r-*` in style.css — works in light/dark/
+ * skins), composite loop nodes drawn as dashed capsules with an iteration-dot
+ * budget row, and a per-round timeline in the panel (instances + verdict per
+ * round, granted rounds marked).  All motion is CSS-only (spin / marching-ants
+ * edges / breathe) and honors prefers-reduced-motion.
+ *
+ * Vanilla DOM + poll loop, mirroring `workflows.ts` (disposer clears the timer;
+ * skip polling while the tab is hidden; stop once the run is terminal).
+ */
+import { renderNodeTerminal } from './v3-terminal.js';
+import { legacyWorkflowDetailHash } from './legacy-workflow-link.js';
+const POLL_MS = 2000;
+/** Single source of truth for "stop polling": only succeeded/failed are terminal.
+ *  `running` and `blocked` (awaiting human retry/grant) can still change, so the
+ *  detail page keeps polling. Used by both poll() and loop() so the stop/re-arm
+ *  decisions can't drift apart. */
+function isTerminalRunStatus(status) {
+    return status === 'succeeded' || status === 'failed';
+}
+const NODE_LABEL = {
+    pending: '待机',
+    gateWaiting: '等审批',
+    running: '运行中',
+    done: '完成',
+    skipped: '已跳过', // edge-activation: 分支未选中的中性终态（非失败）
+    cancelled: '已取消', // early-release loser：已无关并被收尸的中性终态
+    blocked: '受阻',
+    superseded: '已刷新', // 跨节点回溯把该 instance 刷新了，节点会重跑出新 instance
+    failed: '失败',
+};
+const DECISION_LABEL = {
+    exit: '✓ 通过',
+    continue: '↻ 继续返工',
+    exhausted: '⛔ 轮数耗尽',
+};
+function esc(s) {
+    return s.replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
+}
+/** Signature of a node's terminal-relevant inputs.  The panel remounts the
+ *  terminal slot only when this changes (live→closed, webPort appears, pty log
+ *  shows up) — so a stable live iframe survives the 2s poll loop. */
+function termSig(node) {
+    const wt = node.webTerminal;
+    return `${wt?.status ?? '-'}|${wt?.webPort ?? '-'}|${node.hasPtyLog ? '1' : '0'}`;
+}
+export function renderV3RunsPage(root) {
+    const m = location.hash.match(/^#\/workflows\/([^?#]+)/);
+    if (m)
+        return renderV3DetailPage(root, decodeURIComponent(m[1]));
+    return renderV3ListPage(root);
+}
+// ─── List ───────────────────────────────────────────────────────────────────
+function renderV3ListPage(root) {
+    root.innerHTML = `
+    <div class="page-head">
+      <h1>工作流</h1>
+      <p class="muted">LLM 编排的 workflow 运行 — DAG 图 + 每节点终端</p>
+    </div>
+    <table class="data-table">
+      <thead><tr><th>Run</th><th>状态</th><th>节点数</th></tr></thead>
+      <tbody id="v3-tbody"></tbody>
+    </table>
+    <div id="v3-empty" class="muted" hidden style="padding:1rem">暂无工作流运行（用 <code>/workflow new</code> 发起一个）</div>`;
+    const tbody = root.querySelector('#v3-tbody');
+    const empty = root.querySelector('#v3-empty');
+    let timer = null;
+    let disposed = false;
+    async function poll() {
+        if (disposed || document.hidden)
+            return;
+        try {
+            const r = await fetch('/api/v3/runs');
+            const body = r.ok ? (await r.json()) : { runs: [] };
+            if (disposed)
+                return;
+            const runs = body.runs ?? [];
+            empty.hidden = runs.length > 0;
+            tbody.innerHTML = runs
+                .map((rn) => `<tr>
+            <td><a class="v3r-runid" href="#/workflows/${encodeURIComponent(rn.runId)}">${esc(rn.runId)}</a></td>
+            <td><span class="v3r-pill rs-${esc(rn.runStatus)}">${esc(rn.runStatus)}</span></td>
+            <td>${rn.nodeCount}</td>
+          </tr>`)
+                .join('');
+        }
+        catch {
+            /* transient fetch error — next tick retries */
+        }
+    }
+    function loop() {
+        if (disposed)
+            return;
+        void poll().then(() => { if (!disposed)
+            timer = window.setTimeout(loop, POLL_MS); });
+    }
+    loop();
+    return () => { disposed = true; if (timer !== null)
+        window.clearTimeout(timer); };
+}
+// ─── Detail (DAG graph + node panel) ─────────────────────────────────────────
+/** Geometry: loop capsules are taller than plain nodes (budget-dot row). */
+const NW = 168;
+const PLAIN_H = 48;
+const LOOP_H = 70;
+const COL = 226;
+const VGAP = 30;
+const PAD = 26;
+/** Budget-dot row caps at this many slots — beyond it the text fraction is the
+ *  honest display (a 20-dot row would not fit the capsule anyway). */
+const MAX_DOTS = 8;
+function nodeH(n) {
+    return n.isLoop ? LOOP_H : PLAIN_H;
+}
+function renderV3DetailPage(root, runId) {
+    root.innerHTML = `
+    <div class="page-head">
+      <a href="#/workflows" class="btn-link">← 工作流</a>
+      <h1 class="v3r-title">${esc(runId)}</h1>
+      <span id="v3-runstatus" class="v3r-pill"></span>
+    </div>
+    <div class="v3r-wrap">
+      <div class="v3r-graph-card">
+        <div id="v3-graph" class="v3r-graph"></div>
+        <div class="v3r-legend">
+          <span class="lg st-pending">待机</span>
+          <span class="lg st-running">运行中</span>
+          <span class="lg st-gateWaiting">等审批</span>
+          <span class="lg st-done">完成</span>
+          <span class="lg st-skipped">已跳过</span>
+          <span class="lg st-cancelled">已取消</span>
+          <span class="lg st-blocked">受阻</span>
+          <span class="lg st-failed">失败</span>
+          <span class="lg lg-loop">⟳ 循环容器</span>
+        </div>
+      </div>
+      <div id="v3-node-panel" class="v3r-panel">
+        <p class="muted">点一个节点看详情与终端</p>
+      </div>
+    </div>`;
+    const graphEl = root.querySelector('#v3-graph');
+    const panelEl = root.querySelector('#v3-node-panel');
+    const runStatusEl = root.querySelector('#v3-runstatus');
+    let timer = null;
+    let disposed = false;
+    // One-shot guard for the legacy v2 fallback probe (see poll()'s 404 branch):
+    // already-sent v2 cards / bookmarks point at #/workflows/<v2-id>, which now
+    // belongs to v3; probe the v2 backend once and bounce them to #/legacy-workflow.
+    let triedV2Fallback = false;
+    let selected = null;
+    let lastView = null;
+    // Which node the panel SHELL is built for, and the signature of the terminal
+    // currently mounted in the slot.  Both gate re-renders so a live iframe is
+    // NOT rebuilt on every 2s poll (codex caveat — only remount when the node
+    // selection or the terminal's own inputs actually change).
+    let panelSelected = null;
+    let renderedTermSig = null;
+    // Loop sub-selection: which body INSTANCE's terminal shows under the round
+    // timeline (the timeline itself stays visible — selecting an instance must
+    // not lose the loop context).  Auto-follows the live frontier until the user
+    // pins a specific instance by clicking it.
+    let instSel = null;
+    let instPinned = false;
+    function select(id) {
+        selected = id;
+        instSel = null;
+        instPinned = false;
+        if (lastView)
+            renderGraph(lastView);
+        renderPanel();
+    }
+    function selectInstance(id) {
+        instSel = id;
+        instPinned = true;
+        renderPanel();
+    }
+    /** The instance whose terminal the loop panel shows: the pinned one if the
+     *  user clicked, else the live frontier (a running instance, falling back to
+     *  the most recently dispatched one). */
+    function resolveInstSel(insts) {
+        if (instPinned && instSel) {
+            const pinned = insts.find((x) => x.id === instSel);
+            if (pinned)
+                return pinned;
+        }
+        const running = insts.filter((x) => x.status === 'running');
+        return running[running.length - 1] ?? insts[insts.length - 1] ?? null;
+    }
+    /** Compact mini-dag for ONE round: the loop's body template gives the shape
+     *  (so undispatched slots show as pending ghosts); dispatched instances fill
+     *  in live status + click-to-view-terminal. */
+    function roundMiniDagSvg(tpl, instOf, activeInstId) {
+        const W2 = 104, H2 = 30, COL2 = 138, ROW2 = 42, PAD2 = 6;
+        // Depth layout over the TEMPLATE (authored body ids, body-internal deps).
+        const memo = new Map();
+        const depth = (id) => {
+            if (memo.has(id))
+                return memo.get(id);
+            memo.set(id, 0); // defensive against malformed cycles
+            const deps = tpl.find((t) => t.id === id)?.depends.filter((d) => tpl.some((t) => t.id === d)) ?? [];
+            const d = deps.length ? 1 + Math.max(...deps.map(depth)) : 0;
+            memo.set(id, d);
+            return d;
+        };
+        const rows = new Map();
+        const pos = new Map();
+        let maxRow = 0;
+        for (const t of tpl) {
+            const d = depth(t.id);
+            const r = rows.get(d) ?? 0;
+            rows.set(d, r + 1);
+            maxRow = Math.max(maxRow, r);
+            pos.set(t.id, { x: PAD2 + d * COL2, y: PAD2 + r * ROW2 });
+        }
+        const width = PAD2 * 2 + (memo.size ? Math.max(...memo.values()) * COL2 + W2 : 0);
+        const height = PAD2 * 2 + maxRow * ROW2 + H2;
+        const edges = [];
+        for (const t of tpl) {
+            const to = pos.get(t.id);
+            for (const dep of t.depends) {
+                const from = pos.get(dep);
+                if (!from)
+                    continue;
+                const x1 = from.x + W2, y1 = from.y + H2 / 2, x2 = to.x, y2 = to.y + H2 / 2;
+                const mx = (x1 + x2) / 2;
+                const live = instOf.get(t.id)?.status === 'running' ? ' live' : '';
+                edges.push(`<path class="v3r-edge${live}" d="M${x1},${y1} C${mx},${y1} ${mx},${y2} ${x2},${y2}" marker-end="url(#v3arrow-mini)"/>`);
+            }
+        }
+        const boxes = tpl.map((t) => {
+            const p = pos.get(t.id);
+            const inst = instOf.get(t.id);
+            const status = inst?.status ?? 'pending';
+            const ghost = inst ? '' : ' ghost';
+            const sel = inst && inst.id === activeInstId ? ' sel' : '';
+            const dataSel = inst ? ` data-sel="${esc(inst.id)}"` : '';
+            return `<g class="v3r-node v3r-mini st-${status}${sel}${ghost}"${dataSel}${inst ? ` style="cursor:pointer"` : ''}>
+        <rect class="v3r-box" x="${p.x}" y="${p.y}" width="${W2}" height="${H2}" rx="8"/>
+        <circle class="v3r-mini-dot" cx="${p.x + 13}" cy="${p.y + H2 / 2}" r="3.4"/>
+        <text class="v3r-nid" x="${p.x + 24}" y="${p.y + H2 / 2 + 4}">${esc(trunc(t.id, 12))}</text>
+      </g>`;
+        });
+        return `<svg class="v3r-mini-svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}">
+      <defs><marker id="v3arrow-mini" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
+        <path d="M0,0 L10,5 L0,10 z" fill="var(--faint, #8b98aa)"/></marker></defs>
+      ${edges.join('')}${boxes.join('')}
+    </svg>`;
+    }
+    /** Round timeline for a loop node: rounds stack vertically (a flight-recorder
+     *  log, newest last), each round drawn as a real mini-dag of its body
+     *  instances.  Rounds past the authored maxIterations are tagged as
+     *  human-granted.  Selecting an instance keeps this timeline on screen — the
+     *  terminal mounts BELOW it. */
+    function loopTimelineHtml(node, activeInstId) {
+        const ls = node.loopState;
+        if (!ls)
+            return '<p class="muted">loop 未开始</p>';
+        const maxIt = ls.maxIterations;
+        const budget = maxIt !== undefined ? maxIt + ls.granted : undefined;
+        const verdictOf = new Map(ls.decisions.map((d) => [d.iteration, d.decision]));
+        const insts = (lastView?.nodes ?? []).filter((x) => x.loop?.loopId === node.id);
+        const byIter = new Map();
+        for (const inst of insts) {
+            const k = inst.loop.iteration;
+            (byIter.get(k) ?? byIter.set(k, []).get(k)).push(inst);
+        }
+        const rounds = [...byIter.entries()]
+            .sort((a, b) => a[0] - b[0])
+            .map(([iter, ns]) => {
+            const verdict = verdictOf.get(iter);
+            const isCur = iter === ls.iteration;
+            const granted = maxIt !== undefined && iter > maxIt;
+            const verdictChip = verdict
+                ? `<span class="v3r-verdict vd-${verdict}">${DECISION_LABEL[verdict]}</span>`
+                : isCur && node.status === 'running'
+                    ? '<span class="v3r-verdict vd-live">▶ 进行中</span>'
+                    : '';
+            const instOf = new Map(ns.map((x) => [x.loop.bodyNodeId, x]));
+            return `<div class="v3r-round${isCur ? ' cur' : ''}${verdict ? ` vd-${verdict}` : ''}">
+          <div class="v3r-round-head">
+            <span class="rn">R${iter}</span>
+            ${granted ? '<span class="v3r-granted-tag">➕ 追加轮</span>' : ''}
+            ${verdictChip}
+          </div>
+          ${roundMiniDagSvg(ls.bodyTemplate, instOf, activeInstId)}
+        </div>`;
+        })
+            .join('');
+        const meter = `<div class="v3r-loop-meter">
+      <span class="num">第 <b>${ls.iteration}</b>${budget !== undefined ? ` / <b>${budget}</b>` : ''} 轮</span>
+      ${ls.granted > 0 ? `<span class="v3r-granted-tag">含人工追加 +${ls.granted}</span>` : ''}
+      ${ls.lastDecision === 'exit' ? '<span class="v3r-verdict vd-exit">✓ 已收敛</span>' : ''}
+    </div>`;
+        const cta = node.status === 'blocked'
+            ? `<div class="v3r-cta">⚠ 轮数耗尽，等人追加 — 飞书卡片点「➕ 追加 1 轮」，或 <code>botmux workflow grant ${esc(runId)}</code></div>`
+            : '';
+        return `<div class="v3r-loop-sec">${meter}<div class="v3r-rounds">${rounds}</div>${cta}</div>`;
+    }
+    function renderPanel() {
+        const node = lastView?.nodes.find((n) => n.id === selected) ?? null;
+        if (!node) {
+            panelEl.innerHTML = '<p class="muted">点一个节点看详情与终端</p>';
+            panelSelected = null;
+            renderedTermSig = null;
+            return;
+        }
+        // (Re)build the shell only when the selected node changes — keeps the
+        // terminal slot's DOM (and any live iframe) alive across polls.
+        if (panelSelected !== node.id) {
+            panelEl.innerHTML = `
+        <div id="v3-node-meta"></div>
+        <div id="v3-inst-strip"></div>
+        <div id="v3-term-slot" class="v3r-term-slot"></div>`;
+            panelSelected = node.id;
+            renderedTermSig = null; // force a terminal (re)mount for the new selection
+        }
+        // The terminal target: the node itself, or — for a loop — the selected /
+        // live-frontier body instance (timeline stays visible above it).
+        let termNode = node;
+        let activeInstId = null;
+        if (node.isLoop) {
+            const insts = (lastView?.nodes ?? []).filter((x) => x.loop?.loopId === node.id);
+            const inst = resolveInstSel(insts);
+            termNode = inst;
+            activeInstId = inst?.id ?? null;
+            instSel = activeInstId;
+        }
+        // Cheap meta updates in place every poll (no iframe involved).
+        const head = `<div class="v3r-panel-head">
+      ${node.isLoop ? '<span class="v3r-loop-mark">⟳</span>' : ''}
+      <span class="v3r-nodeid">${esc(node.id)}</span>
+      <span class="v3r-pill st-${node.status}"><i class="dot"></i>${NODE_LABEL[node.status]}</span>
+    </div>`;
+        const errLine = node.errorClass
+            ? `<p class="v3r-err">原因：${esc(node.errorClass)}${node.errorCode ? ` (${esc(node.errorCode)})` : ''}${node.status === 'blocked' && !node.isLoop ? ' — 飞书卡片或 <code>botmux workflow retry</code> 可重试' : ''}</p>`
+            : '';
+        panelEl.querySelector('#v3-node-meta').innerHTML = `
+      ${head}
+      ${node.goal ? `<p class="v3r-goal">${esc(node.goal)}</p>` : ''}
+      ${node.depends.length ? `<p class="v3r-deps">依赖 ${node.depends.map((d) => `<span class="v3r-dep">${esc(d)}</span>`).join('')}</p>` : ''}
+      ${errLine}${node.isLoop ? loopTimelineHtml(node, activeInstId) : ''}`;
+        // Instance strip: which body instance the terminal below belongs to.
+        panelEl.querySelector('#v3-inst-strip').innerHTML =
+            node.isLoop && termNode
+                ? `<div class="v3r-inst-strip">
+            <span class="lbl">实例终端</span>
+            <span class="v3r-nodeid sm">${esc(termNode.id)}</span>
+            <span class="v3r-pill st-${termNode.status}"><i class="dot"></i>${NODE_LABEL[termNode.status]}</span>
+            <span class="muted">第 ${termNode.loop.iteration} 轮 · ${esc(termNode.loop.bodyNodeId)}${instPinned ? '' : ' · 自动跟随'}</span>
+          </div>`
+                : '';
+        for (const el of panelEl.querySelectorAll('#v3-node-meta [data-sel]')) {
+            el.addEventListener('click', (ev) => {
+                ev.stopPropagation();
+                selectInstance(el.getAttribute('data-sel'));
+            });
+        }
+        // Only (re)mount the terminal when its target or inputs changed (instance
+        // switch / status / webPort / hasPtyLog) — otherwise leave codex's live
+        // iframe untouched (no flicker).
+        const slot = panelEl.querySelector('#v3-term-slot');
+        if (!termNode) {
+            slot.innerHTML = '';
+            renderedTermSig = null;
+            return;
+        }
+        const sig = `${termNode.id}|${termSig(termNode)}`;
+        if (sig !== renderedTermSig) {
+            renderNodeTerminal(slot, runId, termNode);
+            renderedTermSig = sig;
+        }
+    }
+    /** SVG for one composite loop capsule (dashed outer frame + budget dots). */
+    function loopBoxSvg(n, x, y, sel) {
+        const ls = n.loopState;
+        const maxIt = ls?.maxIterations;
+        const budget = ls && maxIt !== undefined ? maxIt + ls.granted : undefined;
+        const statusLine = ls
+            ? `${NODE_LABEL[n.status]} · 第${ls.iteration}${budget !== undefined ? `/${budget}` : ''}轮`
+            : `${NODE_LABEL[n.status]} · loop`;
+        // Budget dots: ● done round / ◉ current (pulses while running) / ○ todo;
+        // slots past the authored maxIterations render in accent (granted).
+        let dots = '';
+        if (ls && budget !== undefined && budget <= MAX_DOTS) {
+            const cy = y + LOOP_H - 13;
+            for (let k = 1; k <= budget; k++) {
+                const cx = x + 14 + (k - 1) * 15;
+                const cls = k < ls.iteration ? 'v3r-dot done'
+                    : k === ls.iteration ? `v3r-dot cur${n.status === 'running' ? ' live' : ''}`
+                        : 'v3r-dot todo';
+                const grant = maxIt !== undefined && k > maxIt ? ' grant' : '';
+                dots += `<circle class="${cls}${grant}" cx="${cx}" cy="${cy}" r="3.6"/>`;
+            }
+            if (ls.lastDecision === 'exit') {
+                dots += `<text class="v3r-dots-verdict ok" x="${x + 14 + budget * 15 + 4}" y="${cy + 4}">✓</text>`;
+            }
+            else if (ls.lastDecision === 'exhausted' && n.status === 'blocked') {
+                dots += `<text class="v3r-dots-verdict warn" x="${x + 14 + budget * 15 + 4}" y="${cy + 4}">⚠</text>`;
+            }
+        }
+        return `<g class="v3r-node v3r-loopnode st-${n.status}${sel ? ' sel' : ''}" data-node="${esc(n.id)}">
+      <rect class="v3r-cap" x="${x - 4}" y="${y - 4}" width="${NW + 8}" height="${LOOP_H + 8}" rx="14"/>
+      <rect class="v3r-box" x="${x}" y="${y}" width="${NW}" height="${LOOP_H}" rx="10"/>
+      <text class="v3r-spin" x="${x + 14}" y="${y + 21}">⟳</text>
+      <text class="v3r-nid" x="${x + 30}" y="${y + 21}">${esc(trunc(n.id, 16))}</text>
+      <text class="v3r-nstatus" x="${x + 14}" y="${y + 39}">${esc(statusLine)}</text>
+      ${dots}
+    </g>`;
+    }
+    function renderGraph(view) {
+        // Loop body INSTANCES stay out of the graph (the loop node represents
+        // them; the panel's iteration timeline reaches them).  Group by the
+        // structured `loop` ref — never by parsing the id.
+        const graphNodes = view.nodes.filter((n) => !n.loop);
+        const depthOf = computeDepth(graphNodes);
+        const byDepth = new Map();
+        for (const n of graphNodes) {
+            const d = depthOf.get(n.id) ?? 0;
+            (byDepth.get(d) ?? byDepth.set(d, []).get(d)).push(n);
+        }
+        // Columns stack top-aligned; rows have per-node heights (loops are taller).
+        const pos = new Map();
+        let height = 0;
+        for (const [d, ns] of byDepth) {
+            let y = PAD;
+            for (const n of ns) {
+                pos.set(n.id, { x: PAD + d * COL, y });
+                y += nodeH(n) + VGAP;
+            }
+            height = Math.max(height, y - VGAP + PAD);
+        }
+        const width = PAD * 2 + (byDepth.size === 0 ? 0 : Math.max(...byDepth.keys()) * COL + NW);
+        const byId = new Map(graphNodes.map((n) => [n.id, n]));
+        const edges = [];
+        for (const n of graphNodes) {
+            const to = pos.get(n.id);
+            if (!to)
+                continue;
+            for (const dep of n.depends) {
+                const from = pos.get(dep);
+                const fromNode = byId.get(dep);
+                if (!from || !fromNode)
+                    continue;
+                const x1 = from.x + NW, y1 = from.y + nodeH(fromNode) / 2;
+                const x2 = to.x, y2 = to.y + nodeH(n) / 2;
+                const mx = (x1 + x2) / 2;
+                // Edges INTO a live node animate (marching ants) — the eye finds the
+                // active frontier of the dag instantly.
+                const live = n.status === 'running' ? ' live' : '';
+                edges.push(`<path class="v3r-edge${live}" d="M${x1},${y1} C${mx},${y1} ${mx},${y2} ${x2},${y2}" marker-end="url(#v3arrow)"/>`);
+            }
+        }
+        const boxes = graphNodes.map((n) => {
+            const p = pos.get(n.id);
+            const sel = n.id === selected;
+            if (n.isLoop)
+                return loopBoxSvg(n, p.x, p.y, sel);
+            return `<g class="v3r-node st-${n.status}${sel ? ' sel' : ''}" data-node="${esc(n.id)}">
+        <rect class="v3r-box" x="${p.x}" y="${p.y}" width="${NW}" height="${PLAIN_H}" rx="10"/>
+        <rect class="v3r-bar" x="${p.x}" y="${p.y + 8}" width="3" height="${PLAIN_H - 16}" rx="1.5"/>
+        <text class="v3r-nid" x="${p.x + 14}" y="${p.y + 20}">${esc(trunc(n.id, 18))}</text>
+        <text class="v3r-nstatus" x="${p.x + 14}" y="${p.y + 37}">${NODE_LABEL[n.status]}</text>
+      </g>`;
+        });
+        graphEl.innerHTML = `<svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}" style="display:block">
+      <defs><marker id="v3arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
+        <path d="M0,0 L10,5 L0,10 z" fill="var(--faint, #8b98aa)"/></marker></defs>
+      ${edges.join('')}${boxes.join('')}
+    </svg>`;
+        for (const g of graphEl.querySelectorAll('[data-node]')) {
+            g.addEventListener('click', () => select(g.getAttribute('data-node')));
+        }
+    }
+    async function poll() {
+        if (disposed || document.hidden)
+            return;
+        try {
+            const r = await fetch(`/api/v3/runs/${encodeURIComponent(runId)}`);
+            if (!r.ok) {
+                // Legacy fallback: old v2 detail links are #/workflows/<v2-run-id>, a URL
+                // that now routes to v3 detail. If this id is actually a v2 run, bounce to
+                // the legacy page so already-sent cards/bookmarks still open. Probe once.
+                if (r.status === 404 && !triedV2Fallback) {
+                    triedV2Fallback = true;
+                    try {
+                        const v2 = await fetch(`/api/workflows/runs/${encodeURIComponent(runId)}/snapshot`);
+                        if (v2.ok && !disposed) {
+                            window.location.replace(legacyWorkflowDetailHash(runId, location.hash.split('?')[1]));
+                            return;
+                        }
+                    }
+                    catch { /* fall through to not-found */ }
+                }
+                if (!disposed)
+                    runStatusEl.textContent = r.status === 404 ? 'not found' : `HTTP ${r.status}`;
+                return;
+            }
+            const view = (await r.json());
+            if (disposed)
+                return;
+            lastView = view;
+            runStatusEl.textContent = view.runStatus;
+            runStatusEl.className = `v3r-pill rs-${view.runStatus}`;
+            if (selected === null && view.nodes.length)
+                selected = view.nodes[0].id;
+            renderGraph(view);
+            renderPanel();
+            // Stop polling once the run is terminal (one final render already done).
+            if (isTerminalRunStatus(view.runStatus)) {
+                if (timer !== null)
+                    window.clearTimeout(timer);
+                timer = null;
+                return;
+            }
+        }
+        catch {
+            /* transient — next tick retries */
+        }
+    }
+    function loop() {
+        if (disposed)
+            return;
+        void poll().then(() => { if (!disposed && !isTerminalRunStatus(lastView?.runStatus))
+            timer = window.setTimeout(loop, POLL_MS); });
+    }
+    loop();
+    return () => { disposed = true; if (timer !== null)
+        window.clearTimeout(timer); };
+}
+/** Longest-path depth from a root (no-deps node) — the node's graph column. */
+function computeDepth(nodes) {
+    const byId = new Map(nodes.map((n) => [n.id, n]));
+    const memo = new Map();
+    const visiting = new Set();
+    function depth(id) {
+        if (memo.has(id))
+            return memo.get(id);
+        if (visiting.has(id))
+            return 0; // defensive: dag is acyclic, but never loop
+        visiting.add(id);
+        const n = byId.get(id);
+        const deps = (n?.depends ?? []).filter((d) => byId.has(d));
+        const d = deps.length ? 1 + Math.max(...deps.map(depth)) : 0;
+        visiting.delete(id);
+        memo.set(id, d);
+        return d;
+    }
+    for (const n of nodes)
+        depth(n.id);
+    return memo;
+}
+function trunc(s, n) {
+    return s.length > n ? s.slice(0, n - 1) + '…' : s;
+}
+//# sourceMappingURL=v3.js.map

package/dist/dashboard/web/v3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v3.js","sourceRoot":"","sources":["../../../src/dashboard/web/v3.ts"],"names":[],"mappings":"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"}

package/dist/dashboard/web/whiteboards.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"whiteboards.d.ts","sourceRoot":"","sources":["../../../src/dashboard/web/whiteboards.ts"],"names":[],"mappings":"AAmKA,wBAAsB,qBAAqB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAmB5E"}
+{"version":3,"file":"whiteboards.d.ts","sourceRoot":"","sources":["../../../src/dashboard/web/whiteboards.ts"],"names":[],"mappings":"AAmKA,wBAAsB,qBAAqB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CA2B5E"}

package/dist/dashboard/web/whiteboards.js

@@ -138,7 +138,16 @@ function pageHtml(enabled, rows, groupNames, selected) {
   </section>`;
 }
 export async function renderWhiteboardsPage(root) {
-    root.innerHTML = '<p class="empty">Loading whiteboards…</p>';
+    // 同步渲染一个稳定的宿主容器，三次 fetch 落地后只往这个「捕获到的子节点」里
+    // 写，绝不回写共享的 #root。这与其它异步页（overview/settings/skills）一致：
+    // 若用户在 fetch 期间切走，路由会用下一个页面替换 #root，本 host 随之脱离文档
+    // 树，迟到的写入落在已脱离的节点上（不可见），不会把白板的最终渲染状态盖到当前
+    // 页面上。快速「白板→他页→白板」也安全：每次渲染各自捕获一个 host，只有最新
+    // 那次的 host 仍挂在文档里，旧渲染只会写进自己那个已脱离的 host。
+    root.innerHTML = '<div data-whiteboards-host><p class="empty">Loading whiteboards…</p></div>';
+    const host = root.querySelector('[data-whiteboards-host]');
+    if (!host)
+        return;
     const selectedId = decodeURIComponent((location.hash.match(/^#\/whiteboards\/([^/]+)/)?.[1] ?? '').trim());
     try {
         const [whiteboardsRes, groupsRes] = await Promise.all([
@@ -151,12 +160,12 @@ export async function renderWhiteboardsPage(root) {
         const groupNames = await loadGroupNames(groupsRes);
         const rows = Array.isArray(body.whiteboards) ? body.whiteboards : [];
         const selected = selectedId ? await loadSelectedBoard(selectedId, rows) : undefined;
-        root.innerHTML = pageHtml(body.enabled === true, rows, groupNames, selected);
-        wireBoardSelection(root, rows, groupNames);
-        wireDelete(root, selectedId);
+        host.innerHTML = pageHtml(body.enabled === true, rows, groupNames, selected);
+        wireBoardSelection(host, rows, groupNames);
+        wireDelete(host, selectedId);
     }
     catch (err) {
-        root.innerHTML = `<section class="page"><p class="hint-warn">加载白板失败：${escapeHtml(err?.message ?? String(err))}</p></section>`;
+        host.innerHTML = `<section class="page"><p class="hint-warn">加载白板失败：${escapeHtml(err?.message ?? String(err))}</p></section>`;
     }
 }
 async function loadSelectedBoard(id, rows) {