Agent가 코드 변경사항을 생성하면, 색상으로 구분된 라인을 통해 추가 및 삭제 내용을 보여주는 검토 인터페이스에 표시됩니다. 이를 통해 코드베이스에 적용할 변경사항을 검토하고 제어할 수 있습니다. 검토 인터페이스는 친숙한 diff 형식으로 코드 변경사항을 표시합니다:

Diffs

TypeMeaningExample
추가된 라인새로운 코드 추가+ const newVariable = ‘hello’;
삭제된 라인코드 제거- const oldVariable = ‘goodbye’;
컨텍스트 라인변경되지 않은 주변 코드 function example()

검토

생성이 완료되면 진행하기 전에 모든 변경 사항을 검토하라는 프롬프트가 표시됩니다. 이를 통해 수정될 내용에 대한 개요를 확인할 수 있습니다.
Review input interface

파일별 검토

화면 하단에 플로팅 검토 바가 나타나며, 다음과 같은 작업을 수행할 수 있습니다:
  • 현재 파일의 변경 사항을 승인 또는 거부
  • 대기 중인 변경 사항이 있는 다음 파일로 이동

선택적 승인

세밀한 제어를 위해:
  • 대부분의 변경 사항을 승인하려면: 원하지 않는 줄을 거부한 다음 모두 승인을 클릭
  • 대부분의 변경 사항을 거부하려면: 원하는 줄을 승인한 다음 모두 거부를 클릭

변경 사항 검토

에이전트 응답이 끝나면 Review changes 버튼을 클릭하여 변경 사항의 전체 차이점을 확인할 수 있습니다.