{% block author_chrome %}
{% if author_chrome is defined and author_chrome %}
{% from "partials/docs_nav_icons.html" import docs_icon %}
<section
  id="fura-author-chrome"
  class="fura-author-chrome fura-author-truth"
  data-fura-author-chrome
  data-author-truth-schema="{{ author_chrome.truth.schema_version }}"
  data-fura-author-slug="{{ author_chrome.slug }}"
  data-fura-author-states="{{ author_chrome.states | join(' ') }}"
  data-fura-author-output="{% if author_chrome.export_impact.included %}included{% else %}excluded{% end %}"
  data-author-connection="{{ author_chrome.truth.connection.state }}"
  hx-disinherit="hx-select hx-target hx-swap"
  aria-labelledby="fura-author-truth-title"
  aria-busy="false"
>
  <header class="fura-author-truth__header">
    <span class="fura-author-chrome__mark" aria-hidden="true">{{ docs_icon('hammer', 17) }}</span>
    <div class="fura-author-chrome__heading">
      <span>Author workflow</span>
      <strong id="fura-author-truth-title">{{ author_chrome.title }}</strong>
      <code class="fura-author-chrome__pathline" title="{{ author_chrome.source_path }}">{{ author_chrome.source_path }}</code>
    </div>
    <div
      class="fura-author-truth__connection"
      data-author-connection-status
      role="status"
      aria-live="polite"
      aria-atomic="true"
    >
      <span aria-hidden="true"></span>
      <span>{{ author_chrome.truth.connection.label }}</span>
    </div>
  </header>

  <section class="fura-author-truth__planes" aria-label="Independent publication state planes">
    {% for plane in author_chrome.truth.planes %}
    <article
      class="fura-author-truth__plane"
      data-author-plane="{{ plane.key }}"
      data-author-plane-state="{{ plane.state }}"
      data-author-freshness="{{ plane.freshness }}"
    >
      <header>
        <h2>{{ plane.label }}</h2>
        <span class="fura-author-truth__state" data-state="{{ plane.state }}">{{ plane.state | replace('_', ' ') }}</span>
      </header>
      <p>{{ plane.summary }}</p>
      <dl>
        <div>
          <dt>{{ plane.identity_label }}</dt>
          <dd><code title="{{ plane.identity ?? 'Not available' }}">{{ plane.identity ?? 'Not available' }}</code></dd>
        </div>
        <div>
          <dt>Freshness</dt>
          <dd>{{ plane.freshness }}</dd>
        </div>
      </dl>
    </article>
    {% end %}
  </section>

  {% if author_chrome.truth.blockers %}
  <aside class="fura-author-truth__blockers" aria-labelledby="fura-author-blockers-title">
    <h2 id="fura-author-blockers-title">Current blockers and recovery</h2>
    <ul>
      {% for blocker in author_chrome.truth.blockers %}
      <li>{{ blocker }}</li>
      {% end %}
    </ul>
  </aside>
  {% end %}

  {% if author_chrome.truth.feedback %}
  <section
    id="fura-author-feedback"
    class="fura-author-truth__feedback"
    data-author-feedback
    data-author-feedback-ok="{% if author_chrome.truth.feedback.ok %}true{% else %}false{% end %}"
    role="status"
    aria-live="polite"
    aria-atomic="true"
    tabindex="-1"
  >
    <header>
      <h2>{% if author_chrome.truth.feedback.dry_run %}Dry-run diff{% else %}Action result{% end %}</h2>
      <span>{% if author_chrome.truth.feedback.ok %}Completed{% else %}Needs recovery{% end %}</span>
    </header>
    <pre aria-label="Source diff">{{ author_chrome.truth.feedback.diff }}</pre>
    {% if author_chrome.truth.feedback.diagnostics %}
    <ul aria-label="Action diagnostics">
      {% for diagnostic in author_chrome.truth.feedback.diagnostics %}
      <li data-severity="{{ diagnostic.severity }}">
        <strong>{{ diagnostic.message }}</strong>
        <span>{{ diagnostic.next_action }}</span>
      </li>
      {% end %}
    </ul>
    {% end %}
  </section>
  {% end %}

  <section class="fura-author-truth__workflow" aria-labelledby="fura-author-workflow-title">
    <header>
      <div>
        <p>Exact sequence</p>
        <h2 id="fura-author-workflow-title">State and actions</h2>
      </div>
      <p>{{ author_chrome.truth.approval_summary }}</p>
    </header>
    <ol id="fura-author-workflow" class="fura-author-truth__steps">
      {% for action in author_chrome.truth.actions %}
      <li
        class="fura-author-truth__step"
        data-author-action="{{ action.key }}"
        data-author-action-state="{{ action.state }}"
        data-author-job-state="{{ action.job_state }}"
      >
        <div class="fura-author-truth__step-index" aria-hidden="true">{{ loop.index }}</div>
        <div class="fura-author-truth__step-body">
          <header>
            <span>{{ action.phase }}</span>
            <h3>{{ action.label }}</h3>
          </header>
          <p>{{ action.effect }}</p>
          <dl>
            <div>
              <dt>Capability</dt>
              <dd>{{ action.reason }}</dd>
            </div>
            <div>
              <dt>Confirmation boundary</dt>
              <dd>{{ action.confirmation }}</dd>
            </div>
            {% if not action.enabled %}
            <div id="fura-author-action-{{ action.key }}-recovery">
              <dt>Recovery</dt>
              <dd>{{ action.remediation }}</dd>
            </div>
            {% end %}
          </dl>
          <span class="fura-author-truth__job" role="status" aria-live="polite">
            {{ action.job_state | replace('_', ' ') }}
          </span>
        </div>
        <div class="fura-author-truth__step-action">
          {% if action.enabled and action.kind == 'get' %}
          <a
            class="fura-author-chrome__action{% if action.key == 'validate' %} fura-author-chrome__action--primary{% end %}"
            href="{{ action.href }}"
            {% if action.key == 'validate' %}
            hx-get="{{ action.href }}"
            hx-target="#fura-author-chrome"
            hx-swap="outerHTML focus-scroll:false"
            {% end %}
          >
            {{ action.label }}
          </a>
          {% elif action.enabled and action.kind == 'dry_run' %}
          <form
            method="post"
            action="{{ author_chrome.actions.transition }}"
            hx-post="{{ author_chrome.actions.transition }}"
            hx-target="#fura-author-chrome"
            hx-swap="outerHTML focus-scroll:false"
          >
            {{ csrf_field() }}
            <input type="hidden" name="node_id" value="{{ author_chrome.node_id }}">
            <input type="hidden" name="slug" value="{{ author_chrome.slug }}">
            <input type="hidden" name="source_revision" value="{{ author_chrome.source_revision }}">
            <input type="hidden" name="operation" value="{{ action.operation }}">
            <input type="hidden" name="dry_run" value="1">
            <button type="submit" class="fura-author-chrome__action">{{ action.label }}</button>
          </form>
          {% elif action.enabled and action.kind == 'transition' %}
          <details class="fura-author-truth__confirm">
            <summary class="fura-author-chrome__action">{{ action.label }}</summary>
            <div class="fura-author-truth__confirm-panel">
              <p>{{ action.confirmation }}</p>
              <form
                method="post"
                action="{{ author_chrome.actions.transition }}"
                hx-post="{{ author_chrome.actions.transition }}"
                hx-target="#fura-author-chrome"
                hx-swap="outerHTML focus-scroll:false"
              >
                {{ csrf_field() }}
                <input type="hidden" name="node_id" value="{{ author_chrome.node_id }}">
                <input type="hidden" name="slug" value="{{ author_chrome.slug }}">
                <input type="hidden" name="source_revision" value="{{ author_chrome.source_revision }}">
                <input type="hidden" name="operation" value="{{ action.operation }}">
                <input type="hidden" name="dry_run" value="0">
                <button
                  type="submit"
                  name="confirmed"
                  value="1"
                  class="fura-author-chrome__action fura-author-chrome__action--primary"
                  aria-label="Confirm {{ action.label }} for source revision {{ author_chrome.source_revision }}"
                >Confirm {{ action.label }}</button>
              </form>
            </div>
          </details>
          {% elif action.enabled and action.href %}
          <a class="fura-author-chrome__action" href="{{ action.href }}">{{ action.label }}</a>
          {% else %}
          <button
            type="button"
            class="fura-author-chrome__action"
            disabled
            aria-disabled="true"
            aria-describedby="fura-author-action-{{ action.key }}-recovery"
          >{{ action.label }}</button>
          {% end %}
        </div>
      </li>
      {% end %}
    </ol>
  </section>

  <details class="fura-author-chrome__details">
    <summary>
      <span>Exact identities and source tools</span>
      <span class="fura-author-chrome__details-chevron" aria-hidden="true">{{ docs_icon('caret-down', 12) }}</span>
    </summary>
    <div class="fura-author-chrome__details-panel">
      <dl class="fura-author-truth__identities" aria-label="Exact publication identities">
        <div><dt>Source revision</dt><dd><code>{{ author_chrome.truth.identities.source_revision ?? 'Not available' }}</code></dd></div>
        <div><dt>Plan ID</dt><dd><code>{{ author_chrome.truth.identities.plan_id ?? 'Not created' }}</code></dd></div>
        <div><dt>Plan digest</dt><dd><code>{{ author_chrome.truth.identities.plan_digest ?? 'Not created' }}</code></dd></div>
        <div><dt>Artifact</dt><dd><code>{{ author_chrome.truth.identities.artifact_id ?? 'Not built' }}</code></dd></div>
        <div><dt>Deployment</dt><dd><code>{{ author_chrome.truth.identities.deployment_id ?? 'Not deployed' }}</code></dd></div>
      </dl>
      <div class="fura-author-chrome__details-actions" aria-label="Source and workspace tools">
        <a class="fura-author-chrome__action" href="{{ author_chrome.actions.studio }}">Studio</a>
        <a class="fura-author-chrome__action" href="{{ author_chrome.actions.open_source }}">Open source</a>
        <a class="fura-author-chrome__action" href="{{ author_chrome.actions.dashboard }}">Dashboard</a>
        <button
          class="fura-author-chrome__action"
          type="button"
          data-action="copy-source-path"
          data-source-path="{{ author_chrome.source_path }}"
        >Copy source path</button>
      </div>
    </div>
  </details>
</section>
{% end %}
{% end %}