refactor #558: collapse secondary UI guidance

src/main/resources/templates/probe.html

@@ -6,7 +6,11 @@
 <main class="container py-4">
   <div class="page-title">
     <h1>권한 결과 확인</h1>
-    <p>한 사용자의 토큰으로 실제 데이터를 요청해, 설계한 권한이 DB에서 그대로 적용되는지 확인합니다.</p>
+    <p class="context-summary">토큰을 사용해 실제로 보이는 행과 컬럼을 확인합니다.</p>
+    <details class="explanation-details">
+      <summary>검증 단계 설명 보기</summary>
+      <p>한 사용자의 토큰으로 실제 데이터를 요청해, 설계한 권한이 DB에서 그대로 적용되는지 확인합니다.</p>
+    </details>
   </div>
 
   <section th:replace="~{fragments/layout :: architectureStrip('ords')}"></section>
@@ -15,7 +19,11 @@
     <div>
       <span class="architecture-kicker">이번 단계에서 확인하는 것</span>
       <h2>“이 사용자는 이 데이터에서 무엇을 볼 수 있는가?”</h2>
-      <p>토큰은 사용자를 찾는 열쇠입니다. 서버가 직접 역할과 그룹 상속 역할을 합치고, VPD가 저장된 행·열 규칙을 적용한 결과를 보여줍니다.</p>
+      <p>토큰과 대상 객체를 입력하면 실제 조회 결과를 보여줍니다.</p>
+      <details class="explanation-details">
+        <summary>권한 판정 과정 보기</summary>
+        <p>토큰은 사용자를 찾는 열쇠입니다. 서버가 직접 역할과 그룹 상속 역할을 합치고, VPD가 저장된 행·열 규칙을 적용한 결과를 보여줍니다.</p>
+      </details>
     </div>
     <a class="btn rw-btn-secondary" href="/tokens">테스트 토큰이 없나요? 먼저 발급하기</a>
   </section>