Custom Grocy Dashboard

[magic breach]

This is my first attempt at making a fully custom dashboard. I want to create a dashboard for tasks and chores that I've created using Grocy.

Been trying to leverage Claude to help since m Google-foo has let me down for guidance. This is the yaml claude gave me:

type: custom:button-card
entity: sensor.grocy_chores
name: Chores Dashboard
styles:
  card:
    - padding: 16px
state:
  - operator: template
    value: >
      [[[ 
        let chores = entity.attributes.chores;
        let html = '';
        chores.forEach(chore => {
          html += `${chore.name} - Assigned to: ${chore.next_execution_assigned_user.display_name}<br>`;
          html += `Due: ${chore.next_estimated_execution_time}<br><br>`;
        });
        return html;
      ]]]
    styles:
      card:
        - background: white

Very new to both HA and Grocy so I'm confused on how to troubleshoot/set this up.

[pseudo grail]

Been trying to leverage Claude to help
Don't rely on AI to help you with this kind of stuff. This explains the gibberish in the state key.
I use Grocy but only for inventory tracking. I don't use its other features. I've only added the integration but haven't done much with it.
The easiest option might be to look at the lovelace-grocy-chores-card. I'm not sure of how much development is going into it though. I see @final niche has a fork of it so maybe he can add some input.