{# Agent setup (ADR-0031's onboarding half) as ONE flow with numbered stages:
   Harness -> MCP config -> Try it. It has two entry points (/setup/agent and
   /settings/agent) and one implementation; Settings -> Status re-runs the Try it
   check from the same service call.

   Every fact is the service's own (clear_record.service.setup /
   clear_record.service.agent_flow): the harness and MCP client config that are
   recorded, whether those paths are still there, what the 0.2 agent
   configuration this version ignores, and the hello-world check's finding. The
   console only renders and translates -- it never recomputes the service's
   answer.

   There is no credential to show and none to ask for: this version calls no
   model, so the MCP server needs no key. #}
{# No id here: index.html's mount owns #agent-setup, and this fragment is swapped
   into it -- a second id would make the htmx target ambiguous. #}
<div class="agent-setup">
  <div class="row agent-setup-head">
    {% if setup.state == 'ready' %}
    <span class="badge status-ok">{{ tr("agent ready") }}</span>
    {% elif setup.state == 'problem' %}
    <span class="badge status-error">{{ tr("agent setup problem") }}</span>
    {% else %}
    <span class="badge status-missing">{{ tr("no harness configured") }}</span>
    {% endif %}
  </div>

  {% if error %}<div class="run-error" role="alert">{{ error }}</div>{% endif %}
  {% if notice %}<p class="muted agent-setup-notice">{{ notice }}</p>{% endif %}

  {# The service's own wording, shown verbatim: a missing recorded path, or a
     0.2 [agent]/CR_AGENT_* setting this version ignores. Both are runtime
     strings (they embed a path or a variable name), not extractable message IDs,
     so wrapping them in tr() was a no-op. The console never restates the rule. #}
  {% for problem in setup.problems %}
  <div class="webhooks-problem" role="alert">{{ problem }}</div>
  {% endfor %}
  {% for ignored in setup.ignored %}
  <div class="webhooks-problem" role="alert">{{ ignored }}</div>
  {% endfor %}

  <ol class="agent-flow">
    <li class="agent-stage" id="agent-stage-harness">
      <div class="agent-stage-head">
        <h3>{{ tr("Harness") }}</h3>
      </div>
      {% include "_harness_setup.html" %}
    </li>

    <li class="agent-stage" id="agent-stage-mcp">
      <div class="agent-stage-head">
        <h3>{{ tr("MCP config") }}</h3>
      </div>
      {% include "_mcp_config.html" %}
    </li>

    <li class="agent-stage" id="agent-stage-try">
      <div class="agent-stage-head">
        <h3>{{ tr("Try it") }}</h3>
      </div>
      <p class="muted">{{ tr("Run the whole chain once: a hello-world tape through transcription, read back as the transcript an MCP agent receives.") }}</p>
      <div id="hello-check" class="hello-check">
        {% include "_hello_check.html" %}
      </div>
    </li>
  </ol>
</div>