refact(chapter-10): reorganize and comment field directive