Add React Component Hierarchy Tree Visualizer and Navigation Tool

[anoop-ih]

Description:

react-doctor currently has sophisticated component detection and hierarchy analysis capabilities through its AST walking logic in no-multi-comp.ts, but lacks a visual interface for exploring component relationships.

Proposed Feature:

Add an interactive tree visualization UI that leverages the existing component analysis infrastructure to provide:

• Visual component hierarchy tree rendering
• Interactive navigation of parent-child relationships
• Component nesting depth visualization
• Search and filter capabilities for large codebases

Technical Foundation:

The core analysis logic already exists in:

• Component detection patterns (ES6 classes, function declarations, HoC wrappers)
• Hierarchy analysis tracking nesting depth and relationships
• Parent component resolution utilities

Implementation Suggestion:

This could be implemented as:

• A new CLI command (e.g., react-doctor visualize)
• Integration into the existing website (react.doctor)
• A new output format option for the JSON API

[react-doctor-evals]

❌ Triage errored — trace 570dc2a0ebfe0b8e5416e705bcb2ce81. Check server logs for that trace ID.