{% extends "base.html" %}
{% block title %}Topology · Inventory · NEXXVU{% endblock %}
{% block content %}
<div class="inventory-layout">
{% include "_inventory_tree.html" %}
<div class="inventory-workspace">
<div class="page-heading"><div><p class="eyebrow">Infrastructure inventory</p><h1>Topology</h1><p class="muted">Browse technical parent and child asset relationships.</p></div></div>
<section class="page-section" aria-labelledby="assets-title">
  <div class="section-heading"><h2 id="assets-title">Root assets</h2><span class="status-badge status-neutral">{{ assets|length }} total</span></div>
  {% if assets %}<div class="card-grid">{% for asset in assets %}<a class="card card-interactive" href="/inventory/assets/{{ asset.id }}"><div class="card-heading"><h3>{{ asset.name }}</h3><span class="status-badge status-neutral">{{ asset.role }}</span></div><p class="metadata">{{ asset.child_count }} child assets</p><p class="muted">{{ asset.lifecycle }}</p></a>{% endfor %}</div>{% else %}<div class="empty-state"><div class="state-icon" aria-hidden="true">○</div><h3>No root assets available</h3><p>Active topology roots will appear after registry activation.</p></div>{% endif %}
</section>
{% include "_inventory_monitoring_empty.html" %}
</div>
</div>
{% endblock %}