{# Left rail: list of bugs to pick from, click to focus.
   Normal mode: bugs in the current draft tab.
   Search mode (search_active): flat matches across ALL sections, each
   badged with its section. Link targets use {{ nav_base }} so the deck
   stays in the current view. #}
{% set _info = tab_info.get(active_tab) %}
<aside class="rail">
  <div class="rail-head">
    {% if search_active %}
    <span class="rail-head-title">Results</span>
    <span class="count">{{ active_bucket|length }} found</span>
    {% else %}
    <span class="rail-head-title">
      {{ _info.title if _info else '' }}
      {% if _info %}
      {# Render the tooltip body as a real DOM node and reference it via
         aria-describedby so screen readers can announce the help text. #}
      <span class="info-icon"
            tabindex="0"
            aria-label="About this tab"
            aria-describedby="tab-info-{{ active_tab }}">ⓘ</span>
      <span role="tooltip"
            id="tab-info-{{ active_tab }}"
            class="info-tooltip">{{ _info.help }}</span>
      {% endif %}
    </span>
    <span class="count">{{ active_bucket|length }} bugs</span>
    {% endif %}
  </div>
  {# Scroll only the bug list. If overflow-y lived on .rail itself,
     CSS would treat the horizontal axis as non-visible too and clip
     the info-icon tooltip at the rail's edge. #}
  <div class="rail-list-scroll">
  <ol>
    {% for d in active_bucket %}
      <li>
        <a class="rail-item{% if active_draft and d.bug_id == active_draft.bug_id %} is-active{% endif %}{% if d.bug_id in (queued_apply_ids or []) %} is-applied{% endif %}"
           data-bug-id="{{ d.bug_id }}"
           href="?{{ nav_base }}&bug={{ d.bug_id }}"
           hx-get="?{{ nav_base }}&bug={{ d.bug_id }}"
           hx-target="#deck-area"
           hx-select="#deck-area"
           hx-swap="outerHTML"
           hx-push-url="true">
          <div class="rail-item-row1">
            <span class="rail-id-group">
              <span class="rail-bug-id">{{ d.bug_id }}</span>
              {# In search mode a section badge shows which tab the match
                 lives in. #}
              {% if search_active %}<span class="rail-badge">{{ marker_label.get(d.section, '') }}</span>{% endif %}
            </span>
            {# Action-driving tags. 'New' is recomputed every render from
               bug_context.filed, so it drops once the bug ages past a week. #}
            <span class="rail-tag-group">
              {# Always rendered; shown only when the row carries .is-applied, so
                 the apply toggle can sync it by flipping that one class. #}
              <span class="rail-tag rail-tag--applied" title="Apply queued this round">✓ Applied</span>
              {% if is_new_this_week(d) %}<span class="rail-tag rail-tag--new">New</span>{% endif %}
              {% if is_emergency(d) %}<span class="rail-tag rail-tag--emergency">emergency</span>{% endif %}
              {% if is_regression(d) %}<span class="rail-tag rail-tag--regression">regression</span>{% endif %}
              {% if is_taken(d) %}<span class="rail-tag rail-tag--taken">Assigned</span>{% endif %}
            </span>
          </div>
          <div class="rail-title">{{ d.title }}</div>
        </a>
      </li>
    {% endfor %}
  </ol>
  </div>
</aside>