Bridge distribution: auth, heartbeat, installer script, per-user ports

dashboard/static/admin.html

@@ -64,6 +64,7 @@ tr:hover td{background:var(--surface2)}
     <div class="tab active" onclick="switchTab('users')">Users</div>
     <div class="tab" onclick="switchTab('catalog')">Agent Catalog</div>
     <div class="tab" onclick="switchTab('llm')">LLM Providers</div>
+    <div class="tab" onclick="switchTab('bridges')">Bridges</div>
     <div class="tab" onclick="switchTab('system')">System</div>
   </div>
 
@@ -126,6 +127,11 @@ tr:hover td{background:var(--surface2)}
     <table id="llm-table"><thead><tr><th>Name</th><th>Type</th><th>URL</th><th>Model</th><th>Default</th><th>Actions</th></tr></thead><tbody></tbody></table>
   </div>
 
+  <!-- Bridges -->
+  <div class="panel" id="panel-bridges">
+    <table id="bridges-table"><thead><tr><th>User</th><th>Hostname</th><th>URL</th><th>Platform</th><th>Status</th><th>Last Heartbeat</th><th>Capabilities</th></tr></thead><tbody></tbody></table>
+  </div>
+
   <!-- System -->
   <div class="panel" id="panel-system">
     <div class="stat-grid" id="sys-stats"></div>
@@ -203,6 +209,24 @@ async function createProvider(){
 }
 async function deleteProvider(id){if(!confirm('Delete this provider?'))return;await fetch(API+'/api/admin/llm-providers/'+id,{method:'DELETE'});loadProviders()}
 
+// --- Bridges ---
+async function loadBridges(){
+  const res=await fetch(API+'/api/admin/bridges');
+  if(!res.ok)return;
+  const bridges=await res.json();
+  const tbody=document.querySelector('#bridges-table tbody');
+  if(!bridges.length){tbody.innerHTML='<tr><td colspan="7" style="text-align:center;color:var(--text-dim)">No bridges connected</td></tr>';return}
+  tbody.innerHTML=bridges.map(b=>`<tr>
+    <td>${b.username}</td>
+    <td>${b.hostname||'-'}</td>
+    <td style="font-size:.8rem">${b.bridge_url||'-'}</td>
+    <td>${b.platform}</td>
+    <td><span class="badge ${b.status==='online'?'user':'admin'}">${b.status}</span></td>
+    <td style="font-size:.8rem">${b.last_heartbeat||'-'}</td>
+    <td style="font-size:.8rem">${(b.capabilities||[]).join(', ')}</td>
+  </tr>`).join('');
+}
+
 // --- System ---
 async function loadSystem(){
   const[usersRes,instRes]=await Promise.all([fetch(API+'/api/admin/users'),fetch(API+'/api/health')]);
@@ -215,7 +239,7 @@ async function loadSystem(){
 }
 
 // Init
-loadUsers();loadCatalog();loadProviders();loadSystem();
+loadUsers();loadCatalog();loadProviders();loadBridges();loadSystem();
 </script>
 </body>
 </html>