cview

cview is a powerful local viewer specifically designed for Claude Code sessions, enabling users to retrieve and revisit past conversations in a chat-style format. This tool enhances the experience of managing and navigating through code interactions by providing a searchable interface, comprehensive timeline, and export options.

Key Features

• Chat View: Each session is displayed in a per-session chat view, where consecutive messages are grouped together. The view supports code-aware Markdown, and visual enhancements are provided with per-tool cards.
• Inline Subagent Expansion: Easily view subagent transcripts directly within the chat, allowing for context-rich interactions.
• Conversation Timeline: A draggable slider on top of the chat interface allows rapid navigation through long sessions. Keyboard shortcuts are also available for efficiency.
• Terminal Integration: Each session row includes a command snippet that facilitates resuming the session in the terminal with a simple copy-paste action.
• Robust Search Functionality: Quickly search across session titles, project names, current working directory paths, git branches, and session ID prefixes to find relevant information.
• Theme Options: The interface supports both light and dark themes, adhering to user preferences through the prefers-color-scheme setting.
• Export Capabilities: Save transcripts as standalone HTML documents or capture selected messages in PNG or JPG format for external use.
• Read-Only Mode: cview operates in a secure, read-only capacity, ensuring no alterations are made to session files.

Keyboard Navigation

Efficiently navigate through session content with keyboard controls:

Configuration Options

Users can configure cview with environment variables, such as:

For instance, to change the server port:

PORT=4000 cview

Security Features

cview operates securely, utilizing a local-only mode on 127.0.0.1, ensuring that API access is limited to the local machine. Path traversal in project or session identifiers is validated to prevent unauthorized access.

Development Setup

For developers, the following commands facilitate local development:

npm install
npm run dev          # Run Express and Vite simultaneously
npm run build        # Produce a production build into the dist/ directory
npm run lint:design  # Validate design specifications

Utilize cview to streamline the management of Claude Code sessions, enhancing productivity and collaboration in code-related discussions.