{% if outcome %}
<p class="{{ outcome.role }}"{% if state %} data-state="{{ state }}"{% endif %}>{{ outcome.message }}</p>
{% if outcome.where %}<p class="role-muted">{{ outcome.where }}</p>{% endif %}
{% for note in outcome.notes %}<p class="role-muted">{{ note }}</p>{% endfor %}
{% if outcome.resolution is for_the_window %}<p class="role-command">{{ outcome.resolution }}</p>{% endif %}
{# Inside the note's own form, so the button posts to Index by its own
   address rather than by a form of its own. #}
{% if outcome.index_after %}<p><button type="submit" formaction="/index" hx-post="/index" hx-target="#job" hx-swap="innerHTML" hx-disabled-elt="this" name="collection" value="{{ outcome.index_after }}">{{ index_now_label }}</button></p>{% endif %}
{% if outcome.clears %}
{# A note was written: the strip and the pane say so at once (#457). #}
{% include "shell-redraws.html" %}
{% for element, route in branch_redraws %}<span hidden data-redraw-id="{{ element }}" data-redraw-route="{{ route }}"></span>{% endfor %}
{# The text and the title belong to the note just written, so both are
   emptied: a title left behind named the next note too. The group is
   where notes are filed, so it stays for the next one. #}
{# `autofocus`, which htmx honours on a swap: the submit button was
   disabled while the write ran, so focus had nowhere to go but the
   page behind the dialog. Back in the box, the next note can begin. #}
<textarea id="remember-text" name="text" rows="6" placeholder="{{ placeholder }}"
          aria-label="{{ note_text_label }}" aria-describedby="remember-preamble"
          autofocus hx-swap-oob="true"></textarea>
<input id="remember-title" type="text" name="title" placeholder="{{ title_hint }}"
       hx-swap-oob="true">
{% endif %}
{% endif %}