auto-sync: 2026-05-19 14:04:08

src/frontend/src/components/TaskModal.tsx

@@ -5,6 +5,7 @@
 import { useEffect, useState } from 'react';
 import { useStore } from '../store';
 import { api } from '../api';
+import CheckpointPanel from './CheckpointPanel';
 
 // ── 常量 ──
 const STATUS_META: Record<string, { color: string; label: string }> = {
@@ -422,15 +423,15 @@ export default function TaskModal() {
               </div>
             )}
 
-            {/* Checkpoint 占位 */}
-            <div style={{ marginBottom: 16 }}>
-              <SectionLabel icon="🛐" title="Checkpoint" />
-              <div style={{ padding: '16px 20px', background: 'var(--panel2)', borderRadius: 8, border: '1px dashed #2a3550', textAlign: 'center' }}>
-                <div style={{ fontSize: 24, marginBottom: 8 }}>🛐</div>
-                <div style={{ fontSize: 12, color: 'var(--muted)', fontWeight: 600 }}>Checkpoint 功能开发中</div>
-                <div style={{ fontSize: 11, color: '#4a5568', marginTop: 4 }}>验证/决策/执行三种检查点将在 v2.7 版本提供</div>
+            {/* Checkpoint 面板（waiting_human 时显示）*/}
+            {task.status === 'waiting_human' && (
+              <div style={{ marginBottom: 16 }}>
+                <SectionLabel icon="🛐" title="Checkpoint" />
+                <div style={{ padding: '12px 16px', background: 'var(--panel2)', borderRadius: 8 }}>
+                  <CheckpointPanel taskId={task.id} onDone={() => loadV2TaskDetail(task.id)} />
+                </div>
               </div>
-            </div>
+            )}
           </>)}
 
           {/* ── 产出 ── */}