fix #492: add token context selection

src/main/resources/templates/probe.html

@@ -16,12 +16,63 @@
       <h2>ORDS 호출</h2>
       <a class="btn btn-sm rw-btn-secondary" href="/mcp-reasoning">MCP Reasoning으로 해석</a>
     </div>
-    <form hx-post="/probe" hx-target="#probe-result" hx-swap="innerHTML" class="form-grid">
+    <form hx-post="/probe" hx-target="#probe-result" hx-swap="innerHTML" class="form-grid token-form">
       <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">
+      <label>
+        등록 토큰
+        <select class="form-select" name="tokenKeyId" data-token-context-select>
+          <option value="">원문 직접 입력</option>
+          <option th:each="token : ${tokens}"
+                  th:value="${token.keyId()}"
+                  th:text="${token.displayLabel()}"
+                  th:attr="data-username=${token.username()},
+                           data-prefix=${token.maskedToken()},
+                           data-status=${token.statusLabel()},
+                           data-expires-at=${token.expiresAt()},
+                           data-description=${token.description()},
+                           data-direct-roles=${#strings.listJoin(token.directRoles(), '|')},
+                           data-groups=${#strings.listJoin(token.groups(), '|')},
+                           data-inherited-roles=${#strings.listJoin(token.inheritedRoles(), '|')}"></option>
+        </select>
+      </label>
       <label>
         Bearer Token 원문
         <input class="form-control" name="bearerToken" type="password" autocomplete="off" required>
+        <span class="form-hint">등록 토큰을 선택해도 원문은 저장되지 않아 실제 호출 시 필요합니다.</span>
       </label>
+      <aside class="token-context-preview effective-preview span-2" data-token-context-preview>
+        <div class="section-heading compact-heading">
+          <h3>선택 토큰 컨텍스트</h3>
+          <span class="badge text-bg-secondary" data-token-preview="status">미선택</span>
+        </div>
+        <dl>
+          <div>
+            <dt>사용자</dt>
+            <dd data-token-preview="username">원문 직접 입력</dd>
+          </div>
+          <div>
+            <dt>Prefix</dt>
+            <dd><code data-token-preview="prefix">-</code></dd>
+          </div>
+          <div>
+            <dt>만료</dt>
+            <dd data-token-preview="expiresAt">-</dd>
+          </div>
+          <div>
+            <dt>직접 역할</dt>
+            <dd data-token-preview="directRoles">-</dd>
+          </div>
+          <div>
+            <dt>그룹</dt>
+            <dd data-token-preview="groups">-</dd>
+          </div>
+          <div>
+            <dt>그룹 상속 역할</dt>
+            <dd data-token-preview="inheritedRoles">-</dd>
+          </div>
+        </dl>
+        <p class="form-hint" data-token-preview="description">토큰을 선택하면 등록된 사용자/역할 컨텍스트를 먼저 확인할 수 있습니다.</p>
+      </aside>
       <label>
         ORDS 트랙
         <select class="form-select" name="objectId" required>