에이전트 보기와 편집기 보기(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 and 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. 읽지 않음 표시기와 알림은 잠시 떠났다 돌아오도록 설계되었어요.

더 알아보기