{# Marker for live refresh on commit; see flask_construct_ui/live.py.
   construct-core.js waits on `data-fcu-live-changes` and re-renders the
   target in place once the change version moves past `since`, postponing
   while the target holds unsaved edits. The two messages are the only
   visible parts: one while a refresh is held back, one while the feed is
   unreachable. The marker is a polite status region so they are announced. #}
<div class="fcu-live-refresh"
     role="status"
     data-fcu-live-changes="{{ url }}"
     data-fcu-live-since="{{ since }}"
     data-fcu-live-target="{{ target }}"
     data-fcu-live-poll="{{ poll_ms }}"
     {% if busy %}data-fcu-live-busy-selector="{{ busy }}"{% endif %}>
  <div class="fcu-alert fcu-alert--info" data-fcu-live-pending hidden>
    {{ icon("live_pending") }}
    <span class="fcu-alert-message">{{ t("live-refresh-pending") }}</span>
    <button type="button" class="fcu-btn" data-fcu-live-refresh-now>{{ t("live-refresh-now") }}</button>
  </div>
  <div class="fcu-alert fcu-alert--warning" data-fcu-live-stale {% if not stale %}hidden{% endif %}>
    {{ icon("live_stale") }}
    <span class="fcu-alert-message">{{ t("live-not-updating") }}</span>
  </div>
</div>