화면 갤러리

실제 앱의 주요 화면 10장. /api/screens/batch-capture 로 자동 캡처, privacyMode:true 로 개인 프로젝트 이름·경로·채팅 내용은 blur 처리됨.

Overview · 프로젝트 대시보드

Rail (좌) + 어제의 활동 요약 + 프로젝트 카드 그리드. 상단 우측: Split Mode · Add Project · Dashboard · Settings.

Dashboard · Cost + Activity 통계

범위 토글 (7일 / 30일 / 전체) · 총 토큰 / Input·Output / 일평균 KPI · 일별 라인 차트 · 프로젝트별 breakdown bar.

Settings · 외관

8 탭 (외관 · 모델·계정 · Slash 명령 · 원격 · 편집 · 단축키 · 디버그 · 정보). 테마 (다크/라이트) · 10+ accent 프리셋 · 폰트.

Tools · 프로젝트 컨텍스트

MCP 서버 · 플러그인 · 스킬 3 탭. 프로젝트 선택 상태에서만 실제 데이터 표시.

Diagnostics · 시스템 진단

Claude CLI · Codex CLI · DB · System · envAuth 자동 검사. 앱 부팅 시 자동 실행되고 문제 발견 시 자동 open.

DetailView · 프로젝트 진입

파일 트리 (좌) + preview + 채팅 (우) 기본 3-pane. Persistent · FULL trust · Opus · H effort · main worktree pill 표시.

Chat with Preview · 파일 열기

파일 클릭 → preview 탭 열림 · Ctrl+클릭으로 채팅 안 경로 링크도 여기서 열림.

Terminal · 다중 pty

Ctrl+` 로 새 터미널. 프로젝트당 8개 · 전역 32개 · pty 는 서버 소유라 여러 창에서 subscribe 가능.

Split Mode · 여러 프로젝트 병렬

여러 프로젝트를 한 화면에서 동시 작업. 각 pane 에 Chat/Preview/Web/Terminal 위젯 자유 배치. Pane 을 창 밖으로 drag 해서 다른 모니터로 detach 가능.

Debug · DAP 패널

Unity vstuc / Node –inspect / Python debugpy 자동 탐지. 브레이크포인트 · Step Over/Into/Out · CallStack · Variables · 🤖 분석 (Claude 로 paused state 자동 진단).

---

캡처 방법

이 스크린샷들은 앱 안에서 자동으로 생성됩니다. 로컬 loopback 으로 다음 curl 실행:

curl -X POST http://localhost:3001/api/screens/batch-capture \
  -H "Content-Type: application/json" \
  -d '{
    "screens": [
      "overview", "dashboard", "settings",
      "tools-in-project", "diagnostics",
      "select-first-project", "chat-with-preview",
      "terminal-open", "split-mode", "debug-open"
    ],
    "dir": "C:/path/to/save",
    "settleMs": 700,
    "privacyMode": true
  }'

10 초 안에 10장이 자동 저장됩니다. privacyMode: true 는 개인 프로젝트 정보를 blur 처리. 자세한 API 는 자동 캡처 IPC 페이지 참고.