{% extends "base.html" %}

{% block title %}dbst — MCP Reference{% endblock %}

{% block body_class %}page-docs{% endblock %}

{% block body %}
<div class="docs-page">
  <header class="docs-header">
    <a href="https://github.com/telmen87/dbst-sql-tool" target="_blank" rel="noopener noreferrer"
       class="app-logo-link" title="dbst on GitHub">
      <img src="/static/logo.svg" alt="dbst" class="app-logo" width="20" height="20">
    </a>
    <a class="sidebar-ref-link" href="/">← Back</a>
    <h1 class="docs-title">MCP Reference</h1>
    <a class="sidebar-ref-link" href="/api">API →</a>
    <button class="theme-toggle" onclick="toggleTheme()" title="Toggle day/night">🌙</button>
  </header>
  <div class="docs-body">
    {% if not mcp_available %}
    <p class="git-empty-msg">MCP server needs the 'agent' extra: pip install 'dbst[agent]'</p>
    {% else %}
    <section class="docs-group">
      <div class="git-section-label">
        Tools
        <span style="margin-left:auto;font-size:10px;color:var(--dim)">{{ tools|length }}</span>
      </div>
      {% for t in tools %}
      <div class="docs-endpoint">
        <div class="docs-endpoint-row">
          <span class="api-badge api-badge-tool">TOOL</span>
          <span class="docs-endpoint-name">{{ t.name }}</span>
        </div>
        {% if t.description %}<div class="docs-desc">{{ t.description }}</div>{% endif %}
        <pre class="docs-schema">{{ t.input_schema }}</pre>
      </div>
      {% endfor %}
    </section>

    <section class="docs-group">
      <div class="git-section-label">
        Resources
        <span style="margin-left:auto;font-size:10px;color:var(--dim)">{{ resources|length }}</span>
      </div>
      {% for r in resources %}
      <div class="docs-endpoint">
        <div class="docs-endpoint-row">
          <span class="api-badge api-badge-resource">RES</span>
          <span class="docs-endpoint-path">{{ r.uri }}</span>
          <span class="docs-endpoint-name">{{ r.name }}</span>
        </div>
        {% if r.description %}<div class="docs-desc">{{ r.description }}</div>{% endif %}
      </div>
      {% endfor %}
    </section>

    <section class="docs-group">
      <div class="git-section-label">
        Prompts
        <span style="margin-left:auto;font-size:10px;color:var(--dim)">{{ prompts|length }}</span>
      </div>
      {% for p in prompts %}
      <div class="docs-endpoint">
        <div class="docs-endpoint-row">
          <span class="api-badge api-badge-prompt">PROMPT</span>
          <span class="docs-endpoint-name">{{ p.name }}</span>
        </div>
        {% if p.description %}<div class="docs-desc">{{ p.description }}</div>{% endif %}
        {% if p.arguments %}
        <div class="docs-params">
          {% for a in p.arguments %}
          <span class="docs-param">{{ a.name }}{{ "*" if a.required else "" }}</span>
          {% endfor %}
        </div>
        {% endif %}
      </div>
      {% endfor %}
    </section>
    {% endif %}
  </div>
</div>
<script>
(function() {
  if (localStorage.getItem("dbst-theme") === "light") document.documentElement.classList.add("light");
})();
function toggleTheme() {
  const isLight = document.documentElement.classList.toggle("light");
  localStorage.setItem("dbst-theme", isLight ? "light" : "dark");
}
</script>
{% endblock %}