우측 패널
채팅 화면 오른쪽에 열리는 두 가지 패널, 대화 내 생성파일과 브라우저를 설명합니다.
열고 닫기
채팅 헤더 오른쪽의 두 버튼으로 패널을 엽니다.
| 버튼 | 패널 |
|---|---|
| 폴더 아이콘 | 대화 내 생성파일(Outputs) |
| 지구본 아이콘 | 브라우저 |
- 해당 패널이 열려 있으면 버튼이 선택된 상태로 표시됩니다. 같은 버튼을 다시 누르면 닫힙니다.
- 대화가 아직 시작되지 않은 화면에서는 패널을 열 수 없습니다.
- 패널의 열림 여부, 폭, 탭은 대화마다 따로 기억됩니다. 폭은 드래그로 조절하며, 채팅 영역은 최소 320px을 유지합니다.
- 패널이 열리면 입력창은 두 줄 배치로 바뀝니다.
대화 내 생성파일
AI가 이 대화에서 present_files로 보여 준 파일을 최근 변경 순으로 보여 줍니다. 서브에이전트가 만든 파일도 포함됩니다.
- 파일이 없으면 "생성된 파일이 없습니다. 헬피코드와의 대화를 통해 파일을 만들어보세요."가 표시됩니다.
- 미리보기: 패널 안에서 파일을 확인합니다. HTML 같은 웹 파일은 격리된(샌드박스) 환경에서 열립니다.
- 파일열기(데스크톱): 운영체제의 파일 탐색기에서 파일 위치를 보여 줍니다.
- 미리보기와 열기는 프로젝트 폴더와 임시 작업 폴더 안의 파일만 대상으로 합니다.
답변 아래의 파일 카드("{파일명} 생성")에서도 같은 미리보기와 파일열기를 쓸 수 있습니다.
브라우저
패널 안에서 웹 페이지를 열어 AI가 만든 웹 결과물을 바로 확인합니다.
| 기능 | 설명 |
|---|---|
| 주소창 | "URL을 입력하세요"에 주소를 입력해 열기. 빈 상태에는 "브라우징 시작 — URL을 입력하여 페이지를 열어보세요"가 표시됩니다. |
| 탭 | 새 탭, 탭 닫기로 여러 페이지를 동시에 열기 |
| 이동 | 뒤로, 앞으로, 새로고침 |
| 브라우저에서 열기 | 현재 페이지를 시스템 기본 브라우저로 열기 |
| 오류 | 열 수 없으면 "페이지를 열 수 없습니다. 주소를 확인하거나 다시 시도해 주세요."와 다시 시도 |
- 데스크톱: 앱에 내장된 네이티브 브라우저를 사용합니다. 탭 상태는 앱이 관리하며, 외부 링크(
window.open)는 앱 창이 아니라 시스템 기본 브라우저에서 열립니다. - 런박스: iframe 기반 보기를 사용합니다. 런박스 안에서 실행한 로컬 개발 서버(예: 3000번 포트)는 포트별 미리보기 주소로 접근합니다.
注記
AI가 개발 서버를 띄우는 명령(npm run dev 등)을 실행하려면 권한 확인이 필요하고, 자동 수락에서는 임의 코드 실행 규칙이 비활성화됩니다. 서버를 띄운 뒤 브라우저 패널에서 localhost:<포트>로 확인하세요.