{% extends "base.html" %}
{% block content %}
<div class="panel">
  <div class="panel-head">
    <div>
      <p class="eyebrow">MCP console</p>
      <h2>Available tools</h2>
    </div>
  </div>
</div>

<div class="card-grid three">
  {% for group, tools in tool_groups.items() %}
  <section class="card">
    <h3>{{ group }}</h3>
    <div class="stack">
      {% for tool in tools %}
      <div class="mini-card"><strong>{{ tool }}</strong></div>
      {% endfor %}
    </div>
  </section>
  {% endfor %}
</div>
{% endblock %}