{# Status list region — v0.61.69 (#3, AegisMark UX patterns roadmap).

   Vertical list of icon + title + secondary copy + state pill. The
   canonical row shape for AegisMark's "agreement card", "schedule
   grid", and "scope grid" patterns. Authored shape only this cycle
   (`entries:` dash-list); source-bound variant deferred.

   State tokens reuse the action_grid + metrics + notice palette
   (positive / warning / destructive / accent / neutral). All tints
   route through design-system colour tokens via dz-tones.css keyed
   off `data-dz-state` on the row.

   v0.62 CSS refactor: inline Tailwind → semantic .dz-status-list-*
   classes (components/regions.css). Tone tinting still routes
   through dz-tones.css attribute selectors — that file is unchanged
   so the existing palette plumbing keeps working.

   Card safety: region emits zero chrome + zero title. The dashboard
   slot owns both via region_card. #}
{% from 'macros/region_wrapper.html' import region_card %}
{% call region_card(title) %}
<div class="dz-status-list-region">
  {% if status_entries and status_entries | length > 0 %}
    <ul class="dz-status-list" data-dz-entry-count="{{ status_entries | length }}">
      {% for entry in status_entries %}
        {% set _state = entry.state | default('neutral') or 'neutral' %}
        <li class="dz-status-list-entry" data-dz-state="{{ _state }}">
          {% if entry.icon %}
            <span class="dz-status-list-icon"
                  data-lucide="{{ entry.icon }}"
                  aria-hidden="true"></span>
          {% else %}
            {# Reserve the icon column so titles align even when some
               entries lack an icon. #}
            <span class="dz-status-list-icon-spacer" aria-hidden="true"></span>
          {% endif %}
          <div class="dz-status-list-text">
            <div class="dz-status-list-title">{{ entry.title }}</div>
            {% if entry.caption %}
              <div class="dz-status-list-caption">{{ entry.caption }}</div>
            {% endif %}
          </div>
          {# Pill renders only for non-neutral states; neutral entries
             omit the pill so the row reads as plain info rather than a
             status row. Authors who explicitly want a "Pending"-style
             muted pill can use a different state token (e.g. accent). #}
          {% if _state != 'neutral' %}
            <span class="dz-status-list-pill">{{ _state }}</span>
          {% endif %}
        </li>
      {% endfor %}
    </ul>
  {% else %}
    <p class="dz-empty-dense" role="status">{{ empty_message | default("No status entries.") }}</p>
  {% endif %}
</div>
{% endcall %}