Developer Tools Side Menu Replacement

If you are missing the Developer tools menu item in the left menu after 2026.2 HA update, You can have it back right now.

In the latest release party, the team indicated they were working on development for the left menu, but if you are looking to get your Developer Tools menu back in the mean time, here’s a way.

Custom Panel will allow you to add this or other things to your left panel menu.
Remember a few years ago when Supervisor and Logs were also in the left menu. Well, on mine it is still there. Want ZHA in the left menu, I got you.
Here is my panel-custom yaml as it stands at the time of me writing this (below).
Also here is a link to my HA Config on GitHub.

panel_custom:
  - name: ha_supervisor
    sidebar_title: Supervisor
    sidebar_icon: mdi:home-assistant
    js_url: /api/hassio/app/entrypoint.js
    url_path: 'hassio/dashboard'
    embed_iframe: true
    require_admin: true
    config:
      ingress: Supervisor
  - name: config/logs
    sidebar_title: Logs
    sidebar_icon: mdi:math-log
    module_url: https://10.10.100.8:8123/config/logs
    embed_iframe: true
    require_admin: true
    config:
      ingress: Logs
  - name: config/system
    sidebar_title: System
    sidebar_icon: mdi:cog
    module_url: 'https://10.10.100.8:8123/config/system'
    embed_iframe: true
    require_admin: true
    config:
      ingress: System
  - name: config/integrations/integration/zha
    sidebar_title: ZHA
    sidebar_icon: mdi:zigbee
    module_url: http://10.10.100.8:8123/config/integrations/integration/zha
    embed_iframe: true
    require_admin: true
    config:
      ingress: ZHA

  - name: config/developer-tools
    sidebar_title: Tools
    sidebar_icon: mdi:hammer-wrench
    module_url: 'https://10.10.100.8:8123/developer-tools'
    embed_iframe: true
    require_admin: true
    config:
      ingress: Tools

To get the exact link to use on your system, click this then grab that URL for the Custom Panel once you get there.
Open your Home Assistant instance and show your state developer tools.
Replace my

with the path you will see in your URL bar in the header of your browser.

7 Likes

Hello…
I have tried this:

- name: config/developer-tools
    sidebar_title: Tools
    sidebar_icon: mdi:hammer-wrench
    module_url: 'https://10.10.100.8:8123/developer-tools'
    embed_iframe: true
    require_admin: true
    config:
      ingress: Tools

But this one opens The restart\Yaml menu… Se picture. It is not opening the actual developer Tools


Any ideas what is doing this?? Earlyer i have a simmilar one, thats was my check yaml\restart ha etc…

Did you change your IP address. Mine is fine.

I think you missing the config in the url.
My suggestion to go to Settings and right click on the menu, and copy link and then paste the link into your yaml file.

1 Like

That is the way to do it…
Click this then grab that URL for the Custom Panel once you get there.
Open your Home Assistant instance and show your state developer tools.

I fixed the top post to reflect this. Thanks, @patrikg

I also made it a WIKI so that others can tweak where needed.

NO, It Opens The Developer-Tools, as it say, and first #Tab is Yaml, Hint the URL in your browser
If you click another Tab, and go out of Developer-tools, i.e Another dashboard, and back again you should then come to the latest Tab, you accessed in Dev-Tools

Thanks for the post @Sir_Goodenough . I can’t believe the devs released this change without the option of the sidebar!

1 Like