Rename project from "Claude Code Context" to "claude-devtools" across all relevant files and documentation. Update configuration paths and metadata to reflect the new project name, ensuring consistency in branding and user experience.

This commit is contained in:
matt 2026-02-11 21:53:43 +09:00
parent 6ca7bed2f5
commit a8abe52eb2
27 changed files with 44 additions and 48 deletions

View file

@ -1,5 +1,5 @@
---
name: ccc:chatgroup-architecture
name: claude-devtools:chatgroup-architecture
description: ChatGroup architecture — how conversation data flows from raw JSONL to rendered chat groups. Use when working on UserGroup, AIGroup, SystemGroup, display items, tool linking, chunks, or the rendering hierarchy.
---

View file

@ -1,5 +1,5 @@
---
name: ccc:design-system
name: claude-devtools:design-system
description: Design system and visual language — theming, CSS variables, Tailwind config, component styling patterns, icon usage, animations, and z-index layers. Use when creating or modifying UI components, working with the dark/light theme, or debugging visual issues.
---

View file

@ -1,5 +1,5 @@
---
name: ccc:explain-visible-context
name: claude-devtools:explain-visible-context
description: Explains what "Visible Context" is — the 6 trackable token categories, what falls outside tracking, how it's displayed, and why it matters. Use when someone asks about visible context, token attribution, or context window usage.
---

View file

@ -1,5 +1,5 @@
---
name: ccc:markdown-search
name: claude-devtools:markdown-search
description: Markdown search logic — how in-session and cross-session search works. Use when working on SearchBar, search highlighting, searchHighlightUtils, markdownTextSearch, or SessionSearcher.
---

View file

@ -1,5 +1,5 @@
---
name: ccc:navigation-scroll
name: claude-devtools:navigation-scroll
description: Navigation and scroll orchestration — tab navigation, error highlights, search scrolling, auto-scroll coordination, and common bug patterns. Use when working on useTabNavigationController, scroll restore, or navigation requests.
---

View file

@ -35,7 +35,7 @@ jobs:
- name: Package macOS
env:
GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
CSC_LINK: ${{ secrets.MAC_CERTS }}
CSC_LINK: ${{ secrets.CSC_LINK }}
CSC_KEY_PASSWORD: ${{ secrets.CSC_KEY_PASSWORD }}
APPLE_ID: ${{ secrets.APPLE_ID }}
APPLE_APP_SPECIFIC_PASSWORD: ${{ secrets.APPLE_APP_SPECIFIC_PASSWORD }}

View file

@ -1,4 +1,4 @@
# Claude Code Context
# claude-devtools
Electron app that visualizes Claude Code session execution

View file

@ -1,6 +1,6 @@
# Contributing
Thanks for contributing to Claude Code Context.
Thanks for contributing to claude-devtools.
## Prerequisites
- Node.js 20+

View file

@ -1,6 +1,6 @@
MIT License
Copyright (c) 2026 Claude Code Context contributors
Copyright (c) 2026 claude-devtools contributors
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal

View file

@ -1,8 +1,8 @@
<p align="center">
<img src="resources/icons/png/512x512.png" alt="Claude Code Context" width="120" />
<img src="resources/icons/png/512x512.png" alt="claude-devtools" width="120" />
</p>
<h1 align="center">Claude Code Context</h1>
<h1 align="center">claude-devtools</h1>
<p align="center">
<strong>Stop guessing. See exactly what Claude is doing.</strong>
@ -11,7 +11,7 @@
</p>
<p align="center">
<a href="https://github.com/matt1398/claude-code-context/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License: MIT" /></a>
<a href="https://github.com/matt1398/claude-devtools/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License: MIT" /></a>
<a href="#"><img src="https://img.shields.io/badge/platform-macOS%20%7C%20Windows-lightgrey.svg" alt="Platform" /></a>
<a href="#"><img src="https://img.shields.io/badge/electron-40-47848F.svg?logo=electron" alt="Electron" /></a>
<a href="#"><img src="https://img.shields.io/badge/react-18-61DAFB.svg?logo=react" alt="React" /></a>
@ -22,7 +22,7 @@
<p align="center">
<!-- TODO: Replace with actual demo GIF/video -->
<img src="docs/assets/demo.gif" alt="Claude Code Context Demo" width="900" />
<img src="docs/assets/demo.gif" alt="claude-devtools Demo" width="900" />
</p>
---
@ -39,7 +39,7 @@ There are many GUI wrappers for Claude Code — Conductor, Craft Agents, Vibe Ka
**You can't monitor what matters.** Want to know when Claude reads `.env`? When a single tool call exceeds 4K tokens of context? When a teammate sends a shutdown request? You'd have to wire up hooks manually, every time, for every project.
**Claude Code Context takes a different approach.** It doesn't wrap or modify Claude Code at all. It reads the session logs that already exist on your machine (`~/.claude/`) and turns them into a rich, interactive interface — regardless of whether the session ran in the terminal, in an IDE, or through another tool.
**claude-devtools takes a different approach.** It doesn't wrap or modify Claude Code at all. It reads the session logs that already exist on your machine (`~/.claude/`) and turns them into a rich, interactive interface — regardless of whether the session ran in the terminal, in an IDE, or through another tool.
> Zero configuration. No API keys. Works with every session you've ever run.
@ -88,8 +88,8 @@ Open multiple sessions side-by-side. Drag-and-drop tabs between panes, split vie
### Install & Run
```bash
git clone https://github.com/matt1398/claude-code-context.git
cd claude-code-context
git clone https://github.com/matt1398/claude-devtools.git
cd claude-devtools
pnpm install
pnpm dev
```

View file

@ -1,5 +1,5 @@
appId: com.claudecode.context
productName: Claude Code Context
productName: claude-devtools
directories:
output: release
@ -14,8 +14,6 @@ asar: true
extraMetadata:
main: dist-electron/main/index.js
afterSign: scripts/notarize.cjs
mac:
category: public.app-category.developer-tools
target:
@ -24,8 +22,6 @@ mac:
hardenedRuntime: true
gatekeeperAssess: false
icon: resources/icons/mac/icon.icns
entitlements: build/entitlements.mac.plist
entitlementsInherit: build/entitlements.mac.plist
dmg:
sign: false

View file

@ -1,17 +1,17 @@
{
"name": "claude-code-context",
"name": "claude-devtools",
"type": "module",
"version": "0.1.0",
"description": "Desktop app that visualizes Claude Code session execution — explore conversations, track context usage, and analyze tool calls",
"license": "MIT",
"author": "Claude Code Context contributors",
"homepage": "https://github.com/matt1398/claude-code-context",
"author": "claude-devtools contributors",
"homepage": "https://github.com/matt1398/claude-devtools",
"repository": {
"type": "git",
"url": "https://github.com/matt1398/claude-code-context.git"
"url": "https://github.com/matt1398/claude-devtools.git"
},
"bugs": {
"url": "https://github.com/matt1398/claude-code-context/issues"
"url": "https://github.com/matt1398/claude-devtools/issues"
},
"main": "dist-electron/main/index.js",
"scripts": {

View file

@ -1,5 +1,5 @@
/**
* Main process entry point for Claude Code Context.
* Main process entry point for claude-devtools.
*
* Responsibilities:
* - Initialize Electron app and main window
@ -170,7 +170,7 @@ function createWindow(): void {
backgroundColor: '#1a1a1a',
titleBarStyle: 'hidden',
trafficLightPosition: getTrafficLightPositionForZoom(1),
title: 'Claude Code Context',
title: 'claude-devtools',
});
// Load the renderer

View file

@ -1,5 +1,5 @@
/**
* ConfigManager service - Manages app configuration stored at ~/.claude/claude-code-context-config.json.
* ConfigManager service - Manages app configuration stored at ~/.claude/claude-devtools-config.json.
*
* Responsibilities:
* - Load configuration from disk on initialization
@ -22,7 +22,7 @@ import type { TriggerColor } from '@shared/constants/triggerColors';
const logger = createLogger('Service:ConfigManager');
const CONFIG_DIR = path.join(os.homedir(), '.claude');
const CONFIG_FILENAME = 'claude-code-context-config.json';
const CONFIG_FILENAME = 'claude-devtools-config.json';
const DEFAULT_CONFIG_PATH = path.join(CONFIG_DIR, CONFIG_FILENAME);
// ===========================================================================

View file

@ -2,7 +2,7 @@
* NotificationManager service - Manages native macOS notifications and error history.
*
* Responsibilities:
* - Store error history at ~/.claude/claude-code-context-notifications.json (max 100 entries)
* - Store error history at ~/.claude/claude-devtools-notifications.json (max 100 entries)
* - Show native macOS notifications using Electron's Notification API
* - Implement throttling (5 seconds per unique error hash)
* - Respect config.notifications.enabled and snoozedUntil
@ -80,7 +80,7 @@ const THROTTLE_MS = 5000;
const NOTIFICATIONS_PATH = path.join(
os.homedir(),
'.claude',
'claude-code-context-notifications.json'
'claude-devtools-notifications.json'
);
// =============================================================================

View file

@ -1,5 +1,5 @@
/**
* Chunk and visualization types for Claude Code Context.
* Chunk and visualization types for claude-devtools.
*
* This module contains:
* - Chunk types (UserChunk, AIChunk, SystemChunk, CompactChunk)

View file

@ -1,5 +1,5 @@
/**
* Domain/business entity types for Claude Code Context.
* Domain/business entity types for claude-devtools.
*
* These types represent the application's domain model:
* - Projects and sessions

View file

@ -1,5 +1,5 @@
/**
* Parsed message types and type guards for Claude Code Context.
* Parsed message types and type guards for claude-devtools.
*
* ParsedMessage is the application's internal representation after parsing
* raw JSONL entries. This module also contains type guards for classifying

View file

@ -70,7 +70,7 @@ export function decodePath(encodedName: string): string {
*/
export function extractProjectName(encodedName: string, cwdHint?: string): string {
// Prefer cwdHint (actual filesystem path) since decodePath is lossy for
// paths containing dashes (e.g., "claude-code-context" → "claude/code/context").
// paths containing dashes (e.g., "claude-devtools" → "claude/code/context").
if (cwdHint) {
const segments = cwdHint.split(/[/\\]/).filter(Boolean);
const last = segments[segments.length - 1];

View file

@ -319,7 +319,7 @@ export function useSettingsHandlers({
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = 'claude-code-context-config.json';
link.download = 'claude-devtools-config.json';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

View file

@ -146,7 +146,7 @@ export const AdvancedSection = ({
<div>
<div className="flex items-center gap-3">
<p className="text-sm font-medium" style={{ color: 'var(--color-text)' }}>
Claude Code Context
claude-devtools
</p>
<button
onClick={handleCheckForUpdates}

View file

@ -7,7 +7,7 @@ import { useStore } from '../store';
type Theme = 'dark' | 'light' | 'system';
type ResolvedTheme = 'dark' | 'light';
const THEME_CACHE_KEY = 'claude-code-context-theme-cache';
const THEME_CACHE_KEY = 'claude-devtools-theme-cache';
/**
* Hook to manage theme state and application.

View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./favicon.png" />
<title>Claude Code Context</title>
<title>claude-devtools</title>
<style>
/* Splash: spotlight gradient + noise overlay */
#splash {
@ -48,7 +48,7 @@
// Flash prevention: Apply cached theme before React loads
(function() {
try {
var theme = localStorage.getItem('claude-code-context-theme-cache');
var theme = localStorage.getItem('claude-devtools-theme-cache');
if (theme === 'light') {
document.documentElement.classList.add('light');
}
@ -77,7 +77,7 @@
<!-- BL: down-facing semicircle -->
<path class="splash-q splash-logo-shape" style="animation-delay:2.4s" d="M12,34 A7,7 0 0,0 26,34 Z" fill="#d4d4d8"/>
</svg>
<div id="splash-text">Claude Code Context</div>
<div id="splash-text">claude-devtools</div>
</div>
<div id="root"></div>
<script type="module" src="./main.tsx"></script>

View file

@ -1,5 +1,5 @@
/**
* Notification and configuration types for Claude Code Context.
* Notification and configuration types for claude-devtools.
*
* Re-exports types from shared for backwards compatibility.
* The canonical definitions are in @shared/types/notifications.

View file

@ -1,5 +1,5 @@
/**
* Notification and configuration types for Claude Code Context.
* Notification and configuration types for claude-devtools.
*
* These types define:
* - Detected errors from session files

View file

@ -1,5 +1,5 @@
/**
* Visualization-specific types for Claude Code Context.
* Visualization-specific types for claude-devtools.
*
* These types are used for waterfall chart visualization
* and are shared between main and renderer processes.

View file

@ -100,11 +100,11 @@ describe('pathDecoder', () => {
it('should prefer cwdHint over lossy decode for dashed project names', () => {
// Without cwdHint, dashes are decoded as slashes (lossy)
expect(extractProjectName('-Users-name-claude-code-context')).toBe('context');
expect(extractProjectName('-Users-name-claude-devtools')).toBe('context');
// With cwdHint, the actual project name is preserved
expect(
extractProjectName('-Users-name-claude-code-context', '/Users/name/claude-code-context')
).toBe('claude-code-context');
extractProjectName('-Users-name-claude-devtools', '/Users/name/claude-devtools')
).toBe('claude-devtools');
});
it('should fall back to decoded name when cwdHint is undefined', () => {