Web Component DevTools

Adds a custom DevTools panel that lists all custom elements on the page, simplifying navigation of complex component trees without manual DOM queries, as highlighted in the README for addressing Shadow DOM challenges.

Enables toggling attributes and properties of Web Components directly from the interface, allowing rapid state changes for debugging without repetitive console commands, as described in the README's philosophy.

Provides the ability to monitor events dispatched from custom elements in real-time, which is essential for debugging event-driven behaviors in Web Components, a key feature listed in the README.

Specifically supports interacting with elements inside Shadow DOM, eliminating the need for complex selector queries and addressing a common pain point in Web Component development, as noted in the key features.