{% macro findings_badges(a) %}
  {%- if a.critical_count %}<span class="badge {{ 'critical' | severity_badge }}">{{ a.critical_count }}C</span>{% endif -%}
  {%- if a.high_count %}<span class="badge {{ 'high' | severity_badge }}">{{ a.high_count }}H</span>{% endif -%}
  {%- if a.medium_count %}<span class="badge {{ 'medium' | severity_badge }}">{{ a.medium_count }}M</span>{% endif -%}
  {%- if a.low_count %}<span class="badge {{ 'low' | severity_badge }}">{{ a.low_count }}L</span>{% endif -%}
  {%- if a.info_count %}<span class="badge {{ 'info' | severity_badge }}">{{ a.info_count }}I</span>{% endif -%}
  {%- if not (a.critical_count or a.high_count or a.medium_count or a.low_count or a.info_count) %}<span class="ds-caption">No findings</span>{% endif -%}
{% endmacro %}

{% macro responsible_ai_badges(a) %}
  {%- if a.responsible_ai_risk %}
  <span class="badge {{ a.responsible_ai_risk | responsible_ai_risk_badge }}">{{ a.responsible_ai_risk }}</span>
  <span class="badge {{ a.responsible_ai_status | responsible_ai_status_badge }}">{{ a.responsible_ai_status }}</span>
  {%- else %}<span class="ds-caption">&mdash;</span>{% endif -%}
{% endmacro %}

{#- Shared "nothing here yet" box: says what's missing and how to start.
    Use for a page or list that has no data at all (not for "your filters
    matched nothing" -- that should offer to clear the filters instead). -#}
{% macro empty_state(title, action_href=None, action_label=None, extra_class="") %}
<div class="alert alert--info empty-state {{ extra_class }}" role="status">
  <div>
    <div class="alert__title">{{ title }}</div>
    <div>{{ caller() }}</div>
    {%- if action_href %}
    <a class="btn btn--primary btn--sm u-mt-3" href="{{ action_href }}">{{ action_label }}</a>
    {%- endif %}
  </div>
</div>
{% endmacro %}

{#- Severity filter dropdown for the findings lists; submits on change via
    data-autosubmit (static/js/interactive.js). `options` is
    finding_filters.SEVERITY_OPTIONS. -#}
{% macro severity_select(options, selected) %}
<select class="select" name="severity" data-autosubmit aria-label="Filter by severity">
  <option value="">All severities</option>
  {%- for value, label in options %}
  <option value="{{ value }}" {% if selected == value %}selected{% endif %}>{{ label }}</option>
  {%- endfor %}
</select>
{% endmacro %}

{#- Small (i) button for a widget's top-right corner; clicking it explains
    what the widget shows. A native <details>, so it works with no inline
    script under the portal's CSP; static/js/interactive.js closes it on an
    outside click or Escape and keeps one open at a time. The widget needs
    the `has-info` class (position: relative). Pass inline=True to sit
    after a section heading instead of in a corner.
    Usage: {% call info_tip("Coverage") %}<p>...</p>{% endcall %} -#}
{% macro info_tip(title, inline=False) %}
<details class="info-tip{% if inline %} info-tip--inline{% endif %}">
  <summary class="info-tip__trigger" aria-label="What is &quot;{{ title }}&quot;?" title="What is this?"><span aria-hidden="true">i</span></summary>
  <div class="info-tip__panel" role="note">
    <p class="info-tip__title">{{ title }}</p>
    {{ caller() }}
  </div>
</details>
{% endmacro %}