Dashboard Layout

[chris2172]

Does anyone have any dashboard layout suggestions?
I have set up the markdown card, which does not look good

type: markdown
content: "{{ state_attr('sensor.ai_automation_suggestions','suggestions') }}"
grid_options:
columns: 45
rows: 8

[ITSpecialist111]

In 1.3.0 I was trying to spilt the suggestions so that if the GenAI is giving you some automation code, it will split it so it's easier to see.

This is what I have so far:

You can re-create this ((Make sure you change to your provider sensor!!))

title: AI Automation
icon: mdi:robot
views:

• title: AI Lab
  type: panel
  cards:
  • type: vertical-stack
    cards:

    • type: custom:mushroom-chips-card
      alignment: start
      chips:

      • type: template
        entity: sensor.ai_automation_suggestions_google
        icon: mdi:cloud-check
        icon_color: |
        {{ 'yellow' if states(entity) == 'Suggestions Available'
        else 'green' }}
        content: >
        {{ 'Suggestions_Available' if states(entity) == 'Suggestions
        Available'
        else 'All_Good' }}
      • type: entity
        entity: update.ai_automation_suggester_update
        name: AI_Suggester
        icon_color: '{{ ''red'' if is_state(entity,''on'') else ''green'' }}'
      • type: template
        entity: automation.ai_suggestions_new_entity_detection
        icon: mdi:robot
        icon_color: '{{ ''teal'' if is_state(entity,''on'') else ''grey'' }}'
        content: |
        {{ 'New‑Entity_Detection_ON' if is_state(entity,'on')
        else 'New‑Entity_Detection_OFF' }}
        tap_action:
        action: toggle

    • type: markdown
      title: 🤖 AI Suggestion — Description
      content: >
      Status: {{ states('sensor.ai_automation_suggestions_google')
      }}

      Last update: {{
      state_attr('sensor.ai_automation_suggestions_google',
      'last_update') }}

      ---

      {# Full AI response #}

      {% set full =
      state_attr('sensor.ai_automation_suggestions_google',
      'suggestions')
      or 'No suggestions yet.' %}
      {# Remove any YAML block so only the prose description shows #}

      {{ full | regex_replace(find='```yaml[\s\S]*', replace='') }}

    • type: markdown
      title: 📝 Suggested Automation YAML
      content: >
      {% set full =
      state_attr('sensor.ai_automation_suggestions_google',
      'suggestions') or '' %}

      {% set code = full | regex_search('yaml([\\s\\S]+?)',
      ignorecase=True) %}

      {% if code %}

      {{ code }}
      

      {% else %}

      No YAML block found. The AI reply might not include raw code.

      {% endif %}

[ITSpecialist111]

Quick heads-up after the 1.3.1 refresh.

TL;DR
Dashboard chips light up correctly → yellow when fresh suggestions land.

Description card now strips the YAML block, so you just get the readable prose.

YAML card auto-extracts the first yaml fence and formats it. When the AI reply doesn’t contain code, you get a tidy “No YAML block found” note instead of a blank box. ✅

What we tweaked
Area | Fix -- | -- Sensor | added description + yaml_block attrs (while keeping the old suggestions blob) Dashboard | Jinja regex updated → hides code in the first card, shows it in the second Version bump | code & manifest now both read 1.3.1 so HACS stays happy.
##Example Raw Dashboard code:

title: AI Automation
icon: mdi:robot
views:

title: AI Lab
type: panel
cards:
type: vertical-stack
cards:
type: custom:mushroom-chips-card
alignment: start
chips:

type: template
entity: sensor.ai_automation_suggestions_google
icon: mdi:cloud-check
icon_color: >
{{ 'yellow' if states(entity) == 'Suggestions Available' else
'green' }}
content: >
{{ 'Suggestions_Available' if states(entity) == 'Suggestions
Available' else 'All_Good' }}
type: entity
entity: update.ai_automation_suggester_update
name: AI_Suggester
icon_color: '{{ ''red'' if is_state(entity,''on'') else ''green'' }}'
type: template
entity: automation.ai_suggestions_new_entity_detection
icon: mdi:robot
icon_color: '{{ ''teal'' if is_state(entity,''on'') else ''grey'' }}'
content: >
{{ 'New-Entity_Detection_ON' if is_state(entity,'on') else
'New-Entity_Detection_OFF' }}
tap_action:
action: toggle
type: markdown
title: 🤖 AI Suggestion — Description
content: >
Status: {{ states('sensor.ai_automation_suggestions_google')
}}

Last update: {{
state_attr('sensor.ai_automation_suggestions_google',
'last_update') }}

{{ state_attr('sensor.ai_automation_suggestions_google',
'description') or 'No description yet.' }}

type: markdown
title: 📝 Suggested Automation YAML
content: >
{% set code =
state_attr('sensor.ai_automation_suggestions_google',
'yaml_block') %}

{% if code %} yaml {{ code }} {% else %} No YAML block
found. The most recent AI reply did not contain raw code. {%
endif %}

Next steps / nice-to-haves
Wrap the YAML card in a conditional to disappear entirely when there’s no code

Loop through multiple fenced blocks if you’re getting more than one automation back

Add a quick-copy button for the YAML (clipboard-code-block or card-mod)

Give it a whirl and shout if anything still feels off.