feat(web): Markdown 渲染器 + 拆解轨迹 + 需你处理区 + 复审报告折叠卡片

- RichDoc(marked+DOMPurify+highlight.js CDN)统一渲染 gate spec/复审报告/任务树 SPEC；- Transcript 组件：拆解评审「拆解轨迹」懒加载 planner run transcript；- 「审批闸」改名「需你处理」并并入 needs_attention（requeue/接管/取消 + 完整复审报告，按代码/安全分段折叠卡片、标裁决徽章）；- 子任务显 scopeFiles 文件范围 + frozen「待拆解确认」标。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

app/src/app.jsx

@@ -300,19 +300,22 @@ export function App() {
   const project = projects.find((p) => p.id === currentId) || projects[0];
   const projNameOf = (pid) => (projectsRaw.find((p) => p.id === pid) || {}).name;
   const { active: tasks, archived } = buildTaskTree(tasksRaw);
+  // 「需你处理」= 三个审批闸 + needs_attention（卡住待人工）。后者并入同区但操作不同。
   const REVIEW = new Set(['plan_review', 'spec_review', 'exec_review']);
   const gates = approvalsRaw
-    .filter((a) => a.projectId === currentId && REVIEW.has(a.status))
+    .filter((a) => a.projectId === currentId && (REVIEW.has(a.status) || a.status === 'needs_attention'))
     .map((a) => {
       const g = adaptApproval(a, projNameOf(a.projectId));
       // 拆解评审：挂上实际拆出的子任务（标题/复杂度/优先级/依赖/状态），供评审弹层结构化展示
       if (g.gate === 'plan') {
         g.subtasks = tasksRaw
           .filter((tk) => tk.parentId === a.id)
-          .map((tk) => ({ id: tk.id, title: tk.title, complexity: tk.complexity, priority: tk.priority, deps: tk.deps || [], status: tk.status }));
+          .map((tk) => ({ id: tk.id, title: tk.title, complexity: tk.complexity, priority: tk.priority, deps: tk.deps || [], status: tk.status, scopeFiles: tk.scopeFiles || [] }));
       }
       return g;
-    });
+    })
+    // 审批闸在前、需人工在后
+    .sort((x, y) => (x.gate === 'attention' ? 1 : 0) - (y.gate === 'attention' ? 1 : 0));
   const agents = adaptActiveAgents(agentsResp, currentId);
   const events = eventsRaw.map(adaptEvent);
   const quota = adaptQuota(usage);
@@ -423,7 +426,7 @@ export function App() {
           onSync={onSync}
           onClose={() => setShowConfig(false)} /> : null}
         <window.MaestroKitAgentSection agents={agents} quota={quota} t={t} onOpenStream={setStreamAgent} />
-        <window.MaestroKitGateSection approvals={gates} onDecide={decide} t={t} />
+        <window.MaestroKitGateSection approvals={gates} onDecide={decide} taskOps={taskOps} onTakeover={takeover} t={t} />
         {tasks.length ? (
           <window.MaestroKitTaskSection tasks={tasks} onToast={toast} onCreate={createTask} onTakeover={takeover} taskOps={taskOps} t={t} />
         ) : (