feat: add local hardware approval leases

apps/web-console/hardware-control.html

@@ -0,0 +1,46 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>真实台架本地决策台</title>
+  <link rel="stylesheet" href="/hardware-control.css">
+</head>
+<body>
+  <main class="shell">
+    <header>
+      <div>
+        <p class="eyebrow">LOCAL BENCH AUTHORITY</p>
+        <h1>真实台架本地决策台</h1>
+        <p class="lead">只有本机可以批准、拒绝或停止终端的真实台架使用权。</p>
+      </div>
+      <a href="/">返回控制台</a>
+    </header>
+
+    <section class="policy">
+      <span class="dot"></span>
+      <div><strong>单终端租约</strong><small>获批终端可连续测试；最后一次真实执行后空闲 180 秒自动停止。</small></div>
+      <span id="clock">正在连接…</span>
+    </section>
+
+    <section class="card active-card">
+      <div class="section-title">
+        <div><p class="eyebrow">ACTIVE LEASE</p><h2>当前使用者</h2></div>
+        <button id="revokeButton" class="danger" type="button" hidden>立即停止使用</button>
+      </div>
+      <div id="activeLease" class="empty">当前无人获批使用真实台架。</div>
+    </section>
+
+    <section class="card">
+      <div class="section-title">
+        <div><p class="eyebrow">PENDING REQUESTS</p><h2>等待审批</h2></div>
+        <span id="pendingCount" class="count">0</span>
+      </div>
+      <div id="pendingRequests" class="request-list empty">暂时没有申请。</div>
+    </section>
+
+    <p id="message" class="message" role="status"></p>
+  </main>
+  <script src="/hardware-control.js" defer></script>
+</body>
+</html>