{# The single htmx swap target for every edit: canvas, inspector and validation
   are re-rendered together so they can never drift apart. #}
{% import "partials/icons.html" as ic %}

{# What the whole page is being told, in one band across it: the verdict on
   the document and, when an edit was refused, why. #}
<div class="ed-body-top">
  <div id="validation">
    {% include "partials/validation.html" %}
  </div>

  {% if error %}
    <div class="ed-notice ed-notice-bad" style="margin-top:12px">
      {{ ic.icon('alert', 15) }}
      <div><div class="ed-notice-title">That edit was not applied</div>{{ error }}</div>
    </div>
  {% endif %}

  {# A map action can succeed quietly and slowly -- a clone, a fetch from
     CARLA -- so it says so, where a field edit does not need to. #}
  {% if notice %}
    {% with tone = 'ok', message = notice %}
      {% include "partials/status.html" %}
    {% endwith %}
  {% endif %}
</div>

{# `display: contents` on both, so the timeline and the inspector are items of
   the page grid rather than of a box inside it -- which is what lets the map
   panel sit beside either of them without leaving `#editor-body`. #}
<div class="ed-workspace">
  <div class="ed-canvas-col">
    {% include "partials/canvas.html" %}
  </div>
  <aside class="ed-inspector-col">
    <div id="inspector">
      {% include "partials/inspector.html" %}
    </div>
  </aside>
</div>