{# Shared run identity + two-step review sequence (issue #117, Phase B).

   Rendered at the top of BOTH review surfaces: the workbench ("who is speaking",
   step 1) and the transcript stepper ("check the words", step 2). It gives the
   operator one recognizable run name and a clear "where am I in the sequence"
   orientation, so the two screens read as one journey instead of two unrelated
   pages.

   STATIC BY CONSTRUCTION: a pure function of (run, current_step). It owns NO
   progress counter and NO claim/action controls. Step 1 progress stays inside the
   htmx-swapped #labels region; Step 2 progress stays inside the ReviewStepper
   island and its server fallback; the claim-state line and the one dominant
   Continue per step stay with each page. A shared header cannot own live progress
   without going stale the moment the operator acts (plan §6 review note). #}
{% macro review_journey(run, current_step) %}
<div class="review-journey">
  <h1 title="{{ run.media_item.source_path }}">{{ run_source_title(run) }}</h1>
  <p class="muted">Added {{ run.created_at.strftime("%Y-%m-%d") }} · <code>{{ run.id.hex[:8] }}</code></p>
  {# role="list"/"listitem" restore list semantics under `.review-steps`'
     `list-style: none`, which Safari/VoiceOver otherwise strip (review finding). #}
  <ol class="review-steps" role="list" aria-label="Review steps">
    <li role="listitem" class="review-step{% if current_step == 1 %} is-current{% endif %}"
        {% if current_step == 1 %}aria-current="step"{% endif %}>
      <span class="review-step-n">Step 1 of 2</span>
      <span class="review-step-name">Who is speaking</span>
    </li>
    <li role="listitem" class="review-step{% if current_step == 2 %} is-current{% endif %}"
        {% if current_step == 2 %}aria-current="step"{% endif %}>
      <span class="review-step-n">Step 2 of 2</span>
      <span class="review-step-name">Check the words</span>
    </li>
  </ol>
</div>
{% endmacro %}