{#- Pending agent proposals for the policy (Settings → Policy). Expects: proposals.
    Refetched on policy.* events. -#}
<div id="policy-proposals" hx-get="/settings/policy/proposals" hx-trigger="rb:refresh" hx-swap="outerHTML">
  {% if proposals %}
  <section class="panel env-proposals">
    <h2>Proposed by agents <span class="col-count">{{ proposals|length }}</span></h2>
    <p class="muted inbox-hint">The patch is merged into the layer when you accept. A change that widens agents' access on live asks for a confirmation.</p>
    <ul class="inbox-list">
      {% for p in proposals %}
      <li class="inbox-row" id="policy-proposal-{{ p.id }}">
        <span class="inbox-title"><strong>#{{ p.id }}</strong> {{ p.scope }}</span>
        <pre class="policy-json">{{ p.patch|tojson_compact }}</pre>
        <p class="inbox-note">{{ p.reason }}</p>
        <span class="inbox-meta muted">{{ p.proposed_by }} · <time datetime="{{ p.created_at }}" data-age>{{ p.created_at|age }}</time></span>
        <div class="form-actions">
          <form method="post" action="/settings/policy/proposals/{{ p.id }}/accept">
            <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}">
            <button type="submit" class="btn primary">Accept</button>
          </form>
          <form method="post" action="/settings/policy/proposals/{{ p.id }}/reject">
            <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}">
            <button type="submit" class="btn">Reject</button>
          </form>
        </div>
      </li>
      {% endfor %}
    </ul>
  </section>
  {% endif %}
</div>