mirror of https://github.com/NanmiCoder/cc-haha synced 2026-07-31 16:33:34 +08:00

程序员阿江(Relakkes) 19357fcd87 feat(brand): rebuild the app mark as a vector and recolor it to the themes

`app-icon.png` is a 120KB bitmap, and the seven `.svg` files beside it under
docs/images are 193 bytes each — an `<image>` tag wrapping that bitmap. So the
mark carried its own blue/cyan/orange through all six palettes while everything
around it moved, and there was nothing to recolor.

Measured the bitmap back into geometry rather than redrawing it: connected
components to separate the elements, algebraic circle fits for the arcs, angular
histograms for the openings and stroke widths. Big C is center (415,566) r=131
stroke=60, opening 160°; the second C is center (615,576) r=117 cut into two 68°
arcs; the cursor is a four-point polygon with one notch. The slight ellipticity
and unequal stroke ends were raster artifacts, so they were rounded out. The
shape is otherwise unchanged — differencing a render against the original leaves
only antialiasing.

Color maps the original's three layers onto the palette's own three: the C's take
墨 `--cc-t1`, the bar and cursor and sparkles take 朱 `--cc-ac`.

Six themes do not need six icons. Their accent resolves to two values — #96442B
across the four light palettes, #D07B52 across the two dark ones, which is the
same ochre lightened. Only the ink varies, and ink should follow body text
anyway.

The app icon stays one fixed artwork. Dock and taskbar are drawn by the OS, which
knows nothing about the in-app theme, so paper ground with ink C's ships to every
platform. Inside the app the mark is a vector on tokens and repaints per theme.

Four ideas — two C's, the bar, the cursor, two sparkles — collapse below 24px, so
every consumer sheds parts as it shrinks: sparkles above 40px, cursor above 24px,
C's and bar always. That applies inside icon.icns and icon.ico as much as in
BrandSeal.

BrandSeal was the 「哈」 glyph in a terracotta square; it is now the CC mark drawn
inline on `--color-text-primary` and `--color-brand`. Its five call sites — the
sidebar, both empty states, the H5 connect view, the gallery — follow, and the
about pane drops its `<img>` for the same component.

README leads with the horizontal lockup inside a `<picture>` so GitHub serves the
dark cut in dark mode.

2026-07-27 04:27:41 +08:00

14 KiB

Raw Blame History

Claude Code Haha

A Claude Code build repaired from the source leaked from Anthropic's npm registry on 2026-03-31. Claude Code Haha is now primarily a desktop Claude Code workspace for macOS, Windows, and Linux: sessions, projects, branch / Worktree launch, right-side file changes, code diffs, permission review, provider setup, Computer Use, H5 remote access, IM integration, and scheduled tasks in one app.

Desktop Preview · Install · Highlights · Sponsorship · More Docs

Desktop Preview

The Claude Code Haha desktop app brings sessions, multi-project navigation, branch / Worktree controls, right-side file changes, code diffs, permission review, provider setup, and remote access into one graphical workspace for daily development flows beyond the terminal.

Desktop Workspace	Right-side Changes & Worktree	Code Editing & Diff View	Permission Review & AI Questions
H5 Remote Access	Token Usage	Computer Use	Scheduled Tasks

Install the Desktop App

Download the macOS / Windows / Linux desktop installer from Releases.
On first launch, configure your model provider, API key, and default model in Settings.
Public macOS releases require signing and notarization. Draft or unsigned temporary builds may still need one-time manual approval. Unsigned Windows installers may show SmartScreen; click "More info" -> "Run anyway". See the desktop installation guide.

Run the CLI from Source

For users who want to debug the underlying CLI, server, or local development flow:

bun install
cp .env.example .env
./bin/claude-haha

See environment variables and global usage for more configuration options.

Desktop Highlights

Multi-session workspace: tabs, project switching, terminal entry, and session history in one place.
Branch / Worktree launch: choose a repository branch and decide whether to use the current working tree or an isolated Worktree.
Right-side file changes: review changed files, added/removed lines, and current workspace state while chatting.
Visual code changes: inspect edits, file writes, and diffs directly in the desktop app.
Permission review: approve risky commands, tool calls, and model follow-up questions in the GUI.
Multi-provider setup: configure Anthropic-compatible APIs, third-party models, WebSearch fallback, and local options.
Skill Marketplace: discover, preview, install, and manage third-party skills from ClawHub / SkillHub in the desktop app.
Session Activity Panel: review tasks, background tasks, SubAgents, team activity, and sources in one side panel.
Computer Use: let the agent take screenshots, click, type, and control desktop apps after authorization.
H5 remote access: open the current desktop session from a phone or another device with a one-time token.
IM integration: chat, switch projects, and approve actions through Telegram / Feishu / WeChat / DingTalk.
Scheduled tasks and usage stats: create planned tasks and track local token usage trends.

Document	Description
Environment Variables	Full env var reference and configuration methods
Third-Party Models	Using OpenAI / DeepSeek / Ollama and other non-Anthropic models
Contributing	Local tests, live model baselines, PR gates, and release gates
Memory System	Cross-session persistent memory usage and implementation
Multi-Agent System	Agent orchestration, parallel tasks and Teams collaboration
Skills System	Extensible capability plugins, custom workflows and conditional activation
IM Integration	Remote chat, project switching, and permission approval via Telegram / Feishu / WeChat / DingTalk
Computer Use	Desktop control (screenshots, mouse, keyboard) — Architecture
Desktop App	Electron + React GUI client — Quick Start \| Architecture \| Installation
Global Usage	Run claude-haha from any directory
FAQ	Common error troubleshooting
Source Fixes	Fixes compared with the original leaked source
Project Structure	Code directory structure

Sponsorship & Partnership

This project is maintained in the author's spare time. Corporate or individual sponsorships are welcome to support ongoing development. Custom features, integrations, and business partnerships are also open for discussion.

Sponsor	Description
接口AI	Thanks to JieKou AI for sponsoring this project. JieKou AI provides official model resources with stable, high-performance API access. Subscription bundles are priced at 20% off the official rate; new users who register through this link and bind GitHub can claim a $3 coupon.
	Thanks to ShengSuanYun for sponsoring this project. ShengSuanYun is an industrial-grade AI task parallel execution platform for AI Native Teams, aggregating Claude, ChatGPT, Gemini, and other LLM, image, and video model capacity through direct, non-reverse-engineered access. Its platform SLA reaches 99.7%, with service status available online. It also supports dedicated enterprise gateways, cost and permission controls, smart routing, security protection, BYOK, usage-based billing, upcoming tokens plans, and invoicing. New users registering through this link can receive 10 yuan in model credits plus a 10% first top-up bonus.
	Thanks to TeamoRouter for sponsoring this project. TeamoRouter is an enterprise-grade Agentic LLM gateway for developers, AI teams, and businesses. Without any subscription, it lets you use Claude Code, Codex, Gemini CLI, and other popular AI agents through a single unified API, with API pricing at discounts of up to 90%. It aggregates hundreds of official model providers and trusted infrastructure partners — including OpenAI, Anthropic, Vertex, Azure, and AWS Bedrock — each verified for 100% Agent protocol compatibility, cache performance, and request traceability, delivering near-official TTFT, a 99.6% SLA, throughput up to 5,000 QPM, and industry-leading cache hit rates rather than reverse-engineered endpoints. It also offers centralized billing, team management, BYOK, smart routing, usage analytics, and dedicated support, and Teamo Desktop lets you use these AI agents with one-click setup. New users who register through this link receive 10% off their first top-up.

📧 Contact: relakkes@gmail.com

☕ Buy Me a Coffee

If this project helps you, consider buying me a coffee — every bit of support keeps this project going ❤️

WeChat Pay

Alipay

Buy Me a Coffee

Tech Stack

Category	Technology
Language	TypeScript
Desktop app	Electron
Desktop UI	React + Vite
Local runtime	Bun
Terminal UI	React + Ink
CLI parsing	Commander.js
API	Anthropic SDK
Protocols	MCP, LSP

Thanks

Thanks to the following open-source projects and community practices for reference and inspiration:

React: frontend engineering and component-based UI ecosystem.
Electron: cross-platform desktop app capabilities and engineering practices.
cc-switch: reference for model provider configuration.

⭐ Star History

If this project helps you, please support it with a ⭐ Star so more people can discover Claude Code Haha.

Disclaimer

This repository is based on the Claude Code source leaked from the Anthropic npm registry on 2026-03-31. All original source code copyrights belong to Anthropic. It is provided for learning and research purposes only.

14 KiB Raw Blame History