{% extends "dashboard/base.html" %}
{% from "partials/_macros.html" import status_pill, relative_time, pill, empty_state, info_toggle %}

{% block page %}
<div class="page-header">
  <div>
    <div class="page-header__eyebrow">Tools</div>
    <h1 class="page-header__title">
      Tools
      <span class="muted tabular" style="font-size: var(--fs-lg); font-weight: 500;">· {{ tools|length }}</span>
    </h1>
    <p class="page-header__subtitle">External CLIs brains can spawn on the operator's behalf.</p>
  </div>
  <form method="post" action="/dashboard/tools/verify">
    <button type="submit" class="btn is-primary is-sm">
      {{ icon('refresh-cw') }}<span>Verify now</span>
    </button>
  </form>
</div>

{% call info_toggle(key='tools', title="What are tools here?") %}
  <p><strong>Tools</strong> in this context are external command-line agents brains can spawn — Codex, Claude Code, Copilot CLI, etc. Each has a registered CLI command and a most-recent "is it installed and reachable?" verification result.</p>
  <p>Hit "Verify now" to re-probe every registered tool. Missing tools won't be picked when brains needs to spawn a recurring task or pick up a handoff.</p>
{% endcall %}

<div class="panel">
  {% if tools %}
  <table class="data">
    <thead>
      <tr><th>Name</th><th>Display</th><th>CLI command</th><th>Status</th><th>Last verified</th></tr>
    </thead>
    <tbody>
      {% for t in tools %}
      <tr>
        <td>
          <span class="row" style="gap: var(--space-2);">
            {{ icon('wrench') }}
            <strong>{{ t.name }}</strong>
          </span>
        </td>
        <td class="muted">{{ t.display_name }}</td>
        <td><code class="mono">{{ t.cli_command }}</code></td>
        <td>
          {% if t.is_available %}
            {{ status_pill('available') }}
          {% else %}
            {{ status_pill('missing') }}
          {% endif %}
        </td>
        <td>{{ relative_time(t.last_verified_at) }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
    {{ empty_state(
        'No tools registered',
        body='Register a tool with `brains register_tool`.',
        icon_name='wrench'
    ) }}
  {% endif %}
</div>
{% endblock %}