Timmy_Foundation/the-nexus
16
1
Fork 2
Code Issues 108 Pull Requests Actions 19 Packages Projects Releases Wiki Activity

feat: add local vs cloud indicator on every agent panel
Some checks failed
CI / validate (pull_request) Failing after 10s
Details
CI / auto-merge (pull_request) Has been skipped
Details

Browse Source 
Each agent panel now shows a RUNTIME indicator in the bottom-right
corner: green dot + "LOCAL" for on-device agents, red dot + "CLOUD"
for remote/API-backed agents. The `local` boolean field is used from
agent data (defaults to cloud/red when absent).

Fixes #278
This commit is contained in:
Alexander Whitestone
2026-03-24 00:56:10 -04:00
parent 0711ef03a7
commit 236dab2c4e
1 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
app.js
View File

@@ -1751,11 +1751,11 @@ loadPortals();
const AGENT_STATUS_STUB = {
agents: [
{ name: 'claude', status: 'working', issue: 'Live agent status board (#199)', prs_today: 3 },
{ name: 'gemini', status: 'idle', issue: null, prs_today: 1 },
{ name: 'kimi', status: 'working', issue: 'Portal system YAML registry (#5)', prs_today: 2 },
{ name: 'groq', status: 'idle', issue: null, prs_today: 0 },
{ name: 'grok', status: 'dead', issue: null, prs_today: 0 },
{ name: 'claude', status: 'working', issue: 'Live agent status board (#199)', prs_today: 3, local: true },
{ name: 'gemini', status: 'idle', issue: null, prs_today: 1, local: false },
{ name: 'kimi', status: 'working', issue: 'Portal system YAML registry (#5)', prs_today: 2, local: false },
{ name: 'groq', status: 'idle', issue: null, prs_today: 0, local: false },
{ name: 'grok', status: 'dead', issue: null, prs_today: 0, local: false },
]
};
@@ -1843,6 +1843,27 @@ function createAgentPanelTexture(agent) {
ctx.fillStyle = '#4488ff';
ctx.fillText(String(agent.prs_today), 16, 182);
// Local vs cloud indicator (bottom-right)
const isLocal = agent.local === true;
const indicatorColor = isLocal ? '#00ff88' : '#ff4444';
const indicatorLabel = isLocal ? 'LOCAL' : 'CLOUD';
ctx.font = '10px "Courier New", monospace';
ctx.fillStyle = '#556688';
ctx.textAlign = 'right';
ctx.fillText('RUNTIME', W - 16, 148);
ctx.font = 'bold 13px "Courier New", monospace';
ctx.fillStyle = indicatorColor;
ctx.fillText(indicatorLabel, W - 28, 172);
ctx.textAlign = 'left';
// Indicator dot
ctx.beginPath();
ctx.arc(W - 16, 167, 6, 0, Math.PI * 2);
ctx.fillStyle = indicatorColor;
ctx.fill();
return new THREE.CanvasTexture(canvas);
}