{% extends "web/base.html" %}

{% block title %}Harness Topology | tcx{% endblock %}
{% block page_label %}Harness{% endblock %}

{% block content %}
<section class="tc-page-head">
  <div>
    <span class="tc-eyebrow">Full topology</span>
    <h1>Main agent, subagents, skills, tools, and gates.</h1>
    <p>tcx keeps Codex orchestration native while exposing the harness state through Django.</p>
  </div>
  <a class="tc-button" href="/workflow/starter-prompt/">Prepare Codex prompt</a>
</section>

{% include "web/fragments/topology_canvas.html" %}

<section class="tc-section-grid">
  <article class="tc-panel">
    <div class="tc-panel-head">
      <span class="tc-eyebrow">Health checks</span>
      <h2>Harness status</h2>
    </div>
    <div class="tc-check-grid">
      {% for check in health.checks %}
      <div>
        <span class="tc-pill tc-pill--{{ check.status }}">{{ check.status }}</span>
        <strong>{{ check.label }}</strong>
        <small>{{ check.value }}</small>
      </div>
      {% endfor %}
    </div>
  </article>

  <aside class="tc-panel">
    <div class="tc-panel-head">
      <span class="tc-eyebrow">MCP boundary</span>
      <h2>Not bypassable from web</h2>
    </div>
    <ul class="tc-plain-list">
      <li>The web app does not spawn Codex subagents.</li>
      <li>The web app does not approve or submit orders.</li>
      <li>Paper/stub execution remains experimental behind MCP policy checks.</li>
      <li>Admin remains an advanced operations console, not the primary dashboard.</li>
    </ul>
  </aside>
</section>
{% endblock %}