[claude] Wire Relay Admin panel into Matrix UI (#49) (#75)

the-matrix/index.html

@@ -382,6 +382,24 @@
     }
     .panel-link:hover { color: #5577aa; }
 
+    /* ── Relay Admin button ───────────────────────────────────────────── */
+    #relay-admin-btn {
+      display: none;
+      font-family: 'Courier New', monospace; font-size: 11px; font-weight: bold;
+      color: #f7931a; background: rgba(40, 25, 5, 0.85); border: 1px solid #f7931a55;
+      padding: 7px 18px; cursor: pointer; letter-spacing: 2px;
+      box-shadow: 0 0 14px #f7931a22;
+      transition: background 0.15s, box-shadow 0.15s, color 0.15s;
+      border-radius: 2px;
+      min-height: 36px;
+      text-decoration: none;
+    }
+    #relay-admin-btn:hover, #relay-admin-btn:active {
+      background: rgba(60, 35, 8, 0.95);
+      box-shadow: 0 0 20px #f7931a44;
+      color: #ffb347;
+    }
+
     /* ── AR pulse animation ──────────────────────────────────────────── */
     @keyframes ar-pulse {
       0%, 100% { opacity: 0.6; transform: scale(1); }
@@ -522,6 +540,7 @@
   <div id="top-buttons">
     <button id="open-panel-btn">⚡ SUBMIT JOB</button>
     <button id="open-session-btn">⚡ FUND SESSION</button>
+    <a id="relay-admin-btn" href="/admin/relay">⚙ RELAY ADMIN</a>
   </div>
 
   <!-- ── Low balance notice (above input bar) ───────────────────────── -->
@@ -690,6 +709,15 @@
     <span class="recovery-text">GPU context lost — recovering...</span>
   </div>
 
+  <script>
+    // Show Relay Admin button if admin token is stored in localStorage
+    (function() {
+      if (localStorage.getItem('relay_admin_token')) {
+        var btn = document.getElementById('relay-admin-btn');
+        if (btn) btn.style.display = 'block';
+      }
+    })();
+  </script>
   <script type="module" src="./js/main.js"></script>
 </body>
 </html>