{% extends "base.html" %}
{% set page_title = "Runtime" %}
{% block title %}Runtime | Suvra{% endblock %}
{% block content %}
<section class="page-head">
  <div class="page-head-text">
    <h1>Runtime Engine</h1>
    <p class="muted">Workflow engine, MCP server registry, and agent-to-agent gateway. Agent-to-agent delegation is policy-gated and audited through the same enforcement engine as every other action.</p>
  </div>
</section>

<section class="kpi-grid kpi-grid--4">
  <article class="kpi-card">
    <h2>Workflows</h2>
    <div class="kpi-main"><p class="kpi-value">{{ runtime_summary.total_workflows }}</p></div>
    <p class="muted" style="margin-top:auto;">{{ runtime_summary.active_workflows }} active</p>
  </article>
  <article class="kpi-card">
    <h2>Runs</h2>
    <div class="kpi-main">
      <p class="kpi-value">{{ runtime_summary.total_runs }}</p>
      <div class="kpi-meta">
        <span class="badge badge-allow">{{ runtime_summary.completed_runs }} done</span>
        <span class="badge badge-deny">{{ runtime_summary.failed_runs }} failed</span>
      </div>
    </div>
  </article>
  <article class="kpi-card">
    <h2>MCP Servers</h2>
    <div class="kpi-main"><p class="kpi-value">{{ runtime_summary.mcp_servers }}</p></div>
  </article>
  <article class="kpi-card">
    <h2>A2A Messages</h2>
    <div class="kpi-main"><p class="kpi-value">{{ runtime_summary.a2a_messages }}</p></div>
  </article>
</section>

{% if workflows %}
<section class="panel">
  <div class="panel-head">
    <h2>Workflows</h2>
    <span class="badge badge-category" title="Runs persist in-memory only unless a durable storage backend is configured; they do not survive a process restart.">Preview &mdash; in-memory durability</span>
  </div>
  <div class="table-wrap">
    <table class="data-table">
      <thead>
        <tr><th>Name</th><th>Steps</th><th>Trigger</th><th class="muted">Created</th></tr>
      </thead>
      <tbody>
        {% for wf in workflows %}
        <tr>
          <td><span class="table-row-title">{{ wf.name }}</span><br><span class="muted" style="font-size:0.78rem;">{{ wf.description }}</span></td>
          <td class="numeric">{{ wf.step_count }}</td>
          <td><span class="badge">{{ wf.trigger or 'manual' }}</span></td>
          <td class="muted">{{ wf.created_at[:10] if wf.created_at else '—' }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endif %}

{% if mcp_servers %}
<section class="panel">
  <div class="panel-head">
    <h2>MCP Servers</h2>
    <span class="badge badge-category" title="Registry only: tracks registered servers, but does not yet manage transport, health checks, or tool discovery.">Preview &mdash; registry only</span>
  </div>
  <div class="table-wrap">
    <table class="data-table">
      <thead>
        <tr><th>Server ID</th><th>Status</th></tr>
      </thead>
      <tbody>
        {% for srv in mcp_servers %}
        <tr>
          <td><span class="table-row-title">{{ srv.server_id }}</span></td>
          <td><span class="badge badge-allow status-live">{{ srv.status }}</span></td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endif %}

{% if a2a_messages %}
<section class="panel">
  <div class="panel-head"><h2>A2A Messages</h2></div>
  <div class="table-wrap">
    <table class="data-table">
      <thead>
        <tr><th>From</th><th>To</th><th>Task</th><th>Status</th></tr>
      </thead>
      <tbody>
        {% for msg in a2a_messages %}
        <tr>
          <td>{{ msg.from_agent_id }}</td>
          <td>{{ msg.to_agent_id }}</td>
          <td>{{ msg.task }}</td>
          <td>
            <span class="badge {{ 'badge-allow' if msg.status == 'delivered' else ('badge-deny' if msg.status == 'blocked' else 'badge-approval') }}">{{ msg.status }}</span>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endif %}

{% if not workflows and not mcp_servers %}
<div class="empty-state" style="text-align:center;padding:60px 20px;color:var(--color-text-muted);">
  <h3 style="font-size:1.1rem;color:var(--color-text-secondary);">No workflows registered yet</h3>
  <p style="font-size:0.88rem;">Create your first workflow:</p>
  <pre class="code-block" style="text-align:left;display:inline-block;">curl -X POST localhost:8000/v2/runtime/workflows \
  -H 'Content-Type: application/json' \
  -d '{"workflow_id": "wf1", "name": "Deploy Pipeline"}'</pre>
</div>
{% endif %}

{% endblock %}