Show HN: Claude Code History Viewer for macOS

4 months ago 4

1.0.0-beta.3

🎉 1.0.0-beta.3 Release Notes Summary

✨ Major New Features

  • 🌐 Multi-language Support: Full support for 5 languages (Korean, English, Japanese, Simplified/Traditional Chinese)
  • 📧 Feedback System: GitHub-integrated feedback system for bug reports and feature requests
  • 🛠️ Language Selection: Real-time language switching available in settings

🚀 Performance Improvements

  • ⚡ File Reading Optimization: Enhanced processing speed for large files
  • 🚀 Memory Usage Improvement: Eliminated unnecessary memory allocations
  • ⚡ Performance Monitoring: Loading time measurement in development mode

🔧 Technical Improvements

  • Enhanced Type Safety: Improved accuracy of message structures
  • Library Cleanup: Unified syntax highlighting libraries
  • Codebase Cleanup: Removed unused components

📝 Documentation & Platform

  • README Simplification: 46% reduction in content, restructured to focus on core features
  • Platform Clarification: macOS-exclusive optimization with Universal Binary support
  • Documentation Accuracy: Updated to match actual implementation

What's Changed

New Contributors

Full Changelog: v1.0.0-beta.2...v1.0.0-beta.3

v1.0.0-beta.2

Version 1.0.0-beta.2 (2025-07-02)

🆕 새로운 기능

  • 📊 Analytics Dashboard: 사용 패턴, 토큰 사용량, 활동 히트맵 등 종합 분석 대시보드 추가
  • 🔄 자동 업데이트 시스템: 우선순위별 업데이트 알림 (중요/권장/선택) 및 자동 체크 기능
  • 💭 Thinking Content 표시: Claude의 사고 과정을 포맷팅하여 표시하는 기능 추가

🚀 성능 개선

  • ⚡ 페이지네이션 도입: 대용량 세션도 빠른 초기 로딩 지원 (100개 단위 로딩)
  • 📦 미사용 라이브러리 제거: 번들 크기 최적화로 로딩 속도 개선

🔧 기술적 변경사항

  • HeadlessUI → Radix UI로 UI 라이브러리 변경
  • @tanstack/react-query 제거 (미사용)
  • Lucide React 아이콘 라이브러리 채택

v1.0.0-beta.1

Version 1.0.0.beta.1 (2025-06-30)

🎉 주요 기능

  • 📁 프로젝트/세션 탐색: Claude Code의 모든 프로젝트와 대화 세션을 계층적 트리 구조로 탐색
  • 🔍 전체 텍스트 검색: 모든 대화 내용에서 빠른 검색 가능
  • 🎨 구문 강조: 모든 프로그래밍 언어의 코드 블록에 대한 문법 강조 표시
  • 📊 토큰 사용량 통계: 프로젝트별, 세션별 토큰 사용량 분석 및 시각화
  • ⚡ 높은 성능: Rust 백엔드와 가상 스크롤링으로 대용량 대화 기록도 빠르게 처리
  • 🌑 다크 모드 지원: 다크모드, 라이트모드, 시스템모드를 지원합니다.

🚀 최근 개선사항

렌더링 및 UI 개선

  • Diff 뷰어 개선: 파일 변경사항을 라인 단위로 비교하도록 개선하여 가독성 향상
  • 파일 편집 렌더링 최적화: FileEditRenderer를 활용한 효율적인 파일 편집 결과 표시
  • Markdown 렌더링: 명령어 출력 내용을 Markdown으로 렌더링하여 가독성 개선
  • 세션 관리 개선: 세션 경로 직접 사용 및 마지막 수정 시간 추가로 세션 정보 관리 강화
  • Sidechain 메시지 필터링: 불필요한 sidechain 메시지를 제외하여 사용자 경험 개선

성능 최적화

  • prism-react-renderer로 코드 하이라이팅 엔진을 교체하여 렌더링 성능 대폭 개선
  • Vite 번들 최적화로 초기 로딩 시간 단축
  • 라이브러리별 청크 분할로 캐싱 효율성 향상
  • 가상 스크롤링으로 대용량 메시지 목록 처리 최적화

UI/UX 개선

  • ErrorBoundary 컴포넌트 추가로 안정성 향상
  • Radix UI 드롭다운 메뉴 도입으로 접근성 개선
  • 폴더 선택 UI 개선 및 오류 메시지 명확화
  • 색상 상수화로 테마 일관성 유지
  • 메시지 뷰어 스크롤 동작 최적화
  • 세션 새로고침 기능 추가

기능 추가

  • 이미지 렌더링 지원
  • Assistant 메시지 메타데이터 표시
  • 세션 요약 정보 표시
  • 빈 메시지 처리 로직 구현
  • 무한 스크롤 페이지네이션
  • Claude 폴더 경로 자동 저장

🛠️ 기술 스택

Frontend

  • React 19.1.0 + TypeScript
  • Tailwind CSS + @headlessui/react
  • Zustand (상태 관리)
  • @tanstack/react-query (데이터 fetching)
  • prism-react-renderer (코드 하이라이팅)

Backend

  • Tauri 2.6.1 (Rust)
  • tokio (비동기 런타임)
  • serde (직렬화)

📋 시스템 요구사항

  • macOS 10.15+, Windows 10+, 또는 Linux
  • Claude Code가 설치되어 있고 사용 기록이 있어야 함 (~/.claude 디렉토리)

🐛 알려진 이슈

  • 매우 큰 세션 파일(100MB+)의 경우 초기 로딩이 느릴 수 있음

🔜 향후 계획

  • 대화 내보내기 기능 (PDF, Markdown)
  • 고급 필터링 옵션
  • 메시지 북마크 기능
  • 통계 차트 시각화 개선

이 도구는 Claude Code 사용자들이 자신의 대화 기록을 효과적으로 관리하고 검색할 수 있도록 돕기 위해 만들어졌습니다.
문제 발생 시 GitHub Issues에서 보고해 주세요.

Read Entire Article