Repository navigation
Caui v0.2.0 — Sidebar UX Overhaul
Caui v0.2.0
claudecodeui 데스크톱 앱의 두 번째 릴리스입니다. 사이드바 UX와 테마 시스템이 대폭 개선되었습니다.
✨ 주요 변경 사항
UX 개선
- 리사이저블 사이드바: 사이드바 우측 가장자리를 마우스로 드래그해서 너비 조절 (200~600px 범위, localStorage 영구 저장)
- 프로젝트 필터: 헤더의 깔때기(Filter) 아이콘 → 모달에서 표시할 프로젝트만 선택 가능
- 세션 한 줄 레이아웃: 기존 2줄(이름 / 시간+카운트) → 1줄
[로고] [이름] [날짜]압축 - 우클릭 컨텍스트 메뉴: 프로젝트/세션 hover 버튼 대신 우클릭으로 즐겨찾기·이름 수정
- 삭제 버튼: hover 시에만 표시, 텍스트와 겹치지 않게 처리
- 폴딩 토글: 프로젝트 아이템의 펼침/접힘 화살표를 좌측으로 이동
- 새 세션 버튼: 파란색 → 회색 톤
- 사이드바 스크롤바 숨김: 깔끔한 외관
테마 / 브랜딩
- 앱 이름:
CloudCLI→C.UI→Caui로 변경 - 다크 테마 색상: Codex 스타일 회색조 (
#141414배경,#339CFFaccent) - 사이드바 배경 회색조: 채도 0%, 중성 회색 톤
- 불투명도/블러 제거: 사이드바 배경이 단일 톤 다크로 통일
- 로딩 스피너: Codex 색상으로 통일
정리
- 좌측 하단 Discord 커뮤니티 버튼 숨김
- 헤더 타이틀 "Claude Code UI" → "Caui" (6개 언어)
🐛 버그 수정
- Node.js 탐지 로직 개선: nvm arm64 우선 사용 (sqlite3 native module mismatch 해결)
- child process stdout 버퍼 hang 방지
- CSS injection 타이밍 안정화 (5중 보장)
📦 설치 방법
옵션 1: install.sh (권장)
curl -fsSL https://github.com/terajh/cloudcli-wrapper/releases/download/v0.2.0/install.sh | bash옵션 2: DMG 직접 다운로드
- 아래 Assets에서
Caui_0.2.0_aarch64.dmg다운로드 (Apple Silicon 전용) - DMG 마운트 →
Caui.app을/Applications로 드래그 - quarantine 속성 제거:
xattr -cr /Applications/Caui.app
- claudecodeui 소스가
~/.cloudcli/claudecodeui에 있어야 합니다 (install.sh가 자동 처리)
⚙️ 요구사항
- macOS (Apple Silicon)
- Node.js 18+ (nvm 권장)
- claudecodeui (install.sh가 자동 클론·빌드)
🔗 관련 커밋
주요 변경 커밋:
feat(sidebar): UX 개선 (선택 색상 회색화 + 우클릭 컨텍스트 메뉴)(claudecodeui caui-customizations)feat(sidebar): hover-only delete, chevron on left, hide discord(claudecodeui)feat(sidebar): resizable width, project filter, one-line sessions, gray theme(claudecodeui)feat: Codex 다크 테마 색상을 webview에 강제 주입(cloudcli-wrapper)style: lighten sidebar background to #141414 grayscale(cloudcli-wrapper)fix: Node.js 탐지 로직 개선 (nvm arm64 우선)(cloudcli-wrapper)