<!doctype html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{fragments/layout :: head('연동 점검')}"></head>
<body>
<nav th:replace="~{fragments/layout :: nav}"></nav>
<main class="container page-shell">
  <section class="page-heading">
    <h1>연동 점검</h1>
    <details class="explanation-details">
      <summary>도움말</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">
    <strong th:text="${runtimeError.title()}">DB 연결 설정이 필요합니다.</strong>
    <div th:text="${runtimeError.message()}">DB 연결을 확인할 수 없습니다.</div>
  </section>

  <section class="content-band">
    <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}">
      <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>

  <section class="content-band">
    <div class="section-heading">
      <h2>호출 흐름</h2>
      <span class="badge text-bg-secondary">HTTP JSON-RPC</span>
    </div>
    <div class="mcp-service-grid">
      <div class="mcp-service-item">
        <span>연결 시작</span>
        <strong><code>initialize</code></strong>
          <small>기본 MCP serverInfo와 tools capability를 확인합니다.</small>
      </div>
      <div class="mcp-service-item">
        <span>도구 목록</span>
        <strong><code>tools/list</code></strong>
          <small>현재 보호 객체에서 생성된 ORDS query tool과 설명/schema를 조회합니다.</small>
      </div>
      <div class="mcp-service-item">
        <span>도구 호출</span>
        <strong><code>tools/call</code></strong>
          <small>tool 선택은 reasoning 이후 MCP client가 수행하므로 이 화면에서는 호출하지 않습니다.</small>
      </div>
    </div>
  </section>

  <section id="mcp-client-demo-result" class="content-band">
    <div class="text-muted">Java MCP client 확인 결과가 여기에 표시됩니다.</div>
  </section>
</main>
</body>
</html>
