{% extends "demo/base.html" %}
{% block title %}Delegation tree — KarmaSakshi sandbox{% endblock %}
{% block content %}
<div class="card">
  <h1>Delegation tree</h1>
  <p style="color:var(--muted);">
    A child grant may only ever narrow (or exactly match) its parent — recipients, amount cap,
    time window, and use count. Run the "Broader child delegation is rejected" scenario from the
    <a href="/demo/">guided demo</a> to populate this tree.
  </p>
  {% if roots %}
  {% for root in roots %}
  <div class="step ok" style="margin-top:1rem;">
    <span class="label">Root grant {{ root.grant_id[:12] }}…</span> —
    max_amount={{ root.scope.max_amount.minor_units if root.scope.max_amount else "unrestricted" }},
    recipients={{ root.scope.recipients or "unrestricted" }}, uses={{ root.max_uses }}
  </div>
  {% for child in children_of.get(root.grant_id, []) %}
  <div class="step blocked" style="margin-left:2rem;">
    <span class="label">↳ child grant {{ child.grant_id[:12] }}…</span> —
    max_amount={{ child.scope.max_amount.minor_units if child.scope.max_amount else "unrestricted" }},
    recipients={{ child.scope.recipients or "unrestricted" }}, uses={{ child.max_uses }}
    (narrower-or-equal to parent — verified at delegation time)
  </div>
  {% endfor %}
  {% endfor %}
  {% else %}
  <p class="empty-state">No delegated grants yet in this session.</p>
  {% endif %}
</div>
{% endblock %}