Developer Tools Side Menu Replacement

Sir_Goodenough · February 5, 2026, 6:36am

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.

Replace my

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

Amokk123 · February 6, 2026, 5:49am

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…

Sir_Goodenough · February 6, 2026, 6:16am

Did you change your IP address. Mine is fine.

patrikg · February 6, 2026, 5:07pm

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.

Sir_Goodenough · February 6, 2026, 7:51pm

That is the way to do it…
Click this then grab that URL for the Custom Panel once you get there.

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

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

boheme61 · February 6, 2026, 8:30pm

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

DrSpaldo · February 8, 2026, 1:07am

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

BjornPython · February 17, 2026, 4:45am

what an annoying regression. most HA users are people who likes to customize everything. why would you even add an extra step for them to access such an important feature for development.

patrikg · February 19, 2026, 9:53am

kfomichev · March 28, 2026, 7:17am

Amokk123:

- 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

You can use “hassio” instead of https://host:port. Then the url line would look as follows:

module_url: 'hassio/developer-tools'

jchh · April 2, 2026, 4:45pm

I’m using HA Container (docker) so things may be a little different, but the following works for me:

- name: config/developer-tools
  sidebar_title: Dev. Tools
  sidebar_icon: mdi:tools
  module_url: config/developer-tools
  embed_iframe: true
  require_admin: true

- name: config/logs
  sidebar_title: Logs
  sidebar_icon: mdi:math-log
  module_url: config/logs
  embed_iframe: true
  require_admin: true

- name: config/system
  sidebar_title: System
  sidebar_icon: mdi:cog
  module_url: config/system
  embed_iframe: true
  require_admin: true

Phil23 · June 10, 2026, 1:47am

I had to Add this back to a to My Test Instance Yesterday,
but did it as I had previously with no Yaml required.

I Did it Via:-
Setting - Dashboards - Add dashboard,
Created a new dashboard from scratch,
Filled in the Fields & It was Done.
Typing "Developer Tools" in the Name Field put thee correct URL below.

Not sure What that Method may Miss,
but it always returns Me to the last tab I used.

jchh · June 10, 2026, 12:37pm

Perfect!

Your way is via the UI, mine was via yaml; they should both do the same thing.