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:6300

๐Ÿ“ธ 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: 6300)
  • --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.0.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.0-py3-none-any.whl (45.2 kB view details)

Uploaded Python 3

File details

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

File metadata

  • Download URL: ai_coder_viewer-1.1.0.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.0.tar.gz
Algorithm Hash digest
SHA256 af5a82c6ba0fd8e6da6aedf938ce53e270145036f8a3e15b6c236c35d06501b7
MD5 ecf329cbb8b1051c2ccaaa6b773f3741
BLAKE2b-256 08e58216224527ee35bae98e3193d5f16bdc39fc62741c6e27446372eb2c2149

See more details on using hashes here.

File details

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

File metadata

File hashes

Hashes for ai_coder_viewer-1.1.0-py3-none-any.whl
Algorithm Hash digest
SHA256 e9a82f0b76fa91a44c592c7706783b94c1d868a43ab9e0ec75f364d3e42e9b67
MD5 358e2f8a755ec88ca0df3148b459b0d9
BLAKE2b-256 5715a65b28550e455abc555a2abad6f3b2d6d7404446e7b6e2cc1238e0a22350

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