# Add initial element inspector for Zed development \(\#31315\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/ab59982bf738896c9fefa7a96d3236bc95edcded)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: ab59982bf738896c9fefa7a96d3236bc95edcded

Requested commit: ab59982bf738896c9fefa7a96d3236bc95edcded

Commit: ab59982bf738896c9fefa7a96d3236bc95edcded

Tree: 04cd62857f04724dd72465f76fb2fc1471a68051

Author: Michael Sloan

Committer: GitHub

## Message

```
Add initial element inspector for Zed development (#31315)

Open inspector with `dev: toggle inspector` from command palette or
`cmd-alt-i` on mac or `ctrl-alt-i` on linux.

https://github.com/user-attachments/assets/54c43034-d40b-414e-ba9b-190bed2e6d2f

* Picking of elements via the mouse, with scroll wheel to inspect
occluded elements.

* Temporary manipulation of the selected element.

* Layout info and JSON-based style manipulation for `Div`.

* Navigation to code that constructed the element.

Big thanks to @as-cii and @maxdeviant for sorting out how to implement
the core of an inspector.

Release Notes:

- N/A

---------

Co-authored-by: Antonio Scandurra <me@as-cii.com>
Co-authored-by: Marshall Bowers <git@maxdeviant.com>
Co-authored-by: Federico Dionisi <code@fdionisi.me>
```

## Parents

- [685933b5c8cf4e54214a1c2990eff7d4aaa3c5d4](https://git.cafe/gitcafe/zed/commit/685933b5c8cf4e54214a1c2990eff7d4aaa3c5d4?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/ab59982bf738896c9fefa7a96d3236bc95edcded?format=markdown)