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)
aicode-viewer

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

# Custom port
aicode-viewer --port 8080

# Accessible from other machines
aicode-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

aicode-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/lohasle/AI-Conversation-Viewer
cd AI-Conversation-Viewer
pip install -e .
aicode-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: aicode-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.3.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.3-py3-none-any.whl (45.2 kB view details)

Uploaded Python 3

File details

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

File metadata

  • Download URL: ai_coder_viewer-1.1.3.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.3.tar.gz
Algorithm Hash digest
SHA256 554a2b8629ed006f0f9db71671c72bc5be064ea088c58ca17c60989f91126198
MD5 f534911d6371f659d84a4dfa11761dc5
BLAKE2b-256 ce50b22c450f15c7c10079eede2c5739b20a5b98f16a489ba372acbb75bdf224

See more details on using hashes here.

File details

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

File metadata

File hashes

Hashes for ai_coder_viewer-1.1.3-py3-none-any.whl
Algorithm Hash digest
SHA256 e09904c42039a2e58f1ad12c46e9f12c187a7ed50998e09b4056f94ef6564295
MD5 2e273727d4ce9a4f2d711e11f9fdc9d3
BLAKE2b-256 8c39fb92bb67486390d0475be712091f1e46c2e10f7c211c041ddaf9f3c9aee2

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