GPUI DevTools/Inspector Idea

[alessandrobrunoh]

After spending some time with GPUI, I keep feeling the absence of an integrated DevTools/Inspector—something similar to the browser, Flutter, or React ecosystems. The goal is to enable real-time adjustment of styles and element properties, and to gain visibility into performance and render timing.

Proposed features:

• Live element tree: Divs/Elements/Views presented hierarchically
• Property inspector: Select any item to view and edit its properties
• Inline editing: Support for text, boolean, and integer values
• Performance insights: Reports and per-view render time metrics

With these capabilities, GPUI would be significantly easier to debug and would empower developers to craft higher-quality interfaces more quickly.

I’ve put together a small test (prototype). If there’s interest, I can rebuild it from the ground up to make it cleaner. Feedback welcome—does this feel like a worthwhile direction?
https://imgur.com/a/wWMVmKE

[alessandrobrunoh]

Already find out it already kinda exists, not all the features but some