eric/ai-agents
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Eric Jungbauer
2026-04-13 13:31:14 +00:00
parent 9bead9ca5d
commit c17594d7c0
4 changed files with 316 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/static/index.html
+49 -1
View File
@@ -87,6 +87,13 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
.cal-item .cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}
.cal-item .cal-remove{background:none;border:none;color:var(--red);cursor:pointer;font-size:.85rem}
.bridge-bar{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}
.bridge-bar .bridge-info{display:flex;align-items:center;gap:.75rem;font-size:.85rem}
.bridge-bar .bridge-dot{width:8px;height:8px;border-radius:50%}
.bridge-bar .bridge-dot.online{background:var(--green)}
.bridge-bar .bridge-dot.offline{background:var(--red)}
.bridge-bar .bridge-actions{display:flex;gap:.5rem}
.empty-state{text-align:center;padding:3rem;color:var(--text-dim)}
.empty-state h3{margin-bottom:.5rem;color:var(--text)}
.time-ago{color:var(--text-dim)}
@@ -105,6 +112,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
</div>
<div class="container">
<div id="bridge-bar"></div>
<div class="section-header">
<h2>My Agents</h2>
<button class="btn-secondary" onclick="showCatalog()">+ Add Agent</button>
@@ -332,11 +340,51 @@ async function enableAgent(catalogId,name){
if(res.ok){closeModal();refresh()}
}
// --- Bridge ---
async function loadBridge(){
try{
const res=await fetch(API+'/api/bridge/me');
if(!res.ok)return;
const b=await res.json();
const el=document.getElementById('bridge-bar');
if(!b.connected){
el.innerHTML=`<div class="bridge-bar">
<div class="bridge-info"><div class="bridge-dot offline"></div><span>Mac Bridge: Not installed</span></div>
<div class="bridge-actions"><button class="btn-save" onclick="installBridge()">Install Mac Bridge</button></div>
</div>`;
} else {
const ago=timeAgo(b.last_heartbeat);
el.innerHTML=`<div class="bridge-bar">
<div class="bridge-info">
<div class="bridge-dot ${b.status}"></div>
<span>Mac Bridge: <strong>${b.status}</strong> on ${b.hostname||'unknown'}</span>
<span style="color:var(--text-dim)">${b.bridge_url} · heartbeat ${ago}</span>
<span style="color:var(--text-dim)">${(b.capabilities||[]).join(', ')}</span>
</div>
<div class="bridge-actions">
<button class="btn-secondary" onclick="installBridge()">Reinstall</button>
<button class="btn-secondary" style="border-color:var(--red);color:var(--red)" onclick="disconnectBridge()">Disconnect</button>
</div>
</div>`;
}
}catch(e){console.error('Bridge check failed:',e)}
}
async function installBridge(){
window.open(API+'/api/bridge/install-script','_blank');
}
async function disconnectBridge(){
if(!confirm('Disconnect your Mac Bridge? You can reinstall later.'))return;
await fetch(API+'/api/bridge/me',{method:'DELETE'});
loadBridge();
}
async function refresh(){
try{
const[instRes,runsRes,meRes]=await Promise.all([fetch(API+'/api/instances'),fetch(API+'/api/runs?limit=25'),fetch(API+'/api/me')]);
if(instRes.status===401||runsRes.status===401){location.href='/login';return}
renderInstances(await instRes.json());renderRuns(await runsRes.json());
renderInstances(await instRes.json());renderRuns(await runsRes.json());loadBridge();
if(meRes.ok){
currentUser=await meRes.json();
document.getElementById('user-display').textContent=currentUser.display_name||currentUser.username;