[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-d-kimuson--claude-code-viewer":3,"tool-d-kimuson--claude-code-viewer":64},[4,17,27,35,43,56],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":16},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,3,"2026-04-05T11:01:52",[13,14,15],"开发框架","图像","Agent","ready",{"id":18,"name":19,"github_repo":20,"description_zh":21,"stars":22,"difficulty_score":23,"last_commit_at":24,"category_tags":25,"status":16},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",138956,2,"2026-04-05T11:33:21",[13,15,26],"语言模型",{"id":28,"name":29,"github_repo":30,"description_zh":31,"stars":32,"difficulty_score":23,"last_commit_at":33,"category_tags":34,"status":16},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",107662,"2026-04-03T11:11:01",[13,14,15],{"id":36,"name":37,"github_repo":38,"description_zh":39,"stars":40,"difficulty_score":23,"last_commit_at":41,"category_tags":42,"status":16},3704,"NextChat","ChatGPTNextWeb\u002FNextChat","NextChat 是一款轻量且极速的 AI 助手，旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性，以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发，NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。\n\n这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言，它也提供了便捷的自托管方案，支持一键部署到 Vercel 或 Zeabur 等平台。\n\nNextChat 的核心亮点在于其广泛的模型兼容性，原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型，让用户在一个界面即可自由切换不同 AI 能力。此外，它还率先支持 MCP（Model Context Protocol）协议，增强了上下文处理能力。针对企业用户，NextChat 提供专业版解决方案，具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能，满足公司对数据隐私和个性化管理的高标准要求。",87618,"2026-04-05T07:20:52",[13,26],{"id":44,"name":45,"github_repo":46,"description_zh":47,"stars":48,"difficulty_score":23,"last_commit_at":49,"category_tags":50,"status":16},2268,"ML-For-Beginners","microsoft\u002FML-For-Beginners","ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程，旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周，包含 26 节精炼课程和 52 道配套测验，内容涵盖从基础概念到实际应用的完整流程，有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。\n\n无论是希望转型的开发者、需要补充算法背景的研究人员，还是对人工智能充满好奇的普通爱好者，都能从中受益。课程不仅提供了清晰的理论讲解，还强调动手实践，让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持，通过自动化机制提供了包括简体中文在内的 50 多种语言版本，极大地降低了全球不同背景用户的学习门槛。此外，项目采用开源协作模式，社区活跃且内容持续更新，确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路，ML-For-Beginners 将是理想的起点。",84991,"2026-04-05T10:45:23",[14,51,52,53,15,54,26,13,55],"数据工具","视频","插件","其他","音频",{"id":57,"name":58,"github_repo":59,"description_zh":60,"stars":61,"difficulty_score":10,"last_commit_at":62,"category_tags":63,"status":16},3128,"ragflow","infiniflow\u002Fragflow","RAGFlow 是一款领先的开源检索增强生成（RAG）引擎，旨在为大语言模型构建更精准、可靠的上下文层。它巧妙地将前沿的 RAG 技术与智能体（Agent）能力相结合，不仅支持从各类文档中高效提取知识，还能让模型基于这些知识进行逻辑推理和任务执行。\n\n在大模型应用中，幻觉问题和知识滞后是常见痛点。RAGFlow 通过深度解析复杂文档结构（如表格、图表及混合排版），显著提升了信息检索的准确度，从而有效减少模型“胡编乱造”的现象，确保回答既有据可依又具备时效性。其内置的智能体机制更进一步，使系统不仅能回答问题，还能自主规划步骤解决复杂问题。\n\n这款工具特别适合开发者、企业技术团队以及 AI 研究人员使用。无论是希望快速搭建私有知识库问答系统，还是致力于探索大模型在垂直领域落地的创新者，都能从中受益。RAGFlow 提供了可视化的工作流编排界面和灵活的 API 接口，既降低了非算法背景用户的上手门槛，也满足了专业开发者对系统深度定制的需求。作为基于 Apache 2.0 协议开源的项目，它正成为连接通用大模型与行业专有知识之间的重要桥梁。",77062,"2026-04-04T04:44:48",[15,14,13,26,54],{"id":65,"github_repo":66,"name":67,"description_en":68,"description_zh":69,"ai_summary_zh":70,"readme_en":71,"readme_zh":72,"quickstart_zh":73,"use_case_zh":74,"hero_image_url":75,"owner_login":76,"owner_name":77,"owner_avatar_url":78,"owner_bio":79,"owner_company":79,"owner_location":80,"owner_email":81,"owner_twitter":82,"owner_website":83,"owner_url":84,"languages":85,"stars":112,"forks":113,"last_commit_at":114,"license":115,"difficulty_score":23,"env_os":116,"env_gpu":117,"env_ram":117,"env_deps":118,"category_tags":124,"github_topics":125,"view_count":23,"oss_zip_url":79,"oss_zip_packed_at":79,"status":16,"created_at":128,"updated_at":129,"faqs":130,"releases":159},2989,"d-kimuson\u002Fclaude-code-viewer","claude-code-viewer","A full-featured web-based Claude Code client that provides complete interactive functionality for managing Claude Code projects","claude-code-viewer 是一款功能完备的网页版客户端，专为管理和交互 Claude Code 项目而设计。它让用户能够通过现代化的浏览器界面，轻松开启新对话、恢复过往会话、实时监控任务运行状态，并随时浏览完整的历史记录。\n\n对于经常使用 Claude Code 进行开发或自动化任务的用户而言，本地命令行界面往往难以直观地回顾复杂的项目上下文或分析详细的会话日志。claude-code-viewer 正好解决了这一痛点，它专注于“零数据丢失”与“高效组织”，通过严格的模式验证保存所有对话数据，并利用渐进式披露的界面设计，让用户按需查看细节，从而实现对项目全流程的清晰掌控。\n\n这款工具特别适合开发者、技术研究人员以及需要深度管理 AI 编码会话的重度用户。其独特的技术亮点在于支持作为持久化服务器运行，结合 Tailscale 可实现安全的远程访问；同时它具备 PWA（渐进式 Web 应用）特性，在移动端添加到主屏幕后，能提供类似原生应用的体验，包括任务完成时的推送通知。无论是本地调试还是远程监控，claude-code-viewer 都能为用户提供流畅、可靠且数据完整的交互环","claude-code-viewer 是一款功能完备的网页版客户端，专为管理和交互 Claude Code 项目而设计。它让用户能够通过现代化的浏览器界面，轻松开启新对话、恢复过往会话、实时监控任务运行状态，并随时浏览完整的历史记录。\n\n对于经常使用 Claude Code 进行开发或自动化任务的用户而言，本地命令行界面往往难以直观地回顾复杂的项目上下文或分析详细的会话日志。claude-code-viewer 正好解决了这一痛点，它专注于“零数据丢失”与“高效组织”，通过严格的模式验证保存所有对话数据，并利用渐进式披露的界面设计，让用户按需查看细节，从而实现对项目全流程的清晰掌控。\n\n这款工具特别适合开发者、技术研究人员以及需要深度管理 AI 编码会话的重度用户。其独特的技术亮点在于支持作为持久化服务器运行，结合 Tailscale 可实现安全的远程访问；同时它具备 PWA（渐进式 Web 应用）特性，在移动端添加到主屏幕后，能提供类似原生应用的体验，包括任务完成时的推送通知。无论是本地调试还是远程监控，claude-code-viewer 都能为用户提供流畅、可靠且数据完整的交互环境。","# Claude Code Viewer\n\n[![License](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fd-kimuson\u002Fclaude-code-viewer)](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fblob\u002Fmain\u002FLICENSE)\n[![CI](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Factions\u002Fworkflows\u002Fci.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Factions\u002Fworkflows\u002Fci.yml)\n[![GitHub Release](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Frelease\u002Fd-kimuson\u002Fclaude-code-viewer)](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Freleases)\n\n\u003Cimg height=\"auto\" width=\"50%\" alt=\"ccv-logo\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_4ee0c7940607.png\" \u002F>\n\nA full-featured web-based Claude Code client that provides complete interactive functionality for managing Claude Code projects. Start new conversations, resume existing sessions, monitor running tasks in real-time, and browse your conversation history—all through a modern web interface.\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F090d4806-163f-4bac-972a-002c7433145e\n\n## Introduction\n\nClaude Code Viewer is a web-based Claude Code client focused on **comprehensive session log analysis**. It preserves and organizes all conversation data through strict schema validation and a progressive disclosure UI that reveals details on demand.\n\n**Core Philosophy**: Zero data loss + Effective organization + Remote-friendly design\n\n## System Requirements\n\n- **Node.js**: Version 22.13.0 or later\n- **Claude Code**: v1.0.125 or later\n- **Operating Systems**: macOS and Linux (Windows is not supported)\n\n## Installation & Usage\n\n### Quick Start (CLI)\n\nRun directly from npm without installation:\n\n```bash\nnpx @kimuson\u002Fclaude-code-viewer@latest --port 3400\n```\n\nAlternatively, install globally:\n\n```bash\nnpm install -g @kimuson\u002Fclaude-code-viewer\nclaude-code-viewer --port 3400\n```\n\nThe server will start on port 3400 (or the default port 3000). Open `http:\u002F\u002Flocalhost:3400` in your browser to access the interface.\n\n**Available Options:**\n\n```bash\nclaude-code-viewer [options]\n\nOptions:\n -p, --port \u003Cport> Port to listen on (default: 3000)\n -h, --hostname \u003Chostname> Hostname to listen on (default: localhost)\n -v, --verbose Enable verbose debug logging\n -P, --password \u003Cpassword> Password for authentication\n -e, --executable \u003Cexecutable> Path to Claude Code executable\n --claude-dir \u003Cclaude-dir> Path to Claude directory\n --api-only Run in API-only mode without Web UI\n```\n\n### Remote Access via Tailscale (Mobile \u002F PWA)\n\nClaude Code Viewer works great as a persistent server you access from your phone. A convenient approach is to run it on a always-on machine and expose it over [Tailscale](https:\u002F\u002Ftailscale.com\u002F) with HTTPS:\n\n1. **Set up HTTPS on your Tailscale node** following the [Tailscale HTTPS certificates guide](https:\u002F\u002Ftailscale.com\u002Fdocs\u002Fhow-to\u002Fset-up-https-certificates).\n2. **Start Claude Code Viewer** bound to all interfaces with a password:\n\n ```bash\n claude-code-viewer --hostname 0.0.0.0 --port 3400 --password your-secret\n ```\n\n3. **Access from your phone** via the Tailscale HTTPS URL (e.g. `https:\u002F\u002Fyour-machine.ts.net:3400`).\n\nClaude Code Viewer is a **PWA (Progressive Web App)**. On mobile, tap \"Add to Home Screen\" to get an app-like experience with an optimized UI and push notifications when sessions complete.\n\n## Configuration\n\n### Command-Line Options and Environment Variables\n\nClaude Code Viewer can be configured using command-line options or environment variables. Command-line options take precedence over environment variables.\n\n| Command-Line Option | Environment Variable | Description | Default |\n| ------------------------------- | --------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- |\n| `-p, --port \u003Cport>` | `PORT` | Port number for Claude Code Viewer to run on | `3000` |\n| `-h, --hostname \u003Chostname>` | `HOSTNAME` | Hostname to listen on for remote access | `localhost` |\n| `-v, --verbose` | — | Enable verbose debug logging. Outputs detailed server-side logs to stderr for troubleshooting | (unset) |\n| `-P, --password \u003Cpassword>` | `CCV_PASSWORD` | Password for authentication. When set, enables password-based authentication to protect access to Claude Code Viewer. All `\u002Fapi` routes (except login, logout, check, config, and version endpoints) require authentication. If not set, authentication is disabled and the application is publicly accessible | (none) |\n| `-e, --executable \u003Cexecutable>` | `CCV_CC_EXECUTABLE_PATH` | Path to Claude Code installation. If not set, uses system PATH installation, or falls back to bundled version from dependencies | (auto-detect) |\n| `--claude-dir \u003Cclaude-dir>` | `CCV_GLOBAL_CLAUDE_DIR` | Path to Claude directory where session logs are stored | `~\u002F.claude` |\n| `--terminal-disabled` | `CCV_TERMINAL_DISABLED` | Disable the in-app terminal panel when set to `1`\u002F`true` (env) or when the flag is present (CLI) | (unset) |\n| `--terminal-shell \u003Cpath>` | `CCV_TERMINAL_SHELL` | Shell executable for terminal sessions (e.g. `\u002Fbin\u002Fzsh`) | (auto-detect) |\n| `--terminal-unrestricted` | `CCV_TERMINAL_UNRESTRICTED` | When set to `1` (env) or when the flag is present (CLI), disables the restricted shell flags for bash | (unset) |\n| `--api-only` | `CCV_API_ONLY` | Run in API-only mode. Disables Web UI, terminal WebSocket, and non-essential endpoints. Only core API routes (`\u002Fapi\u002Fversion`, `\u002Fapi\u002Fconfig`, `\u002Fapi\u002Fprojects`, `\u002Fapi\u002Fclaude-code`, `\u002Fapi\u002Fsearch`, `\u002Fapi\u002Fsse`) are exposed. Useful for integrating with external tools like n8n | (unset) |\n\n**Breaking Change**: Environment variable names have been changed. If you're using environment variables, update them as follows:\n\n- `CLAUDE_CODE_VIEWER_AUTH_PASSWORD` → `CCV_PASSWORD`\n- `CLAUDE_CODE_VIEWER_CC_EXECUTABLE_PATH` → `CCV_CC_EXECUTABLE_PATH`\n- New environment variable added: `CCV_GLOBAL_CLAUDE_DIR` (previously the Claude directory path was hardcoded to `~\u002F.claude`)\n\n### API Authentication\n\nWhen `--password` \u002F `CCV_PASSWORD` is set, all `\u002Fapi` routes (except auth-related endpoints) require authentication. You can authenticate in two ways:\n\n1. **Session cookie**: Use the `\u002Fapi\u002Fauth\u002Flogin` endpoint to set the `ccv-session` cookie, then include it in subsequent requests.\n2. **Authorization header**: Send `Authorization: Bearer \u003Cpassword>` on each request.\n\nIf no password is configured, API authentication is disabled.\n\n### User Settings\n\nSettings can be configured from the sidebar in Claude Code Viewer.\n\n| Setting | Default | Description |\n| ------------------------------------ | ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| Hide sessions without user messages | true | Claude Code creates logs for operations like `\u002Fcompact` that aren't tied to actual tasks, which can create noise. When enabled, sessions without user messages are hidden. |\n| Unify sessions with same title | false | When resuming, Claude Code creates a new session with regenerated conversation logs. When enabled, only the latest session with the same title is displayed. |\n| Auto-schedule Continue on Rate Limit | false | Automatically schedules a continue message when Claude hits rate limits. When enabled, the system detects rate limit errors in live sessions and creates a scheduled job to send \"continue\" one minute after the limit reset time. This prevents manual intervention for rate limit recovery. |\n| Enter Key Behavior | Shift+Enter | Specifies which key combination sends messages. Options include Enter, Shift+Enter, and Command+Enter. |\n| Search Hotkey | Command+K | Select the hotkey to open the search dialog. Options include Ctrl+K and Command+K. |\n| Find Hotkey | Command+F | Select the hotkey to open the in-page find bar. Options include Ctrl+F and Command+F. |\n| Model Choices | default, haiku, sonnet, opus | Customize the list of model options shown in the Session Options Toolbar. Add any model identifier supported by Claude Code (e.g. `claude-opus-4-5`). |\n| Permission Mode | Ask permission | Controls the approval logic when Claude Code requests tool invocations. Configured per project via the Session Options Toolbar above the chat input. Requires Claude Code v1.0.82 or later. |\n| Theme | System | Toggles between Dark Mode and Light Mode. Default follows system settings. |\n| Notifications | None | Enables sound notifications when running session processes complete. Choose from multiple notification sounds with test playback functionality. |\n| Language | System | Interface language selection. Supports English, Japanese, and Simplified Chinese with automatic system detection. |\n\n### Environment Variables\n\n**CCV_ENV Consideration**: If you have `CCV_ENV=development` set in your environment, the application will start in development mode. For production use, set `CCV_ENV=production` or leave it unset.\n\n## Features\n\n| Feature | Description |\n| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| View Chat Logs | View Claude Code session logs in real-time through the web UI. Supports historical logs as it uses standard Claude Code logs (~\u002F.claude\u002Fprojects\u002F...) as the data source |\n| Search Conversations | Full-text search across conversations with `⌘K` (macOS) or `Ctrl+K` (Linux). Search within a specific project or across all projects. Features fuzzy matching, prefix search, and keyboard navigation (↑↓ to navigate, Enter to select) |\n| In-page Find | Jump to any text in the current conversation with a configurable hotkey (`Ctrl+F` \u002F `Command+F`). Cycles through all matches with keyboard navigation |\n| Start Conversations | Start Claude Code sessions directly from Claude Code Viewer. Enjoy core functionality like file\u002Fcommand completion, pause\u002Fresume, and tool approval through a superior web experience |\n| Resume Sessions | Resume conversations directly from existing session logs |\n| Continue Sessions | Claude Code Viewer provides advanced session process control. Sessions started through Claude Code Viewer remain alive (unless aborted), allowing you to continue conversations without resuming (no session-id reassignment) |\n| Create Projects | Create new projects from Claude Code Viewer. Select a directory through the web UI to execute the `\u002Finit` command and begin project setup |\n| Session Options Toolbar | Inline toolbar above the chat input for configuring per-project session options: model selection, thinking effort (low\u002Fmedium\u002Fhigh\u002Fmax), permission mode, and system prompt preset. Settings persist per project |\n| Voice Input | Dictate messages directly in the chat input using the built-in voice input button. Transcribed text is inserted into the input field for review before sending |\n| File Upload & Preview | Upload images (PNG, JPEG, GIF, WebP), PDFs, and text files directly from the chat interface. Each file type displays with dedicated preview components—images render inline, PDFs embed with a viewer, and text files show formatted content |\n| Clipboard Image Paste | Paste images directly from the clipboard into the chat input with `Ctrl+V` \u002F `⌘+V`. Pasted images are attached and previewed before sending |\n| Chat Draft Saving | Chat input drafts are automatically saved per project and session. Unsent text is restored when returning to the same conversation |\n| Browser Preview | Preview web applications directly within Claude Code Viewer. Click the preview button on any URL in chat messages to open a resizable browser panel on the right side. Features include URL input with keyboard navigation, reload functionality, and automatic chat window width adjustment. The embedded browser tracks URL changes as you navigate (same-origin only) |\n| Message Scheduler | Schedule Claude Code messages using cron expressions for recurring tasks or specific datetime for one-time execution. Supports concurrency control (skip\u002Frun) for periodic jobs and auto-deletion for reserved jobs |\n| Review Changes | Built-in Git Diff Viewer lets you review all changes directly within Claude Code Viewer. Supports inline diff comments for annotating specific lines |\n| Commit Changes | Execute Git commits directly from the web interface within the Git Diff Viewer |\n| Push Changes | Push committed changes directly from the Git Diff Viewer. Supports both separate push operations and combined commit-and-push workflows for streamlined deployment |\n| Branch Switcher | Switch local Git branches directly from the Git tab (with search and status indicators) |\n| Explorer | Right panel tab that summarizes edited files with action buttons, groups them by project, lists tool invocations with filters and quick file preview, and shows agent sub-sessions in a dedicated section |\n| Visual Tool Display | Tool invocations render with dedicated visual components (e.g. file diffs, structured outputs). A Raw toggle switches to the plain JSON view when needed |\n| Todo Viewer | Extracts the latest `TodoWrite` items from sessions and displays them as inline collapsible checklists directly within the conversation |\n| PR Link Display | Pull request metadata (title, number, URL) from `pr-link` log entries is rendered as a rich card in the conversation, making it easy to navigate to associated PRs |\n| Copy Buttons | Every markdown message includes a copy button to copy the full text content to clipboard with a single click |\n| Project Switcher | Quickly jump to any project via the combobox in the header without navigating back to the projects list |\n| Inline Approvals | Tool permission requests and custom questions from the `CCVAskUserQuestion` MCP tool are surfaced as inline panels directly in the chat, removing the need to switch to another window for approval |\n| Terminal Panel | Bottom panel terminal over WebSocket for running shell commands without leaving the UI |\n| MCP Server Viewer | View MCP server configurations directly in the session sidebar. Lists all configured servers with their names and commands, with real-time reload capability |\n| PWA Support | Install Claude Code Viewer as a Progressive Web App on desktop or mobile. Supports home screen installation and push notifications for session completion events |\n| System Information | Monitor Claude Code and Claude Code Viewer versions, feature compatibility, and system status |\n| Multi-language Support | Full internationalization support with English, Japanese, and Simplified Chinese language options |\n\n## Screenshots\n\n| Feature | Capture |\n| ----------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| BasicChat (Desktop) | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_fbeb6cd6df6e.png) |\n| BasicChat (Mobile) | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_0614ad1d1ef8.png) |\n| Browser Preview (Right Panel) | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_c0f59e5f8881.png) |\n| Git Tab (Right Panel) | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_cbb0a41ba7af.png) |\n| Review Panel (Right Panel) | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_dfa15b1d2b70.png) |\n| File Diffs (Right Panel) | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_cbb0a41ba7af.png) |\n| Settings | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_43eea6ffc313.png) |\n| Start New Chat | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_3b8f4807caf6.png) |\n| Projects List | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_544616e110a6.png) |\n| New Project Modal | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_66d6143c8614.png) |\n| CommandCompletion | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_73a37d4fb8a1.png) |\n| FileCompletion | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_0ec16826d889.png) |\n| Diff Viewer | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_31274239154c.png) |\n\nNote: Additional UI screenshots are available in [\u002Fe2e\u002Fsnapshots\u002F](.\u002Fe2e\u002Fsnapshots\u002F)\n\n## Data Source\n\nThe application reads Claude Code conversation logs from:\n\n- **Location**: `~\u002F.claude\u002Fprojects\u002F\u003Cproject>\u002F\u003Csession-id>.jsonl`\n- **Format**: JSONL files containing conversation entries\n- **Auto-detection**: Automatically discovers new projects and sessions\n\n## Internationalization (i18n)\n\nClaude Code Viewer currently supports **English**, **Japanese**, and **Simplified Chinese (简体中文)**. Adding new languages is straightforward—simply add a new `messages.json` file for your locale (see [src\u002Fi18n\u002Flocales\u002F](.\u002Fsrc\u002Fi18n\u002Flocales\u002F) for examples).\n\nIf you'd like support for your language, please open an issue—we'll add it quickly!\n\n## Alternatives & Differentiation\n\n### Official Solution: Claude Code on the Web\n\nAnthropic provides [Claude Code on the Web](https:\u002F\u002Fdocs.claude.com\u002Fen\u002Fdocs\u002Fclaude-code\u002Fclaude-code-on-the-web), which runs Claude Code sessions in Anthropic's cloud VMs. Each session clones your repository and executes predefined setup commands (e.g., `pnpm install`).\n\n**When to use Claude Code on the Web**:\n\n- Quick testing without local setup or self-hosting infrastructure\n- Casual development from mobile devices or public computers\n- Simple repository structures with single CLAUDE.md at the root\n\n**When to use Claude Code Viewer**:\n\n- Working with pre-configured local environments (databases, services, large dependencies)\n- Monorepo projects with multiple CLAUDE.md files in different directories\n- Development requiring significant computational resources or long-running processes\n- Preference for self-hosted infrastructure with full control over the development environment\n\n### Community Web Clients\n\nSeveral excellent community-built web clients exist:\n\n- https:\u002F\u002Fgithub.com\u002Fsugyan\u002Fclaude-code-webuisupport\n- https:\u002F\u002Fgithub.com\u002Fwbopan\u002Fcui\n- https:\u002F\u002Fgithub.com\u002Fsiteboon\u002Fclaudecodeui\n\n**What Makes Claude Code Viewer Different**: While these tools excel as general-purpose web clients, Claude Code Viewer is specifically designed as a **session log viewer** with:\n\n- **Zero Information Loss**: Strict Zod schema validation ensures every conversation detail is preserved\n- **Progressive Disclosure**: Expandable elements and sub-session modals help manage information density\n- **Built-in Git Operations**: Comprehensive diff viewer with direct commit functionality for remote development workflows\n- **Session Flow Analysis**: Complete conversation tracking across multiple sessions\n- **System Monitoring**: Real-time version and feature compatibility monitoring\n- **International Accessibility**: Multi-language support for global development teams\n\nEach tool serves different use cases—choose the one that best fits your workflow and priorities.\n\n## Remote Development\n\nClaude Code Viewer is designed with remote hosting in mind. To support remote development workflows, it includes:\n\n- **Mobile-Optimized UI**: Responsive interface with dedicated mobile sidebar and touch-optimized controls\n- **Built-in Git Operations**: Review and commit changes directly from the web interface\n- **Real-time Notifications**: Audio notifications for task completion to maintain workflow awareness\n- **System Monitoring**: Monitor Claude Code compatibility and feature availability across environments\n\nThe application features a separated client-server architecture that enables remote hosting. **Basic password authentication is available** via the `--password` command-line option or `CCV_PASSWORD` environment variable. When set, users must authenticate with the configured password before accessing the application. However, this is a simple single-password authentication mechanism without advanced features like multi-user support, role-based access control, or OAuth integration. If you require more sophisticated authentication, carefully evaluate your security requirements and implement appropriate access controls at the infrastructure level (e.g., reverse proxy with OAuth, VPN, IP whitelisting).\n\n## Privacy\n\nFor information about privacy and network communication, see [PRIVACY.md](.\u002FPRIVACY.md).\n\n## License\n\nThis project is available under the MIT License.\n\n## Contributing\n\nSee [docs\u002Fdev.md](docs\u002Fdev.md) for detailed development setup and contribution guidelines.\n","# 克劳德代码查看器\n\n[![许可证](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fd-kimuson\u002Fclaude-code-viewer)](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fblob\u002Fmain\u002FLICENSE)\n[![CI](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Factions\u002Fworkflows\u002Fci.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Factions\u002Fworkflows\u002Fci.yml)\n[![GitHub 发布](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Frelease\u002Fd-kimuson\u002Fclaude-code-viewer)](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Freleases)\n\n\u003Cimg height=\"auto\" width=\"50%\" alt=\"ccv-logo\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_4ee0c7940607.png\" \u002F>\n\n一款功能齐全的基于Web的克劳德代码客户端，提供完整的交互式功能来管理克劳德代码项目。您可以通过现代化的Web界面开始新对话、恢复现有会话、实时监控正在运行的任务，并浏览您的对话历史。\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F090d4806-163f-4bac-972a-002c7433145e\n\n## 简介\n\n克劳德代码查看器是一款基于Web的克劳德代码客户端，专注于**全面的会话日志分析**。它通过严格的模式验证和渐进式展开的用户界面，在需要时才显示详细信息，从而保存并整理所有对话数据。\n\n**核心理念**：零数据丢失 + 有效组织 + 远程友好设计\n\n## 系统要求\n\n- **Node.js**：版本 22.13.0 或更高\n- **克劳德代码**：v1.0.125 或更高\n- **操作系统**：macOS 和 Linux（不支持 Windows）\n\n## 安装与使用\n\n### 快速入门（CLI）\n\n无需安装即可直接从 npm 运行：\n\n```bash\nnpx @kimuson\u002Fclaude-code-viewer@latest --port 3400\n```\n\n或者，您可以全局安装：\n\n```bash\nnpm install -g @kimuson\u002Fclaude-code-viewer\nclaude-code-viewer --port 3400\n```\n\n服务器将在端口 3400（或默认端口 3000）启动。在浏览器中打开 `http:\u002F\u002Flocalhost:3400` 即可访问界面。\n\n**可用选项：**\n\n```bash\nclaude-code-viewer [options]\n\n选项：\n -p, --port \u003Cport> 监听端口（默认：3000）\n -h, --hostname \u003Chostname> 监听主机名（默认：localhost）\n -v, --verbose 启用详细调试日志\n -P, --password \u003Cpassword> 认证密码\n -e, --executable \u003Cexecutable> 克劳德代码可执行文件路径\n --claude-dir \u003Cclaude-dir> 克劳德目录路径\n --api-only 仅以 API 模式运行，无 Web UI\n```\n\n### 通过 Tailscale 的远程访问（移动端 \u002F PWA）\n\n克劳德代码查看器非常适合作为您从手机访问的持久化服务器。一种便捷的方式是在一台始终在线的机器上运行它，并通过 [Tailscale](https:\u002F\u002Ftailscale.com\u002F) 以 HTTPS 方式暴露：\n\n1. **在您的 Tailscale 节点上设置 HTTPS**，请参考 [Tailscale HTTPS 证书指南](https:\u002F\u002Ftailscale.com\u002Fdocs\u002Fhow-to\u002Fset-up-https-certificates)。\n2. **启动克劳德代码查看器**，绑定到所有接口并设置密码：\n\n ```bash\n claude-code-viewer --hostname 0.0.0.0 --port 3400 --password your-secret\n ```\n\n3. **从手机访问**，使用 Tailscale 的 HTTPS URL（例如 `https:\u002F\u002Fyour-machine.ts.net:3400`）。\n\n克劳德代码查看器是一个 **PWA（渐进式 Web 应用程序）**。在移动设备上，点击“添加到主屏幕”即可获得类似应用的体验，拥有优化的界面以及会话完成时的通知推送功能。\n\n## 配置\n\n### 命令行选项与环境变量\n\nClaude Code Viewer 可以通过命令行选项或环境变量进行配置。命令行选项的优先级高于环境变量。\n\n| 命令行选项 | 环境变量 | 描述 | 默认值 |\n| ----------------------- | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- |\n| `-p, --port \u003Cport>` | `PORT` | Claude Code Viewer 运行的端口号 | `3000` |\n| `-h, --hostname \u003Chostname>` | `HOSTNAME` | 用于远程访问的监听主机名 | `localhost` |\n| `-v, --verbose` | — | 启用详细调试日志。将详细的服务器端日志输出到标准错误流，便于排查问题。 | （未设置） |\n| `-P, --password \u003Cpassword>` | `CCV_PASSWORD` | 身份验证密码。设置后，启用基于密码的身份验证，以保护对 Claude Code Viewer 的访问权限。所有 `\u002Fapi` 路由（除登录、登出、检查、配置和版本端点外）都需要身份验证。若未设置，则禁用身份验证，应用程序可公开访问。 | （无） |\n| `-e, --executable \u003Cexecutable>` | `CCV_CC_EXECUTABLE_PATH` | Claude Code 安装路径。若未设置，则使用系统 PATH 中的安装路径，或回退到依赖项中打包的版本。 | （自动检测） |\n| `--claude-dir \u003Cclaude-dir>` | `CCV_GLOBAL_CLAUDE_DIR` | 存储会话日志的 Claude 目录路径。 | `~\u002F.claude` |\n| `--terminal-disabled` | `CCV_TERMINAL_DISABLED` | 设置为 `1`\u002F`true`（环境变量）或存在该标志（命令行）时，禁用应用内的终端面板。 | （未设置） |\n| `--terminal-shell \u003Cpath>` | `CCV_TERMINAL_SHELL` | 终端会话使用的 Shell 可执行文件（例如 `\u002Fbin\u002Fzsh`）。 | （自动检测） |\n| `--terminal-unrestricted` | `CCV_TERMINAL_UNRESTRICTED` | 设置为 `1`（环境变量）或存在该标志（命令行）时，禁用 Bash 的受限 Shell 标志。 | （未设置） |\n| `--api-only` | `CCV_API_ONLY` | 以仅 API 模式运行。禁用 Web UI、终端 WebSocket 和非必要端点。仅暴露核心 API 路由（`\u002Fapi\u002Fversion`、`\u002Fapi\u002Fconfig`、`\u002Fapi\u002Fprojects`、`\u002Fapi\u002Fclaude-code`、`\u002Fapi\u002Fsearch`、`\u002Fapi\u002Fsse`）。适用于与 n8n 等外部工具集成。 | （未设置） |\n\n**重大变更**：环境变量名称已更改。如果您正在使用环境变量，请按以下方式更新：\n\n- `CLAUDE_CODE_VIEWER_AUTH_PASSWORD` → `CCV_PASSWORD`\n- `CLAUDE_CODE_VIEWER_CC_EXECUTABLE_PATH` → `CCV_CC_EXECUTABLE_PATH`\n- 新增环境变量：`CCV_GLOBAL_CLAUDE_DIR`（此前 Claude 目录路径硬编码为 `~\u002F.claude`）\n\n### API 身份验证\n\n当设置了 `--password` \u002F `CCV_PASSWORD` 时，所有 `\u002Fapi` 路由（除身份验证相关端点外）都需要身份验证。您可以通过两种方式进行身份验证：\n\n1. **会话 Cookie**：使用 `\u002Fapi\u002Fauth\u002Flogin` 端点设置 `ccv-session` Cookie，然后在后续请求中包含该 Cookie。\n2. **Authorization 头部**：在每个请求中发送 `Authorization: Bearer \u003Cpassword>`。\n\n如果未配置密码，则禁用 API 身份验证。\n\n### 用户设置\n\n可以在 Claude Code 查看器的侧边栏中配置设置。\n\n| 设置 | 默认 | 描述 |\n| ------------------------------------ | ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| 隐藏无用户消息的会话 | true | Claude Code 会为 `\u002Fcompact` 等不与实际任务相关的操作创建日志，这可能会产生干扰。启用后，将隐藏没有用户消息的会话。 |\n| 合并同名会话 | false | 恢复会话时，Claude Code 会创建一个带有重新生成对话记录的新会话。启用后，仅显示最新的一次同名会话。 |\n| 自动安排限流继续 | false | 当 Claude 达到速率限制时，自动安排一条“继续”消息。启用后，系统会在实时会话中检测到速率限制错误，并创建一个计划任务，在限流重置时间后一分钟发送“继续”消息。这样可以避免手动干预来恢复速率限制。 |\n| 回车键行为 | Shift+Enter | 指定使用哪种键组合发送消息。选项包括 Enter、Shift+Enter 和 Command+Enter。 |\n| 搜索快捷键 | Command+K | 选择用于打开搜索对话框的快捷键。选项包括 Ctrl+K 和 Command+K。 |\n| 查找快捷键 | Command+F | 选择用于打开页面内查找栏的快捷键。选项包括 Ctrl+F 和 Command+F。 |\n| 模型选项 | default, haiku, sonnet, opus | 自定义在会话选项工具栏中显示的模型选项列表。可添加 Claude Code 支持的任何模型标识符（例如 `claude-opus-4-5`）。 |\n| 权限模式 | 请求权限 | 控制 Claude Code 请求工具调用时的批准逻辑。可通过聊天输入上方的会话选项工具栏按项目进行配置。需要 Claude Code v1.0.82 或更高版本。 |\n| 主题 | System | 在深色模式和浅色模式之间切换。默认跟随系统设置。 |\n| 通知 | None | 在运行中的会话进程完成时启用声音通知。可选择多种通知音效，并具有试听功能。 |\n| 语言 | System | 界面语言选择。支持英语、日语和简体中文，并可自动检测系统语言。 |\n\n### 环境变量\n\n**CCV_ENV 注意事项**: 如果您在环境中设置了 `CCV_ENV=development`，应用程序将以开发模式启动。对于生产环境，请设置 `CCV_ENV=production` 或将其保持未设置状态。\n\n## 功能\n\n| 功能 | 描述 |\n| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| 查看聊天记录 | 通过网页界面实时查看 Claude Code 会话日志。由于使用标准的 Claude Code 日志（~\u002F.claude\u002Fprojects\u002F...）作为数据源，因此也支持历史日志。 |\n| 搜索对话 | 使用 `⌘K`（macOS）或 `Ctrl+K`（Linux）在所有对话中进行全文搜索。可在特定项目内或跨所有项目搜索。支持模糊匹配、前缀搜索以及键盘导航（上下键切换，回车键选择）。 |\n| 页面内查找 | 使用可配置的快捷键（`Ctrl+F` \u002F `Command+F`）跳转到当前对话中的任意文本。可通过键盘导航循环浏览所有匹配项。 |\n| 开始对话 | 直接从 Claude Code Viewer 中启动 Claude Code 会话。享受文件\u002F命令补全、暂停\u002F恢复、工具审批等核心功能，并获得更优质的网页体验。 |\n| 继续会话 | 直接从现有会话日志中继续对话。 |\n| 持续会话 | Claude Code Viewer 提供高级的会话流程控制。通过 Claude Code Viewer 启动的会话将保持活跃状态（除非被中止），允许您无需重新开始即可继续对话（不会重新分配会话 ID）。 |\n| 创建项目 | 从 Claude Code Viewer 中创建新项目。通过网页界面选择目录，执行 `\u002Finit` 命令并开始项目设置。 |\n| 会话选项工具栏 | 聊天输入框上方的内联工具栏，用于配置每个项目的会话选项：模型选择、思考力度（低\u002F中\u002F高\u002F最大）、权限模式和系统提示预设。这些设置将按项目持久化保存。 |\n| 语音输入 | 使用内置的语音输入按钮直接在聊天输入框中口述消息。转录后的文本会插入到输入框中，供您在发送前检查。 |\n| 文件上传与预览 | 可直接从聊天界面上传图片（PNG、JPEG、GIF、WebP）、PDF 和文本文件。每种文件类型都会显示专用的预览组件——图片内嵌显示，PDF 嵌入查看器，文本文件则以格式化内容呈现。 |\n| 剪贴板粘贴图片 | 使用 `Ctrl+V` \u002F `⌘+V` 直接从剪贴板将图片粘贴到聊天输入框中。粘贴的图片会被附加并在发送前预览。 |\n| 聊天草稿保存 | 聊天输入草稿会按项目和会话自动保存。返回同一对话时，未发送的文本将被恢复。 |\n| 浏览器预览 | 直接在 Claude Code Viewer 中预览 Web 应用程序。点击聊天消息中任何 URL 上的预览按钮，即可在右侧打开一个可调整大小的浏览器面板。功能包括键盘导航的 URL 输入、刷新功能以及聊天窗口宽度的自动调整。嵌入式浏览器会跟踪您导航时的 URL 变化（仅同源）。 |\n| 消息调度 | 使用 Cron 表达式安排 Claude Code 消息，用于重复任务或指定时间的一次性执行。支持并发控制（跳过\u002F执行）的周期性任务，以及预留任务的自动删除。 |\n| 审查更改 | 内置的 Git Diff 查看器让您直接在 Claude Code Viewer 中审查所有更改。支持内联差异评论，以便标注特定行。 |\n| 提交更改 | 直接从网页界面的 Git Diff 查看器中执行 Git 提交。 |\n| 推送更改 | 直接从 Git Diff 查看器中推送已提交的更改。支持单独的推送操作，也支持合并提交与推送的工作流，以实现更流畅的部署。 |\n| 分支切换器 | 直接从 Git 选项卡中切换本地 Git 分支（带有搜索和状态指示器）。 |\n| 资源管理器 | 右侧面板选项卡汇总了已编辑的文件及操作按钮，按项目分组，列出工具调用并提供筛选和快速文件预览，同时在专门的部分显示代理子会话。 |\n| 工具可视化显示 | 工具调用会以专用的可视化组件呈现（如文件差异、结构化输出）。必要时，可通过“原始”切换按钮切换到纯 JSON 视图。 |\n| 待办事项查看器 | 从会话中提取最新的 `TodoWrite` 事项，并将其作为内联可折叠清单直接显示在对话中。 |\n| PR 链接显示 | 从 `pr-link` 日志条目中提取的拉取请求元数据（标题、编号、URL）会在对话中以富卡片形式呈现，方便您轻松导航到相关 PR。 |\n| 复制按钮 | 每条 Markdown 消息都包含一个复制按钮，只需单击即可将完整文本内容复制到剪贴板。 |\n| 项目切换器 | 通过页眉中的下拉框快速跳转到任意项目，无需返回项目列表。 |\n| 内联审批 | 来自 `CCVAskUserQuestion` MCP 工具的工具权限请求和自定义问题会以内联面板的形式直接显示在聊天中，无需切换到其他窗口进行审批。 |\n| 终端面板 | 底部面板中的 WebSocket 终端，可在不离开 UI 的情况下运行 Shell 命令。 |\n| MCP 服务器查看器 | 在会话侧边栏中直接查看 MCP 服务器配置。列出所有已配置的服务器及其名称和命令，并支持实时重新加载。 |\n| PWA 支持 | 将 Claude Code Viewer 作为渐进式 Web 应用安装到桌面或移动设备上。支持添加到主屏幕以及会话完成事件的推送通知。 |\n| 系统信息 | 监控 Claude Code 和 Claude Code Viewer 的版本、功能兼容性以及系统状态。 |\n| 多语言支持 | 全面的国际化支持，提供英语、日语和简体中文语言选项。 |\n\n## 截图\n\n| 功能 | 截图 |\n| ----------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| BasicChat（桌面版） | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_fbeb6cd6df6e.png) |\n| BasicChat（移动版） | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_0614ad1d1ef8.png) |\n| 浏览器预览（右侧面板） | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_c0f59e5f8881.png) |\n| Git 选项卡（右侧面板） | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_cbb0a41ba7af.png) |\n| 审查面板（右侧面板） | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_dfa15b1d2b70.png) |\n| 文件差异（右侧面板） | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_cbb0a41ba7af.png) |\n| 设置 | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_43eea6ffc313.png) |\n| 开始新聊天 | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_3b8f4807caf6.png) |\n| 项目列表 | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_544616e110a6.png) |\n| 新项目模态框 | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_66d6143c8614.png) |\n| 命令补全 | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_73a37d4fb8a1.png) |\n| 文件补全 | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_0ec16826d889.png) |\n| 差异查看器 | ![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_readme_31274239154c.png) |\n\n注：更多 UI 截图可在 [\u002Fe2e\u002Fsnapshots\u002F](.\u002Fe2e\u002Fsnapshots\u002F) 中找到。\n\n## 数据来源\n\n该应用从以下位置读取 Claude Code 对话日志：\n\n- **位置**：`~\u002F.claude\u002Fprojects\u002F\u003Cproject>\u002F\u003Csession-id>.jsonl`\n- **格式**：包含对话条目的 JSONL 文件\n- **自动检测**：自动发现新项目和会话\n\n## 国际化 (i18n)\n\nClaude Code Viewer 目前支持 **英语**、**日语** 和 **简体中文**。添加新语言非常简单——只需为您的本地化环境添加一个新的 `messages.json` 文件（请参阅 [src\u002Fi18n\u002Flocales\u002F](.\u002Fsrc\u002Fi18n\u002Flocales\u002F) 中的示例）。\n\n如果您希望支持您的语言，请提交一个问题，我们将尽快添加！\n\n## 替代方案与差异化\n\n### 官方解决方案：Claude Code on the Web\n\nAnthropic 提供了 [Claude Code on the Web](https:\u002F\u002Fdocs.claude.com\u002Fen\u002Fdocs\u002Fclaude-code\u002Fclaude-code-on-the-web)，它在 Anthropic 的云虚拟机中运行 Claude Code 会话。每个会话都会克隆您的仓库并执行预定义的设置命令（例如 `pnpm install`）。\n\n**何时使用 Claude Code on the Web**：\n\n- 无需本地设置或自托管基础设施即可快速测试\n- 从移动设备或公共计算机进行随意开发\n- 根目录下只有一个 CLAUDE.md 文件的简单仓库结构\n\n**何时使用 Claude Code Viewer**：\n\n- 处理预先配置的本地环境（数据库、服务、大型依赖项）\n- 具有多份 CLAUDE.md 文件且分布在不同目录下的 monorepo 项目\n- 需要大量计算资源或长时间运行进程的开发工作\n- 偏好自托管基础设施，以便完全控制开发环境\n\n### 社区 Web 客户端\n\n目前存在多个优秀的社区开发的 Web 客户端：\n\n- https:\u002F\u002Fgithub.com\u002Fsugyan\u002Fclaude-code-webuisupport\n- https:\u002F\u002Fgithub.com\u002Fwbopan\u002Fcui\n- https:\u002F\u002Fgithub.com\u002Fsiteboon\u002Fclaudecodeui\n\n**Claude Code Viewer 的独特之处**：虽然这些工具作为通用型 Web 客户端表现出色，但 Claude Code Viewer 专门设计为一款 **会话日志查看器**，具备以下特点：\n\n- **信息零丢失**：通过严格的 Zod 模式验证，确保每一条对话细节都被完整保留。\n- **渐进式信息展示**：可展开的内容和子会话模态窗口有助于管理信息密度。\n- **内置 Git 操作**：提供全面的差异对比视图，并支持直接提交代码，适用于远程开发工作流。\n- **会话流程分析**：能够跨多个会话完整追踪对话过程。\n- **系统监控**：实时监控版本及功能兼容性。\n- **国际化支持**：多语言界面，便于全球开发团队使用。\n\n每款工具都有其适用场景，请根据您的工作流和优先级选择最适合的一款。\n\n## 远程开发\n\nClaude Code Viewer 在设计时充分考虑了远程托管的需求。为了更好地支持远程开发工作流，它提供了以下功能：\n\n- **移动端优化的 UI**：响应式界面，配备专用的移动端侧边栏和触控优化的操作控件。\n- **内置 Git 操作**：可以直接在 Web 界面中查看并提交更改。\n- **实时通知**：任务完成后会发出音频提示，帮助开发者保持对工作流的关注。\n- **系统监控**：可在不同环境中监控 Claude Code 的兼容性和功能可用性。\n\n该应用采用客户端-服务器分离的架构，支持远程托管。**基础密码认证功能已实现**，可通过 `--password` 命令行选项或 `CCV_PASSWORD` 环境变量进行配置。启用后，用户需输入预设密码才能访问应用。不过，这仅是一种简单的单密码认证机制，不具备多用户支持、基于角色的访问控制或 OAuth 集成等高级功能。如果您需要更复杂的认证方式，请仔细评估安全需求，并在基础设施层面实施相应的访问控制措施（例如，使用带有 OAuth 的反向代理、VPN 或 IP 白名单）。\n\n## 隐私\n\n有关隐私和网络通信的信息，请参阅 [PRIVACY.md](.\u002FPRIVACY.md)。\n\n## 许可证\n\n本项目采用 MIT 许可证开源。\n\n## 贡献\n\n详细的开发环境搭建和贡献指南请参阅 [docs\u002Fdev.md](docs\u002Fdev.md)。","# Claude Code Viewer 快速上手指南\n\n## 环境准备\n\n在开始之前，请确保您的开发环境满足以下要求：\n\n* **操作系统**：macOS 或 Linux（**不支持** Windows）。\n* **Node.js**：版本需为 `22.13.0` 或更高。\n* **Claude Code**：版本需为 `v1.0.125` 或更高。\n\n> **提示**：国内用户若下载 Node.js 较慢，推荐使用 [cnpm](https:\u002F\u002Fnpmmirror.com\u002F) 镜像源或从 [Node.js 中文镜像站](https:\u002F\u002Fnodejs.cn\u002F) 下载安装包。\n\n## 安装步骤\n\n您可以选择无需安装的临时运行方式，或全局安装以便长期使用。\n\n### 方式一：直接运行（推荐尝试）\n\n无需预先安装，通过 `npx` 直接启动最新版本的服务器：\n\n```bash\nnpx @kimuson\u002Fclaude-code-viewer@latest --port 3400\n```\n\n### 方式二：全局安装\n\n将工具安装到全局环境，方便随时调用：\n\n```bash\nnpm install -g @kimuson\u002Fclaude-code-viewer\n```\n\n> **加速建议**：如果 `npm` 安装速度慢，可先切换至国内镜像源：\n> ```bash\n> npm config set registry https:\u002F\u002Fregistry.npmmirror.com\n> ```\n\n## 基本使用\n\n### 1. 启动服务\n\n安装完成后（或使用 npx 时），在终端执行以下命令启动 Web 服务器。默认端口为 3000，此处指定为 3400 以避免冲突：\n\n```bash\nclaude-code-viewer --port 3400\n```\n\n若需远程访问或设置密码保护，可使用如下命令：\n\n```bash\nclaude-code-viewer --hostname 0.0.0.0 --port 3400 --password your-secret\n```\n\n### 2. 访问界面\n\n打开浏览器，访问本地地址：\n\n```text\nhttp:\u002F\u002Flocalhost:3400\n```\n\n您将看到现代化的 Web 界面，在此可以：\n* 开启新的对话会话。\n* 恢复正在运行或历史的任务。\n* 实时监控任务执行日志。\n* 浏览和管理所有会话记录。\n\n### 3. 移动端使用 (PWA)\n\n该工具支持渐进式 Web 应用 (PWA)。在手机浏览器访问服务器地址后，点击“添加到主屏幕”，即可获得类似原生 App 的体验，并支持任务完成时的推送通知。","资深后端工程师李明正在远程调试一个复杂的微服务架构，他需要同时管理多个正在运行的 Claude Code 会话以修复并发故障。\n\n### 没有 claude-code-viewer 时\n- **会话状态黑盒化**：无法直观看到后台运行的 Claude Code 任务进度，只能频繁切换终端窗口猜测是否卡死或完成。\n- **历史数据易丢失**：终端会话一旦意外关闭或被刷新，宝贵的对话上下文和代码生成记录即刻消失，难以回溯分析。\n- **移动端支持为零**：离开办公桌后无法通过手机监控任务状态或查看中间结果，导致响应延迟，必须时刻守在电脑前。\n- **日志检索困难**：面对冗长的纯文本终端输出，难以快速定位特定函数的生成逻辑或错误堆栈，排查效率极低。\n\n### 使用 claude-code-viewer 后\n- **实时可视化监控**：通过 Web 界面清晰展示所有运行中任务的实时状态流，一眼识别阻塞点，无需盲目切换终端。\n- **数据持久化存储**：基于严格的 Schema 验证自动保存完整会话日志，即使浏览器关闭也能随时恢复之前的对话现场。\n- **随时随地移动办公**：利用 PWA 特性将服务部署在常开机器上，通过手机浏览器即可接收任务完成推送并查看详细报告。\n- **结构化日志分析**：提供渐进式披露的 UI 设计，可折叠\u002F展开详细步骤，快速聚焦关键代码片段和决策路径。\n\nclaude-code-viewer 将原本碎片化、易丢失的命令行交互转化为可持久追踪、全平台可视化的工程级工作流，彻底消除了远程协作中的信息盲区。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fd-kimuson_claude-code-viewer_fbeb6cd6.png","d-kimuson","きむそん","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fd-kimuson_53632cd4.jpg",null,"Chiba","dev.kimuson@gmail.com","_kimuson","kimuson.dev","https:\u002F\u002Fgithub.com\u002Fd-kimuson",[86,90,94,97,101,105,109],{"name":87,"color":88,"percentage":89},"TypeScript","#3178c6",98.6,{"name":91,"color":92,"percentage":93},"Shell","#89e051",0.5,{"name":95,"color":96,"percentage":93},"JavaScript","#f1e05a",{"name":98,"color":99,"percentage":100},"CSS","#663399",0.2,{"name":102,"color":103,"percentage":104},"Dockerfile","#384d54",0.1,{"name":106,"color":107,"percentage":108},"Nix","#7e7eff",0,{"name":110,"color":111,"percentage":108},"HTML","#e34c26",1038,121,"2026-04-03T14:29:45","MIT","Linux, macOS","未说明",{"notes":119,"python":120,"dependencies":121},"不支持 Windows 系统。该工具是基于 Node.js 的 Web 客户端，用于查看和管理 Claude Code 会话日志，并非本地运行的大模型，因此无需 GPU 或大量内存。可通过 npx 直接运行或全局安装。支持通过 Tailscale 进行远程访问，并具备 PWA（渐进式 Web 应用）功能，可添加到手机主屏幕使用。","不需要",[122,123],"Node.js>=22.13.0","Claude Code>=v1.0.125",[26,15,53],[126,127],"claude","claude-code","2026-03-27T02:49:30.150509","2026-04-06T05:36:45.917510",[131,136,141,146,151,155],{"id":132,"question_zh":133,"answer_zh":134,"source_url":135},13786,"如何配置端口以避免与其他项目发生冲突？是否支持配置文件？","目前不支持专门的配置文件，但可以通过命令行参数指定端口来解决冲突问题。建议使用最新版本（v0.5.2+），运行命令如下：\n`npx -y @kimuson\u002Fclaude-code-viewer@latest --port 4444`\n这样可以避免使用通用的 `PORT` 环境变量导致的冲突。","https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fissues\u002F92",{"id":137,"question_zh":138,"answer_zh":139,"source_url":140},13787,"启动时遇到 'RuntimeException: Not a valid effect: undefined' 错误或版本不匹配警告怎么办？","这通常是由于依赖版本冲突引起的。维护者已发布修复版本（v0.4.6+）。请尝试清除缓存并安装最新版本：\n`npx --yes --cache .\u002Fdummy @kimuson\u002Fclaude-code-viewer@latest`\n如果问题依旧，请确保本地环境干净，或检查是否有重复的 effect 依赖。","https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fissues\u002F64",{"id":142,"question_zh":143,"answer_zh":144,"source_url":145},13788,"是否支持通过 REST API 以编程方式访问会话数据？","是的，从 v0.6.0 开始支持实验性的 API 功能。\n1. 使用 `--api-only` 标志仅启动 API 服务。\n2. 或在正常模式下使用 `--password` 标志，此时需要通过 Bearer Token 进行认证。\n示例请求：\n`curl https:\u002F\u002Fmy-server.com\u002Fapi\u002Fsessions -H \"Authorization: Bearer $PASSWORD\"`","https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fissues\u002F144",{"id":147,"question_zh":148,"answer_zh":149,"source_url":150},13789,"新版本中找不到 Subagent（子代理）的详情页面了吗？","在 v0.7.0 版本中已修复此问题。新版本中使用了 'subagent' 替代了之前的 'task' 概念，可能需要适配查看方式。如果急需使用且无法升级，可以暂时回退到之前能正常显示 Subagent 详情的旧版本。此外，尝试打开右侧面板，查看文件\u002F工具标签页是否有相关入口。","https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fissues\u002F159",{"id":152,"question_zh":153,"answer_zh":154,"source_url":135},13790,"在大屏幕显示器上对话框样式显示不协调或无法全屏怎么办？","这是一个已知的样式兼容性问题，特别是在非 MacBook 的大屏幕（如 27 英寸显示器）上。目前对话框有最大宽度限制，不会自动扩展。建议用户提交带有截图的 PR 以帮助维护者更好地理解和修复该问题，或者暂时调整浏览器缩放比例以适应显示。",{"id":156,"question_zh":157,"answer_zh":158,"source_url":145},13791,"如何利用 API 实现自动化工作流（如自动开始新会话或检查任务状态）？","可以利用新增的 API 功能结合 `--password` 认证来实现。虽然目前的搜索功能可能不是最核心的，但你可以通过 API 获取最近会话列表、检查最后一条消息来判断任务是否完成，并发送后续指令。具体实现可参考 Cursor API 的模式，利用现有的端点进行轻量级集成。",[160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,235,240,245,250,255],{"id":161,"version":162,"summary_zh":163,"released_at":164},72722,"v0.7.0","###    🚀 功能特性\n\n- 在会话日志中支持代理设置条目类型  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(b3e5b)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fb3e5b6e) 实现\n- 将当前活动会话滚动到视图中，并在运行时允许输入  -  由 @iamvicliu 和 **Claude Sonnet 4.6** [\u003Csamp>(1e7fe)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F1e7fee0) 实现\n- 添加 PWA 支持，提供可安装的应用体验  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(1d148)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F1d148f8) 实现\n- 通过扩大触摸目标和滑动手势改进移动端 UI  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(65b13)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F65b132c) 实现\n- 支持 pr-link 和 last-prompt 模式条目，并显示 PR 元数据  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(b89fd)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fb89fd24) 实现\n- 改进移动端和桌面端的页头及侧边栏布局  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(38b9a)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F38b9abf) 实现\n- 在页头添加项目切换下拉框  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(2f00b)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F2f00b80) 实现\n- 为 Markdown 消息添加复制按钮  -  由 @d-kimuson [\u003Csamp>(be316)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fbe31686) 实现\n- 内联会话选项工具栏，并实现按项目持久化  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(23d0a)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F23d0ae9) 实现\n- 添加会话完成通知，并支持 PWA 推送功能  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(9b3ea)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F9b3ea07) 实现\n- 在聊天输入框中添加语音输入按钮  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(dae6e)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fdae6ef2) 实现\n- 基于事件的审批系统，结合 CCVAskUserQuestion MCP 工具  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(ef574)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fef574c0) 实现\n- 添加推式风格的移动端侧边栏，并配备标签选择器  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(1aa74)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F1aa74d0) 实现\n- 为工具展示添加可视化模式，并配备 Raw 切换开关  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(92a61)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F92a611b) 实现\n- 按项目和会话保存聊天输入草稿  -  由 @d-kimuson [\u003Csamp>(8e44c)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F8e44c9d) 实现\n- 支持将剪贴板中的图片粘贴到聊天输入框  -  由 @d-kimuson [","2026-04-02T19:41:00",{"id":166,"version":167,"summary_zh":168,"released_at":169},72723,"v0.6.1-beta.4","###    🐞 错误修复\n\n- 修复 iOS PWA 的回弹滚动  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(9cb5f)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F9cb5fd4)\n- 恢复可靠的 Web Push 消息推送及重新订阅功能  -  由 @d-kimuson [\u003Csamp>(93cd3)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F93cd35d)\n\n#####     [在 GitHub 上查看更改](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.6.1-beta.3...v0.6.1-beta.4)","2026-04-02T19:12:16",{"id":171,"version":172,"summary_zh":173,"released_at":174},72724,"v0.6.1-beta.3","###    🚀 功能\n\n- 在设置页面添加启用推送通知的按钮  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(0311d)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F0311d63)\n\n###    🐞 错误修复\n\n- 禁用 iOS PWA 的过度滚动回弹  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(8f13f)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F8f13f62)\n\n#####     [在 GitHub 上查看更改](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.6.1-beta.2...v0.6.1-beta.3)","2026-04-02T17:39:21",{"id":176,"version":177,"summary_zh":178,"released_at":179},72725,"v0.6.1-beta.2","###    🐞 错误修复\n\n- 用户消息中的长 URL 会超出内容宽度  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(8b65a)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F8b65a57)\n- 修复 PWA 的静态文件无法正确分发的问题  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(8c83f)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F8c83f11)\n\n#####     [在 GitHub 上查看更改](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.6.1-beta.1...v0.6.1-beta.2)","2026-04-02T17:21:40",{"id":181,"version":182,"summary_zh":183,"released_at":184},72726,"v0.6.1-beta.1","###    🚀 功能特性\n\n- 将活跃会话滚动到视图中，并在运行时允许输入  -  由 @iamvicliu 和 **Claude Sonnet 4.6** [\u003Csamp>(1e7fe)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F1e7fee0) 实现\n- 添加 PWA 支持，提供可安装的应用体验  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(1d148)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F1d148f8) 实现\n- 通过扩大触摸目标和滑动手势，优化移动端 UI  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(65b13)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F65b132c) 实现\n- 支持 pr-link 和 last-prompt 模式条目，并显示 PR 元数据  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(b89fd)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fb89fd24) 实现\n- 改进移动端和桌面端的页头与侧边栏布局  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(38b9a)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F38b9abf) 实现\n- 在页头添加项目切换下拉框  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(2f00b)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F2f00b80) 实现\n- 为 Markdown 消息添加复制按钮  -  由 @d-kimuson [\u003Csamp>(be316)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fbe31686) 实现\n- 内联会话选项工具栏，并支持按项目持久化  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(23d0a)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F23d0ae9) 实现\n- 添加会话完成通知，并支持 PWA 推送功能  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(9b3ea)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F9b3ea07) 实现\n- 在聊天输入框中添加语音输入按钮  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(dae6e)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fdae6ef2) 实现\n- 基于事件的审批系统，结合 CCVAskUserQuestion MCP 工具  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(ef574)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fef574c0) 实现\n- 添加推式风格的移动端侧边栏，带标签选择器  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(1aa74)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F1aa74d0) 实现\n- 为工具展示添加可视化模式，并配备 Raw 切换开关  -  由 @d-kimuson 和 **Claude Sonnet 4.6** [\u003Csamp>(92a61)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F92a611b) 实现\n- 按项目和会话保存聊天输入草稿  -  由 @d-kimuson [\u003Csamp>(8e44c)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F8e44c9d) 实现\n- 支持将剪贴板中的图片粘贴到聊天输入框  -  由 @d-kimuson [\u003Csamp>(e743f)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fe743f83) 实现\n- 通过内联差异评论增强评审功能，并将提交界面移至 Git 视图  -  由 @d-kimuson 和","2026-04-02T16:34:43",{"id":186,"version":187,"summary_zh":188,"released_at":189},72727,"v0.6.0","###    🚀 功能特性\n\n- **终端面板**：直接在界面中运行 Shell 命令。可折叠面板支持自动关闭，并在面板切换时保持输出内容的持久性。\n- **文件与工具检查器**：在右侧面板中查看已编辑的文件及其内容预览、工具调用历史，以及快速操作按钮。\n- **资源管理器中的代理会话**：从“资源管理器”选项卡浏览子代理会话。\n- **无头 API 服务器模式**：新增 `--api-only` 标志，可在不打开浏览器的情况下运行服务器，适用于集成和自动化场景。\n- **Bearer Token 认证**：通过 Bearer Token 进行 API 认证，便于程序化访问。\n- **Git 选项卡改进**：无需激活会话即可查看当前 Git 分支，并提供用于刷新 Git 数据的按钮。\n- **右侧面板状态保存至 URL**：面板状态现可持久化到 URL 中，方便分享和恢复。\n- **消息发送选项**：发送消息时可指定 Claude Code 的相关选项（模型、提示词等）。\n- **会话列表改进**：新增运行\u002F暂停状态指示器，同时优化了会话标题的显示效果。\n\n###    🐞 问题修复\n\n- 执行 `\u002Fclear` 命令后会话标题变为空的问题。\n- Git 数据加载时出现“未分支”闪烁的问题。\n- 文件内容对话框中多文件查看功能的稳定性问题。\n- 对仅结果会话及本地命令输出的处理优化。\n- 支持 `custom-title` 和 `agent-name` 类型的会话日志条目。\n\n###    🏎 性能优化\n\n- UI 渲染与窗口大小调整性能提升。\n\n#####     [查看 GitHub 上的变更记录](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.5.9...v0.6.0)","2026-02-16T17:31:21",{"id":191,"version":192,"summary_zh":193,"released_at":194},72728,"v0.6.0-beta.3","* chore: 更新依赖项 (2734f8a)\n* 合并拉取请求 #152，来自 rymalia\u002Ffix\u002Fcustom-title-agent-name-schema (326137f)\n* chore: 更新 lingui 编译后的消息 (f621f46)\n* fix: 支持 custom-title 和 agent-name JSONL 条目类型 (855fc8e)\n* chore: 在 README 中记录 --api-only 标志 (61300ed)\n* feat: 添加 --api-only 标志，用于无界面 API 服务器模式 (c70fd1a)\n* feat: 为 Git 选项卡添加重新加载按钮和更细粒度的 Suspense 分隔边界 (90f8e11)\n* chore: 国际化更新 (86258d8)\n* feat: 通过折叠按钮、自动关闭和合理的面板布局，改进终端面板的用户体验 (70187b3)\n* fix: 路由重构后 SSE 连接中断 (975f710)\n* feat: 在 Explorer 选项卡中添加代理会话部分 (c686dca)\n* fix: 在 Git 数据加载时显示加载状态，而非“无分支”(e7a833e)\n* feat: 显示不带会话的 Git 分支，并将右侧面板的状态持久化到 URL 中 (e6abd62)\n* fix: 执行 \u002Fclear 命令后，会话标题为空 (03750eb)","2026-02-16T12:41:14",{"id":196,"version":197,"summary_zh":198,"released_at":199},72729,"v0.6.0-beta.2","###    🚀 功能\n\n- 支持 Bearer Token API 认证  -  由 @d-kimuson [\u003Csamp>(9b0cd)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F9b0cd99)\n\n###    🐞 Bug 修复\n\n- 重新打开面板后恢复终端输出  -  由 @d-kimuson [\u003Csamp>(97093)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F97093e3)\n\n#####     [在 GitHub 上查看更改](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.6.0-beta.1...v0.6.0-beta.2)","2026-02-09T03:46:54",{"id":201,"version":202,"summary_zh":203,"released_at":204},72730,"v0.6.0-beta.1","### 发行说明\n\n- 新增终端面板，可在界面内运行 Shell 命令。\n- 文件与工具检查器：显示已编辑文件列表（带内容预览）以及工具调用历史。\n- 发送消息功能现支持显式指定 Claude Code 的选项（模型、提示词等）。\n- 会话列表清晰度提升：增加运行\u002F暂停状态，并优化标题显示。\n\n### 修复与改进\n\n- 文件内容对话框中实现稳定的多文件查看功能。\n- 更好地处理仅返回结果的会话及本地命令输出。\n- 改进了 UI 渲染和窗口大小调整时的性能。","2026-02-07T17:37:15",{"id":206,"version":207,"summary_zh":208,"released_at":209},72731,"v0.5.9","###    🚀 功能特性\n\n- 在会话侧边栏中新增了任务管理功能，并重构了服务器依赖注入层。 -  由 @ZHUBoer [\u003Csamp>(2bda6)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F2bda682) 提供\n- 新增对阻止嵌入式预览的网站的检测功能  -  由 @ZHUBoer [\u003Csamp>(efeae)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fefeae43) 提供\n\n###    🐞 Bug 修复\n\n- 更优雅地处理缺失的任务目录，并优化了任务侧边栏的用户界面  -  由 @d-kimuson 和 **Claude Opus 4.5** [\u003Csamp>(58a25)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F58a25e6) 共同完成\n\n#####     [在 GitHub 上查看更改](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.5.8...v0.5.9)","2026-01-27T13:48:21",{"id":211,"version":212,"summary_zh":213,"released_at":214},72732,"v0.5.8","###    🚀 Features\n\n- Add rate limit detection with auto-schedule config option  -  by @d-kimuson and **Claude Opus 4.5** [\u003Csamp>(f2d06)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Ff2d0654)\n- Add readLastLine utility for reading file tails  -  by @d-kimuson and **Claude Opus 4.5** [\u003Csamp>(7c1c9)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F7c1c941)\n- Add RateLimitAutoScheduleService for auto-continue on rate limit  -  by @d-kimuson and **Claude Opus 4.5** [\u003Csamp>(eb2c2)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Feb2c208)\n- Integrate RateLimitAutoScheduleService into server lifecycle  -  by @d-kimuson and **Claude Opus 4.5** [\u003Csamp>(375f1)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F375f1cb)\n- Add auto-schedule continue on rate limit setting with UI  -  by @d-kimuson [\u003Csamp>(4f4d1)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F4f4d1fb)\n- Command completion enhancements  -  by **zhube** [\u003Csamp>(093b4)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F093b451)\n- Improved command completion UI text  -  by **zhube** [\u003Csamp>(e65ec)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fe65ec12)\n- Users need to know whether the mcp is healthy, instead of only seeing the available mcp  -  by **zhube** [\u003Csamp>(7eff6)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F7eff6fc)\n- Enhance the Markdown rendering function of the export service, support more syntax and add new tool result content rendering.  -  by **zhube** [\u003Csamp>(d053d)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fd053d6c)\n- Display message timestamps in conversation lists, extend date formatting functionality to support datetime formats, and optimize conversation filtering logic to hide user messages containing only tool results.  -  by **zhube** [\u003Csamp>(7def2)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F7def2b3)\n- Improved styling and user experience of the chat input component  -  by **zhube** [\u003Csamp>(e8a9c)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fe8a9c0b)\n- Sort the `origin` array in each message by file path and line number.  -  by **zhube** [\u003Csamp>(b7e72)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fb7e728a)\n\n###    🐞 Bug Fixes\n\n- Use Path service for cross-platform file path construction  -  by @d-kimuson and **Claude Opus 4.5** [\u003Csamp>(d1aaf)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fd1aaf57)\n\n#####     [View changes on GitHub](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.5.7...v0.5.8)","2026-01-25T08:42:02",{"id":216,"version":217,"summary_zh":218,"released_at":219},72733,"v0.5.7","###    🚀 Features\n\n- Add session delete API endpoint  -  by @d-kimuson and **Claude Opus 4.5** [\u003Csamp>(9c7fd)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F9c7fdb3)\n- Add delete session confirmation dialog  -  by @d-kimuson and **Claude Opus 4.5** [\u003Csamp>(590d6)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F590d609)\n- Integrate session delete into sidebar  -  by @d-kimuson and **Claude Opus 4.5** [\u003Csamp>(663eb)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F663ebc0)\n- Add delete button to session info popover  -  by @d-kimuson and **Claude Opus 4.5** [\u003Csamp>(9c4f4)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F9c4f494)\n\n###    🐞 Bug Fixes\n\n- Update lingui compilation output  -  by @d-kimuson and **Claude Opus 4.5** [\u003Csamp>(4dc73)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F4dc7342)\n- Enhance styling for DeleteSessionDialog component, this can avoid title too long that exceed the size of DeleteSessionDialog component  -  by @70akaline [\u003Csamp>(db39b)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fdb39b24)\n- Fixed the problem that the card title text on the project list page exceeds the  -  by **zhube** [\u003Csamp>(cc20d)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fcc20dc7)\n\n#####     [View changes on GitHub](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.5.6...v0.5.7)","2026-01-24T06:48:19",{"id":221,"version":222,"summary_zh":223,"released_at":224},72734,"v0.5.6","###    🚀 Features\n\n- Add Claude model name to session metadata popover  -  by @rymalia [\u003Csamp>(060b5)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F060b538)\n- Support new subagent log structure and fix task data issues  -  by **zhube** [\u003Csamp>(5df48)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F5df48fa)\n- Introduce virtual conversation update events to reduce perceived latency, enhance system message display for more detailed information, and add polling fallback for session queries  -  by **zhube** [\u003Csamp>(4d9e6)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F4d9e6e8)\n\n###    🐞 Bug Fixes\n\n- Improve autocomplete indicator visibility logic  -  by @d-kimuson and **Claude Sonnet 4.5** [\u003Csamp>(b8388)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fb8388bd)\n\n#####     [View changes on GitHub](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.5.5...v0.5.6)","2026-01-21T12:18:56",{"id":226,"version":227,"summary_zh":228,"released_at":229},72735,"v0.5.5","###    🚀 Features\n\n- Disable AskUserQuestion tool, because ccviewer currently not support this  -  by @d-kimuson [\u003Csamp>(6acca)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F6accaaa)\n\n###    🐞 Bug Fixes\n\n- Add missing schema types for Claude Code v2.1.x  -  by @mspasov and **Claude Opus 4.5** [\u003Csamp>(e8356)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fe8356de)\n\n#####     [View changes on GitHub](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.5.4...v0.5.5)","2026-01-20T03:49:37",{"id":231,"version":232,"summary_zh":233,"released_at":234},72736,"v0.5.4","###    🚀 Features\n\n- Display full timestamp in search results  -  by @rymalia [\u003Csamp>(fa33e)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Ffa33e04)\n- Add search hotkey customization between Ctrl+K and Command+K  -  by @d-kimuson and **Claude Sonnet 4.5** [\u003Csamp>(2fa75)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F2fa751b)\n\n###    🐞 Bug Fixes\n\n- Resolve review issues in search hotkey customization  -  by @d-kimuson and **Claude Sonnet 4.5** [\u003Csamp>(b667c)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fb667c4b)\n- Add missing translations for \"Select search hotkey\"  -  by @d-kimuson and **Claude Sonnet 4.5** [\u003Csamp>(937b0)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F937b070)\n\n#####     [View changes on GitHub](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.5.3...v0.5.4)","2026-01-11T08:43:10",{"id":236,"version":237,"summary_zh":238,"released_at":239},72737,"v0.5.3","###    🚀 Features\n\n- Update Claude model pricing to latest versions  -  by @d-kimuson and **Claude Sonnet 4.5** [\u003Csamp>(944ab)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F944ab42)\n- Display reserved message in conversation view  -  by @d-kimuson [\u003Csamp>(0e834)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F0e834db)\n\n###    🐞 Bug Fixes\n\n- Resolve type errors in ClaudeCodeController tests  -  by @d-kimuson and **Claude Sonnet 4.5** [\u003Csamp>(68957)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F6895730)\n- Problem that submit button not displayed for scheduled message in mobile  -  by @d-kimuson [\u003Csamp>(4c8cf)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F4c8cf03)\n\n#####     [View changes on GitHub](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.5.2...v0.5.3)","2026-01-09T02:19:32",{"id":241,"version":242,"summary_zh":243,"released_at":244},72738,"v0.5.2","*No significant changes*\n\n#####     [View changes on GitHub](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.5.1...v0.5.2)","2026-01-08T02:28:57",{"id":246,"version":247,"summary_zh":248,"released_at":249},72739,"v0.5.1","###    🐞 Bug Fixes\n\n- Restore shebang for entry script  -  by @d-kimuson [\u003Csamp>(8fce0)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F8fce0c8)\n\n#####     [View changes on GitHub](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.5.0...v0.5.1)","2026-01-08T01:39:41",{"id":251,"version":252,"summary_zh":253,"released_at":254},72740,"v0.5.0","###    🚨 Breaking Changes\n\n- Support for command-line options. Renamed existing environment variable settin  -  by @d-kimuson [\u003Csamp>(0e424)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F0e424fc)\n\n###    🚀 Features\n\n- Add migration guide message for deprecated or removed env vars  -  by @d-kimuson [\u003Csamp>(4f457)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F4f45775)\n\n###    🐞 Bug Fixes\n\n- Display preview url missing  -  by @d-kimuson [\u003Csamp>(58d49)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F58d49bc)\n- Correct start script path from index.js to main.js  -  by @mspasov and **Claude Opus 4.5** [\u003Csamp>(13534)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F1353417)\n- Add schema support for Claude Code v2.0.76+ entry types  -  by @mspasov and **Claude Opus 4.5** [\u003Csamp>(5afdb)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F5afdbf1)\n\n#####     [View changes on GitHub](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.4.15...v0.5.0)","2026-01-08T01:32:53",{"id":256,"version":257,"summary_zh":258,"released_at":259},72741,"v0.4.15","###    🚀 Features\n\n- Add HOSTNAME environment variable for remote access  -  by @kzahel [\u003Csamp>(8d4ca)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F8d4cac4)\n\n###    🐞 Bug Fixes\n\n- Handle query parameters in snapshot directory paths  -  by @d-kimuson and **Claude** [\u003Csamp>(d63eb)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002Fd63eb5b)\n- Extend MCP launch timeout from 20s to 60s  -  by @d-kimuson and **Claude** [\u003Csamp>(297d9)\u003C\u002Fsamp>](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcommit\u002F297d96f)\n\n#####     [View changes on GitHub](https:\u002F\u002Fgithub.com\u002Fd-kimuson\u002Fclaude-code-viewer\u002Fcompare\u002Fv0.4.14...v0.4.15)","2025-12-31T11:33:27"]