Show Claude icon in terminal header while Claude Code is active

[Copilot]

This updates the terminal shell-integration badge so it reflects Claude Code activity instead of always rendering the generic AI icon. When the active shell command is Claude Code, the header now shows the Claude logo.

• Terminal shell-integration badge

  • Updated getShellIntegrationIconButton() to render the Claude logo while Claude Code is the active running command.
  • Kept the existing shell-integration states and messaging intact for non-Claude commands.

• Claude Code detection

  • Added command detection for Claude Code in the OSC shell-integration flow.
  • Tracks active Claude sessions on TermWrap, including initial runtime-info hydration and command lifecycle transitions.
  • Handles common invocation forms, including direct binary paths and commands wrapped by env var assignments / env.

• UI rendering

  • Added @lobehub/icons and used its Claude icon in the terminal header path.
  • Reused the existing icon-button rendering contract by passing a React node for the icon where needed.

• Focused coverage

  • Added a small unit test for Claude command detection to lock in the supported command forms.

const claudeCodeActive = get(this.termRef.current.claudeCodeActiveAtom);
const icon = claudeCodeActive ? React.createElement(TermClaudeIcon) : "sparkles";

• screenshot
  • 

---

💬 Send tasks to Copilot coding agent from Slack and Teams to turn conversations into code. Copilot posts an update in your thread when it's finished.

[cloudflare-workers-and-pages]

Deploying waveterm with    Cloudflare Pages

Latest commit:	3f30447
Status:	✅  Deploy successful!
Preview URL:	https://25ec6d9a.waveterm.pages.dev
Branch Preview URL:	https://copilot-add-header-icon-for.waveterm.pages.dev

View logs

[kilo-code-bot]

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (7 files)

• frontend/app/asset/claude-color.svg - New Claude icon asset
• frontend/app/view/term/osc-handlers.test.ts - Tests for Claude Code detection
• frontend/app/view/term/osc-handlers.ts - Claude Code command detection with proper regex and normalization
• frontend/app/view/term/term-model.ts - UI updates for Claude icon display
• frontend/app/view/term/term.tsx - New TermClaudeIcon component
• frontend/app/view/term/termwrap.ts - State management for Claude Code detection
• package-lock.json - Dependency updates

The PR implements Claude Code detection and display:

• Uses regex /(?:^|\/ )claude\b/ to detect Claude Code commands including paths like /usr/local/bin/claude
• Normalizes commands by stripping environment variable prefixes and "env " prefix
• Displays a Claude-colored icon when Claude Code is detected running in the terminal
• Updates the status title to "Claude Code Detected" when appropriate
• Tests cover direct invocations, env-wrapped invocations, and correctly ignore non-Claude commands