Add ANSI color support for agent names in VS Code extension

Preflight Checklist

• [x] I have searched existing requests and this feature hasn't been requested yet
• [x] This is a single feature request (not multiple features)

Problem Statement

When using specialized agents (elite-performance-optimizer, elite-project-architect, elite-devops-automation, etc.) in the terminal CLI, agent names display with colors making it easy to visually distinguish between different agents working on tasks.

However, in the VS Code extension panel, these colors are not rendered - the ANSI escape codes are either stripped or not parsed. This makes it harder to track which agent is currently working when running multiple agents in parallel.

The VS Code extension is preferred for daily use because of its convenient image/file drag-and-drop attachment feature, but the lack of colored agent names reduces readability compared to the terminal experience.

Proposed Solution

Parse and convert ANSI escape codes to styled HTML/CSS in the VS Code extension output panel.

Specifically:

• Agent names should display in their designated colors (matching terminal output)
• Bold text formatting (ANSI codes like [1m) should render as bold
• The styling should be consistent with what users see in terminal

The interface should show agent names like "elite-performance-optimizer" with the same color highlighting as the terminal CLI, making it easy to identify which agent is active at a glance.

Alternative Solutions

Currently I work around this by using the integrated terminal in VS Code and running the claude CLI directly to see colored output.

However, this loses the benefits of the extension panel:

• No drag-and-drop for images/files
• Less convenient file attachment UI
• No visual preview of attachments

Other tools like VS Code's built-in terminal and output panels support ANSI color rendering, so this pattern is well-established.

Priority

Low - Nice to have

Feature Category

Other

Use Case Example

Example scenario:

1. I'm working on a Laravel application and need to optimize performance, plan architecture, and set up CI/CD
2. I launch multiple elite agents in parallel: elite-performance-optimizer, elite-project-architect, and elite-devops-automation
3. All three agents work simultaneously and return results
4. Currently, all agent names appear in plain text, making it hard to quickly scan which result came from which agent
5. With this feature, each agent name would have a distinct color (e.g., performance=green, architect=blue, devops=orange)
6. This would save me time because I could instantly identify agent outputs visually without reading each agent name character by character

Additional Context

Terminal output currently shows ANSI codes like:
[1melite-performance-optimizer[22m

The extension should parse these codes and render them as styled text.

Reference: VS Code's terminal panel already supports ANSI colors, so the underlying capability exists in VS Code's rendering engine.

This would create consistency between the CLI and extension experiences while preserving the extension's unique benefits (file attachments, image support).