<turbo-stream action="append" target="mcp-servers-list"><template><div id="mcp-server-5a2d923b-ac30-4e56-81b7-0772174b0e99" data-mcp-server-entry
     class="paper-card p-5"
     style="border-radius: 18px;">
  <div class="flex items-center justify-between mb-4">
    <span class="text-sm font-semibold text-ink">MCP Server</span>
    <button type="button" data-action="mcp-server#removeServer"
            class="text-xs text-ink-muted hover:text-magenta-deep transition">
      Remove
    </button>
  </div>

  <div class="space-y-4">
    <div>
      <label class="field-label">Name</label>
      <input type="text" name="mcp_servers[5a2d923b-ac30-4e56-81b7-0772174b0e99][name]"
             placeholder="e.g. GitHub MCP" value=""
             class="field">
    </div>

    <div>
      <label class="field-label">Endpoint URL</label>
      <input type="text" name="mcp_servers[5a2d923b-ac30-4e56-81b7-0772174b0e99][endpoint]"
             placeholder="https://your-mcp-server.com/mcp" value=""
             class="field">
    </div>
  </div>

  <div class="mt-5">
    <div class="flex items-center justify-between mb-2">
      <label class="field-label !mb-0">Custom Variables</label>
      <a data-turbo-stream="true" class="text-xs font-medium text-magenta-deep hover:text-magenta transition" href="/wizard/mcp_variable_row?server_uuid=5a2d923b-ac30-4e56-81b7-0772174b0e99">+ Add Variable</a>
    </div>
    <p class="text-xs text-ink-muted mb-2">
      Reference in headers as
      <code class="text-ink-soft font-mono">&#123;&#123;VARIABLE_NAME&#125;&#125;</code>
    </p>
    <div id="mcp-variables-list-5a2d923b-ac30-4e56-81b7-0772174b0e99" class="space-y-2">
    </div>
  </div>

  <div class="mt-5">
    <div class="flex items-center justify-between mb-2">
      <label class="field-label !mb-0">Request Headers</label>
      <a data-turbo-stream="true" class="text-xs font-medium text-magenta-deep hover:text-magenta transition" href="/wizard/mcp_header_row?server_uuid=5a2d923b-ac30-4e56-81b7-0772174b0e99">+ Add Header</a>
    </div>
    <div id="mcp-headers-list-5a2d923b-ac30-4e56-81b7-0772174b0e99" class="space-y-2">
        <div id="mcp-header-4bb378e3-90ac-4790-b8a2-a51becd40ab8" data-mcp-header-row class="flex gap-2 items-center">
  <input type="text" name="mcp_servers[5a2d923b-ac30-4e56-81b7-0772174b0e99][headers][4bb378e3-90ac-4790-b8a2-a51becd40ab8][key]"
         placeholder="Header name" value="Authorization"
         class="field flex-1" style="padding: 8px 12px; font-size: 13px;">
  <input type="text" name="mcp_servers[5a2d923b-ac30-4e56-81b7-0772174b0e99][headers][4bb378e3-90ac-4790-b8a2-a51becd40ab8][value]"
         placeholder="Value" value=""
         class="field flex-1" style="padding: 8px 12px; font-size: 13px;">
  <button type="button" data-action="mcp-server#removeHeader"
          class="text-ink-muted hover:text-magenta-deep px-2 transition text-lg leading-none"
          aria-label="Remove header">×</button>
</div>

    </div>
  </div>
</div>
</template></turbo-stream>