Problem with decluttering card and lovelace_gen together about decluttering-card HOT 2 CLOSED

I just now noticed that the decluttering card use javascript for variables so it won't be possible to pass those into jinja which lovelace_gen is using, so I guess one of these 2 has to be excluded from my code.

So now the question is how to solve this problem. Instead of an example like above I'll show you one of my real case scenarios.

I'm using tabbed-card and what I need is to show/hide tabs depending on the existence of entities in an area.
So let's say I have 2 tabs:

  type: custom:tabbed-card
  tabs:
    # LIGHTS - section
    ##########
    - card:
        - type: custom:auto-entities
          card:
            type: entities
          filter:
            - domain: light
              area: '{{area_name}}' # this comes from another file using lovelace_gen's !include
      attributes:
        label: 'Lights'

    - card:
    # MEDIA - section
    ##########
        - type: custom:auto-entities
          card:
            type: entities
          filter:
            - domain: media_player
              area: '{{area_name}}' # this comes from another file using lovelace_gen's !include
      attributes:
        label: 'Media'

If there's no light entities, then the LIGHTS - section shouldn't be shown, that includes the - cardpart that starts the section (each - card is a tab). Same goes for the MEDIA - section.

I tried using decluttering card and card-mod to add the css display: none, it works, but to get it to actually work in a browser I had to do a hard refresh (ctrl+r) of the page every time cause it starts with showing all the tabs, after the refresh it would hide the tab.

So any ideas on how to solve this problem?
This is for my custom dashboard Aleborg Frontend.
I really wish that they could add templating possibilities to the frontend...

from decluttering-card.

Solved https://community.home-assistant.io/t/problem-with-decluttering-card-and-lovelace-gen-together/548789

from decluttering-card.