Skip to content

Caui v0.2.0 — Sidebar UX Overhaul

Choose a tag to compare

@terajh terajh released this 06 Apr 04:38
· 52 commits to master since this release

Caui v0.2.0

claudecodeui 데스크톱 앱의 두 번째 릴리스입니다. 사이드바 UX와 테마 시스템이 대폭 개선되었습니다.

✨ 주요 변경 사항

UX 개선

  • 리사이저블 사이드바: 사이드바 우측 가장자리를 마우스로 드래그해서 너비 조절 (200~600px 범위, localStorage 영구 저장)
  • 프로젝트 필터: 헤더의 깔때기(Filter) 아이콘 → 모달에서 표시할 프로젝트만 선택 가능
  • 세션 한 줄 레이아웃: 기존 2줄(이름 / 시간+카운트) → 1줄 [로고] [이름] [날짜] 압축
  • 우클릭 컨텍스트 메뉴: 프로젝트/세션 hover 버튼 대신 우클릭으로 즐겨찾기·이름 수정
  • 삭제 버튼: hover 시에만 표시, 텍스트와 겹치지 않게 처리
  • 폴딩 토글: 프로젝트 아이템의 펼침/접힘 화살표를 좌측으로 이동
  • 새 세션 버튼: 파란색 → 회색 톤
  • 사이드바 스크롤바 숨김: 깔끔한 외관

테마 / 브랜딩

  • 앱 이름: CloudCLI → C.UI → Caui로 변경
  • 다크 테마 색상: Codex 스타일 회색조 (#141414 배경, #339CFF accent)
  • 사이드바 배경 회색조: 채도 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 직접 다운로드

  1. 아래 Assets에서 Caui_0.2.0_aarch64.dmg 다운로드 (Apple Silicon 전용)
  2. DMG 마운트 → Caui.app을 /Applications로 드래그
  3. quarantine 속성 제거:
    xattr -cr /Applications/Caui.app
  4. 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)