Package Exports
- ccscope
- ccscope/src/CCScope.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ccscope) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
CCScope π
Claude Code Scope - Interactive terminal browser for Claude Code conversation transcripts
Overview
CCScope (Claude Code Scope) is a powerful terminal-based application that allows you to browse, analyze, and explore your Claude Code conversation transcripts. It provides an intuitive interface for navigating through sessions, analyzing thinking patterns, response times, and tool usage.
Features
- π Interactive Browsing: Navigate through sessions and conversations with vim-like keybindings
- π Rich Analytics: View response times and tool usage statistics
- π Full-text Search: Search across all conversations with highlighting, OR conditions, and regex support
- π Search-aware Navigation: Navigate through search results with left/right keys when viewing from search
- π Search & Filter: Find specific conversations or filter by project
- π± Responsive Design: Adapts to your terminal size with wide and compact layouts
- β‘ Performance: Virtual scrolling and caching for large datasets
- π§ Tool Analysis: Detailed breakdown of tool usage and execution flow
- π Thinking Process: View Claude's thinking patterns
- π Session Metrics: Track conversation duration, response times, and productivity
- π Resume Sessions: Resume Claude Code sessions directly from CCScope with 'r' key
Screenshots
Session List View
π Claude Code Scope
================================================================================
π 35 Sessions | π¬ 1503 Convos | β±οΈ 4d 9h 23m
βΆ 1 52ccc342 ccscope 48 convos 1h 51m 07/10 23:52 07/12 19:58
2 14208db7 sms-proto 7 convos 24m 24s 07/12 19:23 07/12 19:55
3 7726f0 mobile-documents 40 convos 1h 6m 07/12 15:25 07/12 19:22
β/β Navigate Β· Enter Details Β· r Resume Β· f Filter Β· s Sort Β· q ExitConversation Detail View
π Claude Code Scope
================================================================================
π¬ 48 Convos | β±οΈ 1h 51m
Selected: [52ccc342] -Users-taguchiu-Documents-workspace-ccscope
π File: /Users/taguchiu/.claude/projects/...
βΆ 1 07/10 14:30 12.3s 3t Help me refactor ViewRenderer...
2 07/10 14:35 8.7s 1t Add full-width character support
3 07/10 14:42 15.2s 5t Implement virtual scrolling
β/β Select Β· Enter Detail Β· β/β Switch Session Β· r Resume Β· Esc BackFull Detail View
[52ccc342] -Users-taguchiu-Documents-workspace-ccscope [18-66/66] 100%
Conversation #15 of 48
================================================================================
π€ USER:
Help me refactor the ViewRenderer component...
π€ ASSISTANT:
I'll help you refactor the ViewRenderer component...
π§ Tools: ReadΓ2, EditΓ1
β/β Scroll Β· Space Page Β· β/β Prev/Next Β· r Resume Β· g/G Top/Bottom Β· Esc BackInstallation
Global Installation (Recommended)
npm install -g ccscopeOnce installed, you can run ccscope from anywhere in your terminal.
Quick Start
# Install globally
npm install -g ccscope
# Run CCScope
ccscope
# Or run without installation using npx
npx ccscope
# That's it! CCScope will automatically find your Claude Code transcriptsLocal Installation
git clone https://github.com/taguchiu/ccscope.git
cd ccscope
npm install
npm linkAlternative Installation Methods
# Install from GitHub directly
npm install -g git+https://github.com/taguchiu/ccscope.git
# Install specific version
npm install -g ccscope@1.0.0
# Install locally for development
npm install ccscopeUsage
Basic Usage
# Interactive browser mode
ccscope
# Run with npx (no installation required)
npx ccscope
# Show statistics commands
ccscope daily # Daily conversation statistics
ccscope project # Project-grouped statistics
ccscope search "query" # Search across all conversations
# Options
ccscope --help # Show help
ccscope --debug # Enable debug mode
# Search examples
ccscope search "error handling"
ccscope search "async await"
ccscope search "error OR warning" # OR search (uppercase)
ccscope search "error or warning" # OR search (lowercase)
ccscope search "function OR method"
ccscope search --regex "import.*from" # Regex search
ccscope search --regex "\berror\b" # Word boundary search
# Combine commands with options
ccscope daily --debug
ccscope project --debugResume Claude Code Sessions
Press r in any view to resume a Claude Code session:
- Automatically extracts the full session ID from transcript files
- Changes to the project directory before resuming
- Executes
claude -r <session-id>to continue the conversation
This feature allows you to seamlessly continue conversations discovered through CCScope.
Navigation
Session List View
β/βork/j: Navigate up/downEnter: View session conversationsr: Resume session withclaude -rf: Filter by projects: Sort sessions (last activity, duration, conversations, start time, project name)/: Search sessionshor?: Show helpq: Exit
Conversation Detail View
β/βork/j: Navigate conversationsβ/βorh/l: Switch sessionsEnter: View full conversation detailr: Resume session withclaude -rs: Sort conversations (date/time, duration, tools)Esc: Back to session list
Full Detail View
β/β: Scroll content (5-line increments)Space/b: Page up/downg/G: Jump to top/bottomβ/β: Previous/next conversation (or navigate search results if from search)r: Resume session withclaude -rEsc: Back to conversation list
Search Results View
β/β: Navigate search resultsEnter: View conversation detailEsc: Exit application
Keyboard Shortcuts
| Key | Action |
|---|---|
q |
Quit application |
h or ? |
Show help |
/ |
Search |
f |
Filter |
s |
Sort |
r |
Resume session (claude -r) |
Esc |
Go back |
Enter |
Select/Enter |
Configuration
CCScope automatically discovers Claude Code transcripts in these directories:
~/.claude/projects/~/.config/claude/transcripts/./transcripts/./
Supported Formats
CCScope reads Claude Code transcript files in JSONL format (.jsonl extension).
Development
Project Structure
ccscope/
βββ bin/ # Executable scripts
β βββ ccscope # Main CLI entry point
βββ src/ # Source code
β βββ config.js # Configuration
β βββ SessionManager.js
β βββ StateManager.js
β βββ ViewRenderer.js
β βββ InputHandler.js
β βββ ThemeManager.js
β βββ CCScope.js
βββ CLAUDE.md # Claude Code integration guide
βββ examples/ # Example files
βββ package.json
βββ README.md
βββ LICENSEArchitecture
CCScope follows a modular architecture:
- CCScope: Main application orchestrator
- SessionManager: Handles transcript discovery and parsing
- StateManager: Manages application state and navigation
- ViewRenderer: Handles UI rendering and display logic
- InputHandler: Processes keyboard input and key bindings
- ThemeManager: Manages color themes and text formatting
Building from Source
git clone https://github.com/taguchiu/ccscope.git
cd ccscope
npm install
npm startDevelopment Commands
# Run in development mode
npm run dev
# Start the application
npm start
# Make binary executable
chmod +x bin/ccscopeContributing
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
License
This project is licensed under the MIT License - see the LICENSE file for details.
Support
- π Report Issues
- π¬ Discussions
- π¦ npm Package
Acknowledgments
- Built for the Claude Code community
- Inspired by terminal-based file browsers and analysis tools
- Special thanks to all contributors and users
Made with β€οΈ for Claude Code users