{# One row of named values: a print statement, or the value a let declared. #}
<div class="result-view d-flex flex-column h-100" data-title="{{ outcome.verb }} {{ outcome.title }}"
     data-icon-kind="{{ outcome.icon_kind }}" data-icon-id="0">
  <div class="result-toolbar d-flex align-items-center gap-2 px-2 py-1">
    <span class="badge text-bg-secondary text-uppercase">{{ outcome.verb }}</span>
    <span class="text-secondary small" aria-live="polite">
      {{ t("values.columns", n=outcome.columns|length) }}
    </span>
  </div>
  {% if outcome.columns %}
    <div class="table-scroll">
      <table class="table table-sm table-hover result-table mb-0">
        <thead>
          <tr>
            {% for column in outcome.columns %}<th>{{ column }}</th>{% endfor %}
          </tr>
        </thead>
        <tbody>
          {% for row in outcome.rows %}
            <tr>
              {% for value in row %}<td>{{ "" if value is none else value }}</td>{% endfor %}
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% else %}
    <div class="result-empty text-center text-secondary py-5">
      <i class="ph ph-list-numbers fs-1 d-block mb-2" aria-hidden="true"></i>
      {{ t("results.empty") }}
    </div>
  {% endif %}
</div>