@yangdcm/dsh-expert-team 1.1.0

package/client.js

@@ -0,0 +1,2473 @@
+// @yangdcm/dsh-expert-team — client half: a live team overlay panel + header button.
+//
+// Mirrors dsh-md-preview's proven wiring: a header button in
+// `conversation.session.header.actions` captures the session id into a module
+// store; the overlay registered into `shell.overlay` reads it via
+// useCurrentSession(). It fetches `/plugins/dsh-expert-team/state` every 3s and
+// renders: overall progress, phase stepper, roster (member model/status),
+// an interactive SVG task DAG, coverage matrix, and artifact preview.
+// Follows --dsw-alias-* theme vars.
+
+window.__ModuleLoader__.load({
+  id: '@yangdcm/dsh-expert-team',
+  factory: function (require) {
+    var module = { exports: {} }
+    var exports = module.exports
+    var react = require('react')
+    var useState = react.useState
+    var useEffect = react.useEffect
+    var useRef = react.useRef
+    var createElement = react.createElement
+    var Fragment = react.Fragment
+    var h = createElement
+
+    var CSS =
+      '.exp-panel{position:fixed;top:0;right:0;bottom:0;width:360px;max-width:100vw;display:flex;flex-direction:column;background:var(--dsw-alias-bg-base,var(--bg,#fff));border-left:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));box-shadow:-10px 0 32px rgba(0,0,0,.16);z-index:120;font-size:13px;color:var(--dsw-alias-label-primary,var(--text,#1f2328));font-family:-apple-system,"Segoe UI","PingFang SC",sans-serif}' +
+      '.exp-head{padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l1,var(--border,#d0d7de));background:linear-gradient(180deg,var(--dsw-alias-bg-module-platform,var(--bg-subtle,#f6f8fa)),var(--dsw-alias-bg-base,var(--bg,#fff)));display:flex;align-items:center;justify-content:space-between;flex:none}' +
+      '.exp-head.exp-grab{cursor:move;user-select:none}' +
+      '.exp-dock-handle{position:absolute;left:-2px;top:0;bottom:0;width:9px;cursor:col-resize;z-index:3;transition:background .12s}' +
+      '.exp-dock-handle::after{content:"";position:absolute;left:3px;top:0;bottom:0;width:2px;background:var(--dsw-alias-border-l2,var(--border,#d0d7de));opacity:.7}' +
+      '.exp-dock-handle:hover::after{background:var(--dsw-alias-state-business-primary,var(--accent,#0969da));opacity:.9;width:3px}' +
+      '.exp-panel.exp-float{left:auto;right:auto;border-radius:12px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));box-shadow:0 18px 48px rgba(0,0,0,.24)}' +
+      '.exp-title{font-weight:700;font-size:14px;color:var(--dsw-alias-label-primary,var(--text,#1f2328))}' +
+      '.exp-run{font-size:11px;color:var(--dsw-alias-label-secondary,var(--text,#57606a));font-family:ui-monospace,monospace;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}' +
+      '.exp-close{padding:3px 9px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:7px;background:var(--dsw-alias-bg-layer-3,var(--bg,#fff));cursor:pointer;font-size:12px}' +
+      '.exp-open{padding:5px 12px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:6px;background:var(--dsw-alias-bg-layer-3,var(--bg,#fff));color:var(--dsw-alias-label-primary,var(--text,#1f2328));cursor:pointer;font-size:12px}' +
+      '.exp-open:hover{background:var(--dsw-alias-bg-layer-2,var(--bg-subtle,#f6f8fa))}' +
+      // 头部状态徽章（与画布标签职责区分：徽章=状态+并排面板）
+      '.exp-live-badge{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}' +
+      '.exp-live-dot{width:7px;height:7px;border-radius:50%;background:var(--dsw-alias-border-l2,#c5ccd6);flex:none}' +
+      '.exp-live-dot.on{background:#22b07d;animation:exp-pulse 1.4s ease-in-out infinite}' +
+      '.exp-live-badge.run{border-color:#9db4ff;color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      '.exp-live-badge.run .exp-live-dot{background:#3b6ef5}' +
+      '.exp-live-badge.dec{border-color:#e0a83c;color:#8a6100;background:rgba(224,168,60,.10)}' +
+      '.exp-live-badge.dec .exp-live-dot{background:#e0a83c;animation:exp-pulse 1.4s ease-in-out infinite}' +
+      '.exp-live-badge.warn{border-color:#f0bcb6;color:#b3291e;background:rgba(179,41,30,.08)}' +
+      '.exp-live-badge.warn .exp-live-dot{background:#c62828}' +
+      '.exp-live-badge.done{border-color:#bfe6d5;color:#1a7f5a;background:rgba(34,176,125,.10)}' +
+      '.exp-live-badge.done .exp-live-dot{background:#22b07d}' +
+      '.exp-modehint{padding:7px 14px;font-size:11px;line-height:1.45;color:var(--dsw-alias-label-secondary,var(--text,#57606a));background:var(--dsw-alias-bg-layer-2,var(--bg-subtle,#f6f8fa));border-bottom:1px solid var(--dsw-alias-border-l1,var(--border,#eef1f5))}' +
+      // ── F1 计划草稿编辑器 ──
+      '.exp-plan{margin:0 0 10px;padding:10px 12px;border:1px solid var(--dsw-alias-state-business-primary,#0969da);border-radius:10px;background:linear-gradient(180deg,#f6f9ff,var(--dsw-alias-bg-layer-1,var(--bg,#fff)))}' +
+      '.exp-plan-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}' +
+      '.exp-plan-t{font-weight:700;font-size:12.5px;color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      '.exp-plan-msg{margin-left:auto;font-size:11px;font-weight:700;color:#1a7f5a}' +
+      '.exp-plan-roles{display:flex;flex-wrap:wrap;gap:6px;align-items:center}' +
+      '.exp-plan-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));background:var(--dsw-alias-bg-layer-3,var(--bg,#fff))}' +
+      '.exp-plan-add{font-size:11px;padding:2px 6px;border-radius:7px;border:1px dashed var(--dsw-alias-border-l2,var(--border,#d0d7de));background:transparent;color:var(--dsw-alias-label-secondary,#57606a)}' +
+      '.exp-plan-row{display:flex;gap:4px;align-items:center;margin:4px 0}' +
+      '.exp-plan-id{font-family:ui-monospace,Menlo,monospace;font-size:10px;color:var(--dsw-alias-label-secondary,#57606a);flex:none;width:42px;overflow:hidden;text-overflow:ellipsis}' +
+      '.exp-plan-in{flex:1;min-width:0;font-size:11.5px;padding:2px 6px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:6px;background:var(--dsw-alias-bg-layer-3,var(--bg,#fff));color:inherit}' +
+      '.exp-plan-sel{flex:none;width:74px;font-size:11px;padding:2px 4px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:6px;background:var(--dsw-alias-bg-layer-3,var(--bg,#fff));color:inherit}' +
+      '.exp-plan-dep{flex:none;width:62px;font-size:10.5px;padding:2px 5px;border:1px dashed var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:6px;background:transparent;color:inherit}' +
+      '.exp-plan-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}' +
+      '.exp-plan-b{font-size:11.5px;padding:3px 10px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:8px;background:var(--dsw-alias-bg-layer-3,var(--bg,#fff));color:inherit;cursor:pointer}' +
+      '.exp-plan-b.go{border-color:#22b07d;color:#1a7f5a;font-weight:700;background:rgba(34,176,125,.10)}' +
+      '.exp-plan-b.bad{border-color:#f0bcb6;color:#b3291e}' +
+      '.exp-plan-discarded{margin:0 0 10px;padding:8px 12px;border:1px dashed #e0a83c;border-radius:10px;font-size:11.5px;color:#8a6100;background:rgba(224,168,60,.10)}' +
+      '.exp-body{flex:1;overflow:auto;padding:12px 14px 20px}' +
+      '.exp-prog{height:8px;border-radius:5px;background:var(--dsw-alias-bg-layer-2,var(--bg-subtle,#eef1f5));overflow:hidden;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de))}' +
+      '.exp-prog-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#3b6ef5,#22b07d);transition:width .4s}' +
+      '.exp-meta{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--dsw-alias-label-secondary,var(--text,#57606a));margin:8px 0 4px}' +
+      '.exp-sec{margin:16px 0 7px;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--dsw-alias-label-secondary,var(--text,#57606a));text-transform:uppercase;display:flex;align-items:center;gap:8px}' +
+      '.exp-sec::after{content:"";flex:1;height:1px;background:var(--dsw-alias-border-l1,var(--border,#e6e8ec))}' +
+      '.exp-sec-col{cursor:pointer;user-select:none}' +
+      '.exp-sec-col:hover{color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      '.exp-chev{flex:none;font-size:10px;color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      '.exp-path{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:8px 0 0}' +
+      '.exp-path li{font-size:11px;padding:4px 10px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:14px;color:var(--dsw-alias-label-secondary,var(--text,#57606a));background:var(--dsw-alias-bg-layer-1,var(--bg,#fff))}' +
+      '.exp-path li.done{background:#eef4ff;border-color:#c8daff;color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      '.exp-path li.cur{background:linear-gradient(90deg,#3b6ef5,#2f5ad8);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(59,110,245,.35)}' +
+      '.exp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--dsw-alias-border-l1,var(--border,#eef1f5))}' +
+      '.exp-row.mem{flex-wrap:wrap;align-items:flex-start}' +
+      '.exp-mem-main{display:flex;align-items:center;gap:7px;flex:1;min-width:0}' +
+      '.exp-mem-name{font-weight:600}' +
+      '.exp-mem-sub{font-family:ui-monospace,monospace;font-size:10.5px;color:var(--dsw-alias-label-secondary,#57606a);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}' +
+      '.exp-mem-cur{width:100%;font-size:11px;color:var(--dsw-alias-state-business-primary,#0969da);margin-left:14px;margin-top:2px}' +
+      '.exp-legend{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 2px;font-size:10.5px;color:var(--dsw-alias-label-secondary,#57606a)}' +
+      '.exp-legend i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:4px}' +
+      '.exp-dot.running{animation:exp-pulse 1.4s ease-in-out infinite}' +
+      '@keyframes exp-pulse{0%,100%{opacity:1}50%{opacity:.4}}' +
+      '.exp-prog-fill{position:relative;overflow:hidden}' +
+      '.exp-prog-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:exp-shimmer 1.8s infinite}' +
+      '@keyframes exp-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}' +
+      '.exp-edge-run{stroke-dasharray:6 4;animation:exp-dash 1s linear infinite}' +
+      '@keyframes exp-dash{to{stroke-dashoffset:-20}}' +
+      '.exp-node-run{animation:exp-nodepulse 1.6s ease-in-out infinite}' +
+      '@keyframes exp-nodepulse{0%,100%{stroke-opacity:1}50%{stroke-opacity:.3}}' +
+      '.exp-live{width:7px;height:7px;border-radius:50%;background:#22b07d;animation:exp-pulse 1.4s infinite;display:inline-block;margin-right:6px}' +
+      '.exp-mem-run{position:relative;overflow:hidden}' +
+      '.exp-mem-run::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(59,110,245,.14),transparent);animation:exp-shimmer 1.8s infinite}' +
+      '.exp-row.task{cursor:pointer;border-radius:8px;padding:7px 6px}' +
+      '.exp-row.task:hover{background:var(--dsw-alias-interactive-bg-hover,var(--bg-subtle,#f6f8fa))}' +
+      '.exp-row.task.cur{background:linear-gradient(90deg,rgba(59,110,245,.09),transparent)}' +
+      '.exp-ava{width:26px;height:26px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:none;margin-right:7px}' +
+      '.exp-lead{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--dsw-alias-state-business-primary,#0969da);border-radius:10px;background:linear-gradient(90deg,#eef4ff,var(--dsw-alias-bg-layer-1,#fff));margin-bottom:8px}' +
+      '.exp-lead b{font-weight:700}' +
+      '.exp-panorama{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:8px;margin:6px 0}' +
+      '.exp-agent{border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:10px;padding:8px 10px;background:var(--dsw-alias-bg-layer-1,#fff)}' +
+      '.exp-agent-a{display:flex;align-items:center;gap:7px}' +
+      '.exp-agent-n{font-weight:600;font-size:12.5px}' +
+      '.exp-agent-r{font-size:11px;color:var(--dsw-alias-label-secondary,#57606a);margin-top:4px}' +
+      '.exp-agent-t{font-size:11px;color:var(--dsw-alias-label-primary,#1f2328);margin-top:4px}' +
+      '.exp-agent-off{opacity:.5}' +
+      '.exp-flow-note{font-size:11px;color:var(--dsw-alias-label-secondary,#57606a);margin:2px 0 6px}' +
+      '.exp-flow-row{display:flex;gap:6px;align-items:stretch;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}' +
+      '.exp-flow{flex:0 0 auto;min-width:168px;max-width:224px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:10px;padding:7px 9px;background:var(--dsw-alias-bg-layer-1,#fff);cursor:pointer}' +
+      '.exp-flow.cur{border-color:var(--dsw-alias-state-business-primary,#0969da);box-shadow:0 0 0 1px rgba(9,105,218,.25)}' +
+      '.exp-flow-a{display:flex;align-items:center;gap:6px;font-size:12px}' +
+      '.exp-flow-a b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:84px}' +
+      '.exp-flow-t{font-size:11.5px;margin:4px 0 5px;color:var(--dsw-alias-label-primary,#1f2328);line-height:1.4}' +
+      '.exp-flow-a2{align-self:center;color:var(--dsw-alias-label-secondary,#57606a);font-size:13px;flex:none;padding:0 1px}' +
+      '.exp-flow-sep{height:8px;margin:2px 0;border-left:2px dashed var(--dsw-alias-border-l2,var(--border,#d0d7de))}' +
+      '.exp-roster-strip{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 6px}' +
+      '.exp-roster-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:8px;padding:3px 7px;background:var(--dsw-alias-bg-layer-1,#fff)}' +
+      '.exp-roster-chip.exp-mem-run{border-color:#22b07d;box-shadow:0 0 0 1px rgba(34,176,125,.3)}' +
+      '.exp-codeidx{margin:2px 0 6px}' +
+      '.exp-search{width:100%;box-sizing:border-box;padding:6px 9px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:8px;background:var(--dsw-alias-bg-layer-1,#fff);font-size:12px;color:var(--dsw-alias-label-primary,#1f2328);outline:none}' +
+      '.exp-search:focus{border-color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      '.exp-qhits{margin-top:5px}' +
+      '.exp-qhit{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;padding:2px 0;color:var(--dsw-alias-label-primary,#1f2328);border-bottom:1px dashed var(--dsw-alias-border-l2,var(--border,#d0d7de))}' +
+      '.exp-feed{margin:6px 0;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:9px;background:var(--dsw-alias-bg-layer-2,#f6f8fa)}' +
+      '.exp-feed-h{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:12px;margin-bottom:4px}' +
+      '.exp-feed-x{border:none;background:none;cursor:pointer;color:var(--dsw-alias-label-secondary,#57606a);font-size:12px}' +
+      '.exp-feed-i{display:flex;gap:6px;padding:2px 0;align-items:baseline;flex-wrap:wrap}' +
+      '.exp-feed-t{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--dsw-alias-label-secondary,#57606a);flex:none}' +
+      '.exp-feed-l{font-size:11.5px;color:var(--dsw-alias-label-primary,#1f2328)}' +
+      '.exp-feed-p{font-size:10.5px;color:var(--dsw-alias-label-secondary,#57606a);width:100%;margin-left:66px;white-space:pre-wrap;word-break:break-all}' +
+      '.exp-toggle{font-size:11px;padding:2px 9px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:7px;cursor:pointer;background:var(--dsw-alias-bg-layer-3,#fff)}' +
+      '.exp-role{font-size:10px;padding:1px 6px;border-radius:8px;background:rgba(90,130,240,.12);color:var(--dsw-alias-state-business-primary,#0969da);border:1px solid var(--dsw-alias-border-l2,#d0d7de);white-space:nowrap}' +
+      '.exp-muted{color:var(--dsw-alias-label-secondary,var(--text,#57606a));font-size:11.5px}' +
+      '.exp-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}' +
+      '.exp-badge{font-size:10.5px;padding:1px 7px;border-radius:9px;background:var(--dsw-alias-bg-layer-2,var(--bg-subtle,#f0f2f4));border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));color:var(--dsw-alias-label-secondary,var(--text,#57606a));white-space:nowrap}' +
+      '.exp-badge.v-pass{color:#19713a;border-color:#b7e0c2;background:#ecf7ef}' +
+      '.exp-badge.v-fail{color:#b3291e;border-color:#f0bcb6;background:#fdeeed}' +
+      '.exp-badge.v-rev{color:#8a5a00;border-color:#f0d79a;background:#fff6e3}' +
+      '.exp-badge.st-pending{color:#57606a;border-color:#d0d7de;background:#f6f8fa}' +
+      '.exp-badge.st-claimed{color:#8a5a00;border-color:#f0d79a;background:#fff6e3}' +
+      '.exp-badge.st-progress{color:#0969da;border-color:#a8c7f5;background:#e9f2fe}' +
+      '.exp-badge.st-done{color:#19713a;border-color:#b7e0c2;background:#ecf7ef}' +
+      '.exp-badge.st-rework{color:#a34a00;border-color:#f3c9a0;background:#fff1e0}' +
+      '.exp-badge.st-failed{color:#b3291e;border-color:#f0bcb6;background:#fdeeed}' +
+      '.exp-badge.st-blocked{color:#6f5c00;border-color:#e3d488;background:#faf6e0}' +
+      '.exp-badge.st-cancelled{color:#57606a;border-color:#d0d7de;background:#eceff1}' +
+      '.exp-dag{overflow:auto;margin:4px 0;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:10px;background:var(--dsw-alias-bg-layer-1,var(--bg,#fff))}' +
+      '.exp-node{cursor:pointer}' +
+      '.exp-node:hover .exp-node-bg{stroke:var(--dsw-alias-state-business-primary,#0969da);stroke-width:1.5}' +
+      '.exp-node-bg{transition:stroke .12s}' +
+      // 底部状态带：运行中流光（"动态的"）；状态变更时整卡闪两下
+      '.exp-node-bar{transition:fill .2s}' +
+      '.exp-node-bar-run{animation:exp-bar-shimmer 1.6s linear infinite}' +
+      '@keyframes exp-bar-shimmer{0%{fill-opacity:1}50%{fill-opacity:.6}100%{fill-opacity:1}}' +
+      '.exp-node-flash{animation:exp-node-flash 1.1s ease-out 2}' +
+      '@keyframes exp-node-flash{0%{stroke-width:4;stroke-opacity:1}60%{stroke-width:4;stroke-opacity:.45}100%{stroke-width:1.6;stroke-opacity:1}}' +
+      '.exp-node-status{pointer-events:none}' +
+      '.exp-legend-item{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:8px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));background:var(--dsw-alias-bg-layer-1,var(--bg,#fff))}' +
+      '.exp-legend-item b{font-variant-numeric:tabular-nums}' +
+      '.exp-legend-item.zero{opacity:.55}' +
+      '.exp-legend-item.live{border-color:#9db4ff;box-shadow:0 0 0 2px rgba(59,110,245,.10);animation:exp-pulse 1.6s ease-in-out infinite}' +
+      '.exp-sub{font-size:9.5px;font-family:ui-monospace,monospace;fill:var(--dsw-alias-label-secondary,#57606a)}' +
+      '.exp-art{display:inline-block;padding:3px 9px;margin:3px 4px 0 0;font-size:11px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:7px;cursor:pointer;background:var(--dsw-alias-bg-layer-1,var(--bg,#fff));transition:border-color .12s}' +
+      '.exp-art:hover{background:var(--dsw-alias-interactive-bg-hover,var(--bg-subtle,#f6f8fa));border-color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      '.exp-detail{margin-top:8px;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:9px;background:var(--dsw-alias-bg-layer-1,var(--bg,#fff));font-size:12px}' +
+      '.exp-detail h4{margin:0 0 6px;font-size:12.5px}' +
+      '.exp-kv{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:11.5px;margin:4px 0}' +
+      '.exp-kv b{color:var(--dsw-alias-label-secondary,var(--text,#57606a));font-weight:500}' +
+      '.exp-detail-who{display:flex;align-items:center;gap:6px;font-size:12px;margin:2px 0 6px}' +
+      '.exp-task-op{display:flex;gap:6px;margin:2px 0 6px}' +
+      '.exp-op-btn{font-size:11px;padding:2px 10px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:8px;background:var(--dsw-alias-bg-layer-3,#fff);cursor:pointer;color:var(--dsw-alias-label-primary,#1f2328)}' +
+      '.exp-op-btn.bad{color:#b3291e;border-color:#f0bcb6}' +
+      '.exp-fileview{margin-top:5px}' +
+      '.exp-fileview-h{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--dsw-alias-label-secondary,#57606a);margin-bottom:2px}' +
+      '.exp-tabs{display:flex;gap:6px;align-items:center;margin:6px 0 8px;border-bottom:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));padding-bottom:4px}' +
+      '.exp-tab{font-size:12px;padding:3px 12px;border-radius:8px;cursor:pointer;color:var(--dsw-alias-label-primary,#1f2328);opacity:.72}' +
+      '.exp-tab.on{opacity:1;font-weight:600;background:var(--dsw-alias-state-business-primary,#0969da);color:#fff}' +
+      '.exp-viol-badge{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:9px;background:#c62828;color:#fff;cursor:pointer;font-weight:600}' +
+      '.exp-viol-list{margin:2px 0 6px;font-size:11.5px}' +
+      '.exp-viol-list div{padding:2px 0;color:#b3291e}' +
+      '.exp-board-row{display:flex;gap:6px;align-items:baseline;padding:5px 6px;border-bottom:1px dashed var(--dsw-alias-border-l2,var(--border,#d0d7de));cursor:pointer}' +
+      '.exp-board-t{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--dsw-alias-label-secondary,#57606a);flex:none}' +
+      '.exp-board-n{font-size:11.5px;font-weight:600;color:var(--dsw-alias-label-primary,#1f2328);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}' +
+      '.exp-detail-sec{border-top:1px dashed var(--dsw-alias-border-l2,var(--border,#d0d7de));margin-top:8px;padding-top:6px}' +
+      '.exp-detail-sec b{font-size:11px;color:var(--dsw-alias-label-secondary,#57606a);font-weight:600}' +
+      '.exp-doing{font-size:11.5px;margin-top:3px;color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      '.exp-files{margin-top:3px}' +
+      '.exp-file{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:var(--dsw-alias-label-primary,#1f2328);padding:1px 0}' +
+      '.exp-log{margin:4px 0 0;padding:6px 8px;background:var(--dsw-alias-bg-layer-2,#f6f8fa);border-radius:6px;font-size:10.5px;line-height:1.5;white-space:pre-wrap;word-break:break-all;max-height:140px;overflow:auto;color:var(--dsw-alias-label-primary,#1f2328)}' +
+      '.exp-findings{margin:6px 0 0;padding-left:16px;font-size:11.5px}' +
+      '.exp-findings li{margin:2px 0}' +
+      '.exp-preview{margin-top:10px;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:9px;background:var(--dsw-alias-bg-layer-1,var(--bg,#fff));font-size:12px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;max-height:330px;overflow:auto}' +
+      '.exp-empty{color:var(--dsw-alias-label-secondary,var(--text,#57606a));font-size:12px;padding:8px 0}' +
+      '.exp-err{color:#b3291e;font-size:12px;padding:8px 0}' +
+      '.exp-viol{color:#fff;background:linear-gradient(90deg,#c62828,#e53935);font-size:12px;font-weight:600;padding:7px 10px;border-radius:8px;margin:0 0 8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}' +
+      '.exp-decision{margin:8px 0;padding:12px 14px;border:1px solid var(--dsw-alias-state-business-primary,#0969da);border-radius:10px;background:linear-gradient(180deg,#f6f9ff,var(--dsw-alias-bg-layer-1,#fff))}' +
+      '.exp-decision-title{font-weight:700;font-size:13px;color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      '.exp-opt{padding:5px 12px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:8px;background:var(--dsw-alias-bg-layer-3,var(--bg,#fff));cursor:pointer;font-size:12px;color:var(--dsw-alias-label-primary,#1f2328)}' +
+      '.exp-opt:hover{border-color:var(--dsw-alias-state-business-primary,#0969da);color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      // ── 对话流角色化工具卡（tool.call.toolview 注册）──
+      '.et-tc{margin:6px 0;padding:9px 12px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:10px;background:linear-gradient(180deg,var(--dsw-alias-bg-module-platform,var(--bg-subtle,#f6f8fa)),var(--dsw-alias-bg-layer-1,var(--bg,#fff)));font-size:12.5px;color:var(--dsw-alias-label-primary,#1f2328)}' +
+      '.et-tc.run{border-color:#9db4ff;box-shadow:0 0 0 3px rgba(59,110,245,.08);animation:et-tc-pulse 1.6s ease-in-out infinite}' +
+      '.et-tc.err{border-color:#f0bcb6;background:linear-gradient(180deg,#fff5f4,var(--dsw-alias-bg-layer-1,var(--bg,#fff)))}' +
+      '@keyframes et-tc-pulse{0%,100%{box-shadow:0 0 0 3px rgba(59,110,245,.08)}50%{box-shadow:0 0 0 6px rgba(59,110,245,.16)}}' +
+      '.et-tc-h{display:flex;align-items:center;gap:7px}' +
+      '.et-tc-ava{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:rgba(120,140,255,.14);border:1px solid rgba(140,160,255,.3);flex:none}' +
+      '.et-tc-nm{font-weight:700}' +
+      '.et-tc-duty{font-size:11px;color:var(--dsw-alias-label-secondary,#57606a)}' +
+      '.et-tc-st{margin-left:auto;font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:8px;white-space:nowrap;color:#3b6ef5;background:rgba(59,110,245,.1)}' +
+      '.et-tc-st.done{color:#22b07d;background:rgba(34,176,125,.12)}' +
+      '.et-tc-st.e{color:#b3291e;background:rgba(179,41,30,.1)}' +
+      '.et-tc-t{margin:6px 0 3px;font-weight:600;line-height:1.45}' +
+      '.et-tc-f{font-size:11.5px;color:var(--dsw-alias-label-secondary,#57606a);line-height:1.5;word-break:break-all}' +
+      '.et-tc-b{display:flex;gap:6px;margin-top:7px}' +
+      '.et-tc-b button{font-size:11px;padding:2px 10px;border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:7px;background:var(--dsw-alias-bg-layer-3,var(--bg,#fff));cursor:pointer;color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      // ── N5 嵌入式画布视图（conversation.view）──
+      '.exp-canvas{position:static;width:100%;height:100%;border-left:none;box-shadow:none;border-radius:0}' +
+      '.exp-canvas .exp-head{border-radius:0}' +
+      // ── N1 对话流团队动态胶囊 ──
+      '.exp-cap{position:fixed;z-index:118;top:64px;left:50%;transform:translateX(-50%);max-width:76vw;font-size:12px}' +
+      '.exp-cap-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:linear-gradient(180deg,#1f2937,#111827);color:#e6edff;border:1px solid rgba(140,160,255,.45);box-shadow:0 6px 18px rgba(0,0,0,.35);cursor:pointer;max-width:100%}' +
+      '.exp-cap-dot{width:8px;height:8px;border-radius:50%;background:#22b07d;animation:exp-pulse 1.4s ease-in-out infinite;flex:none}' +
+      '.exp-cap-tx{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}' +
+      '.exp-cap-panel{margin-top:6px;background:var(--dsw-alias-bg-base,var(--bg,#fff));border:1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de));border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.28);padding:6px 8px;max-height:320px;overflow:auto}' +
+      '.exp-cap-row{display:flex;gap:8px;align-items:baseline;padding:5px 6px;font-size:12px;color:var(--dsw-alias-label-primary,#1f2328);border-bottom:1px dashed var(--dsw-alias-border-l1,#eef1f5)}' +
+      '.exp-cap-row.cur{font-weight:700}' +
+      '.exp-cap-ic{flex:none}' +
+      '.exp-cap-t{margin-left:auto;font-family:ui-monospace,monospace;font-size:10px;color:var(--dsw-alias-label-secondary,#57606a)}' +
+      '.exp-cap-foot{padding:7px 6px 3px;text-align:right}' +
+      '.exp-cap-foot button{font-size:11.5px;padding:3px 12px;border:1px solid var(--dsw-alias-state-business-primary,#0969da);border-radius:8px;background:transparent;color:var(--dsw-alias-state-business-primary,#0969da);cursor:pointer}' +
+      // ── N2 待拍板横幅（composer 接管）──
+      '.exp-decbar{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:6px 12px;border:1px solid var(--dsw-alias-state-business-primary,#0969da);border-radius:12px;background:linear-gradient(180deg,#f6f9ff,var(--dsw-alias-bg-layer-1,#fff));box-shadow:0 4px 14px rgba(59,110,245,.14)}' +
+      '.exp-decbar-ic{font-size:18px;flex:none}' +
+      '.exp-decbar-t{font-weight:700;font-size:13px;color:var(--dsw-alias-state-business-primary,#0969da)}' +
+      '.exp-decbar-p{font-size:12px;color:var(--dsw-alias-label-secondary,#57606a);margin-top:2px}' +
+      // ── 任务人员流转（波次带）样式：来自 UI.md §4.2（.etv-*，主题变量 + 深色覆写，零依赖）──
+      '/* ── 任务人员流转：竖直时间轴 + 波次带 ── */\n.etv-root{display:block;position:relative;padding:2px 0 4px}\n.etv-note{font-size:11px;color:var(--dsw-alias-label-secondary);margin:2px 0 8px;display:flex;align-items:center;gap:6px}\n.etv-wide-btn{margin-left:auto;font-size:10.5px;padding:1px 8px;border-radius:7px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:inherit;cursor:pointer}\n.etv-wave{position:relative;margin:0 0 var(--etv-wave-gap);border-radius:0 8px 8px 0}\n.etv-wave.cur{background:rgba(65,118,230,.055);border-left:2px solid var(--dsw-alias-state-business-primary)}\n.etv-wave-h{display:flex;align-items:center;gap:6px;height:22px;padding-left:var(--etv-indent);font-size:11.5px;font-weight:600;cursor:default}\n.etv-wave.collapsed .etv-wave-h{cursor:pointer}\n.etv-wave-no{display:inline-flex;align-items:center;justify-content:center;height:16px;min-width:16px;padding:0 5px;border-radius:8px;font-size:10px;font-weight:700;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums}\n.etv-wave.cur .etv-wave-no{background:var(--dsw-alias-state-business-primary);color:#fff}\n.etv-time{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums}\n.etv-delta{font-size:10px;color:var(--dsw-alias-label-tertiary)}\n.etv-wave-n{font-size:10.5px;color:var(--dsw-alias-label-tertiary)}\n.etv-wave-sum{margin-left:auto;font-size:10.5px;color:var(--dsw-alias-label-tertiary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.etv-cards{display:flex;flex-wrap:wrap;gap:var(--etv-gap);padding:6px 0 2px var(--etv-indent)}\n.etv-scroll{overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}\n.etv-scroll .etv-cards{flex-wrap:nowrap}\n.etv-card{flex:1 1 var(--etv-card-min);min-width:0;max-width:100%;box-sizing:border-box;border:1.4px solid var(--etv-idle);border-radius:9px;background:var(--dsw-alias-bg-layer-1);padding:6px 8px 6px 7px;min-height:56px;cursor:pointer;position:relative;transition:border-color .12s,background .12s}\n.etv-card:hover{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-interactive-bg-hover)}\n.etv-card.sel{background:var(--dsw-alias-state-business-tertiary);box-shadow:0 0 0 1px var(--dsw-alias-state-business-primary)}\n.etv-card.run{border-color:var(--etv-run);border-width:2px;background:rgba(59,110,245,.08)}\n.etv-card.done{border-color:var(--etv-ok);background:rgba(34,176,125,.10)}\n.etv-card.rework{border-color:var(--etv-rework);border-style:dashed;background:rgba(217,119,6,.10)}\n.etv-card.failed{border-color:var(--etv-fail);background:rgba(192,57,43,.09)}\n.etv-card.more{align-items:center;justify-content:center;display:flex;border-style:dashed;color:var(--dsw-alias-label-secondary);font-size:11.5px}\n.etv-card.tiny{min-height:40px}\n.etv-card.tiny .etv-task{display:none}\n.etv-card-h{display:flex;align-items:center;gap:5px;min-width:0}\n.etv-card .exp-ava{width:18px;height:18px;font-size:10px;margin-right:0;flex:none}\n.etv-role{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}\n.etv-who{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--dsw-alias-label-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}\n.etv-task{margin-top:3px;font-size:11px;line-height:1.35;color:var(--dsw-alias-label-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n.etv-card-f{display:flex;align-items:center;gap:6px;margin-top:5px;height:16px}\n.etv-dot{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block}\n.etv-dot.run{animation:exp-pulse 1.4s ease-in-out infinite}\n.etv-dot.hollow{background:transparent!important;border:1.5px solid var(--etv-idle)}\n.etv-dur{margin-left:auto;font-family:ui-monospace,Menlo,monospace;font-size:10px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums}\n.etv-rework-tag{position:absolute;top:-7px;left:6px;font-size:9.5px;line-height:14px;padding:0 5px;border-radius:7px;background:var(--dsw-alias-state-warn-tertiary,#fff7ea);border:1px solid #f3c9a0;color:#a34a00}\n.etv-rail{position:absolute;left:0;top:0;bottom:0;width:16px;pointer-events:none}\n.etv-rail-i{position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--etv-line)}\n.etv-rail-n{position:absolute;left:3px;width:10px;height:10px;border-radius:50%;border:2px solid var(--dsw-alias-bg-layer-1);box-sizing:content-box}\n.etv-handoff{stroke:#8aa8e8;stroke-width:1.4;fill:none}\n.etv-rework-link{stroke:var(--etv-rework);stroke-width:1.5;stroke-dasharray:4 3;fill:none}\n.etv-para{font-size:10px;color:var(--dsw-alias-label-tertiary);margin-left:2px}\n.etv-group{border:1px dashed var(--dsw-alias-border-l2);border-radius:9px;padding:6px 8px;margin:0 0 var(--etv-gap) var(--etv-indent);background:var(--dsw-alias-bg-module-platform)}\n/* ── 深色主题覆写（零依赖：prefers-color-scheme 兜底；若 shell 在根节点暴露主题标记，优先用它） ── */\n@media (prefers-color-scheme:dark){\n  .exp-panel{--etv-run:#679efe;--etv-ok:#4ed17e;--etv-rework:#f7ad31;--etv-fail:#ff7b7b;--etv-idle:#adb2b8;\n             --etv-text-ok:#4ed17e;--etv-text-run:#679efe;--etv-text-rework:#f7ad31}\n  .etv-handoff{stroke:#679efe}\n  .etv-rework-tag{background:#3a2c14;border-color:#7a5a22;color:#f7ad31}\n  .etv-degrade.warn{background:rgba(247,173,49,.12);color:#f7ad31}\n  .etv-degrade.info{color:#9dc0ff}\n  .etv-wave.cur{background:rgba(103,158,254,.10)}\n}\n/* ── 无障碍：减少动效 ── */\n@media (prefers-reduced-motion:reduce){.etv-dot.run,.etv-skel{animation:none!important}}'
+
+      // lead 微调（UI.md 基线之上）：360px 两列时 8px 间距偏挤 → 10px；卡更高一点；分组区更松
+      + '.etv-cards{gap:10px}.etv-card{min-height:58px}.etv-group{padding:8px 10px 4px}'
+      // SVG 树（照抄目标形态）：曲线 + 节点卡，全部用主题变量，深色自动适配
+      + '.etv-graph{overflow-x:auto;margin:2px 0 6px;padding-bottom:2px}'
+      + '.etv-curve{fill:none;stroke:#8aa8e8;stroke-width:1.4;opacity:.85}'
+      // 依赖边是视觉主角（真实 DAG），委派边降权成虚线
+      + '.etv-dep-edge{fill:none;stroke:#5b8def;stroke-width:1.4;opacity:.95;stroke-linecap:round}'
+      + '.etv-g-node{fill:var(--dsw-alias-bg-layer-1);stroke:var(--dsw-alias-border-l2);stroke-width:1.4}'
+      + '.etv-g-node.run{stroke:var(--etv-run);stroke-width:2}'
+      + '.etv-g-node.failed{stroke:var(--etv-fail);stroke-width:2;stroke-dasharray:5 3}'
+      + '.etv-g-node.crit{stroke:var(--etv-ok);stroke-width:2}'
+      + '.etv-g-node.lead{stroke:var(--etv-lead);stroke-width:1.6}'
+      + '.etv-link{position:relative;height:16px;margin-left:var(--etv-indent)}.etv-link i{position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--etv-line)}.etv-link b{position:absolute;left:1.5px;bottom:-2px;font-size:9px;line-height:1;color:var(--dsw-alias-label-tertiary)}.etv-list{position:relative;margin:2px 0 6px var(--etv-indent);padding-left:16px}.etv-list-i{position:absolute;left:0;top:0;bottom:14px;width:2px;background:var(--etv-line)}.etv-row{position:relative;margin:0 0 10px}.etv-row::before{content:"";position:absolute;left:-16px;top:28px;width:14px;height:2px;background:var(--etv-line)}.etv-row::after{content:"";position:absolute;left:-19px;top:25px;width:6px;height:6px;border-radius:50%;background:var(--etv-line)}'
+    // ── session store (mirrors dsh-md-preview) ──
+    var currentSessionId = null
+    var open = false // default collapsed so the panel never auto-blocks the workspace; open via the「专家团」header button
+    var listeners = new Set()
+    function notify() { listeners.forEach(function (f) { try { f() } catch (e) {} }) }
+    function setCurrentSession(sid) { if (currentSessionId === sid) return; currentSessionId = sid; notify() }
+    function setOpen() { open = !open; notify() }
+    function subscribe(f) { listeners.add(f); return function () { listeners.delete(f) } }
+    function useExternal(getValue) { var s = useState(getValue()); useEffect(function () { return subscribe(function () { s[1](getValue()) }) }, []); return s[0] }
+    /** 对话流 workflow 卡是否已回退到 dsh 原生（localStorage 开关，刷新生效）。 */
+    function nativeWfOn() { try { return window.localStorage.getItem('et-native-workflow') === '1' } catch (e) { return false } }
+    function useCurrentSession() { return useExternal(function () { return currentSessionId }) }
+    function useOpen() { return useExternal(function () { return open }) }
+    // 切换开关必须**订阅**才可见：旧写法在渲染时直接调 nativeWfOn()，而 notify() 触发的一批
+    // setState 值全都没变 ⇒ React 直接 bail out ⇒ 标签不翻转，点击看起来「没反应」。
+    function useNativeWf() { return useExternal(nativeWfOn) }
+
+    // ── panel dock / drag state (memory like dsh-md-preview) ──
+    function loadLS(key, def) { try { var v = window.localStorage.getItem(key); return v ? JSON.parse(v) : def } catch (e) { return def } }
+    function saveLS(key, v) { try { window.localStorage.setItem(key, JSON.stringify(v)) } catch (e) {} }
+    var dockState = loadLS('et-dock', true)
+    var panelPos = loadLS('et-pos', { x: 0, y: 0 })
+    var panelWidth = loadLS('et-width', 360)
+    function clampW(w) { return Math.max(280, Math.min(640, w)) }
+    function setDock(v) { if (dockState === v) return; dockState = v; if (!v) { panelPos = { x: ((window && window.innerWidth) || 1280) - panelWidth, y: 80 }; saveLS('et-pos', panelPos) } saveLS('et-dock', dockState); notify() }
+    function setPanelPos(x, y) { panelPos = { x: x, y: y }; saveLS('et-pos', panelPos); notify() }
+    /**
+     * 任务点击 → 把团队面板**停靠到右侧**并展开，用右栏展示该任务详情，而不是停在浮动浮层里。
+     * 停靠态由 shell frame 让位（见 Panel 的 paddingRight 副作用），因此是真正的右侧并排栏。
+     * 直接置位 open（setOpen() 是 toggle 语义，会误关已打开的面板）。
+     */
+    function focusPanelRight() {
+      try {
+        var changed = false
+        if (dockState !== true) { dockState = true; saveLS('et-dock', true); changed = true }
+        if (!open) { open = true; changed = true }
+        if (changed) notify()
+      } catch (e) {}
+    }
+    function setPanelWidth(w) { panelWidth = clampW(w); saveLS('et-width', panelWidth); notify() }
+
+    /**
+     * ── 对话流卡片 → 右侧面板的「聚焦意图」通道 ──
+     * 对话里的角色卡/任务卡被点击时**不跳新页面、不切视图**：只写一条意图并把面板停靠到右侧，
+     * 由常驻的 Panel 消费该意图、选中对应角色的进行中任务 —— 详情就渲染在右栏。
+     * 用自增 seq 做去重，避免轮询重渲染时重复应用同一条意图。
+     */
+    var focusIntent = null
+    var focusSeq = 0
+    function requestFocus(v) { focusSeq += 1; focusIntent = Object.assign({ seq: focusSeq }, v || {}); notify() }
+    function useFocusIntent() { return useExternal(function () { return focusIntent }) }
+
+    // ── 波次聚类（SPEC §2.3 纯函数，可单测）──────────────────────────────
+    // 主轴 = 时间波次：同波内 createdAt 相差 ≤ WAVE_GAP_MS，视为"同一批派工"（实证同波 Δ≤1ms、
+    // 波间 ≥60s，故 1500ms 切分零歧义：13 人 → 7 波）。**不臆造**：createdAt 缺失的人进 untimed，
+    // 绝不按数组顺序/阶段/依赖去伪造批次。
+    var WAVE_GAP_MS = 1500
+    var MAX_WAVES = 12
+    function buildWaves(people, gapMs) {
+      var gap = typeof gapMs === 'number' && gapMs > 0 ? gapMs : WAVE_GAP_MS
+      var timed = [], untimed = []
+      ;(people || []).forEach(function (p) {
+        if (p && typeof p.createdAt === 'number' && p.createdAt > 0) timed.push(p)
+        else if (p) untimed.push(p)
+      })
+      timed.sort(function (a, b) { return (a.createdAt - b.createdAt) || String(a.id || '').localeCompare(String(b.id || '')) })
+      var waves = []
+      timed.forEach(function (p) {
+        var last = waves[waves.length - 1]
+        if (last && p.createdAt - last.startAt <= gap) last.members.push(p)
+        else waves.push({ index: waves.length + 1, startAt: p.createdAt, members: [p] })
+      })
+      // 精修（仅当有 parentId）：派生 ≠ 并列 —— 父在同波时，把子挪到下一波（实证 047765b8）
+      if (waves.length && timed.some(function (p) { return p && p.parentId })) {
+        var moved = true, guard = 0
+        while (moved && guard++ < 8) {
+          moved = false
+          for (var wi = 0; wi < waves.length; wi++) {
+            var w = waves[wi]
+            var keep = [], spill = []
+            w.members.forEach(function (p) {
+              var sameWaveParent = p.parentId && w.members.some(function (q) { return q.id && String(q.id) === String(p.parentId) })
+              if (sameWaveParent) { spill.push(p); moved = true } else keep.push(p)
+            })
+            if (spill.length) {
+              w.members = keep
+              if (!waves[wi + 1]) waves.push({ index: wi + 2, startAt: spill[0].createdAt, members: [] })
+              waves[wi + 1].members = waves[wi + 1].members.concat(spill)
+            }
+          }
+          waves = waves.filter(function (w) { return w.members.length })
+        }
+      }
+      waves.forEach(function (w, i) { w.index = i + 1 })
+      // 上限：> MAX_WAVES 时把尾部并入最后一波
+      var merged = 0
+      if (waves.length > MAX_WAVES) {
+        var tail = waves.slice(MAX_WAVES - 1)
+        tail.forEach(function (w) { merged += w.members.length })
+        waves = waves.slice(0, MAX_WAVES - 1)
+        waves.push({ index: MAX_WAVES, startAt: tail.length ? tail[0].startAt : 0, members: tail.reduce(function (a, w) { return a.concat(w.members) }, []), merged: merged })
+      }
+      var base = waves.length ? waves[0].startAt : 0
+      return { waves: waves, untimed: untimed, base: base, gap: gap }
+    }
+
+    /**
+     * 补全成员的 `createdAt` —— **全景图的分层依据**（纯函数，便于单测）。
+     *
+     * 为什么需要：分层唯一依据是 `createdAt`，而 **workflow 派生的子代理没有会话 header**，
+     * host 只能拿到 0。实测本会话 30 个子代理**全部**为 0 ⇒ `buildWaves` 判为
+     * 「无创建时间记录，无法分批」⇒ 全景图退化成一条竖直列表（用户看到的就是这个）。
+     *
+     * 两源，按可信度降级，并**回报用了哪一源**（UI 必须如实标注，不得把推断当事实）：
+     *   ① `header` —— host 从子会话 header 读到的真实时刻（最准）
+     *   ② `event`  —— 父会话事件流 `tool-workflow/agent-start` 的**真实墙钟时间**
+     *                 （实测同一次扇出内 Δ≤1ms、扇出之间 ~25s，正好是 buildWaves 的切分粒度）
+     * 两源都拿不到 ⇒ 保持 `createdAt: 0` 走既有的「无时间戳」降级路径，
+     * **刻意不按数组下标合成时间戳**：那会把"不知道"伪装成"知道"。
+     *
+     * 顺带把 workflow 归属与**逐子代理结算态**挂上，供画布画"同一次扇出"的边、
+     * 并把"被中断、从未结算"的节点标红（而不是让它永远转圈）。
+     */
+    function enrichPeopleTiming(people, wfChildren) {
+      var meta = (wfChildren && typeof wfChildren === 'object' && !Array.isArray(wfChildren)) ? wfChildren : {}
+      var out = [], used = { header: 0, event: 0, none: 0 }
+      ;(people || []).forEach(function (p) {
+        if (!p) return
+        var q = { id: p.id, role: p.role, label: p.label, activity: p.activity, model: p.model,
+          lastEventAt: p.lastEventAt, parentId: p.parentId, depth: p.depth, projected: p.projected }
+        var m = meta[String(p.id || '')] || null
+        var t = (typeof p.createdAt === 'number' && p.createdAt > 0) ? p.createdAt : 0
+        if (t) { q.createdAt = t; q.timeSource = 'header'; used.header += 1 }
+        else if (m && typeof m.startedAt === 'number' && m.startedAt > 0) { q.createdAt = m.startedAt; q.timeSource = 'event'; used.event += 1 }
+        else { q.createdAt = 0; q.timeSource = 'none'; used.none += 1 }
+        if (m) {
+          q.runId = String(m.runId || '')
+          q.wfPhase = String(m.phase || '')
+          q.wfLabel = String(m.label || '')
+          q.settled = m.settled === true
+          q.outcome = String(m.outcome || '')
+        }
+        out.push(q)
+      })
+      return { people: out, used: used }
+    }
+
+    /**
+     * 对话流 workflow 卡把「阶段 → 成员」结构发到这里，面板据此画**任务人员流转图**：
+     * 列 = 阶段（真实阶段顺序，来自 dsh 的 workflow-run 节点），卡 = 人（按角色聚合）。
+     * 只有 workflow 卡渲染过才会有数据；没有时面板退回"依赖层"分列。
+     */
+    var wfPhaseStore = { name: '', phases: null, sig: '' }
+    function publishWfPhases(name, phases) {
+      var sig = ''
+      try {
+        sig = JSON.stringify([name, (phases || []).map(function (p) { return [p.key, (p.members || []).map(function (m) { return [m.childId, m.label, m.status] })] })])
+      } catch (e) { sig = 'x' + Date.now() }
+      if (sig === wfPhaseStore.sig) return
+      wfPhaseStore = { name: name, phases: phases, sig: sig }
+      notify()
+    }
+    function useWfPhases() { return useExternal(function () { return wfPhaseStore }) }
+    function useDocked() { return useExternal(function () { return dockState }) }
+    function usePanelPos() { return useExternal(function () { return panelPos }) }
+    function usePanelWidth() { return useExternal(function () { return panelWidth }) }
+
+    // ── i18n: follow the shell's document lang (zh/en) ──
+    function detectLang() { try { var l = (document.documentElement.lang || '').toLowerCase(); return l.indexOf('zh') === 0 ? 'zh' : 'en' } catch (e) { return 'zh' } }
+    var langListeners = new Set()
+    var langNow = detectLang()
+    function notifyLang() { langNow = detectLang(); langListeners.forEach(function (f) { try { f() } catch (e) {} }) }
+    if (typeof MutationObserver !== 'undefined') { try { new MutationObserver(notifyLang).observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] }) } catch (e) {} }
+    function useLang() { var s = useState(detectLang()); useEffect(function () { function on() { s[1](detectLang()) } langListeners.add(on); return function () { langListeners.delete(on) } }, []); return s[0] }
+    function t(zh, en) { return langNow === 'en' ? en : zh }
+
+    function startResize(e, curW) {
+      var startX = e.clientX, baseW = curW
+      function onMove(ev) { setPanelWidth(baseW - (ev.clientX - startX)) }
+      function onUp() { if (window.removeEventListener) { window.removeEventListener('mousemove', onMove); window.removeEventListener('mouseup', onUp) } }
+      if (window.addEventListener) { window.addEventListener('mousemove', onMove); window.addEventListener('mouseup', onUp) }
+      if (e.preventDefault) e.preventDefault()
+    }
+    function startDrag(e, curDock, curPos) {
+      if (curDock) return
+      var startX = e.clientX, startY = e.clientY, baseX = curPos.x, baseY = curPos.y
+      function onMove(ev) { setPanelPos(baseX + (ev.clientX - startX), baseY + (ev.clientY - startY)) }
+      function onUp() { if (window.removeEventListener) { window.removeEventListener('mousemove', onMove); window.removeEventListener('mouseup', onUp) } }
+      if (window.addEventListener) { window.addEventListener('mousemove', onMove); window.addEventListener('mouseup', onUp) }
+      if (e.preventDefault) e.preventDefault()
+    }
+
+    // Text is rendered by React as a text node, so React already escapes it.
+    // Escaping here as well produced DOUBLE-escaped text on screen: a live-feed
+    // line such as `cat x.yml; echo "=== dirs ===";` showed literal `&quot;`.
+    // Kept as the identity (all call sites document "this is text, not markup";
+    // there is no innerHTML/dangerouslySetInnerHTML anywhere in this client).
+    function esc(s) { return String(s == null ? '' : s) }
+    function basename(p) { var i = String(p).lastIndexOf('/'); return i >= 0 ? String(p).slice(i + 1) : String(p) }
+
+    var PHASES = ['clarify', 'research', 'design', 'spec-review', '方案确认', 'implement', 'review', 'test', 'deliver']
+    var PHASE_ZH = { clarify: '澄清', research: '调研', design: '设计', 'spec-review': '规格评审', '方案确认': '方案确认', implement: '实现', review: '审查', test: '测试', deliver: '交付' }
+    function phaseLabel(p) { var zh = PHASE_ZH[p] || p; var en = { clarify: 'Clarify', research: 'Research', design: 'Design', 'spec-review': 'Spec Review', implement: 'Implement', review: 'Review', test: 'Test', deliver: 'Deliver' }[p] || p; return (p === '方案确认') ? (t('方案确认', 'Approve')) : (langNow === 'en' ? en : zh) }
+    var ARTIFACT = ['SPEC', 'PLAN', 'RESEARCH', 'REVIEW-SPEC', 'REVIEW', 'TEST', 'SUMMARY', 'RETRO', 'TASK', '任务看板']
+    var FINAL = ['completed', 'done', 'cancelled', 'failed']
+    var ST_COLOR = { pending: '#9aa4b2', claimed: '#e0a83c', in_progress: '#3b6ef5', done: '#22b07d', rework: '#e05f45', blocked: '#8a6d00', failed: '#c0392b', cancelled: '#8a94a3', completed: '#22b07d' }
+    function stColor(s) { return ST_COLOR[s] || '#9aa4b2' }
+    function stBadgeCls(s) { return { pending: 'st-pending', claimed: 'st-claimed', in_progress: 'st-progress', done: 'st-done', completed: 'st-done', rework: 'st-rework', failed: 'st-failed', blocked: 'st-blocked', cancelled: 'st-cancelled' }[s] || '' }
+    /**
+     * 状态元数据（纯函数）：节点状态带 / 图例 / 描边都从这里取，保证"同一状态一个口径"。
+     * 用户 2026-09-11 报障「状态给一个明显的展示，动态的」—— 此前节点上只有一个 4px 圆点，
+     * 状态文字只存在于顶部图例里，看图得靠颜色猜。
+     * @returns {key,label,color,tint,icon,active}
+     */
+    var DAG_STATUS_ORDER = ['pending', 'claimed', 'in_progress', 'done', 'rework', 'failed', 'blocked']
+    // color = 描边/色条/图例点；band = 底部状态带底色（浅色状态单独加深，白字才够对比度）
+    var DAG_STATUS_META = {
+      pending: { color: '#9aa4b2', band: '#6f7b87', tint: '#ffffff', icon: '●' },
+      claimed: { color: '#d9a13a', band: '#b5811f', tint: '#fffaf0', icon: '◆' },
+      in_progress: { color: '#3b6ef5', band: '#2f5fd8', tint: '#f4f8ff', icon: '▶' },
+      done: { color: '#22b07d', band: '#1c9268', tint: '#f2fbf7', icon: '✔' },  // completed 见下方归一
+      rework: { color: '#e05f45', band: '#c74a30', tint: '#fff8f1', icon: '↻' },
+      failed: { color: '#c0392b', band: '#a52c20', tint: '#fdf3f2', icon: '✕' },
+      blocked: { color: '#8a6d00', band: '#6f5700', tint: '#fffdf2', icon: '■' },
+      cancelled: { color: '#8a94a3', band: '#6d7885', tint: '#f7f8f9', icon: '⊘' },
+    }
+    function dagStatusMeta(status) {
+      // completed 是 done 的别名：归一，避免同一个状态出现"完成/已完成"两种标签
+      var raw = (status === 'completed') ? 'done' : (DAG_STATUS_META[status] ? String(status) : 'pending')
+      var key = raw
+      var m = DAG_STATUS_META[key]
+      return { key: key, label: stLabel(key), color: m.color, band: m.band || m.color, tint: m.tint, icon: m.icon, active: (key === 'in_progress' || key === 'claimed') }
+    }
+    /** 图例顺序（pending 在前、blocked 在后；claimed 与 in_progress 分开，因为"已领取"是真实中间态）。 */
+    function dagStatusOrder() { return DAG_STATUS_ORDER.slice() }
+    /** 各状态任务数（图例上的实时计数）；completed 合并到 done。 */
+    function dagStatusCounts(tasks) {
+      var out = {}
+      ;(Array.isArray(tasks) ? tasks : []).forEach(function (t) {
+        var k = dagStatusMeta(t && t.status).key
+        if (k === 'completed') k = 'done'
+        out[k] = (out[k] || 0) + 1
+      })
+      return out
+    }
+    /**
+     * 状态**变更**检测（纯函数）：返回"刚刚变化、值得闪一下"的任务 id。
+     * 为什么要它：面板每 2.5s 轮询，状态是**跳变**的；不闪的话用户盯着图也看不出刚才是谁
+     * 从"待开始"变成"进行中"、谁完成了（用户要的"动态的"）。
+     * 首次见到某任务只登记、不闪烁（否则打开面板时满屏乱闪）。
+     * @param tasks - 当前任务数组
+     * @param now - 当前时刻（ms；显式传入便于测试）
+     * @param windowMs - 变更后保持闪烁的时长（默认 1500ms）
+     * @param prev - 上一次的 snapshot（不传则视为首次）
+     * @returns {flash:{id:true}, snapshot:{id:{status,at}}}
+     */
+    function dagStatusFlash(tasks, now, windowMs, prev) {
+      var t0 = Number(now) || 0
+      var win = Number(windowMs) > 0 ? Number(windowMs) : 1500
+      var before = (prev && typeof prev === 'object') ? prev : {}
+      var snap = {}, flash = {}
+      ;(Array.isArray(tasks) ? tasks : []).forEach(function (t) {
+        var id = String((t && t.id) || ''); if (!id) return
+        var st = String((t && t.status) || '')
+        var old = before[id]
+        if (old === undefined) { snap[id] = { status: st, at: 0 }; return }
+        if (old.status !== st) { snap[id] = { status: st, at: t0 }; flash[id] = true; return }
+        var at = Number(old.at) || 0
+        snap[id] = { status: st, at: at }
+        if (at && t0 - at <= win) flash[id] = true
+      })
+      return { flash: flash, snapshot: snap }
+    }
+    /** 本轮 dagSvg 渲染要闪烁的 id 与状态快照（由 dagSvg 内部刷新）。 */
+    var DAG_FLASH = {}
+    var DAG_STATUS_SNAP = {}
+
+    function stLabel(s) { var m = { pending: ['待开始', 'Pending'], claimed: ['已领取', 'Claimed'], in_progress: ['进行中', 'In progress'], done: ['已完成', 'Done'], rework: ['待返工', 'Rework'], blocked: ['受阻', 'Blocked'], failed: ['失败', 'Failed'], cancelled: ['取消', 'Cancelled'], completed: ['完成', 'Complete'] }[s]; return m ? (langNow === 'en' ? m[1] : m[0]) : s }
+    // run 级状态（STATE.json 的 status）——与任务状态分开，running/complete/…
+    var STATUS_ZH = { running: ['进行中', 'running'], complete: ['已完成', 'complete'], completed: ['已完成', 'completed'], done: ['已完成', 'done'], failed: ['失败', 'failed'], cancelled: ['已取消', 'cancelled'], canceled: ['已取消', 'canceled'], idle: ['空闲', 'idle'], paused: ['已暂停', 'paused'], blocked: ['受阻', 'blocked'], draft: ['草稿', 'draft'] }
+    function statusLabel(s) { if (s == null || s === '') return ''; var m = STATUS_ZH[s]; return m ? (langNow === 'en' ? m[1] : m[0]) : String(s) }
+    // 任务类型（TASKS.json 的 kind）——必须覆盖 host 的 KIND_ZH 全部键，否则面板会漏出英文 id
+    var KIND_ZH = { work: ['任务', 'work'], requirements: ['需求', 'requirements'], research: ['调研', 'research'], design: ['设计', 'design'], implementation: ['编码实现', 'implementation'], verification: ['验证测试', 'verification'], review: ['代码审查', 'review'], repair: ['返工修复', 'repair'], integration: ['集成', 'integration'], quality: ['质量自检', 'quality'], docs: ['文档', 'docs'], security: ['安全审计', 'security'], data: ['数据', 'data'], test: ['测试', 'test'] }
+    function kindLabel(k) { var m = KIND_ZH[k]; return m ? (langNow === 'en' ? m[1] : m[0]) : (k || t('任务', 'work')) }
+    // 裁决（verdict）
+    var VERDICT_ZH = { pass: ['通过', 'pass'], approved: ['已通过', 'approved'], needs_revision: ['需修订', 'needs-revision'], reject: ['驳回', 'reject'], rejected: ['驳回', 'rejected'], fail: ['未通过', 'fail'], failed: ['未通过', 'failed'], pending: ['待判定', 'pending'], none: ['—', '—'] }
+    function verdictLabel(v) { var m = VERDICT_ZH[v]; return m ? (langNow === 'en' ? m[1] : m[0]) : String(v == null ? '' : v) }
+    var ROLE_LABEL = { pm: ['产品', 'PM'], architect: ['架构', 'Arch'], researcher: ['调研员', 'Research'], ui: ['UI 设计师', 'UI Design'], backend: ['后端', 'Backend'], frontend: ['前端', 'Frontend'], dba: ['数据工程师', 'Data'], sec: ['安全审计员', 'Security'], reviewer: ['评审员', 'Review'], qa: ['测试员', 'QA'], devops: ['运维', 'DevOps'], docs: ['文档工程师', 'Docs'] }
+    function roleLabel(r) { var m = ROLE_LABEL[r]; return m ? (langNow === 'en' ? m[1] : m[0]) : r }
+    /**
+     * 文本 → 角色（纯函数，便于单测）。镜像 host 侧 SUB_ROLE_WORDS 的关键词序：
+     * 动态角色在前（「产品分析」与「产品经理」会重叠）。
+     *
+     * 为什么要它：workflow 派生的子代理在 host 侧常解析不出角色（descriptor label 为空、
+     * 子会话日志经 seam 读不到），于是面板如实把它们列为「未匹配到角色」（用户实测看到 22 个）。
+     * 但对话流 workflow 卡上每个成员是有 label 的（publishWfPhases 收了 m.label），
+     * 那里通常带着角色线索 —— 这就是补解析的来源。
+     */
+    var WF_ROLE_WORDS = [
+      ['competitive-analyst', ['competitive', '竞品', '对标']],
+      ['product-analyst', ['product-analyst', '产品分析', '收益成本', '差距分析']],
+      ['pm', ['pm', '产品经理', '澄清', '起草', 'ultra spec', '需求', '规格']],
+      ['architect', ['architect', '架构', 'chief', '接口契约']],
+      ['researcher', ['research', '调研', '研究员', 'researcher', 'investigate', '现状']],
+      ['backend', ['backend', '后端']],
+      ['dba', ['dba', '数据', 'sql', 'ddl', '迁移', 'database', '表结构']],
+      ['frontend', ['frontend', '前端', 'uni-app', 'uniapp']],
+      ['ui', ['ui', '视觉', '界面', '走查', '设计', 'designer', 'design']],
+      ['reviewer', ['review', '评审', '审查']],
+      // '重测'/'test': workflow legs are labelled 「[重测] test-2 …」「[终局重测] test-3 …」;
+      // neither contains 测试, so without these every verification leg stayed role-less.
+      // Keep in sync with SUB_ROLE_WORDS in lib/command.js.
+      ['qa', ['qa', '测试', '重测', 'test', '验证']],
+      ['sec', ['sec', '安全', '越权', '注入', '渗透', 'security']],
+      ['devops', ['devops', '部署', '构建', 'cicd', '环境', '运维', '发布']],
+      ['docs', ['docs', '文档', 'readme', '手册']],
+    ]
+    /**
+     * 规范中文角色标签 → 角色 id（2026-09-11 起 prompt 与派工 label 用中文标签）。
+     * **必须与 host 侧 `lib/command.js` 的 `ROLE_LABELS_ZH` 保持同步**：两边解析同一批
+     * `【产品经理】…` / `[测试员] 任务` 文本，任一侧漏掉就会让浮层把成员列成「未匹配到角色」。
+     * 取值 = 浮层显示名（本文件 `ROLE_TOOL` 的 nm），避免同一角色两套叫法。
+     */
+    var ROLE_LABELS_ZH = { '产品经理': 'pm', '架构师': 'architect', '研究员': 'researcher', 'ui设计师': 'ui', '后端工程师': 'backend', '前端工程师': 'frontend', '数据工程师': 'dba', '安全审计员': 'sec', '审查官': 'reviewer', '测试员': 'qa', '运维': 'devops', '文档工程师': 'docs', '竞品分析师': 'competitive-analyst', '产品分析员': 'product-analyst', 'UI 验证专家': 'ui-verifier', '故障诊断工程师': 'debugger' }
+    /** 标签归一：去空白（含全角空格）与大小写 ⇒ `UI 设计师` / `ui设计师` 等价。 */
+    function roleLabelKey(s) { return String(s == null ? '' : s).replace(/[\s\u3000]+/g, '').toLowerCase() }
+    /**
+     * 档位中文标签（G 线档位徽标用）。
+     * **必须与 host 侧 `lib/tier.js` 的 `TIER_LABELS_ZH` 逐字一致** —— client 是
+     * `__ModuleLoader__` 工厂、不能 import，所以又是一份"搬不动的副本"；
+     * `tier-badge.test.mjs` 会拿两侧的值逐字比对（缺一项就红）。
+     */
+    var TIER_LABELS_ZH = { quick: '快速档', standard: '标准档', strict: '严格档' }
+    /**
+     * 档位徽标：认得的档位返回 `🎚快速档`，**认不出/缺省一律返回空串**。
+     * 为什么认不出要空而不是退回原值：把 `涡轮档`、`undefined`、`1` 直接画到面板上
+     * 比"不显示"更糟 —— 那是把脏数据当事实展示（与 host 侧 `normalizeTier` 拒绝非法值同一纪律）。
+     */
+    function tierBadge(tier) {
+      var key = String(tier == null ? '' : tier).trim().toLowerCase()
+      return Object.prototype.hasOwnProperty.call(TIER_LABELS_ZH, key) ? ('🎚' + TIER_LABELS_ZH[key]) : ''
+    }
+    function roleFromText(text) {
+      var hay = String(text || '')
+      if (!hay) return ''
+      var low = hay.toLowerCase()
+      // ① 英文 id 写在括号/【】里（历史写法）：`（researcher，一次性）` / `【researcher】…`
+      var m = low.match(/[（(【[]\s*([a-z][a-z0-9-]{1,24})\s*[，,、)）】\]]/)
+      if (m && m[1]) return m[1]
+      // ② 中文标签（2026-09-11 起主用写法）：`【产品经理】…`。**只有精确命中标签表才算角色**
+      //    —— 自由散文里的括号（「（非实验性）」）仍然被拒绝。
+      var zh = hay.match(/[（(【[]\s*([^，,、()（）【】\[\]]{1,32}?)\s*[，,、)）】\]]/)
+      if (zh) { var hit = ROLE_LABELS_ZH[roleLabelKey(zh[1])]; if (hit) return hit }
+      // ③ 关键词兜底（表序先命中先赢；动态角色在前）
+      for (var i = 0; i < WF_ROLE_WORDS.length; i++) {
+        var role = WF_ROLE_WORDS[i][0], words = WF_ROLE_WORDS[i][1]
+        for (var j = 0; j < words.length; j++) if (low.indexOf(words[j]) >= 0) return role
+      }
+      return ''
+    }
+
+    /**
+     * 活子代理 → 角色 的三源合并（纯函数，便于单测）：
+     *   ① members[role].id   —— host enrichMembers 的权威绑定（lead 回写 STATE.members 时最准）
+     *   ② agents[].role      —— host 按 label / 括号角色 id / 首条 prompt 三级推断的结果
+     *   ③ workflow 卡成员 label —— ② 拿不到时的兜底（卡上有 label 而子代理 descriptor 没有）
+     * @returns {byRole, byId, matched, unmatched, dispatched, wfRole}
+     */
+    function resolveAgentRoles(members, roles, agentsLive, wfPhases) {
+      // 加固：本函数在**面板渲染路径**上，任何字段形状不符都**不得抛错**（否则整个浮层白屏）。
+      // 全部入口先做 Array.isArray / typeof 归一化。
+      var agentList = Array.isArray(agentsLive) ? agentsLive : []
+      var roleList = Array.isArray(roles) ? roles : []
+      var memMap = (members && typeof members === 'object' && !Array.isArray(members)) ? members : {}
+      var phaseList = (wfPhases && Array.isArray(wfPhases.phases)) ? wfPhases.phases : []
+      var byId = {}
+      agentList.forEach(function (a) { if (a && a.id) byId[String(a.id)] = a })
+      var wfRole = {}
+      phaseList.forEach(function (p) {
+        var mem = (p && Array.isArray(p.members)) ? p.members : []
+        mem.forEach(function (mm) {
+          var cid = mm && mm.childId
+          if (!cid) return
+          var r = roleFromText(mm.label)
+          if (r && !wfRole[String(cid)]) wfRole[String(cid)] = r
+        })
+      })
+      var byRole = {}, matched = {}, dispatched = 0
+      roleList.forEach(function (r) {
+        var mm2 = memMap[r]
+        if (mm2 && typeof mm2 === 'object' && mm2.id) { byRole[r] = String(mm2.id); matched[String(mm2.id)] = 1; dispatched += 1; return }
+        // 排除**已被认领**的 agent，避免同一 agent 被两个角色同时选中
+        var a2 = agentList.filter(function (x) { return x && x.role && String(x.role) === String(r) && !matched[String(x.id)] })[0]
+        if (a2) { byRole[r] = String(a2.id); matched[String(a2.id)] = 1; dispatched += 1; return }
+        var cid2 = Object.keys(wfRole).filter(function (c) { return wfRole[c] === String(r) && !matched[c] && byId[c] })[0]
+        if (cid2) { byRole[r] = cid2; matched[cid2] = 1; dispatched += 1 }
+      })
+      var unmatched = agentList.filter(function (a) { return a && a.id && !matched[String(a.id)] })
+      // 「没被匹配」≠「解析不出角色」：一个角色在面板上只展示 1 个成员，而同一角色常被派工
+      // 多次（实测本会话 30 个活子代理 / 14 个角色 ⇒ 必然有一大批"多余的同角色 leg"）。
+      // 把它们说成"未能解析出角色"是错的，分开统计。
+      var roleless = unmatched.filter(function (a) { return !(a && a.role) })
+      var extraByRole = {}
+      unmatched.forEach(function (a) { if (a && a.role) extraByRole[a.role] = (extraByRole[a.role] || 0) + 1 })
+      return { byRole: byRole, byId: byId, matched: matched, unmatched: unmatched, roleless: roleless, extraByRole: extraByRole, dispatched: dispatched, wfRole: wfRole }
+    }
+
+    // ── 对话流角色化工具卡：为每个 subagent_<role> 工具注册 tool.call.toolview ──
+    // 用户在主对话流直接看到「派 XX 调研」的编排动作（运行中/完成状态卡片）。
+    var ROLE_TOOL = {
+      subagent_pm: ['👨‍💼', '产品经理', '需求澄清 · Ultra Spec'],
+      subagent_architect: ['🏗️', '架构师', '接口契约 · 技术选型'],
+      subagent_researcher: ['🔎', '研究员', '项目调研 · 竞品分析'],
+      subagent_ui: ['🎨', 'UI 设计师', '设计规范 · 交互稿'],
+      subagent_backend: ['🖥️', '后端工程师', '后端实现'],
+      subagent_frontend: ['💻', '前端工程师', '前端实现'],
+      subagent_dba: ['🗄️', '数据工程师', '数据契约 · 迁移'],
+      subagent_sec: ['🛡️', '安全审计员', '权限 · 越权 · 注入'],
+      subagent_reviewer: ['🕵️', '审查官', '代码审查 · 验收质量'],
+      subagent_qa: ['🧪', '测试员', '用例 · 回归验证'],
+      subagent_devops: ['🚀', '运维', '构建 · 部署 · CI'],
+      subagent_docs: ['📖', '文档工程师', '手册 · README · API']
+    }
+    /**
+     * 角色卡状态判定（纯函数；`tool-card-status.test.mjs` 抽源码直测 + 变异验证）。
+     *
+     * 为什么单独抽出来：`settled`（工具调用已返回）**不等于**任务完成。可继续委派
+     * （`backgroundMode: continuable`）下 `subagent_<role>` 几乎立刻返回
+     * `started subagent <id>`（dsh-tool-subagent 实测文本），而子代理随后仍在跑 ——
+     * 旧实现拿 `settled` 当完成标记，于是**正在运行的任务卡显示 ✅完成**
+     * （用户 2026-09-11 报障：卡上 ✅完成，同一角色在子代理列表里 3分39秒 · 正在运行）。
+     *
+     * 判据：① 工具调用在飞（有 `callId` 且无 `kind`）⇒ 进行中；② 调用已返回、结果里带
+     * 子代理 id、且该 id 在 `/state` 的 `data.agents` 里仍 `activity === 'running'` ⇒ 进行中。
+     * 拿不到 id 或 id 已不在活子代理里 ⇒ 按调用结果结算（✅完成 / ❌失败），与旧行为一致。
+     *
+     * @param block - 工具调用块（`{kind, callId, isError}`）
+     * @param out - 结算文本（可继续委派为 `started subagent <id>`）
+     * @param liveAgents - `/state` 的 `data.agents`（`[{id, activity, ...}]`），可为 null
+     * @returns `{settled, running, isErr, isRunning, childId, liveAgent, statusText}`
+     */
+    function roleCardState(block, out, liveAgents) {
+      var b = block || {}
+      var settled = b.kind === 'tool-result'
+      var inFlight = !!b.callId && !b.kind
+      var isErr = settled && !!b.isError
+      var text = String(out == null ? '' : out)
+      var childId = ''
+      if (settled) {
+        var m = /started (?:background )?subagent (?:job )?([0-9a-z-]{8,})/i.exec(text)
+        if (m) childId = m[1]
+      }
+      var liveAgent = null
+      if (childId && Array.isArray(liveAgents)) {
+        for (var i = 0; i < liveAgents.length; i++) {
+          var a = liveAgents[i]
+          if (a && String(a.id) === childId) { liveAgent = a; break }
+        }
+      }
+      var liveRunning = !!liveAgent && String(liveAgent.activity || '') === 'running'
+      var isRunning = inFlight || liveRunning
+      return {
+        settled: settled, running: inFlight, isErr: isErr, isRunning: isRunning,
+        childId: childId, liveAgent: liveAgent,
+        statusText: isRunning ? '⏳ 进行中' : (isErr ? '❌ 失败' : '✅ 完成')
+      }
+    }
+
+    function RoleToolView(props) {
+      var meta = ROLE_TOOL[(props && props.toolName) || ''] || [null, (props && props.toolName) || '成员', '']
+      var em = meta[0], nm = meta[1], duty = meta[2]
+      // 活子代理状态来自共享轮询（HeaderButton/LiveCapsule 同一份，单例；无订阅者即停）。
+      // 必须有会话 id 才认这份数据：否则宁可按旧口径结算，也不拿别的会话的状态下判断。
+      var sid = useCurrentSession()
+      var live = useLiveState(sid)
+      var block = (props && props.block) || {}
+      var argsRaw = block.argsRaw || (block.call && block.call.argsRaw) || ''
+      var label = '', prompt = ''
+      try {
+        var a = JSON.parse(argsRaw)
+        if (a && typeof a === 'object') { label = a.label || ''; prompt = String(a.prompt || a.task || a.message || '') }
+        else if (a) prompt = String(a)
+      } catch (e) { prompt = String(argsRaw).slice(0, 160) }
+      var out = ''
+      if (block.kind === 'tool-result' && Array.isArray(block.content)) {
+        out = block.content.map(function (c) { var t2 = (c && typeof c === 'object') ? (c.text || c.content || '') : String(c || ''); return t2 }).join(' ').replace(/\s+/g, ' ').trim()
+      }
+      // 状态判定：工具调用「已返回」≠「任务完成」（可继续委派下调用秒返、子代理仍在跑）。
+      var st = roleCardState(block, out, (sid && live && live.agents) ? live.agents : null)
+      // 子代理 id 一出现就立刻刷一次共享轮询：避免最长 2.5s 的「先 ✅完成、后跳 ⏳进行中」抖动。
+      useEffect(function () { if (st.childId) { try { liveTick() } catch (e) {} } }, [st.childId])
+      // 点卡片本体 → 不跳页面、不切视图：把该角色的任务详情渲染到**右侧面板**。
+      var roleId = String((props && props.toolName) || '').replace(/^subagent[_-]?/, '')
+      function focusRight(e) {
+        try {
+          if (e && e.stopPropagation) e.stopPropagation()
+          requestFocus({ kind: 'role', role: roleId })
+          focusPanelRight()
+        } catch (err) {}
+      }
+      return h('div', { className: 'et-tc' + (st.isRunning ? ' run' : '') + (st.isErr ? ' err' : ''), onClick: focusRight, title: t('点击在右侧面板查看该角色任务详情', 'Click to open this role\u2019s task detail in the right panel') },
+        h('div', { className: 'et-tc-h' },
+          h('span', { className: 'et-tc-ava' }, em || '🤖'),
+          h('span', { className: 'et-tc-nm' }, esc(nm)),
+          h('span', { className: 'et-tc-duty' }, esc(duty)),
+          h('span', { className: 'et-tc-st' + (st.isRunning ? '' : (st.isErr ? ' e' : ' done')) }, esc(st.statusText))),
+        // 名称（label）**不截断**：它是这张卡「谁在干什么」的身份，截了用户就认不出来
+        // （用户 2026-09-11 报障）。只有 prompt 预览按显示宽度截断，且截断处**补省略号**
+        // （clipText：CJK 记 2 单位）—— 旧实现 `String(prompt).slice(0, 90)` 是硬切且无省略号，
+        // 句子断在半截，看起来正是「名称没有显示完」。
+        (label || prompt) ? h('div', { className: 'et-tc-t' }, esc(label ? String(label) + (prompt ? ' — ' + clipText(prompt, 120) : '') : clipText(prompt, 200))) : null,
+        st.settled ? h('div', { className: 'et-tc-f' }, esc(
+          st.isRunning && st.childId ? t('⏳ 子代理运行中 · ', '⏳ subagent running · ') + st.childId + t('（点「调用详情」看实时状态）', ' (open call detail for live status)')
+            : st.childId ? t('✅ 子代理已结算 · ', '✅ subagent settled · ') + st.childId
+              : clipText(out || t('· 已完成（展开调用查看结果）', '· done (expand to view)'), 200))) : null,
+        h('div', { className: 'et-tc-b' },
+          h('button', { onClick: function (e) { try { if (e && e.stopPropagation) e.stopPropagation(); if (!open) { dockState = true; saveLS('et-dock', true); notify(); setOpen() } } catch (err) {} } }, esc('🧑‍🔬 团队浮层')),
+          props && props.inspect ? h('button', { onClick: function (e) { try { if (e && e.stopPropagation) e.stopPropagation(); props.inspect() } catch (err) {} } }, esc('🔍 调用详情')) : null))
+    }
+
+    // ── 对话流 workflow 运行卡（接管 dsh 原生 `conversation.chat.node` / key=workflow-run）──
+    // 为什么接管：dsh 原生卡把成员行硬接成 `ctx.sessions.open(childId)`（打开新标签页），
+    // 且它的 `openSession` 来自该条目自己的 inject —— 外部无法只替换点击行为；
+    // renderer 的规则是「每个 slot cell 取 order 最小的存活条目」，所以本插件用 order:-1
+    // 成为该 cell 的赢家，渲染同构的卡但把点击改为「保留当前对话页 + 右侧面板看实时细节」。
+    // 可逆：localStorage['et-native-workflow']='1' 时不注册（回退原生卡，刷新生效）。
+    var WF_STATUS_ZH = { running: ['运行中', 'running'], completed: ['已完成', 'completed'], failed: ['失败', 'failed'], cancelled: ['已取消', 'cancelled'], interrupted: ['已中断', 'interrupted'], pending: ['等待', 'pending'], queued: ['排队', 'queued'], paused: ['已暂停', 'paused'] }
+    function wfStatusLabel(s) { var m = WF_STATUS_ZH[s]; return m ? (langNow === 'en' ? m[1] : m[0]) : String(s || '') }
+    function wfDotColor(s) { return s === 'running' ? '#0969da' : s === 'completed' ? '#1a7f37' : (s === 'failed' || s === 'interrupted') ? '#cf222e' : '#9aa4b2' }
+    function wfPhases(node) {
+      var out = []
+      var phases = (node && node.data && Array.isArray(node.data.phases)) ? node.data.phases : []
+      for (var i = 0; i < phases.length; i++) {
+        var ph = phases[i] || {}
+        out.push({ key: String(ph.key || ph.name || ('#' + (i + 1))), members: Array.isArray(ph.members) ? ph.members : [] })
+      }
+      return out
+    }
+    function WorkflowRunCard(props) {
+      useLang()
+      var node = (props && props.node) || {}
+      var data = (node && node.data) || {}
+      var phases = wfPhases(node)
+      var name = String(data.name || node.name || t('工作流运行', 'Workflow run'))
+      var status = String(data.status || '')
+      var total = 0, runningN = 0
+      phases.forEach(function (p) { p.members.forEach(function (m) { total += 1; if (m && m.status === 'running') runningN += 1 }) })
+      var oS = useState(true); var open = oS[0], setOpen = oS[1]
+      // 把阶段结构发给面板（effect 内发布，避免渲染期 notify）
+      useEffect(function () { publishWfPhases(name, phases) }, [node])
+      function focusMember(m) { try { requestFocus({ kind: 'agent', agentId: String(m.childId || ''), label: String(m.label || '') }); focusPanelRight() } catch (e) {} }
+      var rows = []
+      phases.forEach(function (p) {
+        rows.push(h('div', { key: 'ph-' + p.key, style: { display: 'flex', alignItems: 'center', gap: 6, margin: '6px 0 2px', fontSize: 11.5, color: 'var(--dsw-alias-label-secondary,#57606a)' } },
+          h('span', null, '▸ ' + esc(p.key)), h('span', null, '· ' + p.members.length + t(' 个成员', ' members'))))
+        p.members.forEach(function (m, i) {
+          var lab = String((m && m.label) || '').trim() || (String((m && m.childId) || '').slice(0, 8) || t('（未命名）', '(unnamed)'))
+          rows.push(h('div', {
+            key: 'm-' + p.key + '-' + i,
+            onClick: function (e) { if (e && e.stopPropagation) e.stopPropagation(); focusMember(m) },
+            title: t('点击在右侧面板查看该成员实时细节（不跳转）', 'Click to inspect this member in the right panel (no navigation)'),
+            style: { display: 'flex', alignItems: 'center', gap: 8, padding: '5px 6px', borderTop: '1px dashed var(--dsw-alias-border-l1,#eef1f5)', cursor: 'pointer', fontSize: 12.5 }
+          },
+            h('span', { style: { width: 7, height: 7, borderRadius: '50%', background: wfDotColor(m && m.status), flex: 'none' } }),
+            h('span', { style: { flex: 1, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, esc(lab)),
+            h('span', { style: { flex: 'none', color: 'var(--dsw-alias-label-secondary,#57606a)', fontSize: 11.5 } }, esc(wfStatusLabel(m && m.status)))))
+        })
+      })
+      return h('div', { style: { margin: '6px 0', border: '1px solid var(--dsw-alias-border-l2,var(--border,#d0d7de))', borderRadius: 10, background: 'var(--dsw-alias-bg-layer-1,var(--bg,#fff))', fontSize: 12.5, color: 'var(--dsw-alias-label-primary,#1f2328)', overflow: 'hidden' } },
+        h('div', { onClick: function () { setOpen(!open) }, style: { display: 'flex', alignItems: 'center', gap: 8, padding: '8px 10px', cursor: 'pointer' } },
+          h('span', null, open ? '▾' : '▸'),
+          h('b', { style: { fontWeight: 600 } }, esc(name)),
+          h('span', { style: { color: 'var(--dsw-alias-label-secondary,#57606a)' } }, '· ' + total + t(' 个成员', ' members')),
+          h('span', { style: { marginLeft: 'auto', display: 'inline-flex', alignItems: 'center', gap: 5, color: 'var(--dsw-alias-label-secondary,#57606a)' } },
+            h('span', { style: { width: 7, height: 7, borderRadius: '50%', background: wfDotColor(status) } }),
+            esc(wfStatusLabel(status) + (runningN ? ' · ' + runningN + t(' 进行中', ' running') : '')))),
+        open ? h('div', { style: { padding: '0 10px 8px' } },
+          rows.length ? rows : h('div', { style: { color: 'var(--dsw-alias-label-secondary,#57606a)', padding: '4px 0' } }, t('（暂无成员）', '(no members)')),
+          h('div', { style: { marginTop: 6, fontSize: 11, color: 'var(--dsw-alias-label-secondary,#57606a)' } }, t('点击成员 → 右侧面板显示其实时细节（不跳页）', 'Click a member to inspect it in the right panel (no navigation)'))) : null)
+    }
+
+    // Normalize old/mixed-format task fields: verify/changedPaths/dependsOn/
+    // findings may be a STRING in legacy runs — always work with arrays.
+    function arrOf(v) { return Array.isArray(v) ? v : (v == null ? [] : [v]) }
+    function strOf(v) { return v == null ? '' : String(v) }
+
+    function verdictBadge(v) {
+      if (!v || v === 'pending' || v === 'none') return null
+      var cls = v === 'pass' ? 'v-pass' : (v === 'needs_revision' || v === 'reject' ? 'v-fail' : 'v-rev')
+      var label = verdictLabel(v)
+      return h('span', { className: 'exp-badge ' + cls }, esc(label))
+    }
+
+    // ── interactive SVG task DAG ──
+    var NODE_W = 168, NODE_H = 64, HGAP = 46, VGAP = 10
+
+    /**
+     * SVG 没有 CSS ellipsis：按显示宽度近似截断（CJK 记 2 个单位、其余记 1）。
+     * 用于把「任务标题」放进卡片可见行 —— 超宽就省略，绝不撑破节点。
+     */
+    function clipText(v, maxUnits) {
+      var str = String(v == null ? '' : v)
+      var used = 0, out = ''
+      for (var i = 0; i < str.length; i++) {
+        var ch = str.charAt(i)
+        var w = /[\u2e80-\u9fff\uff00-\uffef]/.test(ch) ? 2 : 1
+        if (used + w > maxUnits) return (out || str.charAt(0)) + '…'
+        used += w; out += ch
+      }
+      return out
+    }
+
+    /**
+     * 任务绑定推断（纯函数，便于单测与变异验证）。
+     *
+     * 背景：**真实 TASKS.json 不记录 agentId**，而早期实现只按 agentId 精确匹配
+     * ⇒ 面板里**每一个人都显示「未绑定任务」**（用户实测报障）。
+     *
+     * 两段式：
+     *   ① 权威：task.agentId === person.id（tasksLive 投影 / lead 回写时存在）
+     *   ② 推断：task.owner === person.role + **状态亲和**（在跑→in_progress/claimed；
+     *      已结束→completed/done），再按 round 取最近一轮。
+     * 推断命中的 id 写入 inferredOut，UI 据此用「~」前缀**明确标注是推断**，不冒充精确。
+     * @returns 绑定的任务；无候选时 null（此时 UI 才显示「未绑定任务」）
+     */
+    function bindTaskFor(person, tasks, inferredOut) {
+      var p = person || {}
+      var list = Array.isArray(tasks) ? tasks : []
+      var hit = null
+      list.forEach(function (tk) { if (!hit && tk && tk.agentId && String(tk.agentId) === String(p.id)) hit = tk })
+      if (hit) return hit
+      if (!p.role) return null
+      var mine = list.filter(function (tk) { return tk && String(tk.owner || '') === String(p.role) })
+      if (!mine.length) return null
+      var running = p.activity === 'running'
+      var want = running ? ['in_progress', 'claimed'] : ['completed', 'done']
+      var pref = mine.filter(function (tk) { return want.indexOf(String(tk.status || '')) >= 0 })
+      var pool = (pref.length ? pref : mine).slice().sort(function (a, b) { return (Number(b.round) || 1) - (Number(a.round) || 1) })
+      var pick = pool[0]
+      if (pick && inferredOut) inferredOut[String(pick.id)] = 1
+      return pick
+    }
+
+    function dagLayout(tasks) {
+      var byId = {}; tasks.forEach(function (t) { byId[t.id] = t })
+      var layer = {}
+      function compute(id) { if (id in layer) return layer[id]; var t = byId[id]; if (!t) return 0; var deps = arrOf(t.dependsOn).filter(function (d) { return byId[d] }); layer[id] = deps.length ? 1 + Math.max.apply(null, deps.map(compute)) : 0; return layer[id] }
+      tasks.forEach(function (t) { compute(t.id) })
+      var cols = []; tasks.forEach(function (t) { var L = layer[t.id] || 0; (cols[L] = cols[L] || []).push(t) })
+      var pos = {}; var width = 0, height = 0
+      cols.forEach(function (col, li) { col.forEach(function (t, i) { var x = li * (NODE_W + HGAP); var y = i * (NODE_H + VGAP); pos[t.id] = { x: x, y: y, L: li }; width = Math.max(width, x + NODE_W); height = Math.max(height, y + NODE_H) }) })
+      return { byId: byId, pos: pos, width: width || NODE_W, height: height || NODE_H }
+    }
+    var DAG_RENDER_SEQ = 0
+    function dagSvg(tasks, onPick, selId, hoverId, onHover) {
+      if (!tasks.length) return h('div', { className: 'exp-empty' }, t('（暂无任务）', '(no tasks)'))
+      var L = dagLayout(tasks)
+      var childOf = {}, parentOf = {}
+      tasks.forEach(function (t) { arrOf(t.dependsOn).forEach(function (d) { if (L.pos[d]) { (parentOf[t.id] = parentOf[t.id] || []).push(d); (childOf[d] = childOf[d] || []).push(t.id) } }) })
+      // highlight set = hoverId + upstream + downstream
+      var hot = {}
+      if (hoverId) {
+        hot[hoverId] = 1
+        ;(function walk(seed, next) { var q = [seed]; while (q.length) { var id = q.shift(); (next[id] || []).forEach(function (n) { if (!hot[n]) { hot[n] = 1; q.push(n) } }) } })(hoverId, parentOf)
+        ;(function walk(seed, next) { var q = [seed]; while (q.length) { var id = q.shift(); (next[id] || []).forEach(function (n) { if (!hot[n]) { hot[n] = 1; q.push(n) } }) } })(hoverId, childOf)
+      }
+      var edges = []
+      tasks.forEach(function (t) { arrOf(t.dependsOn).forEach(function (d) { if (L.pos[d]) edges.push([d, t.id]) }) })
+      var edgeEls = edges.map(function (e, i) {
+        var a = L.pos[e[0]], b = L.pos[e[1]]; var x1 = a.x + NODE_W, y1 = a.y + NODE_H / 2, x2 = b.x, y2 = b.y + NODE_H / 2; var mx = (x1 + x2) / 2
+        var on = hoverId && hot[e[0]] && hot[e[1]]
+        var run = (L.byId[e[0]] && (L.byId[e[0]].status === 'in_progress' || L.byId[e[0]].status === 'claimed')) || (L.byId[e[1]] && (L.byId[e[1]].status === 'in_progress' || L.byId[e[1]].status === 'claimed'))
+        return h('path', { key: i, className: on ? 'exp-edge-run' : (run ? 'exp-edge-run' : ''), d: 'M' + x1 + ' ' + y1 + ' C ' + mx + ' ' + y1 + ', ' + mx + ' ' + y2 + ', ' + x2 + ' ' + y2, stroke: on ? '#0969da' : '#8aa8e8', strokeWidth: on ? 2 : 1.4, opacity: (hoverId && !on) ? 0.35 : 1, fill: 'none' })
+      })
+      // 状态"变更即闪"：面板每 2.5s 轮询，状态是跳变的，闪烁让用户看见"刚刚谁变了"。
+      // 首次见到只登记不闪（打开面板时不该满屏乱闪）。
+      var fl = dagStatusFlash(tasks, Date.now(), 1500, DAG_STATUS_SNAP)
+      DAG_FLASH = fl.flash; DAG_STATUS_SNAP = fl.snapshot
+      var dagSeq = (DAG_RENDER_SEQ += 1)
+      var BAR_H = 15
+      var nodeEls = tasks.map(function (t, ti) {
+        var p = L.pos[t.id]; if (!p) return null
+        var meta = dagStatusMeta(t.status)
+        var col = meta.color
+        var sel = selId === t.id
+        var hl = hoverId && hot[t.id]
+        var dim = hoverId && !hl
+        var run = meta.active
+        var flash = !!DAG_FLASH[t.id]
+        var clipId = 'dagclip-' + dagSeq + '-' + ti
+        var title = String(t.title || t.spec || (t.acceptance && t.acceptance[0]) || '（无标题）')
+        var metaLine = kindLabel(t.kind || 'work') + (t.owner ? ' · ' + roleLabel(t.owner) : '') + (t.verdict ? ' · ' + verdictLabel(t.verdict) : '')
+        var roundTag = (Number(t.round) > 1 || Number(t.attempt) > 1) ? ('r' + (Number(t.round) || 1) + '·a' + (Number(t.attempt) || 1)) : ''
+        return h('g', { key: t.id, className: 'exp-node', onClick: function () { onPick(t) }, onMouseEnter: function () { onHover && onHover(t.id) }, onMouseLeave: function () { onHover && onHover(null) }, transform: 'translate(' + p.x + ' ' + p.y + ')', opacity: dim ? 0.4 : 1 },
+          h('defs', null, h('clipPath', { id: clipId }, h('rect', { width: NODE_W, height: NODE_H, rx: 9 }))),
+          // 卡片主体（裁进圆角）：状态色柔底 + 左侧状态色条 + 底部**状态带**（明显的状态展示）
+          h('g', { 'clip-path': 'url(#' + clipId + ')' },
+            h('rect', { width: NODE_W, height: NODE_H, fill: sel ? '#eef4ff' : (hl ? '#f2f7ff' : meta.tint) }),
+            h('rect', { x: 0, y: 0, width: 4, height: NODE_H, fill: col }),
+            h('rect', { className: 'exp-node-bar' + (run ? ' exp-node-bar-run' : ''), x: 4, y: NODE_H - BAR_H, width: NODE_W - 4, height: BAR_H, fill: meta.band })),
+          // 描边：状态色；选中=业务蓝；运行中脉冲；刚变更过闪一下
+          h('rect', { className: 'exp-node-bg' + (run ? ' exp-node-run' : '') + (flash ? ' exp-node-flash' : ''), width: NODE_W, height: NODE_H, rx: 9, fill: 'none', stroke: sel ? '#0969da' : col, strokeWidth: sel || hl ? 2 : 1.6 }),
+          h('text', { x: 12, y: 15, 'font-size': 11, 'font-weight': 700, 'fill': '#1f2328' }, esc(clipText(String(t.id || ''), 20))),
+          // 「具体干了什么」：任务标题提到**可见行**（此前只藏在 <title> tooltip 里，卡片上看不到内容）
+          h('text', { x: 12, y: 31, 'font-size': 11, 'font-weight': 600, 'fill': '#1f2328' }, esc(clipText(title, 24))),
+          h('text', { x: 12, y: 45, 'font-size': 9.5, 'fill': '#57606a' }, esc(clipText(metaLine, 30))),
+          // 底部状态带文字：图标 + 中文状态（白字打在状态色上，一眼可见）
+          h('text', { className: 'exp-node-status', x: 12, y: NODE_H - 4.5, 'font-size': 10, 'font-weight': 700, fill: '#ffffff' }, esc(meta.icon + ' ' + meta.label)),
+          roundTag ? h('text', { x: NODE_W - 8, y: NODE_H - 4.5, 'font-size': 9, 'text-anchor': 'end', fill: 'rgba(255,255,255,.88)' }, esc(roundTag)) : null,
+          h('title', null, esc(String(t.id || '') + ' · ' + title + ' · ' + meta.label + '（' + metaLine + '）')))
+      })
+      return h('div', { className: 'exp-dag' },
+        h('svg', { width: L.width + 6, height: L.height + 6, style: { display: 'block' } },
+          h('g', null, edgeEls), h('g', null, nodeEls)))
+    }
+
+    function TaskDetail(props) {
+      try {
+      var tk = props.task || {}
+      var mem = props.member
+      var nm = mem ? (mem.name || tk.owner) : tk.owner
+      var col = mem ? (mem.color || '#5b8def') : '#9aa4b2'
+      var ini = mem ? (mem.initial || nm.slice(0, 1).toUpperCase()) : nm.slice(0, 1).toUpperCase()
+      var act = mem ? (mem.activity || '') : ''
+      var st = act === 'running' ? t('运行中', 'running') : (act === 'idle' || act === 'ready' || act === 'inactive') ? t('空闲', 'idle') : ((mem && mem.active) ? t('已派', 'dispatched') : t('未启动', 'not started'))
+      var model = mem ? (mem.model || mem.planModel || '') : ''
+      var mt = props.current || null
+      var files = props.files || []
+      var onOp = props.onOp || null
+      var logTail = props.logTail || ''
+      var findings = arrOf(tk.findings).map(function (f, i) { return h('li', { key: i }, esc((f.severity || 'low') + ': ' + (f.title || f.detail || ''))) })
+      var kv = [['id', tk.id], ['kind', kindLabel(tk.kind)], ['status', stLabel(tk.status)], ['round', tk.round], ['attempt', tk.attempt], ['verdict', verdictLabel(tk.verdict)], ['dependsOn', arrOf(tk.dependsOn).join(', ')], ['changedPaths', arrOf(tk.changedPaths).join(', ') || '—'], ['verify', arrOf(tk.verify).join('; ') || '—'], ['acceptance', Array.isArray(tk.acceptance) ? tk.acceptance.join('; ') : (tk.acceptance == null ? '' : String(tk.acceptance))]]
+      return h('div', { className: 'exp-detail' },
+        h('h4', null, esc(tk.title || tk.spec || tk.id || '')),
+        h('div', { className: 'exp-detail-who' },
+          h('span', { className: 'exp-ava', style: { background: col } }, esc(ini)),
+          h('span', null, esc(nm) + ' · ' + esc(roleLabel(tk.owner)) + ' · ' + esc(st) + (model ? ' · ' + esc(String(model).slice(0, 20)) : '')),
+          act === 'running' ? h('span', { className: 'exp-live', title: t('后台运行中，完成会自动通知', 'running — you will be notified') }) : null),
+        onOp ? h('div', { className: 'exp-task-op' },
+          h('button', { className: 'exp-op-btn', onClick: function () { onOp('in_progress') } }, t('进行中', 'Start')),
+          h('button', { className: 'exp-op-btn', onClick: function () { onOp('completed') } }, t('完成', 'Done')),
+          h('button', { className: 'exp-op-btn bad', onClick: function () { onOp('failed') } }, t('失败', 'Fail'))) : null,
+        h('div', null, kv.map(function (k) { return h('div', { className: 'exp-kv', key: k[0] }, h('b', null, esc(k[0])), h('span', null, esc(String(k[1] == null ? '' : k[1])))) })),
+        mt ? h('div', { className: 'exp-detail-sec' }, h('b', null, t('正在做', 'Doing')), h('div', { className: 'exp-doing' }, '▶ ' + esc(String(mt.title || mt.spec || mt.id || '').slice(0, 64)))) : null,
+        files.length ? h('div', { className: 'exp-detail-sec' }, h('b', null, t('改动的文件（git 实时）', 'Changed files (live)')), h('div', { className: 'exp-files' }, files.map(function (f, i) { return h('div', { key: i, className: 'exp-file' }, esc(String(f).slice(0, 96))) }))) : null,
+        findings.length ? h('ul', { className: 'exp-findings' }, findings) : null,
+        logTail ? h('div', { className: 'exp-detail-sec' }, h('b', null, t('运行日志（最新）', 'Run log (latest)')), h('pre', { className: 'exp-log' }, esc(logTail))) : null)
+      } catch (e) {
+        return h('div', { className: 'exp-preview' }, 'TASK ERR: ' + esc(String(e && e.stack ? e.stack : e)).slice(0, 700))
+      }
+    }
+
+    /**
+     * F 线第 3 项：把 host 的 `settingsSchema()` + 当前设置编译成**表单行**（纯函数 ⇒ 可单测）。
+     * UI 结构来自 host 的 spec（不在客户端另写一份默认值/值域），认不出的类型**如实标出来**
+     * 而不是静默渲染成一个空控件 —— 那会让"新增了设置项但界面没跟上"变得看不见。
+     */
+    function settingsFormModel(schema, settings) {
+      var groups = Array.isArray(schema) ? schema : []
+      var vals = settings && typeof settings === 'object' ? settings : {}
+      return groups.map(function (g) {
+        var rows = (g.items || []).map(function (it) {
+          var cur = vals[g.group] ? vals[g.group][it.key] : undefined
+          var value = typeof cur === 'undefined' ? it.default : cur
+          return {
+            path: it.path, key: it.key, type: it.type, label: it.label, hint: it.hint || '',
+            values: it.values || null, min: typeof it.min === 'number' ? it.min : null, max: typeof it.max === 'number' ? it.max : null,
+            value: it.type === 'roles' ? (Array.isArray(value) ? value.join(', ') : '') : value,
+            known: ['bool', 'int', 'enum', 'roles'].indexOf(it.type) >= 0,
+          }
+        })
+        return { group: g.group, label: g.label, hint: g.hint || '', rows: rows }
+      })
+    }
+
+    /**
+     * 设置页签：**只做三件事** —— 读（GET /settings）、渲染（照 schema）、存（POST，自动保存）。
+     * 失败一律照实显示（400 的错误列表 / 网络错误），**并把控件回滚到服务端的值** ——
+     * "界面显示 A、服务端是 B"是最难排查的状态，宁可回滚也不装作成功。
+     */
+    function SettingsTab() {
+      var sS = useState(null); var data = sS[0], setData = sS[1]
+      var mS = useState(''); var msg = mS[0], setMsg = mS[1]
+      var eS = useState(''); var err = eS[0], setErr = eS[1]
+      useEffect(function () {
+        var alive = true
+        fetch('/plugins/dsh-expert-team/settings').then(function (r) { return r.ok ? r.json() : null }).then(function (d) {
+          if (alive && d && d.ok) setData(d)
+        }).catch(function (e) { if (alive) setErr(String(e && e.message ? e.message : e)) })
+        return function () { alive = false }
+      }, [])
+      function save(patch) {
+        setErr(''); setMsg('保存中…')
+        fetch('/plugins/dsh-expert-team/settings', {
+          method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(patch),
+        }).then(function (r) { return r.json().then(function (d) { return { ok: r.ok, d: d } }) }).then(function (res) {
+          if (!res.ok || !res.d || !res.d.ok) {
+            setErr(((res.d && res.d.errors) || ['保存失败']).join('；'))
+            setMsg('')
+            return
+          }
+          setData(function (prev) { return { schema: (prev && prev.schema) || [], settings: res.d.settings, ok: true } })
+          setMsg(res.d.needsRestart ? '已保存 —— **重启 dsh web 后生效**' : '已保存')
+        }).catch(function (e) { setErr(String(e && e.message ? e.message : e)); setMsg('') })
+      }
+      if (err) return h('div', { className: 'exp-settings' }, h('div', { style: { color: '#c0392b' } }, '✗ ' + esc(err)))
+      if (!data || !data.schema) return h('div', { className: 'exp-empty' }, t('（正在读取设置…）', '(loading settings…)'))
+      var model = settingsFormModel(data.schema, data.settings)
+      var rows = []
+      model.forEach(function (g) {
+        rows.push(h('div', { key: 'h-' + g.group, className: 'exp-settings-group' }, esc(g.label) + (g.hint ? ' · ' + esc(g.hint) : '')))
+        g.rows.forEach(function (r) {
+          var ctl
+          if (!r.known) {
+            ctl = h('span', { style: { color: '#c0392b' } }, '未知类型 ' + esc(String(r.type)) + '（界面未跟上 spec）')
+          } else if (r.type === 'bool') {
+            ctl = h('input', { type: 'checkbox', checked: !!r.value, onChange: function (e) { save({ [r.path]: e.target.checked }) } })
+          } else if (r.type === 'int') {
+            ctl = h('input', { type: 'number', value: String(r.value), min: r.min === null ? undefined : r.min, max: r.max === null ? undefined : r.max, style: { width: 72 },
+              onChange: function (e) { var v = e.target.value; if (v !== '' && /^-?\d+$/.test(v)) save({ [r.path]: Number(v) }) } })
+          } else if (r.type === 'enum') {
+            ctl = h('select', { value: String(r.value), onChange: function (e) { save({ [r.path]: e.target.value }) } },
+              (r.values || []).map(function (v) { return h('option', { key: v, value: v }, esc(v)) }))
+          } else {
+            ctl = h('input', { type: 'text', value: String(r.value), placeholder: t('留空 = 按档位默认', 'empty = tier default'), style: { width: 150 },
+              onBlur: function (e) { var v = e.target.value.trim(); save({ [r.path]: v === '' ? null : v.split(',').map(function (x) { return x.trim() }).filter(Boolean) }) } })
+          }
+          rows.push(h('div', { key: r.path, className: 'exp-settings-row' },
+            h('span', { className: 'exp-settings-label', title: r.hint }, esc(r.label)),
+            ctl,
+            r.hint ? h('span', { className: 'exp-muted', style: { marginLeft: 6 } }, esc(r.hint)) : null))
+        })
+      })
+      return h('div', { className: 'exp-settings' }, rows, h('div', { className: 'exp-muted', style: { marginTop: 6 } }, esc(msg || '')))
+    }
+
+    function DecisionCard(props) {
+      var d = props.decision || {}
+      var options = (d.options || []).map(function (o) {
+        var v = typeof o === 'string' ? o : o.label
+        var id = typeof o === 'string' ? o : (o.id || o.label)
+        return h('button', { key: id, className: 'exp-opt', onClick: function () { props.onChoose(id, v) } }, esc(v))
+      })
+      return h('div', { className: 'exp-decision' },
+        h('div', { className: 'exp-decision-title' }, esc(d.title || t('等待你的决策', 'Your decision needed'))),
+        d.prompt ? h('div', { className: 'exp-muted', style: { margin: '4px 0 8px' } }, esc(d.prompt)) : null,
+        h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 6 } }, options))
+    }
+
+    function Panel(props) {
+      var sidProp = (props && props.sessionId) || ''
+      var viewMode = (props && props.mode) === 'view'
+      var sessionId = sidProp || useCurrentSession()
+      var isOpen = useOpen()
+      var nativeWf = useNativeWf()
+      var docked = useDocked()
+      var pos = usePanelPos()
+      useLang() // re-render when the shell language changes
+      var pw = usePanelWidth()
+      var dataS = useState(null), data = dataS[0], setData = dataS[1]
+      var runsMetaS = useState([]); var runsMeta = runsMetaS[0], setRunsMeta = runsMetaS[1]
+      var selTask = useState(null); var selTaskV = selTask[0], setSelTask = selTask[1]
+      var selArt = useState(null); var selArtV = selArt[0], setSelArt = selArt[1]
+      var artText = useState(null); var artTextV = artText[0], setArtText = artText[1]
+      var selRun = useState(null); var selRunV = selRun[0], setSelRun = selRun[1]
+      var feedS = useState(null); var feedRole = feedS[0], setFeedRole = feedS[1]
+      // 按 agentId 看实时细节流（对话流 workflow 卡的成员未必能反查到角色）
+      var feedAS = useState(null); var feedAgent = feedAS[0], setFeedAgent = feedAS[1]
+      var qState = useState(''); var qV = qState[0], setQ = qState[1]
+      var qHitsState = useState(null); var qHitsV = qHitsState[0], setQHits = qHitsState[1]
+      var qInfoS = useState(null); var qInfoV = qInfoS[0], setQInfo = qInfoS[1]
+      var fileS = useState(null); var fileV = fileS[0], setFileV = fileS[1]
+      var prevActRef = useRef(null)
+      var prevDecRef = useRef(0)
+      var hoverS = useState(null); var hoverId = hoverS[0], setHover = hoverS[1]
+      var view = useState('dag'); var viewV = view[0], setView = view[1]
+      var tabS = useState('team'); var tab = tabS[0], setTab = tabS[1]
+      var listOpenS = useState(false); var listOpen = listOpenS[0], setListOpen = listOpenS[1]
+      // 流转视图（波次带）自己的 UI 状态：宽视图 / 波折叠 / 未绑定任务展开
+      var wideS = useState(false); var wideV = wideS[0], setWide = wideS[1]
+      var cwS = useState({}); var collapsedWaves = cwS[0], setCollapsedWaves = cwS[1]
+      var ubS = useState(false); var unboundOpen = ubS[0], setUnboundOpen = ubS[1]
+      // 全景图的可画宽度：**实测容器宽度**，不能拿"侧栏宽度 360"当全屏画布的宽度。
+      // 旧实现用 pw（停靠面板宽度偏好，默认 360）算 NODE_W ⇒ 在**全屏画布**里卡片被挤成
+      // 一小撮、右侧留一大片空白；同时 `wideV`（宽视图按钮）当时压根没接进宽度计算，是个死按钮。
+      var flowWS = useState(0); var flowW = flowWS[0], setFlowW = flowWS[1]
+      useEffect(function () {
+        function measure() {
+          try {
+            var be = document.querySelector('.exp-body') || document.querySelector('.exp-panel')
+            var w = be && be.clientWidth ? be.clientWidth : 0
+            if (w) setFlowW(w)
+          } catch (e) { /* best-effort */ }
+        }
+        measure()
+        try { window.addEventListener('resize', measure) } catch (e) {}
+        return function () { try { window.removeEventListener('resize', measure) } catch (e) {} }
+      }, [viewMode, docked])
+      // 消费对话流卡片发来的「聚焦意图」：role → 该角色的进行中任务 + 实时操作流；task → 直接选中。
+      // 只处理新 seq，避免轮询重渲染时重复应用。
+      var focusIv = useFocusIntent()
+      var wfPhaseIv = useWfPhases()
+      var focusSeqRef = useRef(0)
+      useEffect(function () {
+        if (!focusIv || !focusIv.seq || focusIv.seq === focusSeqRef.current) return
+        try {
+          if (focusIv.kind === 'task' && focusIv.task) { focusSeqRef.current = focusIv.seq; setTab('team'); setSelTask(focusIv.task); return }
+          if (focusIv.kind === 'role' && focusIv.role) {
+            var arr = ((data && data.tasks) || [])
+            var active = arr.filter(function (x) { return x && x.owner === focusIv.role && ['in_progress', 'claimed', 'rework'].indexOf(x.status) >= 0 })[0]
+            if (!active) active = arr.filter(function (x) { return x && x.owner === focusIv.role })[0]
+            // 任务列表可能还没拉到：此时不消费该意图，等 data 到达后由依赖变化再应用一次。
+            if (!active && !arr.length) return
+            focusSeqRef.current = focusIv.seq
+            setTab('team')
+            setFeedRole(focusIv.role)
+            if (active) setSelTask(active)
+            return
+          }
+          // kind:'agent' —— 对话流 workflow 卡的成员行（拿得到 childId，未必知道角色）：
+          // 先按 childId 反查角色（members[r].id）；查不到就退化成"只看该 agent 的实时细节流"。
+          if (focusIv.kind === 'agent' && focusIv.agentId) {
+            var role = ''
+            var mem = (data && data.members) || {}
+            Object.keys(mem).forEach(function (r) { if (!role && mem[r] && String(mem[r].id || '') === String(focusIv.agentId)) role = r })
+            var arr2 = ((data && data.tasks) || [])
+            focusSeqRef.current = focusIv.seq
+            setTab('team')
+            if (role) {
+              setFeedRole(role); setFeedAgent(null)
+              var t2 = arr2.filter(function (x) { return x && x.owner === role && ['in_progress', 'claimed', 'rework'].indexOf(x.status) >= 0 })[0] || arr2.filter(function (x) { return x && x.owner === role })[0]
+              if (t2) setSelTask(t2)
+            } else {
+              setFeedRole(null)
+              setFeedAgent({ id: String(focusIv.agentId), label: String(focusIv.label || '') })
+            }
+          }
+        } catch (e) {}
+      }, [focusIv, data])
+      // F1 计划门：草稿本地编辑态（dirty 时不被轮询覆盖）
+      var draftS = useState(null); var draftV = draftS[0], setDraftV = draftS[1]
+      var draftMeta = useRef({ loadedAt: '', dirty: false })
+      var planMsgS = useState(''); var planMsg = planMsgS[0], setPlanMsg = planMsgS[1]
+      var err = useState(''); var errV = err[0], setErr = err[1]
+      var pollRef = useRef(0)
+
+      function stateUrl() {
+        var url = '/plugins/dsh-expert-team/state', q = []
+        if (sessionId) q.push('sessionId=' + encodeURIComponent(sessionId))
+        if (selRunV && selRunV.workspace && selRunV.runId) { q.push('workspace=' + encodeURIComponent(selRunV.workspace)); q.push('run=' + encodeURIComponent(selRunV.runId)) }
+        return url + (q.length ? ('?' + q.join('&')) : '')
+      }
+      function load() {
+        fetch(stateUrl()).then(function (r) { return r.ok ? r.json() : null }).then(function (d) {
+          if (d && d.ok) {
+            setData(d); setErr(''); reschedule(d)
+            // N2: keep the composer takeover in sync with pendingDecision
+            // 批 0-2：把 /state 已经返回的 runId/workspace 一并传出，供横幅拍板时回传给 /decide
+            try { if (exports._syncPending) exports._syncPending(d.pendingDecision, sessionId, d.runId, d.workspace) } catch (e) {}
+            // A⑤ browser notification when a running member settles
+            try {
+              if (window.Notification && Notification.permission === 'granted') {
+                var prev = prevActRef.current || {}
+                var now = {}
+                var names = {}
+                Object.keys(d.members || {}).forEach(function (k) {
+                  var mm = d.members[k]
+                  if (mm && typeof mm === 'object') { now[mm.id] = mm.activity || ''; if (mm.id) names[mm.id] = (mm.name || '') + ' · ' + roleLabel(k); if (mm.id == null) names[mm.name] = (mm.name || '') + ' · ' + roleLabel(k); if (!mm.id) { now[k] = mm.activity || ''; names[k] = (mm.name || '') + ' · ' + roleLabel(k) } }
+                })
+                Object.keys(now).forEach(function (id) {
+                  if (prev[id] === 'running' && now[id] !== 'running') {
+                    try { new Notification('专家团：' + (names[id] || id) + ' 完成当前任务', { body: String(d.runId || '') }) } catch (e) {}
+                  }
+                })
+                prevActRef.current = now
+              }
+            } catch (e) {}
+            // B1: notify the moment a decision gate opens (方案确认门等)
+            try {
+              var decNow = (d.pendingDecision && d.pendingDecision.options && d.pendingDecision.options.length) ? 1 : 0
+              if (decNow && !prevDecRef.current && window.Notification && Notification.permission === 'granted') {
+                try { new Notification('专家团等待你的决策', { body: String((d.pendingDecision && d.pendingDecision.title) || phaseLabel(d.phase || '') || '') }) } catch (e) {}
+              }
+              prevDecRef.current = decNow
+            } catch (e) {}
+          } else if (d && !d.ok && d.runsAvailable === 0) { setData(null); if (d.runs) setRunsMeta(d.runs); setErr(t('还没有专家团 run。先运行 /team <task> 开一个。', 'No team run yet — run /team <task> first.')) }
+          else if (d && !d.ok) { if (d.runs) setRunsMeta(d.runs); setErr(d.error || ''); }
+        }).catch(function () {})
+      }
+      // Adaptive refresh: while any member is running, poll fast (workers are
+      // touching files right now); otherwise 3s. Re-schedules after each load.
+      function reschedule(d) {
+        var m = (d && d.members) || {}
+        var busy = Object.keys(m).some(function (k) { var v = m[k]; return v && typeof v === 'object' && (v.activity === 'running' || v.shortStatus === 'running') })
+        clearInterval(pollRef.current)
+        pollRef.current = setInterval(load, busy ? 1200 : 3000)
+      }
+      useEffect(function () {
+        if (!isOpen && !viewMode) return undefined // panel closed & not canvas → no polling
+        load(); pollRef.current = setInterval(load, 3000)
+        // catch up instantly when the user returns to the tab / window
+        var onVis = function () { if (document.visibilityState === 'visible') load() }
+        var onFocus = function () { load() }
+        document.addEventListener('visibilitychange', onVis)
+        window.addEventListener('focus', onFocus)
+        return function () { clearInterval(pollRef.current); document.removeEventListener('visibilitychange', onVis); window.removeEventListener('focus', onFocus) }
+      }, [sessionId, selRunV, isOpen, viewMode])
+
+      // Make the docked panel reserve space (shift the shell frame) instead of
+      // covering the workspace; clears when closed or floating (md-preview trick).
+      useEffect(function () {
+        try {
+          var overlay = document.querySelector('[data-shell-overlay]')
+          var frame = overlay && overlay.parentElement
+          if (frame) frame.style.paddingRight = (isOpen && docked) ? pw + 'px' : ''
+        } catch (e) {}
+      }, [isOpen, docked, pw])
+
+      function openArtifact(name, runId, workspace) {
+        setSelArt(name)
+        var q = '?name=' + encodeURIComponent(name) + '&run=' + encodeURIComponent(runId)
+        if (workspace) q += '&workspace=' + encodeURIComponent(workspace); else if (sessionId) q += '&sessionId=' + encodeURIComponent(sessionId)
+        fetch('/plugins/dsh-expert-team/artifact' + q).then(function (r) { return r.json() }).then(function (d) { setArtText((d && d.ok) ? d.text : ('（无法读取 ' + name + '）')) }).catch(function () { setArtText('读取失败') })
+      }
+
+      function decide(body) {
+        var payload = Object.assign({ sessionId: sessionId, workspace: workspace, run: runId }, body)
+        fetch('/plugins/dsh-expert-team/decide', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(payload) })
+          .then(function (r) { return r.json() }).then(function (d) { load() }).catch(function () { load() })
+      }
+
+      // ── F1 计划门：草稿同步 / 编辑 / 保存 / 批准 / 丢弃（AgentTeams 借鉴）──
+      // 轮询不覆盖正在编辑的草稿（dirty 优先），仅在 updatedAt 变化且未编辑时重载。
+      useEffect(function () {
+        var d = data && data.draft
+        if (!d) { if (!draftMeta.current.dirty) { draftMeta.current.loadedAt = ''; setDraftV(null) } return }
+        if (draftMeta.current.dirty) return
+        var at = String(d.updatedAt || '')
+        if (draftMeta.current.loadedAt === at) return
+        draftMeta.current.loadedAt = at
+        try { setDraftV(JSON.parse(JSON.stringify(d))) } catch (e) { setDraftV(d) }
+      }, [data])
+
+      function planPost(path, extra) {
+        var ws = (selRunV && selRunV.workspace) || workspace || (data && data.workspace) || ''
+        var rn = (selRunV && selRunV.runId) || runId || (data && data.runId) || ''
+        var body = Object.assign({ sessionId: sessionId, workspace: ws, run: rn }, extra || {})
+        setPlanMsg(t('提交中…', 'sending…'))
+        fetch('/plugins/dsh-expert-team/plan' + (path || ''), { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(body) })
+          .then(function (r) { return r.json() }).then(function (j) {
+            if (j && j.ok) {
+              draftMeta.current.dirty = false; draftMeta.current.loadedAt = ''
+              if (path === '/approve') { setPlanMsg(t('✅ 已批准并派工', 'approved & dispatched')) }
+              else if (path === '/discard') { setPlanMsg(t('🗑 已丢弃（禁止自动重建）', 'discarded')) }
+              else { setPlanMsg(t('💾 草稿已保存', 'draft saved')) }
+              load()
+            } else { setPlanMsg((j && j.error) || t('操作失败', 'failed')) }
+          }).catch(function () { setPlanMsg(t('请求失败', 'request failed')) })
+      }
+      function draftEdit(fn) {
+        var d
+        try { d = draftV ? JSON.parse(JSON.stringify(draftV)) : { roles: [], tasks: [] } } catch (e) { d = { roles: [], tasks: [] } }
+        fn(d)
+        draftMeta.current.dirty = true
+        setDraftV(d)
+      }
+
+      // Qoder-style code index: instant keyword hits from team/CODEINDEX.json.
+      function codeSearch() {
+        var ws = workspace || (data && data.workspace) || ''
+        var kw = qV.trim()
+        if (!ws || !kw) return
+        setQHits(null); setQInfo(null)
+        fetch('/plugins/dsh-expert-team/codeidx?workspace=' + encodeURIComponent(ws) + '&q=' + encodeURIComponent(kw))
+          .then(function (r) { return r.json() }).then(function (d) { setQHits((d && d.ok) ? d.hits : []); setQInfo(d && d.ok ? d : null) }).catch(function () { setQHits([]) })
+      }
+      // A① click a code-index hit → preview the file inside the panel
+      function openFileView(rel) {
+        var ws = workspace || (data && data.workspace) || ''
+        if (!ws || !rel) return
+        setFileV({ path: rel, text: t('加载中…', 'Loading…'), loading: true })
+        fetch('/plugins/dsh-expert-team/file?workspace=' + encodeURIComponent(ws) + '&path=' + encodeURIComponent(rel))
+          .then(function (r) { return r.json() }).then(function (d) { setFileV(d && d.ok ? { path: rel, text: d.text, loading: false } : { path: rel, text: t('（无法读取）', '(unreadable)') + ' ' + String((d && d.error) || ''), loading: false }) }).catch(function () { setFileV({ path: rel, text: t('读取失败', 'read failed'), loading: false }) })
+      }
+      // B⑦ overlay task operation (writes TASKS.json + RUN.log)
+      function taskOp(status) {
+        if (!selTaskV || !workspace || !runId) return
+        setErr(t('正在写状态…', 'updating…'))
+        fetch('/plugins/dsh-expert-team/task', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ sessionId: sessionId, workspace: workspace, run: runId, id: selTaskV.id, status: status, note: '浮层操控' }) })
+          .then(function (r) { return r.json() }).then(function () { load() }).catch(function () { load() })
+      }
+
+      var runId = (data && data.runId) || '', workspace = (data && data.workspace) || '', runs = (data && data.runs) || []
+      var tasks0 = (data && data.tasks) || []
+      var tasksLive = (data && data.tasksLive) || []
+      // TASKS.json 为空但确有活子代理（lead 用 workflow 扇出却没回写任务）→ 用主机投影的
+      // 实时任务兜底，让任务清单/依赖图/全景可用；行上带 live:true，UI 会明确标注来源。
+      var usingLiveTasks = !tasks0.length && tasksLive.length > 0
+      // 实时投影没有依赖数据；把"运行中"排前面、再按角色聚合，明细视图才不显得杂乱
+      var tasks = usingLiveTasks
+        ? tasksLive.slice().sort(function (a, b) {
+            var ra = a.status === 'in_progress' ? 0 : 1, rb = b.status === 'in_progress' ? 0 : 1
+            if (ra !== rb) return ra - rb
+            return String(a.owner || '').localeCompare(String(b.owner || ''))
+          })
+        : tasks0
+      var roles = (data && data.roles) || [], members = (data && data.members) || {}, coverage = (data && data.coverage) || []
+      var violations = (data && data.violations) || []
+      var phaseIdx = PHASES.indexOf((data && data.phase) || '')
+      var total = tasks.length, done = tasks.filter(function (t) { return FINAL.indexOf(t.status) >= 0 }).length, pct = total ? Math.round((done / total) * 100) : 0
+      var models = []
+      roles.forEach(function (r) { var m = members[r]; if (m && (m.model || m.provider || m.activity)) { var v = m.model || m.provider || m.activity; var s = typeof v === 'string' ? v : (v.model || ''); if (s && models.indexOf(s) < 0) models.push(s) } })
+      var modelsLine = models.length ? (t('在用模型：', 'Models: ') + models.join(', ') + ' · ' + t('会话费用见 dsh-cost-meter', 'see dsh-cost-meter for cost')) : ''
+      // cost/model plan (heavy=top / light=fast) from ROSTER.models
+      var plan = (data && data.models) || {}
+      var byM = {}
+      roles.forEach(function (r) { var p = plan[r]; if (p && p.model) { byM[p.model] = byM[p.model] || []; byM[p.model].push(roleLabel(r)) } })
+      var planLine = Object.keys(byM).sort().map(function (m) { return m.replace(/^deepseek-/, '') + '(' + byM[m].join('/') + ')' }).join(' · ')
+      planLine = planLine ? t('模型计划：', 'Plan: ') + planLine : ''
+
+      var stepper = PHASES.map(function (p, i) { return h('li', { key: p, className: i === phaseIdx ? 'cur' : (i < phaseIdx ? 'done' : '') }, esc(phaseLabel(p))) })
+
+      // 活子代理里匹配不到角色的（host 侧按 label/括号角色 id/首条 prompt 推断；
+      // workflow 派生的子代理 label 常为空）→ 如实列出，避免「有人跑着但名单全未启动」。
+      var agentsLive = (data && data.agents) || []
+      // 角色三源合并（members 权威 → agents[].role → workflow 卡 label 兜底）。
+      // 旧实现只按 members[role].id 建索引 —— 对 workflow 派生子代理（host 解析不出角色）必然落空，
+      // 于是面板把它们全列进「未匹配到角色」（用户实测看到 22 个）。
+      var roleResolve = (function () {
+        try { return resolveAgentRoles(members, roles, agentsLive, wfPhaseIv) }
+        catch (e) {
+          // 兜底：宁可退化成"全部未匹配"（用户至少还能看到如实清单），也不让浮层整块渲染失败。
+          try { console.warn("[expert-team] 角色解析失败，已降级：", e && e.message) } catch (e2) {}
+          return { byRole: {}, byId: {}, matched: {}, unmatched: agentsLive, roleless: agentsLive, extraByRole: {}, dispatched: 0, wfRole: {} }
+        }
+      })()
+      var unmatchedAgents = roleResolve.unmatched
+      var rolelessAgents = Array.isArray(roleResolve.roleless) ? roleResolve.roleless : []
+      var extraByRole = (roleResolve.extraByRole && typeof roleResolve.extraByRole === 'object') ? roleResolve.extraByRole : {}
+      // ⚠️ dispatched 必须在 roleResolve **之后**取值。var 会提升，写在前面会读到 undefined：
+      // 真实事故（浏览器实测抓到，Node 层测试抓不到）——
+      //   TypeError: Cannot read properties of undefined (reading 'dispatched')
+      //   slot entry crashed in 'conversation.view'   ← 嵌入式画布整块崩掉
+      var dispatched = roleResolve.dispatched
+      var roster = roles.map(function (r) {
+        var m = members[r], live = (m && typeof m === 'object') ? m : null
+        var nm = live ? (live.name || r) : r
+        var col = live ? (live.color || '#5b8def') : '#9aa4b2'
+        var ini = live ? (live.initial || nm.slice(0, 1).toUpperCase()) : nm.slice(0, 1).toUpperCase()
+        var hasAgent = !!(live && live.active)
+        var act = live ? (live.activity || '') : ''
+        var st = act === 'running' ? 'running' : (act === 'idle' || act === 'ready' || act === 'inactive') ? 'idle' : ''
+        var dot = !hasAgent ? '#c5ccd6' : st === 'running' ? '#22b07d' : st === 'idle' ? '#3b6ef5' : '#9aa4b2'
+        var sub = live ? (live.model || live.planModel || live.label || live.id || '') : ((m && typeof m === 'object' && m.planModel) || '')
+        var cur = tasks.filter(function (t) { return t.owner === r && ['in_progress', 'claimed', 'rework'].indexOf(t.status) >= 0 })
+        var curT = cur[0]
+        return h('div', { className: 'exp-row mem' + (st === 'running' ? ' exp-mem-run' : ''), key: r, onClick: function () { setFeedRole(feedRole === r ? null : r) }, title: (live && live.id ? t('子代理 ', 'agent ') + String(live.id).slice(0, 8) + (live.label ? ' · ' + String(live.label).slice(0, 40) : '') + ' · ' : '') + t('点击查看实时操作流', 'click for live feed') },
+          h('span', { className: 'exp-mem-main' },
+            h('span', { className: 'exp-ava', style: { background: col } }, esc(ini)),
+            h('span', { className: 'exp-mem-name' }, esc(nm)),
+            h('span', { className: 'exp-role' }, esc(roleLabel(r))),
+            h('span', { className: 'exp-muted' }, esc(st ? (st === 'running' ? t('运行中', 'running') : t('空闲', 'idle')) : (hasAgent ? t('已派', 'dispatched') : t('未启动', 'not started'))))),
+          h('span', { className: 'exp-mem-sub' }, sub ? esc(String(sub).slice(0, 20)) : null),
+          curT ? h('div', { className: 'exp-mem-cur' }, '▶ ' + esc(String(curT.title || curT.spec || curT.id || '').slice(0, 24))) : null)
+      })
+
+      var taskRows = tasks.map(function (tk) {
+        var owner = tk.owner || '—'
+        var mm = members[owner], live = (mm && typeof mm === 'object') ? mm : null
+        var nm = live ? (live.name || owner) : owner
+        var colC = live ? (live.color || '#5b8def') : '#9aa4b2'
+        var ini = live ? (live.initial || nm.slice(0, 1).toUpperCase()) : nm.slice(0, 1).toUpperCase()
+        var cur = ['in_progress', 'claimed', 'rework'].indexOf(tk.status) >= 0
+        var f = arrOf(tk.findings).length
+        return h('div', { className: 'exp-row task' + (cur ? ' cur' : ''), key: tk.id, onClick: function () { var same = selTaskV && selTaskV.id === tk.id; setSelTask(same ? null : tk); if (!same) focusPanelRight() } },
+          h('span', { className: 'exp-ava', style: { background: colC } }, esc(ini)),
+          h('div', { style: { flex: 1, minWidth: 0 } },
+            h('div', { className: 'exp-task-t' }, esc(String(tk.id || '')) + ' · ' + esc(String(tk.title || tk.spec || '').slice(0, 34))),
+            h('div', { className: 'exp-muted' },
+              esc(nm) + ' ⟶ ' + esc(roleLabel(owner)) + ((live && (live.model || live.planModel)) ? ' · ' + esc(String(live.model || live.planModel).slice(0, 16)) : '') + (f ? ' · ' + f + t(' 条发现', ' findings') : '') + ((tk.round || 1) > 1 ? ' · 第' + tk.round + '轮' : ''))),
+          h('span', { style: { display: 'flex', gap: 4, flex: 'none' } },
+            tk.verdict ? verdictBadge(tk.verdict) : null,
+            h('span', { className: 'exp-badge ' + stBadgeCls(tk.status) }, esc(stLabel(tk.status)))))
+      })
+      // 收起态摘要：按状态计数一行显示（默认折叠，点标题展开）
+      var sumMap = {}
+      tasks.forEach(function (tk) { var s = tk.status || 'pending'; sumMap[s] = (sumMap[s] || 0) + 1 })
+      var listSummary = ['in_progress', 'claimed', 'pending', 'done', 'rework', 'blocked', 'failed'].filter(function (s) { return sumMap[s] }).map(function (s) { return sumMap[s] + ' ' + stLabel(s) }).join(' · ')
+
+      // 任务流转（全景）：先把任务按 dependsOn 分层（同层=并行），再把
+      // 「单卡连续链」合并为一行（横向滚动 + → 箭头），只在并行分支/汇合
+      // 处换行——B 链 9 个任务一行滚过，而不是瀑布 9 层刷屏。
+      function flowLevels(ts) {
+        var byId = {}, lvl = {}
+        ts.forEach(function (t) { byId[t.id] = t; lvl[t.id] = 0 })
+        var changed = true, guard = 0
+        while (changed && guard++ < 32) {
+          changed = false
+          ts.forEach(function (t) {
+            arrOf(t.dependsOn).forEach(function (d) {
+              if (byId[d] && lvl[t.id] <= lvl[d]) { lvl[t.id] = lvl[d] + 1; changed = true }
+            })
+          })
+        }
+        var maxL = 0
+        ts.forEach(function (t) { maxL = Math.max(maxL, lvl[t.id]) })
+        var rows = []
+        for (var l = 0; l <= maxL; l++) rows.push(ts.filter(function (t) { return lvl[t.id] === l }))
+        return rows
+      }
+      function flowRows(ts) {
+        var levels = flowLevels(ts)
+        var out = [], cur = []
+        levels.forEach(function (lv) {
+          if (lv.length === 1) {
+            var t0 = lv[0]
+            var deps = arrOf(t0.dependsOn)
+            // continue the current chain when any dep is already in it
+            var continues = cur.length && deps.some(function (d) { return cur.some(function (c) { return c.id === d }) })
+            if (continues) { cur.push(t0); return }
+            if (cur.length) out.push(cur)
+            cur = [t0]
+            return
+          }
+          if (cur.length) out.push(cur)
+          cur = []
+          out.push(lv.slice()) // parallel row: keep as its own line
+        })
+        if (cur.length) out.push(cur)
+        return out
+      }
+      var flowArrow = h('span', { className: 'exp-flow-a2' }, '→')
+      var flowCards = function (tk) {
+        var owner = tk.owner || '—', mm = members[owner], live = (mm && typeof mm === 'object') ? mm : null
+        var nm = live ? (live.name || owner) : owner, col = live ? (live.color || '#5b8def') : '#9aa4b2'
+        var ini = live ? (live.initial || nm.slice(0, 1).toUpperCase()) : nm.slice(0, 1).toUpperCase()
+        var cur = ['in_progress', 'claimed', 'rework'].indexOf(tk.status) >= 0
+        return h('div', { className: 'exp-flow' + (cur ? ' cur' : ''), key: tk.id, onClick: function () { var same = selTaskV && selTaskV.id === tk.id; setSelTask(same ? null : tk); if (!same) focusPanelRight() } },
+          h('div', { className: 'exp-flow-a' }, h('span', { className: 'exp-ava', style: { background: col } }, esc(ini)),
+            h('b', null, esc(String(nm).slice(0, 10))), h('span', { className: 'exp-role' }, esc(roleLabel(owner)))),
+          h('div', { className: 'exp-flow-t' }, esc(String(tk.id || '') + ' · ' + String(tk.title || tk.spec || '').slice(0, 24))),
+          h('span', { className: 'exp-badge ' + stBadgeCls(tk.status) }, esc(stLabel(tk.status))))
+      }
+      // ── 实时投影的"按角色分组"视图 ──
+      // TASKS.json 为空时没有 dependsOn 数据，DAG 只能画成一排（用户反馈"一排效果不好"）。
+      // 改为按 owner（角色）分组：每组标题带活动态计数，组内每行一个 agent（状态点 + label + 状态），
+      // 点击行 → 选中该任务（右侧详情）；无依赖数据这件事在顶部明确说明。
+      var liveGroups = null
+      if (usingLiveTasks) {
+        var byRole = {}
+        tasks.forEach(function (tk) {
+          var r = tk.owner || '—'
+          if (!byRole[r]) byRole[r] = []
+          byRole[r].push(tk)
+        })
+        var roleOrder = Object.keys(byRole).sort(function (a, b) { return byRole[b].length - byRole[a].length })
+        liveGroups = h('div', null,
+          h('div', { className: 'exp-flow-note' }, t('⚠ 无依赖数据（TASKS.json 为空）→ 改为按角色分组展示；点每行看右侧详情', '⚠ no dependency data (TASKS.json empty) → grouped by role; click a row for detail')),
+          roleOrder.map(function (r) {
+            var arr = byRole[r]
+            var runN = arr.filter(function (x) { return x.status === 'in_progress' }).length
+            return h('div', { key: 'g-' + r, style: { margin: '6px 0 2px' } },
+              h('div', { className: 'exp-mem-sub', style: { display: 'flex', gap: 6, alignItems: 'center', margin: '4px 0 2px' } },
+                h('b', null, esc(roleLabel(r) || r)),
+                h('span', { className: 'exp-muted' }, arr.length + t(' 个', '') + (runN ? ' · ' + runN + t(' 运行中', ' running') : ''))),
+              arr.map(function (tk) {
+                var cur = tk.status === 'in_progress'
+                return h('div', {
+                  className: 'exp-row task' + (cur ? ' cur' : ''),
+                  key: tk.id,
+                  title: t('点击查看详情（右侧面板）', 'click for detail (right panel)'),
+                  onClick: function () { var same = selTaskV && selTaskV.id === tk.id; setSelTask(same ? null : tk); if (!same) focusPanelRight() }
+                },
+                  h('span', { className: 'exp-ava', style: { background: cur ? '#0969da' : '#9aa4b2' } }, cur ? '▶' : '✓'),
+                  h('div', { style: { flex: 1, minWidth: 0 } },
+                    h('div', { className: 'exp-task-t' }, esc(String(tk.title || tk.id).slice(0, 60))),
+                    h('div', { className: 'exp-muted' }, esc(roleLabel(tk.owner) || t('未识别角色', 'unknown role')) + (tk.model ? ' · ' + esc(String(tk.model).slice(0, 16)) : ''))),
+                  h('span', { className: 'exp-badge ' + stBadgeCls(tk.status) }, esc(stLabel(tk.status))))
+              }))
+          }))
+      }
+
+      // ── 任务人员流转（SPEC §3-S1「波次主轴 · 紧凑流转」+ UI.md「竖直时间轴 + 波次带」）──
+      // 主轴 = **时间波次**：纵向=波次（时间先后），横向=同波并列的人。leader 收缩为顶部唯一一行，
+      // 不占"一层"。三条禁止：不臆造绑定（tasks 无 agentId 就不挂任务）、不臆造层级（无 createdAt 不分波）、
+      // 不把 ROSTER 计划当已上场的人。降级一律在视图内写明原因。
+      var flowDiagram = null
+      ;(function buildFlowView() {
+        var agentsAll = (data && data.agents) || []
+        var agentRole = {}
+        agentsAll.forEach(function (a) { if (a && a.id) agentRole[String(a.id)] = a.role || '' })
+        var wfPh = (wfPhaseIv && wfPhaseIv.phases) || []
+        // 阶段归属：childId → 阶段 key（仅用于波头徽章，不参与分层）
+        var phaseOf = {}
+        wfPh.forEach(function (ph) { (ph.members || []).forEach(function (m) { if (m && m.childId) phaseOf[String(m.childId)] = String(ph.key || '') }) })
+        // 人：以 host agents[] 为准；agents 为空但有实时投影任务时，用投影行当"人"（无 createdAt → 时刻未知）
+        var people = agentsAll.filter(function (a) { return a && a.id }).map(function (a) {
+          return { id: String(a.id), role: a.role || '', label: '', activity: a.activity || '', model: a.model || '', createdAt: a.createdAt, parentId: a.parentId || '', depth: a.depth || 0, projected: false }
+        })
+        if (!people.length) {
+          var liveRows = (data && data.tasksLive) || []
+          liveRows.forEach(function (r) { if (r && r.agentId) people.push({ id: String(r.agentId), role: r.owner || '', label: String(r.title || ''), activity: r.status === 'in_progress' ? 'running' : 'inactive', model: r.model || '', createdAt: 0, parentId: '', depth: 0, projected: true }) })
+        }
+        var roles = (data && data.roles) || []
+        // 分层依据补全：workflow 派生的子代理没有会话 header，改用事件流真实时间戳。
+        // `timing` 回报用了哪一源，UI 必须如实标注（不把推断当事实）。
+        var timed = enrichPeopleTiming(people, (data && data.wfChildren) || null)
+        people = timed.people
+        var timing = timed.used
+        var W = buildWaves(people, WAVE_GAP_MS)
+        var summary = W.waves.length + t(' 波 · ', ' waves · ') + people.length + t(' 人 · ', ' people · ') + people.filter(function (p) { return p.activity === 'running' }).length + t(' 在跑', ' running')
+
+        function hhmmss(ms) { try { var d = new Date(ms); return ('0' + d.getHours()).slice(-2) + ':' + ('0' + d.getMinutes()).slice(-2) + ':' + ('0' + d.getSeconds()).slice(-2) } catch (e) { return '' } }
+        function durLabel(p) { if (!p.lastEventAt || !p.createdAt) return ''; var s = Math.max(0, Math.round((p.lastEventAt - p.createdAt) / 1000)); return s >= 60 ? Math.floor(s / 60) + 'm' + (s % 60) + 's' : s + 's' }
+        function feedLine(id) { var arr = (data && data.feed && data.feed[id]) || []; var last = arr[arr.length - 1]; return last ? String(last.line || last.preview || '').slice(0, 28) : '' }
+        // 同一角色多人时用 ①② 区分（禁止聚合）
+        var roleCount = {}
+        people.forEach(function (p) { roleCount[p.role] = (roleCount[p.role] || 0) + 1 })
+        var roleSeen = {}
+        function personTitle(p) {
+          var base = p.role ? roleLabel(p.role) : (p.label || String(p.id).slice(0, 8))
+          if (p.role && roleCount[p.role] > 1) { var n = (roleSeen[p.role] = (roleSeen[p.role] || 0) + 1); return base + ' ' + '①②③④⑤⑥⑦⑧⑨'[n - 1 >= 0 && n - 1 < 9 ? n - 1 : 8] }
+          return base
+        }
+        // 绑定：委托模块内纯函数 bindTaskFor（可单测 + 变异验证）。
+        // 推断命中的 id 登记到 inferredBind ⇒ UI 用「~」前缀明确标注是推断，不冒充精确。
+        var inferredBind = {}
+        function taskOf(p) { return bindTaskFor(p, tasks, inferredBind) }
+        function miniCard(p, opts) {
+          var tk = taskOf(p)
+          var running = p.activity === 'running'
+          var done = !running && p.activity === 'inactive'
+          var rw = tk && (tk.status === 'rework' || tk.verdict === 'needs_revision')
+          var fl = feedLine(p.id)
+          return h('div', {
+            className: 'etv-card' + (running ? ' run' : (rw ? ' rework' : (done ? ' done' : ''))),
+            key: 'p-' + p.id,
+            title: personTitle(p) + ' · ' + String(p.id).slice(0, 8) + (tk ? ' · ' + (inferredBind[String(tk.id)] ? '~' : '') + String(tk.id || '') + (inferredBind[String(tk.id)] ? t('（按角色推断的绑定：TASKS.json 未记录 agentId）', ' (inferred by role: no agentId in TASKS.json)') : '') : ''),
+            onClick: function (e) { if (e && e.stopPropagation) e.stopPropagation(); try { requestFocus({ kind: 'agent', agentId: p.id, label: p.label || personTitle(p) }); focusPanelRight() } catch (e2) {} }
+          },
+            rw ? h('span', { className: 'etv-rework-tag' }, '↺R' + (tk.round || 1)) : null,
+            h('div', { className: 'etv-card-h' },
+              h('span', { className: 'exp-ava', style: { background: running ? 'var(--etv-run)' : (done ? 'var(--etv-ok)' : 'var(--etv-idle)'), fontSize: 10, width: 18, height: 18 } }, running ? '▶' : (done ? '✓' : '·')),
+              h('span', { className: 'etv-role' }, esc(personTitle(p))),
+              h('span', { className: 'etv-who' }, esc(String(p.id).slice(0, 8)))),
+            tk ? h('div', { className: 'etv-task', onClick: function (e) { if (e && e.stopPropagation) e.stopPropagation(); try { setSelTask(tk); focusPanelRight() } catch (e2) {} } }, esc((inferredBind[String(tk.id)] ? '~' : '') + String(tk.id || '') + ' · ' + String(tk.title || tk.spec || ''))) : h('div', { className: 'etv-task', style: { color: 'var(--dsw-alias-label-tertiary)' } }, t('未绑定任务', 'no task bound')),
+            h('div', { className: 'etv-card-f' },
+              h('span', { className: 'etv-dot' + (running ? ' run' : (done ? '' : ' hollow')), style: running ? { background: 'var(--etv-run)' } : (done ? { background: 'var(--etv-ok)' } : {}) }),
+              h('span', { style: { fontSize: 10.5, color: 'var(--dsw-alias-label-secondary)' } }, esc(fl || (running ? t('进行中', 'running') : t('已结束', 'finished')))),
+              h('span', { className: 'etv-dur' }, esc(durLabel(p)))))
+        }
+        var body = []
+        // 顶部说明 + 控件
+        var degradeNote = null
+        if (!people.length && roles.length) degradeNote = t('⚠ 尚未派工：以下为计划编制，不代表已上场', '⚠ not dispatched yet: planned roster only')
+        else if (!people.length) degradeNote = t('还没有可展示的人员流转（无任务、无子代理）', 'nothing to show yet (no tasks, no subagents)')
+        else if (!W.waves.length) degradeNote = t('⚠ 无创建时间记录，无法分批（已按角色分组展示）', '⚠ no createdAt records — cannot batch (grouped by role)')
+        else if (W.waves.length === 1) degradeNote = t('仅检测到 1 个批次（无先后可分）', 'only one batch detected (no ordering)')
+        else if (!wfPh.length) degradeNote = null
+        body.push(h('div', { className: 'etv-note' },
+          h('span', null, t('任务人员流转', 'Task-person flow')),
+          h('span', { style: { color: 'var(--dsw-alias-label-tertiary)' } }, esc('W1–W' + Math.max(1, W.waves.length) + ' · ' + people.length + t('人 · ', ' ppl · ') + people.filter(function (p) { return p.activity === 'running' }).length + t('在跑', ' running'))),
+          h('button', { className: 'etv-wide-btn', onClick: function () { try { setWide(!wideV) } catch (e) {} } }, esc(wideV ? t('窄视图', 'narrow') : t('宽视图', 'wide'))),
+          h('button', { className: 'etv-wide-btn', onClick: function () { try { var el = document.querySelector('.exp-body'); if (el) el.scrollTop = el.scrollHeight } catch (e) {} } }, esc(t('⤓ 最新一波', '⤓ latest')))))
+        if (degradeNote) body.push(h('div', { className: 'etv-degrade warn' }, esc(degradeNote)))
+        // 分层依据必须**如实标注**：workflow 派生的子代理没有会话 header，改用事件流真实时间戳。
+        // 不说清来源，用户会以为"时间"是会话创建时间（两者含义不同）。
+        if (W.waves.length && (timing.event > 0 || timing.none > 0)) {
+          var srcBits = []
+          if (timing.header) srcBits.push(t(timing.header + ' 人取自子会话创建时间', timing.header + ' from child-session createdAt'))
+          if (timing.event) srcBits.push(t(timing.event + ' 人取自父会话事件流 agent-start 时间戳（workflow 子代理无会话 header）', timing.event + ' from parent-session agent-start timestamps (workflow children have no session header)'))
+          if (timing.none) srcBits.push(t(timing.none + ' 人无任何时间记录', timing.none + ' with no time record at all'))
+          body.push(h('div', { className: 'etv-degrade info' }, esc(t('分批依据：', 'Layering source: ') + srcBits.join('；'))))
+        }
+        // ── 主视图：SVG 树 + 贝塞尔曲线（照 dsh-agent-teams 的 live 面板形态抄）──
+        // 层 = 波次（时间轴）；层内 = 同批并列的人（横向并排）；层间 = 从上层节点发散的曲线。
+        // 卡片内容 = 头像(角色色/首字母) + 「角色 名字」 + 任务标题/label + 状态行（✓已完成/●运行中）。
+        // 名字/颜色来自 host 的 enrichMembers（data.members[role].{name,color,initial}），按 agentId 反查。
+        var nameById = {}
+        Object.keys(members || {}).forEach(function (r) {
+          var m = members[r]
+          if (m && m.id) nameById[String(m.id)] = { name: m.name || '', color: m.color || '', initial: m.initial || '', role: r }
+        })
+        function personNameColor(p) {
+          var hit = nameById[String(p.id)]
+          return { name: (hit && hit.name) || '', color: (hit && hit.color) || '#5b8def', initial: (hit && hit.initial) || (p.role ? roleLabel(p.role).slice(0, 1) : String(p.id).slice(0, 1).toUpperCase()) }
+        }
+        // 可画宽度三源：实测容器 → 全屏画布按窗口估 → 停靠侧栏宽度偏好。
+        // 「宽视图」开关终于有作用了：放宽单卡上限（否则 12 波里每波只有 2–3 人时，
+        // 卡片被 176px 封顶、右侧大片空白）。
+        var baseW = flowW || (viewMode ? Math.max(320, ((typeof window !== 'undefined' && window.innerWidth) || 1200) - 340) : (typeof pw === 'number' ? pw : 360))
+        var avail = Math.max(240, baseW - 26)
+        var widest = 1
+        W.waves.forEach(function (w) { widest = Math.max(widest, w.members.length) })
+        var NGAP = 12, NODE_H = 84, LEVEL_GAP = 34, ROW_TITLE = 15
+        var maxNodeW = wideV ? 268 : 200
+        var NODE_W = Math.max(104, Math.min(maxNodeW, Math.floor((avail - (widest - 1) * NGAP) / widest)))
+        var levels = [{ title: '', nodes: [{ leader: true, id: '__leader' }] }]
+        W.waves.forEach(function (w) {
+          levels.push({ title: 'W' + w.index + ' · +Δ' + Math.round((w.startAt - W.base) / 1000) + 's · ' + hhmmss(w.startAt), members: w.members, nodes: w.members.map(function (p) { return p }) })
+        })
+        var totalW = 0
+        levels.forEach(function (lv) { totalW = Math.max(totalW, lv.nodes.length * NODE_W + (lv.nodes.length - 1) * NGAP) })
+        totalW = Math.max(totalW, 200)
+        var pos = {}
+        levels.forEach(function (lv, li) {
+          var rowW = lv.nodes.length * NODE_W + (lv.nodes.length - 1) * NGAP
+          var x0 = (totalW - rowW) / 2
+          lv.nodes.forEach(function (n, i) { pos[(n.id || ('ln' + li + i))] = { x: x0 + i * (NODE_W + NGAP), y: li * (NODE_H + LEVEL_GAP) + ROW_TITLE, li: li } })
+        })
+        // 节点状态语义（全明星 → 参考图的「✅ 已完成」，但多两档真实状态）：
+        //   running(蓝·脉冲) / done(绿✓) / **settled=false 且有 runId → 未结算(红)** / idle(灰) / rework(橙虚线)
+        // 「未结算」的数据源是父会话事件流里 **agent-start 有、agent-end 没有** —— 即被中断的扇出，
+        // 过去这种节点会永远显示成"进行中"，正是用户问的「任务为什么会中断」在画布上的盲点。
+        function statusOf(p) {
+          if (!p) return { txt: t('编排中', 'orchestrating'), col: 'var(--etv-lead)', kind: 'lead' }
+          if (p.activity === 'running') return { txt: t('运行中', 'running'), col: 'var(--etv-run)', kind: 'run' }
+          if (p.runId && p.settled === false) return { txt: t('未结算 · 扇出被中断', 'unsettled · fan-out interrupted'), col: 'var(--etv-fail)', kind: 'fail' }
+          if (p.activity === 'inactive') return { txt: t('已完成', 'done'), col: 'var(--etv-ok)', kind: 'done' }
+          return { txt: t('未启动', 'idle'), col: 'var(--etv-idle)', kind: 'idle' }
+        }
+        // ── 依赖边：由 TASKS.json 的 dependsOn 决定，**不再"只连上一层第 0 个节点"** ──
+        // 旧实现把每一层都挂到上层的第一个节点上：多父多子直接画错，且与真实依赖无关。
+        var personOfTask = {}
+        people.forEach(function (p) { var tk = taskOf(p); if (tk && tk.id && !personOfTask[String(tk.id)]) personOfTask[String(tk.id)] = p })
+        var layerOf = {}
+        levels.forEach(function (lv, li) { lv.nodes.forEach(function (n, i) { layerOf[String(n.id || ('ln' + li + i))] = li }) })
+        var depEdges = [], depSkipped = 0
+        ;(tasks || []).forEach(function (tk) {
+          if (!tk || !tk.id) return
+          var to = personOfTask[String(tk.id)]
+          if (!to) return
+          var deps = Array.isArray(tk.dependsOn) ? tk.dependsOn : []
+          deps.forEach(function (dd) {
+            var from = personOfTask[String(dd)]
+            if (!from || String(from.id) === String(to.id)) return
+            var lf = layerOf[String(from.id)], lt = layerOf[String(to.id)]
+            if (lf === undefined || lt === undefined) return
+            if (lt <= lf) { depSkipped += 1; return }  // 同层/回边画不出跨层曲线：如实跳过并计数，不硬画
+            depEdges.push([String(from.id), String(to.id), String(tk.id)])
+          })
+        })
+        // ── 关键路径：任务图上从"最深"节点回溯最长链（纯 computed，不改数据） ──
+        var depthOf = {}, byTaskId = {}
+        ;(tasks || []).forEach(function (tk) { if (tk && tk.id) byTaskId[String(tk.id)] = tk })
+        function taskDepth(id, seen) {
+          id = String(id || '')
+          if (!id || depthOf[id] !== undefined) return depthOf[id] || 0
+          if (seen[id]) return 0
+          seen[id] = 1
+          var tk = byTaskId[id]
+          var deps = (tk && Array.isArray(tk.dependsOn)) ? tk.dependsOn : []
+          var best = 0
+          deps.forEach(function (dd) { if (byTaskId[String(dd)]) best = Math.max(best, taskDepth(String(dd), seen) + 1) })
+          delete seen[id]
+          depthOf[id] = best
+          return best
+        }
+        var criticalTasks = {}
+        ;(function markCritical() {
+          var arr = Object.keys(byTaskId)
+          if (!arr.length) return
+          var deepest = '', best = -1
+          arr.forEach(function (id) { var d = taskDepth(id, {}); if (d > best) { best = d; deepest = id } })
+          var cur = deepest, guard = 0
+          while (cur && guard++ < 64) {
+            criticalTasks[cur] = 1
+            var tk = byTaskId[cur]
+            var deps = (tk && Array.isArray(tk.dependsOn)) ? tk.dependsOn.slice() : []
+            var next = ''
+            deps.forEach(function (dd) { if (byTaskId[String(dd)] && (next === '' || taskDepth(String(dd), {}) > taskDepth(next, {}))) next = String(dd) })
+            cur = next
+          }
+        })()
+        function isCriticalPerson(p) { var tk = taskOf(p); return !!(tk && tk.id && criticalTasks[String(tk.id)]) }
+        // ── 血缘：悬停节点时高亮它的依赖祖先/后代（双向 BFS），其余淡出 ──
+        var fwd = {}, rev = {}
+        depEdges.forEach(function (e) { (fwd[e[0]] = fwd[e[0]] || []).push(e[1]); (rev[e[1]] = rev[e[1]] || []).push(e[0]) })
+        // 血缘高亮复用 Panel 顶部的 hover 状态（dagSvg 也用它）——**不要在这里再声明同名变量**，
+        // `var` 会提升并遮蔽外层状态，导致 hover 恒为 undefined（本文件已被这个坑咬过一次）。
+        var lineage = null
+        if (hoverId) {
+          lineage = {}; lineage[String(hoverId)] = 1
+          ;[[fwd, 0], [rev, 0]].forEach(function (pair) {
+            var adj = pair[0], queue = [String(hoverId)], guard = 0
+            while (queue.length && guard++ < 500) {
+              var cur = queue.shift()
+              ;(adj[cur] || []).forEach(function (nx) { if (!lineage[nx]) { lineage[nx] = 1; queue.push(nx) } })
+            }
+          })
+        }
+        function dimmed(id) { return !!(lineage && !lineage[String(id)]) }
+
+        var svgEdge = [], svgNode = [], svgLabel = []
+        levels.forEach(function (lv, li) {
+          if (li > 0) {
+            var a = pos[levels[0].nodes[0].id || 'ln00']  // 根 = Lead
+            lv.nodes.forEach(function (n, i) {
+              var b = pos[(n.id || ('ln' + li + i))]
+              if (!a || !b) return
+              var x1 = a.x + NODE_W / 2, y1 = a.y + NODE_H, x2 = b.x + NODE_W / 2, y2 = b.y
+              var midY = (y1 + y2) / 2
+              var dim = dimmed(n.id)
+              // 委派边：lead → 每一次扇出的成员。第 1 波实线；后续波**淡虚线**（确实由 lead 发起，
+              // 但为了让「依赖边」成为视觉主角而降权），并在 tooltip 里写明。
+              svgEdge.push(h('path', {
+                key: 'e' + li + '-' + i, className: 'etv-curve', d: 'M' + x1 + ' ' + y1 + ' C ' + x1 + ' ' + midY + ', ' + x2 + ' ' + midY + ', ' + x2 + ' ' + y2,
+                style: { opacity: dim ? .05 : (li === 1 ? .55 : .18), strokeDasharray: li === 1 ? null : '3 4' }
+              },
+                h('title', null, t('委派：Lead → 本次扇出成员', 'delegation: lead → this fan-out member'))))
+            })
+          }
+          if (lv.title) svgLabel.push(h('text', { key: 'lt' + li, x: 2, y: li * (NODE_H + LEVEL_GAP) + 11, 'font-size': 9.5, fill: 'var(--dsw-alias-label-tertiary)' }, esc(lv.title)))
+        })
+        // 依赖边（视觉主角）：上游任务的人 → 下游任务的人
+        depEdges.forEach(function (e, i) {
+          var a = pos[e[0]], b = pos[e[1]]
+          if (!a || !b) return
+          var x1 = a.x + NODE_W / 2, y1 = a.y + NODE_H, x2 = b.x + NODE_W / 2, y2 = b.y
+          var midY = (y1 + y2) / 2
+          var hot = lineage && (lineage[e[0]] && lineage[e[1]])
+          svgEdge.push(h('path', {
+            key: 'd' + i, className: 'etv-dep-edge', d: 'M' + x1 + ' ' + y1 + ' C ' + x1 + ' ' + midY + ', ' + x2 + ' ' + midY + ', ' + x2 + ' ' + y2,
+            style: { opacity: (lineage && !hot) ? .07 : .95, strokeWidth: hot ? 2.4 : 1.4 }
+          },
+            h('title', null, t('依赖：', 'dependsOn: ') + e[2] + ' ← ' + (taskOf(people.filter(function (p) { return String(p.id) === e[0] })[0]) || {}).id)))
+        })
+        levels.forEach(function (lv, li) {
+          lv.nodes.forEach(function (n, i) {
+            var b = pos[(n.id || ('ln' + li + i))]
+            if (!b) return
+            if (n.leader) {
+              svgNode.push(h('g', { key: 'lead', transform: 'translate(' + b.x + ' ' + b.y + ')' },
+                h('rect', { width: NODE_W, height: NODE_H, rx: 10, className: 'etv-g-node lead' }),
+                h('circle', { cx: 20, cy: 22, r: 9, fill: 'rgba(65,118,230,.2)', stroke: 'var(--etv-lead)', strokeWidth: 1.4 }),
+                h('text', { x: 20, y: 26, 'font-size': 10, 'text-anchor': 'middle', fill: 'var(--etv-lead)' }, '◎'),
+                h('text', { x: 36, y: 19, 'font-size': 11.5, 'font-weight': 700, fill: 'var(--dsw-alias-label-primary)' }, 'Lead Agent'),
+                h('text', { x: 36, y: 33, 'font-size': 10, fill: 'var(--dsw-alias-label-secondary)' }, esc(t('协调专家任务', 'orchestrating'))),
+                h('text', { x: 12, y: 62, 'font-size': 10, fill: 'var(--dsw-alias-label-secondary)' }, esc('✓ ' + t('运行中', 'running')))))
+              return
+            }
+            var pc = personNameColor(n)
+            var st = statusOf(n)
+            var tk = taskOf(n)
+            var title = tk ? String(tk.title || tk.spec || '') : (String(n.label || n.wfLabel || '').trim() || feedLine(n.id) || '')
+            var idLine = tk ? ((inferredBind[String(tk.id)] ? '~' : '') + String(tk.id || '')) : (String(n.id || '').slice(0, 8))
+            // 参考图是「任务标题两行」：SVG 没有 line-clamp，按显示宽度手工切成两行
+            var per = Math.max(10, Math.floor((NODE_W - 30) / 6.1))
+            var t1 = clipText(title, per)
+            var rest = String(title).slice(t1.length)
+            var t2 = rest ? clipText(rest, per) : ''
+            var dim2 = dimmed(n.id)
+            var crit = isCriticalPerson(n)
+            var fileN = (tk && Array.isArray(tk.changedPaths)) ? tk.changedPaths.length : 0
+            var badges = []
+            if (crit) badges.push('★' + t('关键路径', 'critical'))
+            if (fileN) badges.push(fileN + t(' 文件', ' files'))
+            if (tk && tk.round > 1) badges.push('R' + tk.round)
+            if (n.runId) badges.push(t('扇出 ', 'fan ') + String(n.runId).slice(0, 4))
+            // tooltip 先拼好再传：直接内联一个超长三元表达式极易漏括号（本轮真踩过 SyntaxError）
+            var nodeTip = (roleLabel(n.role) || '') + ' ' + (pc.name || '') + ' · ' + String(n.id).slice(0, 8) + ' · ' + st.txt
+            if (n.runId) nodeTip += ' · ' + t('扇出 ', 'fan ') + String(n.runId).slice(0, 8) + (n.settled === false ? t('（未结算）', ' (unsettled)') : '')
+            if (tk) nodeTip += ' · ' + String(tk.id || '') + ' ' + String(tk.title || '')
+            if (crit) nodeTip += ' · ' + t('关键路径', 'critical path')
+            // 子元素先组成数组再一次性传入：深度嵌套的 h(...) 极易漏括号（本轮真踩过 SyntaxError）
+            var kids = [
+              h('rect', { width: NODE_W, height: NODE_H, rx: 10, className: 'etv-g-node' + (st.kind === 'run' ? ' run' : (st.kind === 'fail' ? ' failed' : '')) + (crit ? ' crit' : ''), strokeWidth: crit ? 2 : undefined }),
+              h('circle', { cx: 20, cy: 22, r: 9, fill: pc.color, opacity: .9 }),
+              h('text', { x: 20, y: 26, 'font-size': 10, 'text-anchor': 'middle', fill: '#fff' }, esc(String(pc.initial || '?').slice(0, 1))),
+              h('text', { x: 34, y: 19, 'font-size': 11, 'font-weight': 600, fill: 'var(--dsw-alias-label-primary)' }, esc((roleLabel(n.role) || t('未识别角色', 'unknown')) + (pc.name ? ' ' + pc.name : ''))),
+              h('text', { x: 34, y: 33, 'font-size': 9.5, fill: 'var(--dsw-alias-label-tertiary)' }, esc(idLine)),
+              h('text', { x: 12, y: 50, 'font-size': 10.5, fill: 'var(--dsw-alias-label-primary)' }, esc(t1)),
+              t2 ? h('text', { x: 12, y: 63, 'font-size': 10.5, fill: 'var(--dsw-alias-label-primary)' }, esc(t2)) : null,
+              h('circle', { cx: 16, cy: 74, r: 3.5, fill: st.col }),
+              h('text', { x: 24, y: 77, 'font-size': 10, fill: 'var(--dsw-alias-label-secondary)' }, esc(st.txt + (durLabel(n) ? ' · ' + durLabel(n) : ''))),
+              badges.length ? h('text', { x: NODE_W - 8, y: 77, 'font-size': 9, 'text-anchor': 'end', fill: 'var(--dsw-alias-label-tertiary)' }, esc(badges.join(' · '))) : null,
+              h('title', null, esc(nodeTip)),
+            ]
+            svgNode.push(h('g', {
+              key: 'n' + n.id,
+              transform: 'translate(' + b.x + ' ' + b.y + ')',
+              style: { cursor: 'pointer', opacity: dim2 ? .22 : 1 },
+              onMouseEnter: function () { try { setHover(String(n.id)) } catch (e) {} },
+              onMouseLeave: function () { try { setHover(null) } catch (e) {} },
+              onClick: function () { try { requestFocus({ kind: 'agent', agentId: n.id, label: n.label || n.wfLabel || '' }); focusPanelRight() } catch (e) {} }
+            }, kids))
+          })
+        })
+        body.push(h('div', { className: 'etv-graph' },
+          h('svg', { width: totalW, height: levels.length * (NODE_H + LEVEL_GAP) + 6, style: { display: 'block', maxWidth: 'none' } },
+            h('g', null, svgEdge), h('g', null, svgLabel), h('g', null, svgNode))))
+        if (depSkipped) body.push(h('div', { className: 'etv-degrade info' }, esc(t(depSkipped + ' 条依赖跨不了层（上游与下游在同一波，画曲线会误导）—— 已如实省略', depSkipped + ' dependency edge(s) cannot cross layers (both ends in one wave) — omitted rather than misdrawn'))))
+
+        if (W.waves.length === 1) body.push(h('div', { className: 'etv-degrade info' }, esc(t('仅检测到 1 个批次（无先后可分）', 'only one batch (no ordering)'))))
+
+        // 时刻未知（部分缺失）
+        if (W.untimed.length) {
+          body.push(h('div', { className: 'etv-group', key: 'untimed' },
+            h('div', { className: 'etv-degrade info' }, t('⚠ ' + W.untimed.length + ' 人无创建时间（不参与分批，按派工顺序串成一条链）', '⚠ ' + W.untimed.length + ' without createdAt (chained in dispatch order)')),
+            // SQL 单列 + 左脊 + 肘形连线：无时间戳不能分批，但按派工顺序串链比密排两列好读（用户要求"要有线连接"）
+            h('div', { className: 'etv-list' }, h('div', { className: 'etv-list-i' }),
+              W.untimed.map(function (p) { return h('div', { className: 'etv-row', key: 'ur-' + p.id }, miniCard(p)) }))))
+        }
+        // 计划编制（未派工）
+        if (!people.length && roles.length) {
+          var planRows = roles.map(function (r) {
+            return h('div', { className: 'etv-row', key: 'pl-' + r },
+              h('div', { className: 'etv-card', style: { borderStyle: 'dashed', opacity: 0.75, cursor: 'default' } },
+                h('div', { className: 'etv-card-h' }, h('span', { className: 'etv-role' }, esc(roleLabel(r))))))
+          })
+          body.push(h('div', { className: 'etv-group', key: 'plan' },
+            h('div', { className: 'etv-degrade info' }, t('计划编制（未派工）', 'Planned roster (not dispatched)')),
+            h('div', { className: 'etv-list' }, h('div', { className: 'etv-list-i' }), planRows)))
+        }
+        // 未绑定任务（真实 TASKS.json 无 agentId → 一律进这里，不臆造绑定）
+        var boundIds = {}
+        people.forEach(function (p) { var tk = taskOf(p); if (tk) boundIds[String(tk.id)] = 1 })
+        var unbound = tasks.filter(function (tk) { return tk && !boundIds[String(tk.id)] })
+        if (unbound.length) {
+          var ubRows = unbound.slice(0, 40).map(function (tk) {
+            return h('div', { className: 'etv-row', key: 'ub-' + tk.id },
+              h('div', { className: 'etv-card tiny', onClick: function () { try { setSelTask(tk); focusPanelRight() } catch (e) {} } },
+                h('div', { className: 'etv-card-h' },
+                  h('span', { className: 'etv-role' }, esc(String(tk.id || '') + ' · ' + String(tk.title || '').slice(0, 18))),
+                  h('span', { className: 'etv-who' }, esc(roleLabel(tk.owner) || '')))))
+          })
+          body.push(h('div', { className: 'etv-group', key: 'unbound' },
+            h('div', { className: 'etv-degrade info', onClick: function () { setUnboundOpen(!unboundOpen) }, style: { cursor: 'pointer' } },
+              t('⚠ 这些任务未与子代理建立绑定（TASKS.json 无 agentId 字段）· ', '⚠ tasks unbound to subagents (no agentId in TASKS.json) · ') + unbound.length + (unboundOpen ? ' ▾' : ' ▸')),
+            unboundOpen ? h('div', { className: 'etv-list' }, h('div', { className: 'etv-list-i' }), ubRows) : null))
+        }
+        flowDiagram = h('div', { className: 'etv-root' }, body)
+      })()
+
+      var panorama = null
+      if (tasks.length) {
+        var rows = flowRows(tasks)
+        panorama = h('div', null,
+          h('div', { className: 'exp-flow-note' }, t('已安排任务（一行=依赖顺序 →；换行=并行分支）', 'Assigned tasks (a row = dependency order →; line break = parallel branch)')),
+          rows.map(function (row, i) {
+            var cells = []
+            row.forEach(function (tk, j) {
+              if (j > 0) cells.push(h('span', { key: 'a' + j, className: 'exp-flow-a2' }, '→'))
+              cells.push(flowCards(tk))
+            })
+            return h('div', { key: i },
+              h('div', { className: 'exp-flow-row' }, cells),
+              i < rows.length - 1 ? h('div', { className: 'exp-flow-sep' }) : null)
+          }))
+      } else if (roles.length) {
+        panorama = h('div', { className: 'exp-empty' }, t('（暂无任务——设计阶段分工后这里显示任务流转链）', '(no tasks — the flow appears after design)'))
+      }
+      // 编制摘要（身份标记保留）：横向一张卡，带状态/当前任务
+      var rosterStrip = roles.length ? h('div', { className: 'exp-roster-strip' }, roles.map(function (r) {
+        var m = members[r], live = (m && typeof m === 'object') ? m : null
+        var nm = live ? (live.name || r) : r, col = live ? (live.color || '#5b8def') : '#9aa4b2', ini = live ? (live.initial || nm.slice(0, 1).toUpperCase()) : nm.slice(0, 1).toUpperCase()
+        var hasAgent = !!(live && live.active)
+        var act = live ? (live.activity || '') : '', st = act === 'running' ? 'running' : (act === 'idle' || act === 'ready' || act === 'inactive') ? 'idle' : ''
+        var lbl = !hasAgent ? t('未启动', 'not started') : (st === 'running' ? t('运行中', 'running') : st === 'idle' ? t('空闲', 'idle') : t('已派', 'dispatched'))
+        return h('span', { className: 'exp-roster-chip' + (st === 'running' ? ' exp-mem-run' : ''), key: r, onClick: function () { setFeedRole(feedRole === r ? null : r) }, title: t('点击查看实时操作流', 'click for live feed') },
+          h('span', { className: 'exp-ava', style: { background: col } }, esc(ini)),
+          esc(nm.slice(0, 6)) + ' ' + esc(roleLabel(r)) + ' · ' + esc(lbl))
+      })) : null
+
+      // 覆盖矩阵：只渲染**形状合规**的条目。历史事故：`coverage` 曾被写成
+      // `["pm","architect",…]`（角色名字符串数组），而 `c.constraint || ''` 对字符串取不到
+      // 属性 ⇒ 渲染出**一串空行**，用户只看到空白却不知为何（"消费端静默吞"）。
+      // 这里显式过滤 + 把被丢弃的条数如实说出来（信息不丢，也不静默）。
+      var coverageArr = Array.isArray(coverage) ? coverage : []
+      var coverageBad = coverageArr.filter(function (c) { return !c || typeof c !== 'object' || Array.isArray(c) }).length
+      var coverageRows = coverageArr
+        .filter(function (c) { return c && typeof c === 'object' && !Array.isArray(c) })
+        .map(function (c, i) { return h('div', { className: 'exp-row', key: i }, h('span', { style: { flex: 1 } }, esc(c.constraint || '')), h('span', { className: 'exp-muted' }, esc(arrOf(c.tasks).join(', ')))) })
+      if (coverageBad) coverageRows = coverageRows.concat([h('div', { className: 'exp-legend', key: 'cov-bad' }, t('⚠ 另有 ' + coverageBad + ' 条覆盖率记录形状不合规（应为 {constraint, tasks}）—— 已跳过渲染，未静默吞掉；跑 /team migrate 可修', '⚠ ' + coverageBad + ' coverage record(s) have an invalid shape (expected {constraint, tasks}) — skipped, not silently swallowed; /team migrate can fix it'))])
+      var artifactBar = ARTIFACT.map(function (a) { return h('span', { className: 'exp-art', key: a, onClick: function () { openArtifact(a, runId, workspace) } }, esc(a)) })
+      var runsAll = (data && data.runs) || runsMeta
+      // 归属标记（多会话协作）：别的会话创建的 run 在下拉里标 👥，本/未知会话不加（避免噪音）
+      var runSelector = runsAll.map(function (r) { var v = r.workspace + '\u0001' + r.runId; var ownerTag = (r.ownerSession && r.ownerSession !== sessionId) ? ' 👥' : ''; return h('option', { key: v, value: v }, esc(r.runId) + ownerTag + ' (' + esc(phaseLabel(r.phase)) + (r.workspace ? ' · ' + esc(basename(r.workspace) || r.workspace) : '') + ')') })
+      var curSel = (workspace && runId) ? workspace + '\u0001' + runId : ''
+      var selNode = runSelector.length ? h('select', { className: 'exp-art', value: curSel, onChange: function (e) { var p = e.target.value.split('\u0001'); setSelTask(null); setSelArt(null); setSelRun({ workspace: p[0], runId: p[1] }) } },
+        (!curSel ? h('option', { key: '_', value: '', disabled: true }, t('选择 run…', 'Pick a run…')) : null), runSelector) : null
+
+      if (!isOpen && !viewMode) return null
+      var panelCls = viewMode ? 'exp-panel exp-canvas' : ('exp-panel' + (docked ? '' : ' exp-float'))
+      var panelStyle = viewMode ? null : (docked ? { width: pw + 'px' } : { left: pos.x, top: pos.y, width: pw + 'px' })
+      var headCls = 'exp-head' + (docked || viewMode ? '' : ' exp-grab')
+
+      try {
+        var TAB_ZH = { team: '人', tasks: '事', info: '料', board: '盘', settings: '设' }
+        var tabBar = h('div', { className: 'exp-tabs' },
+          ['team', 'tasks', 'info', 'board', 'settings'].map(function (tb) {
+            return h('span', { key: tb, className: 'exp-tab' + (tab === tb ? ' on' : ''), onClick: function () { setTab(tb) } },
+              esc((langNow === 'en' ? TAB_ZH[tb] : TAB_ZH[tb])) + (tb === 'tasks' ? ' ' + tasks.length : ''))
+          }),
+          violations.length ? h('span', { className: 'exp-viol-badge', onClick: function () { setTab('info') }, title: violations.join('\n') }, '⚠ ' + violations.length) : null)
+
+        // 「人」属于 run 的**归属会话**，不是发起请求的会话。host 已按归属解析；这里把
+        // 解析不确定的情况**如实说出来**（不确定就说不确定，不默默把两个 run 的人混在一起）。
+        var peopleNote = (data && typeof data.peopleSessionNote === 'string') ? data.peopleSessionNote : ''
+        var peopleNoteBlock = peopleNote ? h('div', { className: 'exp-viol-list', key: 'peoplenote' },
+          h('div', { style: { color: '#b3291e' } }, esc('⚠ ' + peopleNote))) : null
+
+        // 多会话协作（优化①）：这个 run 属于别的会话时，顶部加一条**明确可见**的归属横幅 ——
+        // "你在看别人的 run"。避免两个会话同时指挥同一个 run 时互相覆盖却毫无感知。
+        var isOtherSessionRun = !!(data && data.stateOwnerSession && data.stateOwnerSession !== sessionId)
+        var ownerBanner = isOtherSessionRun ? h('div', { className: 'exp-viol-list', key: 'owner-banner' },
+          h('div', { style: { color: '#6a4a00', background: '#fff8e6', padding: '6px 10px', borderRadius: 6 } },
+            esc('👥 这个 run 由**另一个会话**创建并拥有（' + data.stateOwnerSession.slice(0, 18) + '…）。你可以查看，但直接派工会与它竞争同一份工作区 —— 建议先与它协调，或确认它已结束后用 /team resume 接管。'))) : null
+
+        // 「任务为什么会中断」——host 从本会话事件流读出每次 workflow 扇出的命运：
+        // 没有 run-end 的那次，其编排工具调用从未返回（回合被新消息打断，或进程退出），
+        // 于是成员会永远停在「进行中」。没有卡片的运行也能在这里显示（卡片根本不存在）。
+        var wfRuns = (data && Array.isArray(data.wfRuns)) ? data.wfRuns : []
+        // 只报「没正常收尾」的：正在跑的扇出（running/unsettled）是常态，不该刷红条。
+        var badRuns = wfRuns.filter(function (r) { return r && (r.status === 'interrupted' || r.status === 'failed') })
+        var wfRunBlock = badRuns.length ? h('div', { className: 'exp-viol-list', key: 'wfruns' },
+          h('div', { key: 'h', style: { fontWeight: 600 } }, esc(t('⚠ ' + badRuns.length + ' 次 workflow 扇出未正常结算', '⚠ ' + badRuns.length + ' workflow fan-out(s) did not settle cleanly'))),
+          badRuns.slice(0, 4).map(function (r, i) {
+            var why = r.status === 'interrupted'
+              ? t('已中断——编排工具调用未返回（回合被新消息打断，或进程退出）', 'interrupted — the orchestrating tool call never returned (turn interrupted by a new message, or the process exited)')
+              : t('失败——stopReason=error', 'failed — stopReason=error')
+            return h('div', { key: 'wfr' + i },
+              esc(String(r.name || r.runId || '').slice(0, 40) + ' · ' + r.started + t(' 派工 / ', ' dispatched / ') + r.unsettled + t(' 未结算 · ', ' unsettled · ') + why))
+          })) : null
+
+        var teamTab = h('div', null,
+          h('div', { className: 'exp-sec' }, t('团队编制（已派 ', 'Roster (') + dispatched + t(' / ', '/') + roles.length + t(' 个 agent）', ' agents)')),
+          ownerBanner,
+          wfRunBlock,
+          peopleNoteBlock,
+          roster.length ? roster : h('div', { className: 'exp-empty' }, t('（暂无成员）', '(no members)')),
+          // 真实性提示：活子代理里没被名册认领的分两类，必须分开说 ——
+          //   ① 同角色的重复派工/历史 leg（**有角色**，只是每个角色只展示 1 个成员）
+          //   ② 真的解析不出角色的（label 为空、子会话日志不可读、事件流里也没有派工 label）
+          // 把 ① 说成"未能解析出角色"是错的（本会话 30 个子代理 / 14 个角色，① 必然很多）。
+          unmatchedAgents.length ? (function () {
+            var extraKeys = Object.keys(extraByRole)
+            var segs = []
+            if (extraKeys.length) {
+              segs.push(t('另有 ' + unmatchedAgents.length + ' 个活子代理是同一角色的重复派工/历史 leg（每个角色只展示 1 个成员），角色已知：',
+                unmatchedAgents.length + ' live subagent(s) are repeat/historical legs of a role already shown (one member per role); roles known: ') +
+                extraKeys.map(function (r) { return roleLabel(r) + '×' + extraByRole[r] }).join('  '))
+            }
+            if (rolelessAgents.length) {
+              segs.push(t((extraKeys.length ? '其中 ' : '另有 ') + rolelessAgents.length + ' 个确实解析不出角色（label 为空、子会话日志不可读、本会话事件流里也没有其 workflow 派工 label）：',
+                (extraKeys.length ? 'of them, ' : '') + rolelessAgents.length + ' truly have no resolvable role (empty label, unreadable child log, and no workflow delegation label in this session log): ') +
+                rolelessAgents.slice(0, 6).map(function (a) { return String(a.id || '').slice(0, 8) + (a.model ? '·' + a.model : '') }).join('  '))
+            }
+            return h('div', { className: 'exp-legend', key: 'unmatched' }, segs.join(' '))
+          })() : null,
+          // 可逆开关：本地可回退到 dsh 原生 workflow 卡（改动只影响"对话流卡片的点击去向"）
+          h('div', { className: 'exp-legend', key: 'wf-flag' },
+            h('span', null, t('对话流 workflow 卡：', 'Conversation workflow card: ')),
+            h('button', {
+              className: 'exp-opt',
+              onClick: function () { try { var cur = window.localStorage.getItem('et-native-workflow') === '1'; window.localStorage.setItem('et-native-workflow', cur ? '0' : '1'); notify() } catch (e) {} }
+            }, esc(t('当前：', 'now: ') + (nativeWf ? t('dsh 原生卡', 'dsh native') : t('专家团卡', 'expert-team')) + t(' → 点击切换', ' → click to switch'))),
+            h('span', { className: 'exp-muted' }, t('（切换后刷新页面生效）', '(refresh to apply)'))),
+          feedRole ? (function () {
+            var fm = members[feedRole], fid = (fm && fm.id) || ''
+            var fe = (data && data.feed && fid && data.feed[fid]) || []
+            return h('div', { className: 'exp-feed', key: 'feed' + feedRole },
+              h('div', { className: 'exp-feed-h' },
+                h('span', null, esc((fm && fm.name ? fm.name + ' · ' : '') + roleLabel(feedRole) + ' · ' + t('实时操作流', 'live feed'))),
+                h('button', { className: 'exp-feed-x', onClick: function () { setFeedRole(null) } }, '✕')),
+              fe.length ? fe.map(function (en, i) {
+                var tm = ''
+                try { var d2 = new Date(en.ts); tm = ('0' + d2.getHours()).slice(-2) + ':' + ('0' + d2.getMinutes()).slice(-2) + ':' + ('0' + d2.getSeconds()).slice(-2) } catch (e) {}
+                return h('div', { className: 'exp-feed-i', key: i },
+                  h('span', { className: 'exp-feed-t' }, esc(tm)),
+                  h('span', { className: 'exp-feed-l' }, esc(en.line || '')),
+                  en.preview ? h('div', { className: 'exp-feed-p' }, esc(en.preview)) : null)
+              }) : h('div', { className: 'exp-empty' }, t('（暂无操作记录——成员执行工具即显示）', '(no activity yet — appears as tools run)')))
+          }()) : null,
+          // 按 agentId 的实时细节流（对话流 workflow 卡点成员 → 右侧看"正在进行的细节记录"）
+          feedAgent ? (function () {
+            var fid2 = String(feedAgent.id || '')
+            var fe2 = (data && data.feed && fid2 && data.feed[fid2]) || []
+            var liveA = ((data && data.agents) || []).filter(function (a) { return a && String(a.id) === fid2 })[0] || {}
+            return h('div', { className: 'exp-feed', key: 'feedA' + fid2 },
+              h('div', { className: 'exp-feed-h' },
+                h('span', null, esc((feedAgent.label || fid2.slice(0, 8)) + ' · ' + t('实时细节记录', 'live detail') + (liveA.mode ? ' · ' + liveA.mode : '') + (liveA.model ? ' · ' + liveA.model : ''))),
+                h('button', { className: 'exp-feed-x', onClick: function () { setFeedAgent(null) } }, '✕')),
+              fe2.length ? fe2.map(function (en, i) {
+                var tm2 = ''
+                try { var d3 = new Date(en.ts); tm2 = ('0' + d3.getHours()).slice(-2) + ':' + ('0' + d3.getMinutes()).slice(-2) + ':' + ('0' + d3.getSeconds()).slice(-2) } catch (e) {}
+                return h('div', { className: 'exp-feed-i', key: i },
+                  h('span', { className: 'exp-feed-t' }, esc(tm2)),
+                  h('span', { className: 'exp-feed-l' }, esc(en.line || '')),
+                  en.preview ? h('div', { className: 'exp-feed-p' }, esc(en.preview)) : null)
+              }) : h('div', { className: 'exp-empty' }, t('（该成员暂无操作记录——它执行工具即显示）', '(no activity for this member yet)')))
+          }()) : null,
+          rosterStrip ? [h('div', { className: 'exp-sec' }, t('编制摘要', 'Roster')), rosterStrip] : null)
+
+        // ── F1 计划草稿编辑器（暂存 → 可编辑 → Approve & Run / Discard）──
+        var ALL_ROLES = ['pm', 'architect', 'researcher', 'ui', 'backend', 'frontend', 'dba', 'sec', 'reviewer', 'qa', 'devops', 'docs']
+        var planEditor = null
+        if (draftV) {
+          var dv = draftV
+          planEditor = h('div', { className: 'exp-plan' },
+            h('div', { className: 'exp-plan-h' },
+              h('span', { className: 'exp-plan-t' }, t('📋 计划草稿（可编辑）', '📋 Plan draft (editable)')),
+              h('span', { className: 'exp-muted' }, (dv.tasks || []).length + ' ' + t('任务', 'tasks') + ' · ' + (dv.roles || []).length + ' ' + t('角色', 'roles')),
+              planMsg ? h('span', { className: 'exp-plan-msg' }, esc(planMsg)) : null),
+            h('div', { className: 'exp-sec', style: { marginTop: 6 } }, t('角色编制', 'Roster')),
+            h('div', { className: 'exp-plan-roles' },
+              (dv.roles || []).map(function (r) {
+                return h('span', { className: 'exp-plan-chip', key: r }, esc(roleLabel(r)),
+                  h('b', { className: 'exp-plan-x', title: t('移除', 'remove'), onClick: function () { draftEdit(function (d) { d.roles = (d.roles || []).filter(function (x) { return x !== r }) }) } }, '✕'))
+              }),
+              h('select', { className: 'exp-plan-add', value: '', onChange: function (e) {
+                var v = e.target.value
+                if (v) draftEdit(function (d) { d.roles = (d.roles || []).concat([v]) })
+                e.target.value = ''
+              } },
+                h('option', { value: '' }, t('+ 添加角色', '+ add role')),
+                ALL_ROLES.filter(function (r) { return (dv.roles || []).indexOf(r) < 0 }).map(function (r) { return h('option', { key: r, value: r }, roleLabel(r) + ' · ' + r) }))),
+            h('div', { className: 'exp-sec', style: { marginTop: 10 } }, t('任务与依赖', 'Tasks & deps')),
+            (dv.tasks || []).map(function (tk, i) {
+              return h('div', { className: 'exp-plan-row', key: i },
+                h('span', { className: 'exp-plan-id' }, esc(tk.id)),
+                h('input', { className: 'exp-plan-in', value: tk.title || '', placeholder: t('任务标题', 'task title'),
+                  onChange: function (e) { var v = e.target.value; draftEdit(function (d) { d.tasks[i].title = v }) } }),
+                h('select', { className: 'exp-plan-sel', value: tk.owner || '', onChange: function (e) { var v = e.target.value; draftEdit(function (d) { d.tasks[i].owner = v }) } },
+                  (dv.roles || []).map(function (r) { return h('option', { key: r, value: r }, roleLabel(r)) })),
+                h('input', { className: 'exp-plan-dep', value: (tk.dependsOn || []).join(','), placeholder: t('依赖', 'deps'), title: t('依赖任务 id，逗号分隔', 'dependsOn ids, comma separated'),
+                  onChange: function (e) { var v = e.target.value; draftEdit(function (d) { d.tasks[i].dependsOn = v.split(',').map(function (s) { return s.trim() }).filter(Boolean) }) } }),
+                h('b', { className: 'exp-plan-x', title: t('删除任务', 'delete task'), onClick: function () { draftEdit(function (d) { d.tasks.splice(i, 1) }) } }, '✕'))
+            }),
+            h('div', { className: 'exp-plan-btns' },
+              h('button', { className: 'exp-plan-b', onClick: function () {
+                draftEdit(function (d) { d.tasks = (d.tasks || []).concat([{ id: 'T-' + String((d.tasks || []).length + 1).padStart(2, '0'), kind: 'implementation', owner: (d.roles || [])[0] || 'frontend', title: '', spec: '', acceptance: [], inScope: [], verify: [], dependsOn: [] }]) })
+              } }, t('＋ 任务', '＋ task')),
+              h('button', { className: 'exp-plan-b', onClick: function () { planPost('', { draft: draftV }) } }, t('💾 保存草稿', '💾 Save')),
+              h('button', { className: 'exp-plan-b go', onClick: function () { planPost('/approve', {}) } }, t('✅ 批准并运行', '✅ Approve & Run')),
+              h('button', { className: 'exp-plan-b bad', onClick: function () { planPost('/discard', {}) } }, t('🗑 丢弃', '🗑 Discard'))))
+        } else if (data && data.planStatus === 'discarded') {
+          planEditor = h('div', { className: 'exp-plan-discarded' },
+            t('🗑 计划已丢弃，禁止自动重建（如需重来请明确要求）', '🗑 Plan discarded — auto-recreate blocked'))
+        }
+
+        var tasksTab = h('div', null,
+          planEditor,
+          h('div', { className: 'exp-sec exp-sec-col', onClick: function () { setListOpen(!listOpen) }, title: t('点击展开/收起', 'click to expand/collapse') },
+            h('span', { className: 'exp-chev' }, listOpen ? '\u25be' : '\u25b8'),
+            h('span', null, t('任务清单（点看详情）', 'Tasks (click for detail)') + ' (' + tasks.length + ')' + (usingLiveTasks ? t(' · 实时视图', ' · live') : '')),
+            !listOpen && listSummary ? h('span', { className: 'exp-muted', style: { fontWeight: 400 } }, esc(listSummary)) : null),
+          listOpen ? (taskRows.length ? taskRows : h('div', { className: 'exp-empty' }, t('（暂无任务）', '(no tasks)'))) : null,
+          // 诚实标注：这些行不是 TASKS.json，而是从活子代理投影出来的只读视图。
+          usingLiveTasks ? h('div', { className: 'exp-legend', key: 'live-note' },
+            t('⚠ TASKS.json 为空（本轮未按协议回写任务）——以下 ' + tasks.length + ' 行为**实时子代理投影**：角色由各子代理的 prompt 推断，状态取活动态，依赖关系无从得知。', '⚠ TASKS.json is empty — the rows below are a LIVE projection of subagents (role inferred from each prompt; no dependency data).')) : null,
+          h('div', { className: 'exp-sec' }, t('团队视图', 'View'),
+            h('span', { className: 'exp-toggle', onClick: function () { setView('dag') }, style: viewV === 'dag' ? { borderColor: '#0969da', color: '#0969da' } : null }, usingLiveTasks ? t('按角色分组', 'By role') : t('任务依赖图', 'Task DAG')),
+            h('span', { className: 'exp-toggle', onClick: function () { setView('panorama') }, style: viewV === 'panorama' ? { borderColor: '#0969da', color: '#0969da' } : null }, t('任务人员流转', 'Task-person flow'))),
+          usingLiveTasks && viewV === 'dag'
+            ? liveGroups
+            : viewV === 'dag'
+            ? h('div', null,
+                h('div', { className: 'exp-legend' }, (function () {
+                  var counts = dagStatusCounts(tasks)
+                  return dagStatusOrder().map(function (s) {
+                    var m = dagStatusMeta(s)
+                    var n = counts[s] || 0
+                    var cls = 'exp-legend-item' + (m.active && n ? ' live' : '') + (n ? '' : ' zero')
+                    return h('span', { key: s, className: cls, title: m.label + '：' + n + ' 项' }, h('i', { style: { background: m.color } }), esc(m.label), n ? h('b', null, ' ' + n) : null)
+                  })
+                })()),
+                dagSvg(tasks, function (t) { var same = selTaskV && selTaskV.id === t.id; setSelTask(same ? null : t); if (!same) focusPanelRight() }, selTaskV && selTaskV.id, hoverId, setHover))
+            : h('div', null, flowDiagram || panorama),
+          selTaskV ? h(TaskDetail, { task: selTaskV, member: members[selTaskV.owner], current: tasks.filter(function (t2) { return t2.owner === selTaskV.owner && ['in_progress', 'claimed', 'rework'].indexOf(t2.status) >= 0 })[0], files: (data && data.files) || [], logTail: (data && data.logTail) || '', onOp: taskOp }) : null)
+
+        var infoTab = h('div', null,
+          h('div', { className: 'exp-sec' }, t('质量门禁', 'Quality gates')),
+          violations.length
+            ? h('div', { className: 'exp-viol-list' }, violations.map(function (v, i) { return h('div', { key: i }, '❌ ' + esc(v)) }))
+            : h('div', { className: 'exp-empty' }, t('✅ 无违规：verify/verdict/归属/依赖门一致', '✅ clean: verify/verdict/ownership/deps OK')),
+          (data && data.logTail) ? [h('div', { className: 'exp-sec' }, t('实时日志（最新）', 'Run log (latest)')), h('pre', { className: 'exp-log' }, esc(data.logTail))] : null,
+          h('div', { className: 'exp-sec' }, t('覆盖率（用户约束 → 任务）', 'Coverage (constraint → tasks)')),
+          coverageRows.length ? coverageRows : h('div', { className: 'exp-empty' }, t('（design 阶段填）', '(set in design)')),
+          h('div', { className: 'exp-sec' }, t('工件（点击预览）', 'Artifacts (click to preview)')),
+          h('div', {}, artifactBar),
+          selArtV ? h('div', { className: 'exp-preview' }, esc(artTextV || t('加载中…', 'Loading…'))) : null,
+          h('div', { className: 'exp-sec' }, t('代码索引（Enter 搜索）', 'Code index (Enter to search)')),
+          h('div', { className: 'exp-codeidx' },
+            h('input', { className: 'exp-search', value: qV, placeholder: t('搜索符号/文件名/关键词…', 'Search symbol/file/keyword…'), onInput: function (e) { setQ(e.target.value) }, onKeyDown: function (e) { if (e.key === 'Enter') codeSearch() } }),
+            qInfoV && qInfoV.source ? h('div', { className: 'exp-muted', style: { margin: '3px 0' } }, esc(t('索引时间 ', 'index ') + String(qInfoV.source).replace('T', ' ').slice(5, 16) + (qInfoV.built ? t(' · 已自动重建', ' · rebuilt') : ''))) : null,
+            qHitsV ? h('div', { className: 'exp-qhits' },
+              qHitsV.length ? qHitsV.slice(0, 12).map(function (ht, i) {
+                return h('div', { key: i, className: 'exp-qhit', onClick: function () { openFileView(ht.file) }, title: t('点击在浮层内预览文件', 'click to preview') }, esc(String(ht.file) + ':' + ht.line + '  [' + ht.kind + '] ' + ht.name))
+              }) : h('div', { className: 'exp-empty' }, t('无命中', 'no hits'))) : null),
+          fileV ? h('div', { className: 'exp-fileview' },
+            h('div', { className: 'exp-fileview-h' },
+              h('span', null, esc(String(fileV.path))),
+              h('button', { className: 'exp-feed-x', onClick: function () { setFileV(null) } }, '✕')),
+            h('pre', { className: 'exp-log' }, esc((fileV.text || '').slice(0, 16000)))) : null)
+
+        var boardTab = h('div', null,
+          h('div', { className: 'exp-sec' }, t('全部 run（跨工作区，按更新时间排序）', 'All runs (updated first)')),
+          (runsAll.length ? runsAll.slice().sort(function (a, b) { return (Date.parse(b.updatedAt) || 0) - (Date.parse(a.updatedAt) || 0) }).map(function (ri, i) {
+            var tot = ri.total || 0, dn = ri.done || 0
+            return h('div', { className: 'exp-board-row', key: i, onClick: function () { setSelRun({ workspace: ri.workspace, runId: ri.runId }) }, title: ri.workspace },
+              h('span', { className: 'exp-board-t' }, esc(String(ri.updatedAt || '').replace('T', ' ').slice(5, 16))),
+              h('span', { className: 'exp-board-n' }, esc(String(ri.runId).slice(0, 22))),
+              h('span', { className: 'exp-muted' }, esc(phaseLabel(ri.phase) + '/' + statusLabel(ri.status) + ' · ' + dn + '/' + tot + (ri.members ? ' · ' + ri.members + '人' : '') + (ri.violations ? ' · ⚠' + ri.violations : ''))),
+              h('span', { className: 'exp-role' }, esc(basename(ri.workspace) || ri.workspace)))
+          }) : h('div', { className: 'exp-empty' }, t('（暂无 run）', '(no runs)')))
+        )
+        return h('div', { className: panelCls, style: panelStyle },
+        h('style', null, CSS),
+        (docked && !viewMode) ? h('div', { className: 'exp-dock-handle', title: '拖拽调宽', onMouseDown: function (e) { startResize(e, pw) } }) : null,
+        h('div', { className: headCls, onMouseDown: function (e) { startDrag(e, docked && !viewMode, pos) } },
+          h('div', { className: 'exp-title' }, h('span', { className: 'exp-live', title: t('实时刷新中', 'live') }), '🧑‍🔬 ' + t('专家团', 'Team')),
+          h('span', { className: 'exp-run' }, runId ? esc(runId) : ''),
+          h('span', { style: { display: 'flex', gap: 6 } },
+            !viewMode ? h('button', { className: 'exp-close', title: docked ? t('转为可拖动浮窗', 'Make floating') : t('停靠回右侧', 'Dock right'), onClick: function () { setDock(!docked) } }, docked ? t('浮动', 'Float') : t('停靠', 'Dock')) : null,
+            viewMode ? h('button', { className: 'exp-close', onClick: function () { try { if (props && props.openView) props.openView('chat', '') } catch (e) {} } }, t('回到对话', 'Chat')) : null,
+            !viewMode ? h('button', { className: 'exp-close', onClick: setOpen }, t('关闭', 'Close')) : null)),
+        h('div', { className: 'exp-modehint' },
+          viewMode
+            ? t('💡 全屏画布 · 想边聊边看？点会话头的「🧑‍💼」徽章打开并排面板', 'Full canvas · tip: use the 🧑‍💼 header badge for a side-by-side panel')
+            : t('💡 并排面板 · 想要全屏画布？切到上方「🧑‍🔬 专家团」标签', 'Side panel · tip: switch to the 🧑‍🔬 team tab above for the full canvas')),
+        h('div', { className: 'exp-body' },
+          errV ? h('div', { className: 'exp-err' }, esc(errV)) : null,
+          selNode,
+          data ? [
+            h('div', { className: 'exp-prog' }, h('div', { className: 'exp-prog-fill', style: { width: pct + '%' } })),
+            h('div', { className: 'exp-meta' }, h('span', null, t('阶段', 'Phase') + ' ' + esc(phaseLabel(data.phase)) + ' / ' + esc(statusLabel(data.status)) + (tierBadge(data.tier) ? ' · ' + esc(tierBadge(data.tier)) : '') + (data.goal ? ' · ' + esc(String(data.goal).slice(0, 46)) : '')), h('b', null, pct + '%')),
+            h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '2px 10px', marginBottom: 4 } },
+              modelsLine ? h('span', { className: 'exp-muted' }, esc(modelsLine)) : null,
+              planLine ? h('span', { className: 'exp-muted' }, esc(planLine)) : null),
+            h('ol', { className: 'exp-path' }, stepper),
+            (data.pendingDecision && data.pendingDecision.options && data.pendingDecision.options.length) ? h(DecisionCard, { decision: data.pendingDecision, onChoose: function (id, label) { decide({ choice: label || id }) } }) : null,
+            tabBar,
+            tab === 'team' ? teamTab : (tab === 'tasks' ? tasksTab : (tab === 'board' ? boardTab : (tab === 'settings' ? h(SettingsTab, null) : infoTab)))
+          ] : null))
+      } catch (e) {
+        return h('div', { className: 'exp-preview' }, 'PANEL ERR: ' + esc(String(e && e.stack ? e.stack : e)).slice(0, 800))
+      }
+    }
+
+    function Boundary(props) { var e = useState(null); if (e[0]) return h('div', { className: 'exp-preview' }, t('专家团面板渲染出错：', 'Team panel render error: ') + esc(String(e[0] && e[0].message || e[0]))); return h('div', {}, props.children) }
+    function wrap(Component) { return function (props) { return h(Boundary, null, h(Component, props || {})) } }
+
+    // ── 共享 state 轮询（HeaderButton / LiveCapsule 复用，单例；无订阅者即停）──
+    var liveStore = { data: null, sid: '', timer: 0, subs: new Set() }
+    function liveTick() {
+      var sid = liveStore.sid
+      if (!sid || typeof fetch === 'undefined') return
+      fetch('/plugins/dsh-expert-team/state?sessionId=' + encodeURIComponent(sid)).then(function (r) { return r.ok ? r.json() : null }).then(function (d) {
+        if (!d) return
+        liveStore.data = d
+        try { harvestActivity(d) } catch (e) {}
+        liveStore.subs.forEach(function (f) { try { f(d) } catch (e) {} })
+      }).catch(function () {})
+    }
+    function useLiveState(sid) {
+      var st = useState(liveStore.data); var data = st[0], setData = st[1]
+      useEffect(function () {
+        if (!sid) return undefined
+        liveStore.sid = sid
+        var fn = function (d) { setData(d) }
+        liveStore.subs.add(fn)
+        if (!liveStore.timer) { liveTick(); liveStore.timer = setInterval(liveTick, 2500) }
+        return function () {
+          liveStore.subs.delete(fn)
+          if (!liveStore.subs.size && liveStore.timer) { clearInterval(liveStore.timer); liveStore.timer = 0 }
+        }
+      }, [sid])
+      return data
+    }
+    // 头部徽章文案：让「并排面板」入口自带团队实时状态（与画布标签职责区分）
+    function teamBadge(live) {
+      if (!live || !live.ok) return { text: '🧑‍💼 专家团', title: '并排团队面板' }
+      var tasks = live.tasks || []
+      var done = tasks.filter(function (t) { return ['done', 'completed'].indexOf(t.status) >= 0 }).length
+      var dec = !!(live.pendingDecision && live.pendingDecision.options && live.pendingDecision.options.length)
+      var viol = (live.violations || []).length
+      var members = live.members || {}
+      var running = Object.keys(members).some(function (k) { var m = members[k]; return m && typeof m === 'object' && m.activity === 'running' })
+      if (dec) return { text: '🤔 待你拍板', cls: ' dec', title: '团队等待你的决策' }
+      if (viol) return { text: '⚠ ' + viol + ' 违规', cls: ' warn', title: '门禁违规 ' + viol + ' 项' }
+      if (running) return { text: '🧑‍💼 ' + done + '/' + tasks.length + ' 运行中', cls: ' run', pulse: true, title: '运行中 · ' + phaseLabel(live.phase || '') + '/' + statusLabel(live.status || '') }
+      if (live.status === 'complete' || live.phase === 'deliver') return { text: '✅ 已完成', cls: ' done', title: '已完成 · ' + phaseLabel(live.phase || '') + '/' + statusLabel(live.status || '') }
+      if (!tasks.length && !Object.keys(members).length) return { text: '🧑‍💼 专家团', title: '本工作区还没有 run' }
+      return { text: '🧑‍💼 ' + done + '/' + tasks.length, title: phaseLabel(live.phase || '') + '/' + statusLabel(live.status || '') }
+    }
+
+    function HeaderButton(props) {
+      var sid = props && props.sessionId
+      useEffect(function () { if (sid) setCurrentSession(sid) }, [sid])
+      var isOpen = useOpen()
+      var live = useLiveState(sid)
+      // Open DOCKED (md-preview style: reserves space, never covers the
+      // workspace). The in-panel「浮动」button switches to a draggable float.
+      function toggle() { if (!isOpen) { dockState = true; saveLS('et-dock', true); notify(); setOpen() } else setOpen() }
+      // CSS must exist for the HEADER button too — the panel's own <style> is
+      // only in the DOM while the panel is open. Inject once, globally.
+      try {
+        if (typeof document !== 'undefined' && !document.querySelector('style[data-et-css]')) {
+          var stEl = document.createElement('style')
+          stEl.setAttribute('data-et-css', '1')
+          stEl.textContent = CSS
+          document.head.appendChild(stEl)
+        }
+      } catch (e) {}
+      var badge = teamBadge(live)
+      var tip = '专家团 · ' + badge.title + '｜点击' + (isOpen ? '收起' : '打开') + '并排面板（全屏画布：切到上方「🧑‍🔬 专家团」标签）'
+      return h('button', { className: 'exp-open exp-live-badge' + (badge.cls || ''), title: tip, onClick: toggle },
+        h('span', { className: 'exp-live-dot' + (badge.pulse ? ' on' : '') }),
+        esc(badge.text))
+    }
+
+    // ── 对话流「团队动态」胶囊（N1）：轮询 state 的 feed/阶段/门禁/决策，取最近事件 ──
+    var activityQ = [] // {icon, text, ts}
+    function pushActivity(icon, text) {
+      try {
+        var last = activityQ[0]
+        if (last && last.text === text && Date.now() - (last.ts || 0) < 4000) return
+        activityQ.unshift({ icon: icon, text: String(text || '').slice(0, 90), ts: Date.now() })
+        if (activityQ.length > 8) activityQ.length = 8
+        notify()
+      } catch (e) {}
+    }
+    var activitySeen = { phase: '', dec: '', viol: '', feed: '' }
+    function harvestActivity(d) {
+      try {
+        if (!d || !d.ok) return
+        if (d.phase && d.phase !== activitySeen.phase) { activitySeen.phase = d.phase; pushActivity('⚙️', '阶段 → ' + phaseLabel(String(d.phase))) }
+        var dec = d.pendingDecision
+        if (dec && dec.options && dec.options.length) {
+          var dk = String(dec.title || '')
+          if (dk !== activitySeen.dec) { activitySeen.dec = dk; pushActivity('🤔', '待你拍板：' + (String(dec.title || '').slice(0, 48) || '方案确认')) }
+        } else if (activitySeen.dec) { activitySeen.dec = '' }
+        if (d.violations && d.violations.length) {
+          var vk = d.violations.join('|')
+          if (vk !== activitySeen.viol) { activitySeen.viol = vk; pushActivity('⚠️', '门禁违规：' + String(d.violations[0]).slice(0, 48)) }
+        }
+        var feed = d.feed || {}
+        var lastLine = '', lastRole = '', lastTs = 0
+        Object.keys(feed).forEach(function (k) {
+          var arr = feed[k] || []
+          if (arr.length) {
+            var e = arr[arr.length - 1]
+            if (e && (!lastLine || (e.ts || 0) >= lastTs)) { lastLine = e.line || ''; lastRole = k; lastTs = e.ts || 0 }
+          }
+        })
+        if (lastLine) {
+          var fk = lastLine.slice(0, 80)
+          if (fk !== activitySeen.feed) { activitySeen.feed = fk; pushActivity('📋', lastLine.slice(0, 68)) }
+        }
+      } catch (e) {}
+    }
+    function LiveCapsule(props) {
+      var q = useExternal(function () { return activityQ.slice() })
+      var openedS = useState(false); var opened = openedS[0], setOpened = openedS[1]
+      var sid = props && props.sessionId
+      useLiveState(sid) // 共享轮询：state 拉取与 harvestActivity 统一由 liveStore 驱动
+      if (!q.length) return null
+      var cur = q[0]
+      return h('div', { className: 'exp-cap' + (opened ? ' open' : '') },
+        h('span', { className: 'exp-cap-btn', onClick: function () { setOpened(!opened) }, title: t('专家团 · 团队动态', 'Team activity') },
+          h('span', { className: 'exp-cap-dot' }),
+          h('span', { className: 'exp-cap-tx' }, esc(String((cur.icon || '') + ' ' + cur.text).slice(0, 90)))),
+        opened ? h('div', { className: 'exp-cap-panel' },
+          q.map(function (a, i) {
+            var tm = ''
+            try { var dd = new Date(a.ts); tm = ('0' + dd.getHours()).slice(-2) + ':' + ('0' + dd.getMinutes()).slice(-2) } catch (e) {}
+            return h('div', { className: 'exp-cap-row' + (i === 0 ? ' cur' : ''), key: i },
+              h('span', { className: 'exp-cap-ic' }, esc(a.icon)), h('span', null, esc(a.text)),
+              h('span', { className: 'exp-cap-t' }, esc(tm)))
+          }),
+          h('div', { className: 'exp-cap-foot' },
+            h('button', { onClick: function () { try { if (!open) { dockState = true; saveLS('et-dock', true); notify(); setOpen() } } catch (e) {} } }, esc('🧑‍🔬 打开团队浮层'))))
+        : null)
+    }
+
+    // ── N2：待拍板 composer 横幅（conversation.composer 接管）──
+    function DecisionComposer(props) {
+      var p = props && props.pendingInteraction
+      var interact = (p && p.decision) || {}
+      var opts = interact.options || []
+      function choose(id) {
+        // 「查看方案」（大需求确认横幅）：这是**查看**动作，不是决策 —— 直接打开该 run 的
+        // SPEC.md 预览，**不发 /decide**（否则会把待决清掉，团队还没开工就被"确认"了）。
+        if (/查看方案|view plan/i.test(String(id))) {
+          try { openArtifact('SPEC.md', interact.runId || p.runId, p.workspace || interact.workspace) } catch (e) {}
+          return
+        }
+        try {
+          // 批 0-2：字段必须与 /decide 路由**逐字对齐**（sessionId|workspace 推 cwd + run + choice）。
+          // 旧写法发 {sessionId, runId, id} ⇒ 路由判 400 bad params，用户点「执行」静默失败、
+          // pendingDecision 永不清除。run/workspace 由 syncPending 随 pendingInteraction 发布。
+          fetch('/plugins/dsh-expert-team/decide', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ sessionId: p.sessionId, workspace: p.workspace || '', run: p.runId || interact.runId || '', choice: id })
+          }).then(function () { try { if (exports._resolvePending) exports._resolvePending() } catch (e) {} }).catch(function () {})
+        } catch (e) {}
+      }
+      return h('div', { className: 'exp-decbar' },
+        h('span', { className: 'exp-decbar-ic' }, '🤔'),
+        h('div', { style: { flex: 1, minWidth: 0 } },
+          h('div', { className: 'exp-decbar-t' }, esc(String(interact.title || t('专家团等待你的决策', 'Team needs your decision')))),
+          interact.prompt ? h('div', { className: 'exp-decbar-p' }, esc(String(interact.prompt).slice(0, 90))) : null),
+        h('div', { style: { display: 'flex', gap: 6, flex: 'none', flexWrap: 'wrap' } },
+          opts.map(function (o) {
+            var id = typeof o === 'string' ? o : ((o && o.id) || o.label || '')
+            var lb = typeof o === 'string' ? o : (o && (o.label || o.id)) || id
+            return h('button', { key: id, className: 'exp-opt', onClick: function () { choose(id) } }, esc(String(lb)))
+          })))
+    }
+
+    // Test hook (same convention as the host half's `_live`): lets the regression
+    // suite assert text safety without booting the overlay in a browser.
+    exports._live = { esc: esc, tierBadge: tierBadge, TIER_LABELS_ZH: TIER_LABELS_ZH, settingsFormModel: settingsFormModel }
+    exports.inject = ['slots', 'sessions', 'remote', 'uiSession', 'uiConversation', 'locale']
+    exports.apply = function (ctx) {
+      console.log('[dsh-expert-team] client apply() called')
+      try {
+        // N2：待拍板 pendingInteraction 发布（composer select 据此接管）
+        var publishPending = (ctx.uiSession && ctx.uiSession.registerPendingInteraction) ? ctx.uiSession.registerPendingInteraction(function () { return 5 }) : null
+        var pendingPub = null
+        function resolvePending(fn) { try { if (pendingPub) { pendingPub.unsub(); pendingPub = null } } catch (e) {} try { if (fn) fn() } catch (e) {} }
+        function syncPending(dec, sessionId, runId, workspace) {
+          try {
+            if (!publishPending) return
+            var has = !!(dec && dec.options && dec.options.length)
+            // 批 0-2：必须把 run/workspace 一起发布，否则 composer 横幅回传时无法满足 /decide 的必需字段
+            // （pendingDecision 本体只有 title/prompt/options，不含 runId —— 之前的 dec.runId 恒空，导致恒 400）
+            var runIdV = runId || (dec && dec.runId) || ''
+            var wsV = workspace || (dec && dec.workspace) || ''
+            if (has && !pendingPub) {
+              pendingPub = publishPending({ type: 'et-decision', sessionId: sessionId, runId: runIdV, workspace: wsV, decision: { title: dec.title, prompt: dec.prompt, options: dec.options, runId: runIdV, workspace: wsV } }, function () { return Promise.resolve() })
+            } else if (!has && pendingPub) {
+              pendingPub.unsub(); pendingPub = null
+            }
+          } catch (e) {}
+        }
+        exports._syncPending = syncPending
+        exports._resolvePending = resolvePending
+
+        ctx.slots.inject('conversation.session.header.actions', function () {
+          return ctx.slots.register({ name: 'conversation.session.header.actions', id: 'expert-team-open', order: 900, inject: function (sessionId) { return sessionId ? { sessionId: sessionId } : {} } }, wrap(HeaderButton))
+        })
+        ctx.slots.inject('shell.overlay', function () {
+          return ctx.slots.register({ name: 'shell.overlay', id: 'expert-team-panel', order: 100 }, wrap(Panel))
+        })
+        ctx.slots.inject('shell.overlay', function () {
+          return ctx.slots.register({ name: 'shell.overlay', id: 'expert-team-capsule', order: 110 }, wrap(LiveCapsule))
+        })
+        // N5：嵌入式画布视图标签（conversation.view，trajectory 同款范式）
+        ctx.slots.inject('conversation.view', function () {
+          return ctx.slots.register({
+            name: 'conversation.view',
+            id: 'expert-team',
+            order: 20,
+            label: function () { return '🧑‍🔬 ' + t('专家团', 'Team') },
+            inject: function (sessionId) { return { sessionId: sessionId, mode: 'view' } }
+          }, wrap(Panel))
+        })
+        // N2：待拍板横幅接管 composer（有 pendingInteraction=et-decision 时）
+        ctx.slots.inject('conversation.composer', function () {
+          return ctx.slots.register({
+            name: 'conversation.composer',
+            priority: 1,
+            select: function (props) { var p = props && props.pendingInteraction; return (p && p.type === 'et-decision') ? p : null }
+          }, wrap(DecisionComposer))
+        })
+        // 对话流角色化工具卡（官方 keyed slot）：subagent_<role> 调用 → 角色卡
+        Object.keys(ROLE_TOOL).forEach(function (wire) {
+          ctx.slots.inject('tool.call.toolview', function () {
+            return ctx.slots.register({ name: 'tool.call.toolview', key: wire }, wrap(RoleToolView))
+          })
+        })
+        // 接管 dsh 原生 workflow 运行卡：点成员不再打开新标签页，改为右侧面板看实时细节。
+        // order:-1 让本条目在同一 cell 上压过原生条目（renderer：每个 cell 取 order 最小的存活条目）。
+        // 可逆开关：localStorage['et-native-workflow']='1' → 不注册，回退 dsh 原生卡（刷新生效）。
+        try {
+          if (!nativeWfOn()) {
+            ctx.slots.inject('conversation.chat.node', function () {
+              // ⚠️ keyed 插槽的遮蔽参数是 **priority**（不是 order）：注册表实现里
+              //   同 key 且同 priority 会**直接抛错**并让整个插件加载失败
+              //   （实测：「keyed slot "conversation.chat.node" already has an entry for key
+              //   "workflow-run" at priority 0 … register at a different priority to shadow it
+              //   (lowest renders)」）；keyed 只按 priority 升序渲染，order 被忽略。
+              //   这里动态挑一个未被占用的更低 priority，避免 dsh 改原生优先级后再撞。
+              var prio = -1
+              try {
+                // 注意：下面的 register 必须自己 try/catch —— 它在本回调里执行，
+                // 外层 try 只包住 ctx.slots.inject() 的调用，包不住回调抛错。
+
+                var existing = (typeof ctx.slots.entriesOfSlot === 'function') ? (ctx.slots.entriesOfSlot('conversation.chat.node') || []) : []
+                var used = {}
+                existing.forEach(function (en) {
+                  var k = en && en.options ? en.options.key : undefined
+                  if (k === 'workflow-run') used[en.options.priority == null ? 0 : en.options.priority] = 1
+                })
+                while (used[prio]) prio -= 1
+              } catch (e4) {}
+              try {
+                return ctx.slots.register({ name: 'conversation.chat.node', key: 'workflow-run', priority: prio }, wrap(WorkflowRunCard))
+              } catch (e5) {
+                // 注册失败只放弃"接管卡片"，绝不连累插件加载（历史上同 key 同 priority 会整站 Failed to load plugins）
+                console.log('[dsh-expert-team] workflow card override refused, falling back to the native card:', e5 && e5.message || e5)
+                return undefined
+              }
+            })
+          }
+        } catch (e3) { console.log('[dsh-expert-team] workflow card override skipped', e3 && e3.message || e3) }
+      } catch (e) { console.log('[dsh-expert-team] apply() ERROR', e && e.message || e) }
+    }
+
+    return module.exports
+  },
+})