refactor #558: collapse secondary UI guidance

src/main/resources/templates/mcp-client-demo.html

@@ -6,7 +6,11 @@
 <main class="container page-shell">
   <section class="page-heading">
     <h1>MCP Client Demo</h1>
-    <p>백오피스 Java client가 MCP message endpoint의 initialize/tools/list 계약을 확인합니다. 실제 tool 선택과 호출은 reasoning 결과를 받은 MCP client가 담당합니다.</p>
+    <p class="context-summary">Java client가 MCP 연결과 도구 목록 계약만 확인합니다.</p>
+    <details class="explanation-details">
+      <summary>Client Demo의 범위 보기</summary>
+      <p>백오피스 Java client가 MCP message endpoint의 initialize/tools/list 계약을 확인합니다. 실제 tool 선택과 호출은 reasoning 결과를 받은 MCP client가 담당합니다.</p>
+    </details>
   </section>
 
   <section th:if="${runtimeError}" class="alert alert-warning">
@@ -18,9 +22,10 @@
     <h2>Java Client 호출</h2>
     <form hx-post="/mcp-client-demo" hx-target="#mcp-client-demo-result" hx-swap="innerHTML" class="form-grid">
       <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">
-      <div class="alert alert-info span-2 mb-0">
-        이 화면은 고정된 기본 MCP endpoint에서 initialize와 tools/list만 확인합니다. 질문 기반 tool 선택·Bearer Token 전달·tools/call은 MCP Reasoning 또는 외부 MCP client 흐름에서 수행합니다.
-      </div>
+      <details class="explanation-details span-2">
+        <summary>이번 테스트에서 확인하는 계약 보기</summary>
+        <p>이 화면은 고정된 기본 MCP endpoint에서 initialize와 tools/list만 확인합니다. 질문 기반 tool 선택·Bearer Token 전달·tools/call은 MCP Reasoning 또는 외부 MCP client 흐름에서 수행합니다.</p>
+      </details>
       <button class="btn rw-btn-primary" type="submit">MCP 계약 확인</button>
     </form>
   </section>