); continue; } if (/^[-*]\s/.test(t)) { out.push(

·{mdInline(t.replace(/^[-*]\s/, ''))}

); } else if (/^#{1,4}\s/.test(t)) { out.push(

{mdInline(t.replace(/^#{1,4}\s/, ''))}

); } else { out.push(

{mdInline(t)}

); } } return out; } function mdSections(md) { if (!md) return []; const out = []; const lines = md.split('\n'); let cur = null; for (const line of lines) { const h = line.match(/^##\s+(.+)$/); if (h) { if (cur) out.push(cur); cur = { title: h[1].trim(), body: '' }; } else if (cur) { cur.body += (cur.body ? '\n' : '') + line; } else { if (line.trim()) { cur = { title: '', body: line }; } } // 首章节前的前言 } if (cur) out.push(cur); return out; } function ReportSectionCard({ title, body, t, defaultOpen }) { const [open, setOpen] = React.useState(defaultOpen); return (

setOpen((o) => !o)} style={{ display: 'flex', alignItems: 'center', gap: 8, padding: '9px 12px', cursor: 'pointer', background: 'var(--panel-2)', userSelect: 'none' }}> ▼ {title || '说明'}

{open ?

{mdBody(body)}

: null}

); } function ReportCards({ md, t }) { const secs = mdSections(md); if (!secs.length) return null; return

{secs.map((s, i) => )}

; } // 单文件 diff 渲染（+/- 行着色） function DiffBody({ diff }) { return (

      {diff.split('\n').map((ln, i) => {
        const c = (ln.startsWith('+') && !ln.startsWith('+++')) ? 'var(--green)'
          : (ln.startsWith('-') && !ln.startsWith('---')) ? 'var(--red)'
          : ln.startsWith('@@') ? 'var(--cyan)'
          : (ln.startsWith('diff --git') || ln.startsWith('index ') || ln.startsWith('+++') || ln.startsWith('---')) ? 'var(--faint)'
          : 'var(--muted)';
        return {ln || ' '};
      })}

); } // 改动文件列表：点击文件展开其 diff（按需向 daemon 取） function FileDiffs({ taskId, t }) { const [files, setFiles] = React.useState(null); const [openPath, setOpenPath] = React.useState(null); React.useEffect(() => { let alive = true; fetch('/api/tasks/' + taskId + '/diff').then((r) => r.json()).then((d) => { if (alive) setFiles(d.files || []); }).catch(() => { if (alive) setFiles([]); }); return () => { alive = false; }; }, [taskId]); if (!files) return

… diff

; if (!files.length) return null; return (

{files.map((f) => (

setOpenPath((p) => (p === f.path ? null : f.path))} style={{ display: 'flex', alignItems: 'center', gap: 8, padding: '7px 11px', cursor: 'pointer', background: 'var(--panel-2)' }}> ▼ {f.path} {t.clickToView || ''}

{openPath === f.path ? : null}

))}

); } // 全屏预览：读完整方案 + 就地裁决 function GatePreview({ item, t, onDecide, onClose }) { const { ComplexityBadge, StatusChip, Button, Textarea } = window.MaestroDesignSystem_a6a290; const [rejecting, setRejecting] = React.useState(false); const [reason, setReason] = React.useState(''); React.useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [onClose]); if (!item) return null; // 拆解子任务序号映射（依赖用 #序号引用） const subIdx = {}; (item.subtasks || []).forEach((s, i) => { subIdx[s.id] = i + 1; }); const rv = item.review; const vBadge = (label, v) => { const ok = v === 'approve', bad = v === 'reject'; return ( {label} {ok ? '✓ ' + t.vApprove : bad ? '✗ ' + t.vReject : t.vNone} ); }; const secLabel = (txt) =>

{txt}

; const reportBox = (txt) =>

{txt}

; return (

{t.gates[item.gate]} {item.title} {item.meta}

{item.gate === 'exec' && rv ? (

{vBadge(t.lblCodeReview, rv.verdict)} {vBadge(t.lblSecurity, rv.securityVerdict)}

) : null} {item.docLabel ?

{item.docLabel}

: null} {/^##\s/m.test(item.doc || '') ? :

{item.doc}

} {item.gate === 'exec' && rv && rv.securitySummary ? ( {secLabel(t.lblSecurity)} ) : null} {item.gate === 'exec' && rv && (rv.commits.length || rv.diffSummary) ? ( {secLabel(t.lblChanges + (rv.branch ? ' · ' + rv.branch : ''))}

{rv.commits.map((c) =>

· {c}

)} {rv.diffSummary ?

{rv.diffSummary}

: null}

) : null} {item.gate === 'plan' && item.subtasks && item.subtasks.length ? (

{t.gateSubtasks} · {item.subtasks.length}

{item.subtasks.map((s, i) => { const deps = (s.deps || []).map((d) => (subIdx[d] ? '#' + subIdx[d] : null)).filter(Boolean); return (

{i + 1} P{s.priority} {s.title} {StatusChip ? : null}

{t.dependsOn}: {deps.length ? {deps.join('、')} : t.noDeps}

); })}

) : null}

{rejecting ? (

</span>
              <Button variant="reject" disabled={!reason.trim()} onClick={() => { onDecide(item, 'reject', reason); onClose(); }}>{t.confirmReject}</Button>
              <Button onClick={() => { setRejecting(false); setReason(''); }}>{t.cancel}</Button>
            </React.Fragment>
          ) : (
            <React.Fragment>
              <Button variant="accept" onClick={() => { onDecide(item, 'accept'); onClose(); }}>{t.accept}</Button>
              <Button variant="reject" onClick={() => setRejecting(true)}>{t.reject}</Button>
            </React.Fragment>
          )}
        </div>
      </div>
    </div>
  );
}

// 审批闸区：斜纹条 + GateCard 列表（accept/reject + 驳回必填理由）
function GateSection({ approvals, onDecide, t }) {
  const { GateCard, GateStripe, Button, Textarea } = window.MaestroDesignSystem_a6a290;
  const [rejecting, setRejecting] = React.useState(null);
  const [reason, setReason] = React.useState('');
  const [preview, setPreview] = React.useState(null);
  const [sectionFolded, setSectionFolded] = React.useState(() => localStorage.getItem('maestro-kit-fold-gate') === '1');
  const toggleSectionFold = () => setSectionFolded((f) => { localStorage.setItem('maestro-kit-fold-gate', f ? '0' : '1'); return !f; });
  const [folded, setFolded] = React.useState(() => new Set());
  const toggleFold = (id) => setFolded((prev) => {
    const next = new Set(prev); next.has(id) ? next.delete(id) : next.add(id); return next;
  });
  if (approvals.length === 0) return null;
  return (
    <section>
      <window.MaestroKitSectionHead icon="gate" title={t.gateSection} count={approvals.length} accent="var(--violet)" folded={sectionFolded} onToggleFold={toggleSectionFold} t={t} sticky />
      {!sectionFolded ? <GateStripe /> : null}
      {!sectionFolded ? approvals.map((a) => {
        const isFolded = folded.has(a.id);
        return (
        <div key={a.id} style={{ marginBottom: 12 }}>
          <GateCard gate={a.gate} kindLabel={t.gates[a.gate]} title={a.title} meta={a.meta} docLabel={a.docLabel} doc={a.doc}
            collapsed={isFolded} foldable onToggleFold={() => toggleFold(a.id)}
            foldTitle={isFolded ? t.gateExpand : t.gateCollapse}
            onHeaderDoubleClick={() => setPreview(a)} headerTitle={t.gateDblTip}
            headerExtra={<button type="button" title={t.fullRead} onClick={() => setPreview(a)}
              style={{ fontFamily: 'var(--mono)', fontSize: 12, lineHeight: 1, cursor: 'pointer', background: 'transparent', color: 'var(--muted)', border: '1px solid var(--line)', borderRadius: 'var(--radius-sm,4px)', padding: '3px 7px' }}
              onMouseEnter={(e) => { e.currentTarget.style.color = 'var(--violet)'; e.currentTarget.style.borderColor = 'var(--violet-dim)'; }}
              onMouseLeave={(e) => { e.currentTarget.style.color = 'var(--muted)'; e.currentTarget.style.borderColor = 'var(--line)'; }}>⛶</button>}
            actions={
              <React.Fragment>
                <Button variant="accept" onClick={() => onDecide(a, 'accept')}>{t.accept}</Button>
                <Button variant="reject" onClick={() => setRejecting(rejecting === a.id ? null : a.id)}>{t.reject}</Button>
                <span style={{ marginLeft: 'auto' }}>
                  <Button variant="ghost" size="xs" title={t.fullRead} onClick={() => setPreview(a)}>⛶ {t.fullRead}</Button>
                </span>
              </React.Fragment>
            }>
            {rejecting === a.id ? (
              <div style={{ display: 'flex', gap: 10, alignItems: 'flex-start', marginTop: 10 }}>
                <Textarea danger placeholder={t.rejectPlaceholder} minHeight={56} value={reason} onChange={setReason} />
                <Button variant="reject" disabled={!reason.trim()}
                  onClick={() => { onDecide(a, 'reject', reason); setRejecting(null); setReason(''); }}>
                  {t.confirmReject}
                </Button>
              </div>
            ) : null}
          </GateCard>
        </div>
        );
      }) : null}
      <GatePreview item={preview} t={t} onDecide={onDecide} onClose={() => setPreview(null)} />
    </section>
  );
}
window.MaestroKitGateSection = GateSection;