{% if error %}
<p class="bad" role="alert">{{ error }}</p>
{% else %}
<section class="card created">
  <div class="row">
    <h2>Key for “{{ name }}”</h2>
    <span class="tag">Shown once</span>
  </div>
  <p>Copy it now. Memoreei keeps only a fingerprint, so it can't show it again.</p>
  <div class="copyable">
    <pre id="new-key" class="key">{{ key }}</pre>
    <button type="button" data-copy="new-key">Copy key</button>
  </div>
  <h3>Add it to Claude Code</h3>
  <div class="copyable">
    <pre id="claude-code" class="soft">{{ claude_code }}</pre>
    <button type="button" class="quiet" data-copy="claude-code">Copy</button>
  </div>
  <details>
    <summary>Other apps: .mcp.json setup</summary>
    <div class="copyable">
      <pre id="client-config" class="soft">{{ config }}</pre>
      <button type="button" class="quiet" data-copy="client-config">Copy</button>
    </div>
  </details>
</section>
{% if connections|length == 1 %}
{#- The first connection: the empty card's "Nothing's connected yet" becomes its heading. -#}
<h2 id="empty-head" hx-swap-oob="true">Connected</h2>
{% endif %}
{% endif %}
{% with oob = true %}{% include "_connection_list.html" %}{% endwith %}