Claude Viewer 2.0 - Search, Bookmarks & Live Updates

🎉 Claude Viewer 2.0

Major update with new features and a complete UI redesign.

✨ What's New

Search & Organization

• Search Sessions - Find any conversation instantly with fuzzy search
• Bookmark Sessions - Star your important conversations for quick access
• Live Updates - Sessions refresh automatically when Claude is running

Enhanced Interaction

• Export to Markdown - Download any conversation as a .md file
• Keyboard Navigation - Use arrow keys to navigate between sessions
• Copy Feedback - See a green checkmark when copying content
• Mobile Sidebar - Responsive design with slide-out menu on mobile

Improved Visualization

• Specialized Tool Renderers - Better formatting for code, file operations, searches, and git commands
• Anthropic Orange - Claude now appears in Anthropic's signature orange color
• Enhanced Message Display - Clear visual separation between messages with improved readability

🚀 What's Improved

Performance

• Faster session loading with React Query caching
• Reduced re-renders and optimized updates
• Background data fetching for seamless navigation

Developer Experience

• Complete TypeScript coverage
• Modular component architecture
• Comprehensive code documentation
• Cleaner project structure

💔 Breaking Changes

• Component structure completely reorganized
• API routes restructured for better organization
• Test infrastructure removed (Playwright)

📦 Dependencies

Major Additions:

• @tanstack/react-query - Data fetching and caching
• zustand - State management
• fuse.js - Fuzzy search implementation
• Shadcn/ui components - Modern UI components

---

Upgrade Guide

```bash
git pull
yarn install
yarn dev
```

No configuration changes required. Your existing sessions will work immediately with the new features.

Claude Viewer v1.0.0

🎉 Initial Release

Features

• 📁 File Tree Navigation with auto-expand
• 💬 Chat-style interface for conversations
• 🌗 Dark mode support
• 📋 Copy session paths to clipboard
• 📝 Full markdown rendering with syntax highlighting
• 🛠️ Tool visualization for AI interactions
• 🔗 Direct links to specific sessions

Requirements

• Node.js 18.x or higher
• Claude Code or Claude Desktop with sessions in ~/.claude/projects/

Installation

git clone https://github.com/phpmypython/claude-viewer.git
cd claude-viewer
yarn install
yarn dev

Built with Next.js, TypeScript, and Tailwind CSS.

Full Changelog: https://github.com/phpmypython/claude-viewer/commits/v1.0.0