{% extends "base.html" %}
{% block title %}MCP — deepl-i18n{% endblock %}
{% block content %}

<h3 class="page-h">MCP server</h3>
<p class="page-sub">
  The server is started by the client (Claude Desktop / Claude Code), not by this UI —
  it speaks over stdin/stdout. This page helps you wire it up and proves that the server runs.
</p>

<div class="setgrp">
  <h4 class="sec-h">Status</h4>
  <div class="card">
    <div class="frow">
      <div class="fk">Installation</div>
      <div>
        <div class="keyline">
          {% if st.sdk_installed %}
            <span class="badge badge-ok"><span class="d"></span>MCP SDK installed</span>
          {% else %}
            <span class="badge badge-err"><span class="d"></span>MCP SDK missing</span>
          {% endif %}
          <span class="muted">deepl-i18n {{ st.version }}</span>
        </div>
        {% if not st.sdk_installed %}
          <div class="fielderr">Install it with: <code class="code">pip install deepl-i18n[mcp]</code></div>
        {% endif %}
      </div>
    </div>

    <div class="frow">
      <div class="fk">Executable</div>
      <div>
        {% if st.executable %}
          <div class="mcp-path">{{ st.executable }}</div>
        {% else %}
          <div class="mcp-path">{{ st.command|join(' ') }}</div>
          <div class="fieldwarn"><code class="code">deepl-i18n-mcp</code> is not on your PATH — the snippet below
            starts the server through the Python interpreter instead.</div>
        {% endif %}
      </div>
    </div>

    <div class="frow">
      <div class="fk">Working directory<small>where the server looks for config.json and .env</small></div>
      <div class="mcp-path">{{ st.cwd }}</div>
    </div>

    <div class="frow">
      <div class="fk">Self-test<small>starts the server briefly and runs initialize + tools/list over stdio</small></div>
      <div>
        <button class="btn btn-ghost btn-sm" type="button" id="btn-mcp-test">Run self-test</button>
        <div id="mcp-result"></div>
      </div>
    </div>
  </div>
</div>

<div class="setgrp">
  <h4 class="sec-h">Configuration snippet</h4>
  <p class="muted" style="font-size: 12.5px; margin: -4px 0 12px; line-height: 1.5">
    A bare command name (<code class="code">"command": "deepl-i18n-mcp"</code>) does not work in the client:
    it starts the process without the activated venv and cannot find the file. In your own terminal it works —
    which is what makes this error so confusing. Use the absolute path:
  </p>
  <div class="snippet">
    <button class="cp" type="button" id="btn-copy-snippet" data-copy="#mcp-snippet">Copy</button>
    <pre id="mcp-snippet">{{ st.snippet }}</pre>
  </div>
  <p class="muted" style="font-size: 12.5px; margin-top: 10px; line-height: 1.5">
    <code class="code">cwd</code> can be omitted if the client starts in the project folder anyway
    (e.g. Claude Code in this directory).
  </p>
</div>

<div class="setgrp">
  <h4 class="sec-h">Available tools</h4>
  <div class="stack">
    {% for t in st.tools %}
      <div class="tool">
        <div style="flex: 1; min-width: 220px">
          <div class="tn">{{ t.name }}</div>
          <div class="td">{{ t.desc }}</div>
        </div>
        <span class="badge {{ 'badge-warn' if t.costly else 'badge-ok' }}"><span class="d"></span>{{ t.badge }}</span>
      </div>
    {% endfor %}
  </div>
</div>

{% endblock %}

{% block scripts %}
<script src="{{ url_for('static', filename='mcp.js') }}"></script>
{% endblock %}