[FEATURE] Syntax Highlighting for Plan Approval Preview

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 editing a plan in plan mode, Claude Code applies syntax highlighting to the markdown content, making it easy to read headings, code blocks, lists, and other structural elements. However, when the plan is displayed in the approval preview (the "Ready to code?" confirmation section), all highlighting is stripped and the content appears as monochrome text.

This inconsistency creates a jarring experience:

• During editing: Rich, colorful syntax highlighting
• During approval review: Plain monochrome text

The approval preview is arguably the most important moment to have good readability—it's when the user needs to quickly verify the plan before execution.

Proposed Solution

Apply the same syntax highlighting used during plan editing to the "Ready to code?" approval preview section. This would include:

• Markdown heading colors (H1, H2, H3, etc.)
• Code block highlighting
• List formatting
• Bold/italic styling
• Table formatting

Alternative Solutions

None

Priority

Critical - Blocking my work

Feature Category

CLI commands and flags

Use Case Example

_No response_

Additional Context

This is a quality-of-life improvement that would make plan review significantly more pleasant. The rendering infrastructure already exists (since editing mode has highlighting), so this may be a matter of applying the same renderer to the preview component.

Screenshots attached: Two screenshots showing the difference between the highlighted plan editing view and the monochrome approval preview.