Add an info icon or tab for dev-infos to every component

It would be very handy to have an litte info icon in every component panel. hovering over it with the mouse should then make a pop up that displays all available info as one can find in developer tools /dev-state. It should be possible to select the infos as wanted eg. the entity_id. Do the pop up is not only an simple hint but actually a clickable panel where you can select the text.

little amateur visualization:

and the popup panel could look similar to this:

What do you think?

1 Like

Upvoted - I think this is a great idea.

@linuxlurak The sensor and the shutter are different entities, right?
How would one know that nodes 22 and 12 are related?

@andrey: My posted picture is not to be taken real. My shutters are not sensors :wink: I was a little too fast by snipping together my screenshots.

The info icon has to show the real entity_id an all other infos. Should not be a problem at all since HASS has those infos already. But it’s some work to implement it…

But all attributes of a sensor are already on that screen

Ah I see your point now! I want to have the real entity_id etc. in a additional panel that pops up by hovering over the info icon. This would be really handy. It’s actually not for the users but for the developers. On user level you have all necessary attributes, I agree with you in this point.

At the moment you only get the z-wave node id and a description “FIBARO System FGMS001 M…”. That’s not enough eg. to send JSON to the HASS API. You first have to search it in developer tools dev-states. And before this you even have to guess the correct entity because you only have the node id.

Do you know what I mean?

Cheers!

Yes, that would be useful when setting up the home.

However I think that the UI should be as clean as possible and not include things needed only for developers / during setup.

As a workaround, if you are on desktop (no sensible “hover” on mobile anyway) when you interact with a component you see the entity_id in network monitor tools of chrome / firefox.

OK that is a point. To have the UI as clean as possible for user land action: An option to enable / disable this feature could be the solution. In that case perhaps one could agree with a “devinfo: True” option in the “homeassistant:”-block in configure.yaml and then there could not only be an info icon implemented but a additional tab to click on.

Perhaps something like this?

and after a click on dev info:

Honestly, I’d just be happy to see the entity_id when I hover over or click on a friendly_name. Or have the entity_id show up in the card when I click on it. Would be much easier than opening two instances when doing an automation or script.

How about printing the entity_id to dev console (i.e Javascript’s console.log) when clicking on an entity?