Skip to main content

Beautiful web viewer for AI conversation history (Claude, Qwen, and more)

Project description

AI Conversation Viewer ๐Ÿ”

A beautiful, unified web interface for browsing and searching your AI conversation history across multiple platforms.

Version Python License

โœจ Features

  • ๐Ÿค– Multi-Platform Support - Works with Claude Code and Qwen (้€šไน‰ๅƒ้—ฎ) conversation histories
  • ๐Ÿ” Powerful Search - Full-text search across all conversations with keyword highlighting
  • ๐Ÿ“‚ Smart Organization - Browse conversations by project with session metadata and statistics
  • ๐Ÿ’ป Syntax Highlighting - Beautiful code blocks with language detection and copy buttons
  • ๐ŸŽจ Modern UI - Clean, responsive interface with dark/light theme support
  • ๐ŸŒ Internationalization - Multi-language support (English/Chinese)
  • โšก Fast Performance - Efficient pagination for large conversation histories
  • ๐Ÿ”ง Tool Visualization - Clear display of tool usage and outputs
  • ๐Ÿ“Š Interactive Diff Viewer - View code changes with side-by-side diff comparison

๐Ÿš€ Quick Start

Installation

pip install ai-coder-viewer

Usage

# Start with default settings (looks for ~/.claude/projects)
claude-viewer

# Custom Claude projects path
claude-viewer --projects-path /path/to/your/claude/projects

# Custom port
claude-viewer --port 8080

# Accessible from other machines
claude-viewer --host 0.0.0.0 --port 3000

Then open your browser to: http://localhost:5400

๐Ÿ“ธ Screenshots

Main Dashboard - Claude View

Browse all your Claude Code projects with session counts and detailed statistics.

Claude Main Dashboard

Main Dashboard - Qwen View

Seamlessly switch between different AI platforms to view their conversation histories.

Qwen Main Dashboard

Conversation Details

View conversations with proper formatting, syntax highlighting, and search capabilities.

Conversation View

Global Search

Search across all conversations and projects with instant results.

Search Results

๐Ÿ› ๏ธ Command Line Options

claude-viewer --help

Available options:

  • --projects-path - Path to Claude projects directory (default: ~/.claude/projects)
  • --host - Host to bind the server (default: 127.0.0.1)
  • --port - Port to run on (default: 5400)
  • --version - Show version information

๐Ÿ“ How It Works

AI conversation platforms store conversation history in JSONL files. This tool:

  1. Scans your AI projects directory (Claude: ~/.claude/projects/, Qwen: local storage)
  2. Parses JSONL conversation files from multiple AI platforms
  3. Presents them in a unified, beautiful web interface
  4. Enables powerful search and filtering across all conversations
  5. Supports multi-language UI for international users

๐Ÿ”ง Development

Local Development

git clone https://github.com/desis123/claude-code-viewer
cd claude-code-viewer
pip install -e .
claude-viewer

Project Structure

claude-code-viewer/
โ”œโ”€โ”€ claude_viewer/          # Main package
โ”‚   โ”œโ”€โ”€ cli.py             # Command line interface  
โ”‚   โ”œโ”€โ”€ main.py            # FastAPI application
โ”‚   โ””โ”€โ”€ utils/             # Utilities (JSONL parser)
โ”œโ”€โ”€ static/                # CSS, JavaScript
โ”œโ”€โ”€ templates/             # HTML templates
โ””โ”€โ”€ setup.py              # Package configuration

๐Ÿค Contributing

Contributions welcome! Please:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

Development Setup

git clone <your-fork>
cd claude-code-viewer
pip install -e ".[dev]"

๐Ÿค– Supported AI Platforms

Currently supports:

  • Claude Code - Anthropic's official CLI for Claude
  • Qwen (้€šไน‰ๅƒ้—ฎ) - Alibaba Cloud's AI assistant

More platforms coming soon!

๐Ÿ“‹ Requirements

  • Python 3.8+
  • AI Platform (Claude Code, Qwen, or other supported platforms)
  • Modern web browser (Chrome, Firefox, Safari, Edge)

๐Ÿ› Troubleshooting

"Projects path does not exist"

Make sure Claude Code has been used and has created conversation files. The default path is ~/.claude/projects.

"No JSONL files found"

Ensure you have used Claude Code and it has generated conversation history. Try specifying a custom path with --projects-path.

Port already in use

Use a different port: claude-viewer --port 8080

๐Ÿ“„ License

Apache 2.0 License - see LICENSE file for details.

๐Ÿ™ Acknowledgments

๐Ÿ“Š Highlights

  • ๐ŸŽฏ Zero configuration - Works out of the box for most users
  • โšก Fast startup - Sub-second launch time
  • ๐Ÿ” Full-text search - Search across all conversations instantly
  • ๐Ÿ“ฑ Mobile responsive - Works seamlessly on all devices
  • ๐ŸŒ Multi-language - English and Chinese UI support
  • ๐Ÿค– Multi-platform - Support for multiple AI platforms

๐Ÿ—บ๏ธ Roadmap

  • Support for more AI platforms (Cursor, Gemini, etc.)
  • Export conversations to various formats (PDF, Markdown, HTML)
  • Advanced filtering and tagging system
  • Conversation analytics and statistics
  • Real-time conversation monitoring
  • API for programmatic access

Made with โค๏ธ for the AI development community

Report Issues โ€ข Feature Requests โ€ข ไธญๆ–‡ๆ–‡ๆกฃ

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

ai_coder_viewer-1.1.1.tar.gz (2.2 MB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

ai_coder_viewer-1.1.1-py3-none-any.whl (45.2 kB view details)

Uploaded Python 3

File details

Details for the file ai_coder_viewer-1.1.1.tar.gz.

File metadata

  • Download URL: ai_coder_viewer-1.1.1.tar.gz
  • Upload date:
  • Size: 2.2 MB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/6.2.0 CPython/3.12.8

File hashes

Hashes for ai_coder_viewer-1.1.1.tar.gz
Algorithm Hash digest
SHA256 f32b6c2a5b1555702bcb68f53c68d4d55c69f1131981ea743908026503a806ab
MD5 6fdb95338ff77cc32374200c6c9f09a3
BLAKE2b-256 6d82ed4a4b26d1bc8218888764c1d12d62c13c8d033d6910445a70d2fcd3afad

See more details on using hashes here.

File details

Details for the file ai_coder_viewer-1.1.1-py3-none-any.whl.

File metadata

File hashes

Hashes for ai_coder_viewer-1.1.1-py3-none-any.whl
Algorithm Hash digest
SHA256 72fc177f5c75e70d482963864b1568bb03eec25901b80b42e300624ca7f49d51
MD5 14a5ace4916ccaa7d2c09de858dd1886
BLAKE2b-256 76bf5049efa59d04667983e3300937327d3ebf6fcb437d498be4e317f5dc6829

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page