{# Bug-context report block. Expects `ctx` (a BugContext) in context. #}
    {% if ctx.change_note %}
    <div class="change-note"><span class="change-note-label">Changed since Awaiting</span> {{ ctx.change_note }}</div>
    {% endif %}
    {% set _by_parts = [] %}
    {% if ctx.reporter_name or ctx.reporter_email %}
      {% set _ = _by_parts.append('reporter') %}
    {% endif %}
    {% if ctx.filed or ctx.last_activity %}
      {% set _ = _by_parts.append('env') %}
    {% endif %}
    {% if _by_parts %}
    <p class="card-byline">
      {% if ctx.reporter_name or ctx.reporter_email %}
        Reported by <strong>{{ ctx.reporter_name or ctx.reporter_email }}</strong>
      {% endif %}
      {% if ctx.filed %} <span class="dot">·</span> filed {{ ctx.filed[:10] }}{% endif %}
      {% if ctx.last_activity %} <span class="dot">·</span> last activity {{ ctx.last_activity[:10] }}{% endif %}
    </p>
    {% endif %}
    {% set fx = ctx.firefox_version | version_only %}
    {% set _taken = is_taken(ctx) %}
    {% if ctx.platform or fx or ctx.affected_versions or _taken %}
    <p class="card-version">
      {% if ctx.platform %}<span class="ver-chip ver-chip--platform"><span class="ver-chip-key">Platform</span>{{ ctx.platform }}</span>{% endif %}
      {% if fx %}<span class="ver-chip ver-chip--found"><span class="ver-chip-key">Found</span>{{ fx }}</span>{% endif %}
      {% if ctx.affected_versions %}<span class="ver-chip ver-chip--affected"><span class="ver-chip-key">Affected</span>{{ ctx.affected_versions }}</span>{% endif %}
      {% if _taken %}<span class="ver-chip ver-chip--taken"><span class="ver-chip-key">Assigned</span>{{ assignee_display(ctx) }}</span>{% endif %}
    </p>
    {% endif %}

    {# Needinfo flags already pending on the bug at draft time. Scoped to the
       card (draft is defined); the `and` short-circuits before touching
       ctx.pending_needinfos in the watching view, where draft isn't in scope. #}
    {% if draft is defined and ctx.pending_needinfos %}
    {% set _redundant = redundant_needinfos(draft) | map('lower') | list %}
    <div class="card-needinfo">
      <span class="needinfo-label">Pending NI</span>
      {% for ni in ctx.pending_needinfos %}
        {% set _dupe = (ni.requestee | string | lower) in _redundant %}
        <span class="needinfo-chip{% if _dupe %} needinfo-chip--redundant{% endif %}"
              {% if _dupe %}title="This draft re-requests a needinfo that is already outstanding — BMO collapses it to a no-op"{% endif %}>
          {{ ni.requestee }}{% if ni.since %} <span class="needinfo-since">since {{ (ni.since | string)[:10] }}</span>{% endif %}
          {% if _dupe %}<span class="needinfo-warn">⚠ already has a pending needinfo</span>{% endif %}
        </span>
      {% endfor %}
    </div>
    {% endif %}

    {% if ctx.inventory_present or ctx.inventory_missing %}
    <ul class="inventory">
      {% for it in ctx.inventory_present %}<li class="present">{{ it }}</li>{% endfor %}
      {% for it in ctx.inventory_missing %}<li class="missing">{{ it }}</li>{% endfor %}
    </ul>
    {% endif %}

    {% set _regressors, _similar = (ctx.see_also | split_see_also) %}
    {% if _regressors %}
    <div class="regression-tag-block">
      <span class="regression-tag">regression</span>
      {% for s in _regressors %}
        <a class="regression-bug"
           href="https://bugzilla.mozilla.org/show_bug.cgi?id={{ s.bug_id }}"
           target="_blank" rel="noopener">bug {{ s.bug_id }}</a>
      {% endfor %}
    </div>
    {% endif %}
    {% if _similar %}
    <details open class="similar-details">
      <summary>Similar ({{ _similar|length }})</summary>
      <div class="see-also similar-list">
        {% for s in _similar %}
          <a class="see-also-pill"
             href="https://bugzilla.mozilla.org/show_bug.cgi?id={{ s.bug_id }}"
             target="_blank" rel="noopener">
            bug {{ s.bug_id }}{% if s.label %}<span class="lbl">{{ s.label }}</span>{% endif %}
          </a>
        {% endfor %}
      </div>
    </details>
    {% endif %}

    {% if ctx.description_excerpt or ctx.recent_comments or ctx.attachments or ctx.ai_reasoning %}
    <div class="more">
      {% if ctx.description_excerpt %}
      {% set parsed = ctx.description_excerpt | parse_description %}
      <details>
        <summary>Bug description (excerpt)</summary>
        <div class="body description-body">
          {% if parsed.intro %}
            <p>{{ parsed.intro | linkify }}</p>
          {% endif %}
          {% if parsed.steps %}
            <div class="desc-section">
              <span class="desc-label">Steps to reproduce</span>
              <div class="desc-content">{{ parsed.steps | linkify }}</div>
            </div>
          {% endif %}
          {% if parsed.actual %}
            <div class="desc-section">
              <span class="desc-label">Actual</span>
              <div class="desc-content">{{ parsed.actual | linkify }}</div>
            </div>
          {% endif %}
          {% if parsed.expected %}
            <div class="desc-section">
              <span class="desc-label">Expected</span>
              <div class="desc-content">{{ parsed.expected | linkify }}</div>
            </div>
          {% endif %}
          {% if parsed.notes %}
            <p>{{ parsed.notes | linkify }}</p>
          {% endif %}
        </div>
      </details>
      {% endif %}
      {% set key_comments = ctx.recent_comments | filter_key_comments %}
      {% if key_comments %}
      <details>
        <summary>{{ key_comments|length }} key comment{% if key_comments|length != 1 %}s{% endif %}</summary>
        <div class="body">
          {% for c in key_comments %}
          <div class="comment-snippet">
            <span class="author">{{ c.author }}</span>
            <span class="ts">{{ c.ts[:16].replace('T', ' ') if c.ts else '' }}</span>
            <p>{{ c.text | linkify }}</p>
          </div>
          {% endfor %}
        </div>
      </details>
      {% endif %}
      {% if ctx.attachments %}
      <details>
        <summary>Attachments ({{ ctx.attachments|length }})</summary>
        <div class="body">
          {% for a in ctx.attachments %}
            {% set m = a | attachment_meta %}
            <div class="attach-row">
              <span class="attach-kind attach-kind--{{ m.kind }}">{{ m.label }}</span>
              {% if m.is_image %}
              {# Image: open in the in-page lightbox (base.html) instead of a new
                 tab. JS reads data-img-* via event delegation so it survives
                 htmx swaps. #}
              <button type="button" class="attach-name attach-img-trigger"
                      data-img-src="{{ a.url }}" data-img-name="{{ a.name }}"
                      title="Preview image"><code>{{ a.name }}</code></button>
              {% else %}
              <a class="attach-name" href="{{ a.url }}" target="_blank" rel="noopener"><code>{{ a.name }}</code></a>
              {% endif %}
            </div>
          {% endfor %}
        </div>
      </details>
      {% endif %}
      {% if ctx.ai_reasoning %}
      <details>
        <summary>AI reasoning</summary>
        <div class="body md-body">{{ ctx.ai_reasoning | render_markdown }}</div>
      </details>
      {% endif %}
    </div>
    {% endif %}