Modernize admin UI and harden provider contracts

Adopt Web Awesome for consistent accessible controls while aligning production ASR, App Attest, and runtime dependency safeguards.

admin-web/src/pages/users.ts

@@ -39,7 +39,7 @@ export function renderUsers(container: HTMLElement, role: AdminRole): void {
           <span aria-hidden="true">⌕</span>
           <input name="query" type="search" placeholder="输入完整内部用户 ID" autocomplete="off" maxlength="36" required />
         </label>
-        <button class="button button--primary" type="submit">搜索</button>
+        <wa-button variant="brand" appearance="accent" type="submit">搜索</wa-button>
       </form>
       <div data-results>${renderEmpty("输入查询条件开始搜索")}</div>
     </section>
@@ -102,7 +102,7 @@ function userRow(user: UserSummary): string {
       <td><span class="badge badge--${escapeHtml(user.status)}">${statusLabel(user.status)}</span></td>
       <td>${formatNumber(user.creditBalance)}</td>
       <td>${formatDateTime(user.createdAt)}</td>
-      <td><button class="button button--small button--secondary" data-user-id="${escapeHtml(user.userId)}" aria-label="查看 ${escapeHtml(user.displayName || user.userId)}">查看</button></td>
+      <td><wa-button variant="neutral" appearance="outlined" size="s" data-user-id="${escapeHtml(user.userId)}" aria-label="查看 ${escapeHtml(user.displayName || user.userId)}">查看</wa-button></td>
     </tr>
   `;
 }
@@ -157,14 +157,14 @@ function detailTemplate(
   return `
     <div class="page-heading page-heading--detail">
       <div>
-        <button class="back-link" data-back>← 返回用户查询</button>
+        <wa-button class="back-link" appearance="plain" data-back>← 返回用户查询</wa-button>
         <div class="eyebrow">用户详情</div>
         <h1>${escapeHtml(user.displayName || "未命名用户")}</h1>
         <p class="mono">${escapeHtml(user.userId)}</p>
       </div>
       ${
         role === "SUPER_ADMIN"
-          ? '<button class="button button--primary" data-open-grant>人工赠送积分</button>'
+          ? '<wa-button variant="brand" appearance="accent" data-open-grant>人工赠送积分</wa-button>'
           : ""
       }
     </div>
@@ -208,7 +208,7 @@ function detailTemplate(
               </div>
               ${
                 ledger.nextCursor
-                  ? '<div class="pagination-actions"><button class="button button--secondary" data-ledger-more aria-describedby="ledger-pagination-status">加载更多流水</button></div>'
+                  ? '<div class="pagination-actions"><wa-button variant="neutral" appearance="outlined" data-ledger-more aria-describedby="ledger-pagination-status">加载更多流水</wa-button></div>'
                   : ""
               }
               <p class="sr-only" id="ledger-pagination-status" data-ledger-status role="status" aria-live="polite"></p>