### **[Customization] Add Configurable Detail Levels**

[12mv2]

Description

Allow users to toggle between simple and detailed views of components, and select specific details for the detailed view.

Task Requirements

• Add a "detailLevel" configuration:
  • Simple: Component name only.
  • Detailed: State, props, and lifecycle methods.
• Use either
• JSON based configuration
  {
  "detailLevel": {
  "showState": true,
  "showProps": false,
  "showLifecycleMethods": true
  }
  }

or (stretch)

• checkboxes in the UI
  [✓] Show State
  [ ] Show Props
  [✓] Show Lifecycle Methods

Steps

1. Modify AppHeader and Dendrogram to respect the detail level configuration.
2. Implement logic for dynamically toggling details.
3. Test with different configurations to ensure expected behavior.

Definition of Done

• Users can configure in JSON or toggle in UI, detail levels and choose specific details via JSON.
• Component rendering works seamlessly with all configurations.

Branch

46-custom-configurable-detail-levels