{# Executive — Findings tab panel.

   The literal greppable heading ``All findings so far.`` lives here so the
   Executive theme's findings region matches the other four. The severity
   bar chart sits directly under the heading; its click handler scrolls to
   one of the four severity bucket anchors (#exec-sev-{critical|high|medium
   |low}). Each finding card carries severity / id / summary / agent / ASI
   / probe metadata, restyled with Narrative serif headlines and mono
   eyebrow tags. Empty-state copy preserves the ``clean_control`` sentry.
#}
{% set _by_sev = {'critical': [], 'high': [], 'medium': [], 'low': []} %}
{% for f in findings_page %}
  {% set _bucket = _by_sev.get(f.severity_class) %}
  {% if _bucket is not none %}
    {% set _ = _bucket.append(f) %}
  {% endif %}
{% endfor %}

<section id="tabpanel-findings"
         role="tabpanel"
         aria-labelledby="tab-findings"
         tabindex="0"
         hidden>
  <h2 class="exec-section-title">All findings so far.</h2>
  <p class="exec-section-lede">
    <span data-live="findings-total">{{ findings_total }}</span> findings &middot; sorted by criticality.
    Click any row to inspect the full finding, metadata, and evidence drawer.
  </p>

  {% if findings_total == 0 %}
    <p class="exec-empty">Nothing flagged yet.</p>
  {% else %}
    {% for _sev_key, _sev_items in [('critical', _by_sev.critical),
                                     ('high', _by_sev.high),
                                     ('medium', _by_sev.medium),
                                     ('low', _by_sev.low)] %}
      {% if _sev_items %}
        <section class="exec-sev-bucket" id="exec-sev-{{ _sev_key }}">
          <h3 class="exec-sev-bucket__title">
            <span class="exec-sev-pill exec-sev-pill--{{ _sev_key }}">
              <span class="exec-sev-pill__dot" aria-hidden="true"></span>
              {{ _sev_key | upper }}
            </span>
            <span class="exec-sev-bucket__count">
              {{ _sev_items | length }} finding{% if _sev_items | length != 1 %}s{% endif %}
            </span>
          </h3>
          {% with bucket_findings=_sev_items, bucket_key=_sev_key %}
            {% include "dashboard/executive/_findings_table.html" %}
          {% endwith %}
        </section>
      {% endif %}
    {% endfor %}
    {% if pagination.total_pages > 1 %}
      <nav class="exec-pager" aria-label="Findings pagination">
        <span class="exec-pager__range">
          Showing {{ pagination.start }}&ndash;{{ pagination.end }} of {{ pagination.total }}
        </span>
        <div class="exec-pager__buttons">
          {% for p in pagination.pages %}
            <a class="exec-pager__btn{% if p == pagination.current %} exec-pager__btn--active{% endif %}"
               href="?theme=executive&amp;page={{ p }}#tab=findings">{{ p }}</a>
          {% endfor %}
        </div>
      </nav>
    {% endif %}
  {% endif %}

  {# Hidden JSON island — finding payloads for the slide-over. The
     slide-over JS reads ``data-finding-id`` off the clicked row and
     looks up the matching payload here. Keeps the table markup tiny
     (table = 4 columns) while preserving all evidence + metadata for
     the deep-dive. #}
  <script type="application/json" id="exec-findings-payload">
    {{ findings_payload_json | safe }}
  </script>

  {% include "dashboard/executive/_finding_slideover.html" %}
</section>