에이전트 보기와 편집기 보기(Agent view and Editor view)
에이전트 보기와 편집기 보기(Agent view and Editor view)
CoCo Desktop은 두 가지 최상위 workspace 보기로 실행됩니다. Agent view는 한 창에서 여러 workspace에 걸쳐 많은 에이전트를 실행하고 검토하기 위한 것이고, Editor view는 단일 workspace에 한정된 완전한 VS Code 스타일 IDE를 위한 것입니다.
팁: 전환하는 가장 간단한 방법은 타이틀 바의 보기 토글 버튼이에요. 명령 팔레트에서 Toggle Agent or Editor view를 실행할 수도 있어요. 활성 대화는 토글을 따라 함께 이동해요.
본문
보기 한눈에 보기
| 보기 | 메인 창 | 레이아웃 | 가장 좋은 용도 |
|---|---|---|---|
| Agent view | 채팅 | Workspace + 대화 사이드바; 활성 대화를 위한 관리자(Changes, 터미널 등)의 사이드 레일. 한 창에 추가한 모든 workspace를 나열. | 하나 또는 많은 에이전트, 특히 여러 저장소에 걸친 에이전트를 실행하고 검토; 장시간 실행 작업 또는 자동화 모니터링. |
| Editor view | 코드 편집기 | 표준 IDE: 파일 탐색기, 소스 제어, 실행 및 디버그, 터미널, 확장, 그리고 사이드 보기의 채팅. 창당 하나의 workspace. | 에이전트를 옆에 두고 코드를 직접 편집, 디버깅, 확장 사용. |
Agent view
Agent view는 편집기 영역을 에이전트 우선 표면으로 대체해요. 기존 편집기 부분(활동 바, 기본 사이드 바, 편집기 그룹, 패널)은 숨겨져 채팅과 그 주변 컨텍스트가 전체 창을 차지해요. Agent view는 세 가지 기능을 중심으로 설계되었어요.
1. 한 창에서 workspace에 걸친 병렬 처리
Editor view는 창당 하나의 workspace예요. Agent view는 창을 이리저리 옮기지 않고 여러 workspace에서 에이전트를 나란히 실행하게 해줘요.
- 사이드바에 추가한 모든 workspace를 각각의 대화 기록과 함께 나열해요.
- workspace 전환은 Open Folder도 창 다시 로드도 없이 한 번의 클릭이에요.
- 각 대화는 자체 workspace 컨텍스트에서 실행됩니다: 파일 선택기, 터미널, 검색, 도구 호출 모두 해당 대화의 폴더로 범위가 지정돼요.
- 어떤 프로젝트에도 속하지 않는 일회성 채팅을 위한 내장 Playground workspace가 항상 제공돼요.
2. 에이전트 변경 사항의 내장 검토
각 대화는 에이전트가 수정한 파일을 추적해요. Agent view는 이러한 변경 사항을 직접 표면화해서, 검토하고 조치하는 데 별도의 소스 제어나 diff 보기를 열 필요가 없어요.
- 사이드 레일의 Changes 패널은 활성 대화가 건드린 모든 파일을 통합 diff, 변경 파일 트리, 범위 선택기, 파일별 수락/거부 동작과 함께 나열해요.
- 보류 중인 변경 사항, 승인 프롬프트, diff 통계는 각 대화에 범위가 지정되고 대화 사이를 전환해도 유지돼요.
- 일괄 동작(모두 수락, 모두 거부, 파일 열기)을 Agent view 표면을 벗어나지 않고 사용할 수 있어요.
- 파일을 편집하는 모든 턴은 채팅에 N files changed 요약 카드로 끝나며, 추가/삭제된 라인 합계와 파일별 배지를 보여줘요. 행을 클릭해 diff로 이동해요.
3. 백그라운드 실행과 알림
대화는 포커스가 없을 때도 계속 실행됩니다. Agent view의 사이드바는 한 번에 진행 중인 모든 것의 상태 대시보드 역할을 해요. Editor view의 채팅 패널은 활성 세션만 보여줘요.
- 사이드바는 모든 workspace의 대화별 상태(진행 중, 승인 대기, 읽지 않음)를 한 번에 보여줘요.
- 승인 프롬프트와 알림은 주의가 필요한 대화에 붙어서, 포커스를 옮기지 않고 진행 중인 많은 에이전트를 분류할 수 있어요.
- 자동화도 같은 목록에 같은 표시기로 나타나요.
표면 한눈에 보기
- 사이드바는 workspace와 그 대화를 검색과 새 에이전트 시작 버튼과 함께 나열해요.
- 대화 창은 도구 호출, 승인, 인라인 diff를 포함한 활성 채팅을 보여줘요.
- 오른쪽 레일은 활성 대화의 Changes, 터미널 및 기타 관리자를 보유해요.
Editor view
Editor view는 익숙한 IDE입니다: 파일 탐색기, 편집기, 소스 제어, 실행 및 디버그, 터미널, 확장이 모두 전면에 있어요. 채팅은 메인 창이 아닌 사이드 보기에 있으므로 코드를 편집하면서 동시에 에이전트와 대화할 수 있어요.
- 모든 편집기 영역 기능(다중 커서 편집, 파일 간 찾기/바꾸기, 언어 도구, 디버깅, 작업)이 상위 VS Code에서와 똑같이 사용 가능해요.
- 확장, 키 바인딩, 설정이 이어집니다. Editor view는 축소된 보기가 아니라 완전한 워크벤치예요.
- 채팅 사이드 보기는 Agent view와 같은 대화 목록을 공유해서, 중단한 지점에서 이어갈 수 있어요.
Workspace 범위 지정
대화, 스킬, 플러그인은 모두 workspace별로 범위가 지정돼요. Agent view와 Editor view는 별도 저장소가 아니라 같은 기본 상태에 대한 서로 다른 보기예요.
- 대화는 시작된 workspace에 속하며 해당 workspace의 저장소에 유지됩니다. Editor view는 현재 workspace의 대화를 보여주고, Agent view는 추가한 모든 workspace의 대화를 workspace별로 그룹화해 보여줘요.
- 스킬과 플러그인은 전역 집합(모든 workspace에서 공유)과 활성 대화의 workspace 로컬 집합에서 해석됩니다. 한 workspace에서 실행 중인 에이전트는 해당 workspace의 프로젝트 정의 스킬과 플러그인만 보고 다른 workspace의 것은 절대 보지 못해요.
- 도구 호출(파일 선택기, 터미널, 검색)은 어떤 보기를 사용하든 항상 활성 대화의 workspace 컨텍스트에서 실행됩니다.
- 한 보기에서 대화를 시작, 계속, 보관 또는 삭제하면 다른 보기에 반영됩니다.
토글할 때 활성 대화는 Editor view가 열린 workspace에 속할 때만 따라가요. 다른 workspace의 대화는 Agent view의 사이드바에 계속 접근 가능해요.
보기 선택
요령: 코드를 작성한다면 Editor view를 사용하세요. 에이전트가 코드를 작성하고 여러분의 역할은 에이전트를 파견하고, 지켜보고, 출력을 검토하는 것(특히 두 개 이상의 workspace에 걸쳐)이라면 Agent view를 사용하세요.
- 코드 직접 편집, 디버깅, 확장 사용: Editor view. 채팅 사이드 보기를 통해 에이전트를 루프에 유지하세요.
- 실제 작업에서 하나 이상의 에이전트 실행: Agent view. 채팅이 메인 창을 차지하고 사이드 레일이 작업이 진행됨에 따라 에이전트의 변경 사항, 터미널 및 기타 컨텍스트를 표면화해요.
- 여러 저장소 또는 workspace에서 에이전트 병렬 실행: Agent view. 한 창이 모두를 덮어요.
- 장시간 실행 작업 또는 자동화: Agent view. 읽지 않음 표시기와 알림은 잠시 떠났다 돌아오도록 설계되었어요.