{% extends "base.html" %}
{% block title %}Agent Registry · Attestor{% endblock %}
{% block content %}

<section class="page-head">
  <h1 class="page-head__title">Agent /<br><em>Registry.</em></h1>
  <div class="page-head__meta">
    <div>namespace isolation</div>
    <div>6 RBAC roles</div>
    <div>provenance tracking</div>
  </div>
</section>

<section class="workspace">
  <aside class="rail">
    <div class="rail__section">
      <div class="rail__label">Actions</div>
      <button class="btn btn--primary" id="agents-refresh">Refresh</button>
    </div>

    <div class="rail__section">
      <div class="rail__label">RBAC Roles <span>Reference</span></div>
      <ul class="agents-roles">
        <li><span class="agents-role-dot" style="background:var(--rust)"></span> Orchestrator</li>
        <li><span class="agents-role-dot" style="background:var(--brass)"></span> Planner</li>
        <li><span class="agents-role-dot" style="background:var(--verdigris)"></span> Executor</li>
        <li><span class="agents-role-dot" style="background:var(--indigo)"></span> Researcher</li>
        <li><span class="agents-role-dot" style="background:var(--paper-aged)"></span> Reviewer</li>
        <li><span class="agents-role-dot" style="background:var(--ghost)"></span> Monitor</li>
      </ul>
    </div>
  </aside>

  <section class="agents-area" id="agents-area">
    <div class="agents-empty">Loading agent namespaces&hellip;</div>
  </section>
</section>

<!-- Detail overlay panel -->
<div class="agents-overlay" id="agents-overlay" hidden>
  <div class="agents-detail" id="agents-detail"></div>
</div>

<script src="/ui/static/agents.js"></script>

{% endblock %}
