web-agent-bridge 2.3.0 → 2.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +12 -4
- package/public/commander-dashboard.html +243 -0
- package/public/css/premium.css +317 -317
- package/public/demo.html +259 -259
- package/public/index.html +644 -644
- package/public/mesh-dashboard.html +309 -382
- package/public/premium-dashboard.html +2487 -2487
- package/public/premium.html +791 -791
- package/public/script/wab.min.js +124 -87
- package/script/ai-agent-bridge.js +154 -84
- package/sdk/agent-mesh.js +287 -171
- package/sdk/commander.js +262 -0
- package/sdk/index.js +260 -260
- package/server/index.js +8 -1
- package/server/migrations/002_premium_features.sql +418 -418
- package/server/models/db.js +24 -5
- package/server/routes/admin-premium.js +671 -671
- package/server/routes/commander.js +316 -0
- package/server/routes/mesh.js +370 -201
- package/server/routes/premium-v2.js +686 -686
- package/server/routes/premium.js +724 -724
- package/server/services/agent-learning.js +230 -77
- package/server/services/agent-memory.js +625 -625
- package/server/services/agent-mesh.js +260 -67
- package/server/services/agent-symphony.js +548 -518
- package/server/services/commander.js +738 -0
- package/server/services/edge-compute.js +440 -0
- package/server/services/local-ai.js +389 -0
- package/server/services/plugins.js +747 -747
- package/server/services/self-healing.js +843 -843
- package/server/services/swarm.js +788 -788
- package/server/services/vision.js +871 -871
- package/public/admin/dashboard.html +0 -848
- package/public/admin/login.html +0 -84
- package/public/video/tutorial.mp4 +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "web-agent-bridge",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.1",
|
|
4
4
|
"description": "Open-source middleware that bridges AI agents and websites — providing a standardized command interface for intelligent automation",
|
|
5
5
|
"main": "server/index.js",
|
|
6
6
|
"bin": {
|
|
@@ -37,7 +37,15 @@
|
|
|
37
37
|
"files": [
|
|
38
38
|
"bin/",
|
|
39
39
|
"server/",
|
|
40
|
-
"public
|
|
40
|
+
"public/*.html",
|
|
41
|
+
"public/*.txt",
|
|
42
|
+
"public/*.xml",
|
|
43
|
+
"public/*.json",
|
|
44
|
+
"public/css/",
|
|
45
|
+
"public/js/",
|
|
46
|
+
"public/script/",
|
|
47
|
+
"public/assets/",
|
|
48
|
+
"public/.well-known/",
|
|
41
49
|
"script/",
|
|
42
50
|
"sdk/",
|
|
43
51
|
"templates/",
|
|
@@ -51,7 +59,7 @@
|
|
|
51
59
|
},
|
|
52
60
|
"license": "MIT",
|
|
53
61
|
"dependencies": {
|
|
54
|
-
"bcryptjs": "^
|
|
62
|
+
"bcryptjs": "^3.0.3",
|
|
55
63
|
"better-sqlite3": "^11.6.0",
|
|
56
64
|
"cors": "^2.8.5",
|
|
57
65
|
"dotenv": "^16.4.5",
|
|
@@ -62,7 +70,7 @@
|
|
|
62
70
|
"nodemailer": "^8.0.3",
|
|
63
71
|
"stripe": "^20.4.1",
|
|
64
72
|
"uuid": "^10.0.0",
|
|
65
|
-
"ws": "^8.
|
|
73
|
+
"ws": "^8.20.0"
|
|
66
74
|
},
|
|
67
75
|
"devDependencies": {
|
|
68
76
|
"jest": "^30.3.0",
|
|
@@ -0,0 +1,243 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en" dir="ltr">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Commander Dashboard — Web Agent Bridge</title>
|
|
7
|
+
<style>
|
|
8
|
+
*{box-sizing:border-box;margin:0;padding:0}
|
|
9
|
+
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#0a0e17;color:#e0e6ed;min-height:100vh}
|
|
10
|
+
.header{background:linear-gradient(135deg,#0d1b2a 0%,#1b2838 100%);padding:20px 32px;border-bottom:1px solid #1e3a5f;display:flex;align-items:center;gap:16px}
|
|
11
|
+
.header h1{font-size:22px;color:#4fc3f7;font-weight:700}
|
|
12
|
+
.header .badge{background:#4fc3f7;color:#0a0e17;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700}
|
|
13
|
+
.tabs{display:flex;background:#0d1117;border-bottom:2px solid #1e3a5f;padding:0 24px;overflow-x:auto}
|
|
14
|
+
.tab{padding:12px 20px;cursor:pointer;color:#8b9dc3;font-size:13px;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .2s}
|
|
15
|
+
.tab:hover{color:#4fc3f7}
|
|
16
|
+
.tab.active{color:#4fc3f7;border-bottom-color:#4fc3f7}
|
|
17
|
+
.content{padding:24px;max-width:1200px;margin:0 auto}
|
|
18
|
+
.panel{display:none}
|
|
19
|
+
.panel.active{display:block}
|
|
20
|
+
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}
|
|
21
|
+
.stat-card{background:#111827;border:1px solid #1e3a5f;border-radius:10px;padding:16px;text-align:center}
|
|
22
|
+
.stat-card .value{font-size:28px;font-weight:700;color:#4fc3f7}
|
|
23
|
+
.stat-card .label{font-size:12px;color:#6b7f99;margin-top:4px}
|
|
24
|
+
table{width:100%;border-collapse:collapse;margin-bottom:16px}
|
|
25
|
+
th{background:#111827;color:#4fc3f7;padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
|
|
26
|
+
td{padding:10px 12px;border-bottom:1px solid #1a2332;font-size:13px}
|
|
27
|
+
tr:hover td{background:#111827}
|
|
28
|
+
.badge-sm{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}
|
|
29
|
+
.badge-green{background:#064e3b;color:#34d399}
|
|
30
|
+
.badge-blue{background:#1e3a5f;color:#60a5fa}
|
|
31
|
+
.badge-yellow{background:#78350f;color:#fbbf24}
|
|
32
|
+
.badge-red{background:#7f1d1d;color:#f87171}
|
|
33
|
+
.badge-purple{background:#4c1d95;color:#a78bfa}
|
|
34
|
+
.empty{text-align:center;padding:40px;color:#6b7f99;font-style:italic}
|
|
35
|
+
.refresh-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
|
|
36
|
+
.refresh-bar span{font-size:12px;color:#6b7f99}
|
|
37
|
+
.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}
|
|
38
|
+
.btn-primary{background:#4fc3f7;color:#0a0e17}
|
|
39
|
+
.btn-primary:hover{background:#29b6f6}
|
|
40
|
+
.btn-sm{padding:4px 10px;font-size:11px}
|
|
41
|
+
.progress{height:6px;background:#1a2332;border-radius:3px;overflow:hidden;margin-top:4px}
|
|
42
|
+
.progress-bar{height:100%;background:#4fc3f7;border-radius:3px;transition:width .5s}
|
|
43
|
+
</style>
|
|
44
|
+
</head>
|
|
45
|
+
<body>
|
|
46
|
+
<div class="header">
|
|
47
|
+
<h1>⚙ Commander Dashboard</h1>
|
|
48
|
+
<span class="badge">LIVE</span>
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
|
+
<div class="tabs">
|
|
52
|
+
<div class="tab active" data-tab="overview">Overview</div>
|
|
53
|
+
<div class="tab" data-tab="missions">Missions</div>
|
|
54
|
+
<div class="tab" data-tab="agents">Agents</div>
|
|
55
|
+
<div class="tab" data-tab="edge">Edge Nodes</div>
|
|
56
|
+
<div class="tab" data-tab="localai">Local AI</div>
|
|
57
|
+
</div>
|
|
58
|
+
|
|
59
|
+
<div class="content">
|
|
60
|
+
<!-- OVERVIEW -->
|
|
61
|
+
<div id="overview" class="panel active">
|
|
62
|
+
<div class="stats-row" id="overview-stats"></div>
|
|
63
|
+
<h3 style="margin-bottom:12px;color:#4fc3f7">Active Missions</h3>
|
|
64
|
+
<table><thead><tr><th>Mission</th><th>Status</th><th>Progress</th><th>Priority</th><th>Created</th></tr></thead><tbody id="overview-missions"></tbody></table>
|
|
65
|
+
</div>
|
|
66
|
+
|
|
67
|
+
<!-- MISSIONS -->
|
|
68
|
+
<div id="missions" class="panel">
|
|
69
|
+
<div class="refresh-bar">
|
|
70
|
+
<span>Mission history</span>
|
|
71
|
+
<button class="btn btn-primary btn-sm" onclick="refreshMissions()">Refresh</button>
|
|
72
|
+
</div>
|
|
73
|
+
<table><thead><tr><th>ID</th><th>Title</th><th>Strategy</th><th>Status</th><th>Tasks</th><th>Duration</th><th>Created</th></tr></thead><tbody id="missions-table"></tbody></table>
|
|
74
|
+
</div>
|
|
75
|
+
|
|
76
|
+
<!-- AGENTS -->
|
|
77
|
+
<div id="agents" class="panel">
|
|
78
|
+
<div class="refresh-bar">
|
|
79
|
+
<span>Commander agent registry</span>
|
|
80
|
+
<button class="btn btn-primary btn-sm" onclick="refreshAgents()">Refresh</button>
|
|
81
|
+
</div>
|
|
82
|
+
<table><thead><tr><th>Type</th><th>Capabilities</th><th>Status</th><th>Tasks Done</th><th>Success Rate</th><th>Avg Duration</th></tr></thead><tbody id="agents-table"></tbody></table>
|
|
83
|
+
</div>
|
|
84
|
+
|
|
85
|
+
<!-- EDGE NODES -->
|
|
86
|
+
<div id="edge" class="panel">
|
|
87
|
+
<div class="refresh-bar">
|
|
88
|
+
<span>Distributed edge computing network</span>
|
|
89
|
+
<button class="btn btn-primary btn-sm" onclick="refreshEdge()">Refresh</button>
|
|
90
|
+
</div>
|
|
91
|
+
<div class="stats-row" id="edge-stats"></div>
|
|
92
|
+
<table><thead><tr><th>Hostname</th><th>Type</th><th>Hardware</th><th>Load</th><th>Tasks</th><th>Status</th><th>Last Seen</th></tr></thead><tbody id="edge-table"></tbody></table>
|
|
93
|
+
</div>
|
|
94
|
+
|
|
95
|
+
<!-- LOCAL AI -->
|
|
96
|
+
<div id="localai" class="panel">
|
|
97
|
+
<div class="refresh-bar">
|
|
98
|
+
<span>Sovereign local AI models</span>
|
|
99
|
+
<button class="btn btn-primary btn-sm" onclick="refreshLocalAI()">Refresh</button>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="stats-row" id="localai-stats"></div>
|
|
102
|
+
<table><thead><tr><th>Model</th><th>Provider</th><th>Capabilities</th><th>Context</th><th>Requests</th><th>Avg Latency</th><th>Status</th></tr></thead><tbody id="localai-table"></tbody></table>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
|
|
106
|
+
<script>
|
|
107
|
+
const API = '/api/commander';
|
|
108
|
+
const esc = s => {
|
|
109
|
+
const d = document.createElement('div');
|
|
110
|
+
d.textContent = String(s ?? '');
|
|
111
|
+
return d.innerHTML;
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
// Tab switching
|
|
115
|
+
document.querySelectorAll('.tab').forEach(tab => {
|
|
116
|
+
tab.addEventListener('click', () => {
|
|
117
|
+
document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
|
|
118
|
+
document.querySelectorAll('.panel').forEach(p => p.classList.remove('active'));
|
|
119
|
+
tab.classList.add('active');
|
|
120
|
+
document.getElementById(tab.dataset.tab).classList.add('active');
|
|
121
|
+
});
|
|
122
|
+
});
|
|
123
|
+
|
|
124
|
+
function statusBadge(s) {
|
|
125
|
+
const map = { online:'green', active:'green', available:'green', running:'blue', assigned:'blue', processing:'blue',
|
|
126
|
+
completed:'purple', queued:'yellow', pending:'yellow', planning:'yellow', stale:'red', failed:'red', offline:'red', unavailable:'red' };
|
|
127
|
+
return `<span class="badge-sm badge-${map[s]||'blue'}">${esc(s)}</span>`;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
// ─── Overview ──────────────────────────────────────────────────
|
|
131
|
+
async function refreshOverview() {
|
|
132
|
+
try {
|
|
133
|
+
const [stats, missions] = await Promise.all([
|
|
134
|
+
fetch(`${API}/stats?siteId=default`).then(r=>r.json()),
|
|
135
|
+
fetch(`${API}/missions?siteId=default&active=true`).then(r=>r.json())
|
|
136
|
+
]);
|
|
137
|
+
const c = stats.commander || {};
|
|
138
|
+
const e = stats.edge || {};
|
|
139
|
+
const l = stats.localAI || {};
|
|
140
|
+
document.getElementById('overview-stats').innerHTML = `
|
|
141
|
+
<div class="stat-card"><div class="value">${c.totalMissions||0}</div><div class="label">Total Missions</div></div>
|
|
142
|
+
<div class="stat-card"><div class="value">${c.activeMissions||0}</div><div class="label">Active Missions</div></div>
|
|
143
|
+
<div class="stat-card"><div class="value">${c.registeredAgents||0}</div><div class="label">Agents</div></div>
|
|
144
|
+
<div class="stat-card"><div class="value">${e.onlineNodes||0}</div><div class="label">Edge Nodes</div></div>
|
|
145
|
+
<div class="stat-card"><div class="value">${l.availableModels||0}</div><div class="label">Local Models</div></div>
|
|
146
|
+
<div class="stat-card"><div class="value">${Math.round((c.successRate||0)*100)}%</div><div class="label">Success Rate</div></div>
|
|
147
|
+
`;
|
|
148
|
+
const ms = missions.missions || [];
|
|
149
|
+
document.getElementById('overview-missions').innerHTML = ms.length === 0
|
|
150
|
+
? '<tr><td colspan="5" class="empty">No active missions</td></tr>'
|
|
151
|
+
: ms.map(m => {
|
|
152
|
+
const pct = m.total_tasks > 0 ? Math.round((m.completed_tasks/m.total_tasks)*100) : 0;
|
|
153
|
+
return `<tr><td>${esc(m.title||m.goal||m.id)}</td><td>${statusBadge(m.status)}</td><td><div class="progress"><div class="progress-bar" style="width:${pct}%"></div></div> ${pct}%</td><td>${esc(m.priority||5)}</td><td>${esc(m.created_at)}</td></tr>`;
|
|
154
|
+
}).join('');
|
|
155
|
+
} catch(e) { console.error('Overview refresh failed:', e); }
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
// ─── Missions ──────────────────────────────────────────────────
|
|
159
|
+
async function refreshMissions() {
|
|
160
|
+
try {
|
|
161
|
+
const data = await fetch(`${API}/missions?siteId=default&limit=50`).then(r=>r.json());
|
|
162
|
+
const ms = data.missions || [];
|
|
163
|
+
document.getElementById('missions-table').innerHTML = ms.length === 0
|
|
164
|
+
? '<tr><td colspan="7" class="empty">No missions yet</td></tr>'
|
|
165
|
+
: ms.map(m => `<tr><td style="font-family:monospace;font-size:11px">${esc(m.id?.substring(0,8))}</td><td>${esc(m.title)}</td><td>${statusBadge(m.strategy||'general')}</td><td>${statusBadge(m.status)}</td><td>${m.completed_tasks||0}/${m.total_tasks||0}</td><td>${m.duration_ms ? (m.duration_ms/1000).toFixed(1)+'s' : '-'}</td><td>${esc(m.created_at)}</td></tr>`).join('');
|
|
166
|
+
} catch(e) { console.error('Missions refresh failed:', e); }
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
// ─── Agents ────────────────────────────────────────────────────
|
|
170
|
+
async function refreshAgents() {
|
|
171
|
+
try {
|
|
172
|
+
const data = await fetch(`${API}/agents?siteId=default`).then(r=>r.json());
|
|
173
|
+
const agents = data.agents || [];
|
|
174
|
+
document.getElementById('agents-table').innerHTML = agents.length === 0
|
|
175
|
+
? '<tr><td colspan="6" class="empty">No agents registered</td></tr>'
|
|
176
|
+
: agents.map(a => {
|
|
177
|
+
const caps = JSON.parse(a.capabilities || '[]');
|
|
178
|
+
return `<tr><td>${esc(a.agent_type)}</td><td>${caps.map(c=>`<span class="badge-sm badge-blue">${esc(c)}</span>`).join(' ')}</td><td>${statusBadge(a.status)}</td><td>${a.tasks_completed||0}</td><td>${Math.round((a.success_rate||0)*100)}%</td><td>${a.avg_duration_ms ? Math.round(a.avg_duration_ms)+'ms' : '-'}</td></tr>`;
|
|
179
|
+
}).join('');
|
|
180
|
+
} catch(e) { console.error('Agents refresh failed:', e); }
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
// ─── Edge ──────────────────────────────────────────────────────
|
|
184
|
+
async function refreshEdge() {
|
|
185
|
+
try {
|
|
186
|
+
const [nodesData, statsData] = await Promise.all([
|
|
187
|
+
fetch(`${API}/edge/nodes?siteId=default`).then(r=>r.json()),
|
|
188
|
+
fetch(`${API}/edge/stats?siteId=default`).then(r=>r.json())
|
|
189
|
+
]);
|
|
190
|
+
document.getElementById('edge-stats').innerHTML = `
|
|
191
|
+
<div class="stat-card"><div class="value">${statsData.onlineNodes||0}</div><div class="label">Online Nodes</div></div>
|
|
192
|
+
<div class="stat-card"><div class="value">${statsData.queuedTasks||0}</div><div class="label">Queued Tasks</div></div>
|
|
193
|
+
<div class="stat-card"><div class="value">${statsData.completedTasks||0}</div><div class="label">Completed Tasks</div></div>
|
|
194
|
+
<div class="stat-card"><div class="value">${statsData.activeSwarms||0}</div><div class="label">Swarms</div></div>
|
|
195
|
+
`;
|
|
196
|
+
const nodes = nodesData.nodes || [];
|
|
197
|
+
document.getElementById('edge-table').innerHTML = nodes.length === 0
|
|
198
|
+
? '<tr><td colspan="7" class="empty">No edge nodes registered</td></tr>'
|
|
199
|
+
: nodes.map(n => {
|
|
200
|
+
const hw = typeof n.hardware_profile === 'object' ? n.hardware_profile : JSON.parse(n.hardware_profile || '{}');
|
|
201
|
+
const hwStr = [hw.cpuCores ? hw.cpuCores+' cores' : '', hw.ramGB ? hw.ramGB+'GB RAM' : '', hw.gpuName||''].filter(Boolean).join(', ') || '-';
|
|
202
|
+
const loadPct = n.capacity > 0 ? Math.round((n.current_load/n.capacity)*100) : 0;
|
|
203
|
+
return `<tr><td>${esc(n.hostname)}</td><td>${esc(n.node_type)}</td><td>${esc(hwStr)}</td><td><div class="progress"><div class="progress-bar" style="width:${loadPct}%;background:${loadPct>80?'#f87171':'#4fc3f7'}"></div></div> ${loadPct}%</td><td>${n.tasks_completed||0}</td><td>${statusBadge(n.status)}</td><td>${esc(n.last_heartbeat)}</td></tr>`;
|
|
204
|
+
}).join('');
|
|
205
|
+
} catch(e) { console.error('Edge refresh failed:', e); }
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
// ─── Local AI ──────────────────────────────────────────────────
|
|
209
|
+
async function refreshLocalAI() {
|
|
210
|
+
try {
|
|
211
|
+
const [modelsData, statsData] = await Promise.all([
|
|
212
|
+
fetch(`${API}/local-ai/models?siteId=default`).then(r=>r.json()),
|
|
213
|
+
fetch(`${API}/local-ai/stats?siteId=default`).then(r=>r.json())
|
|
214
|
+
]);
|
|
215
|
+
document.getElementById('localai-stats').innerHTML = `
|
|
216
|
+
<div class="stat-card"><div class="value">${statsData.availableModels||0}</div><div class="label">Available Models</div></div>
|
|
217
|
+
<div class="stat-card"><div class="value">${statsData.totalRequests||0}</div><div class="label">Total Requests</div></div>
|
|
218
|
+
<div class="stat-card"><div class="value">${statsData.totalTokens||0}</div><div class="label">Total Tokens</div></div>
|
|
219
|
+
<div class="stat-card"><div class="value">${statsData.avgLatency||0}ms</div><div class="label">Avg Latency</div></div>
|
|
220
|
+
`;
|
|
221
|
+
const models = modelsData.models || [];
|
|
222
|
+
document.getElementById('localai-table').innerHTML = models.length === 0
|
|
223
|
+
? '<tr><td colspan="7" class="empty">No local AI models — run discovery to detect</td></tr>'
|
|
224
|
+
: models.map(m => {
|
|
225
|
+
const caps = (Array.isArray(m.capabilities) ? m.capabilities : JSON.parse(m.capabilities || '["text"]'));
|
|
226
|
+
return `<tr><td>${esc(m.model_name)}</td><td>${esc(m.provider)}</td><td>${caps.map(c=>`<span class="badge-sm badge-blue">${esc(c)}</span>`).join(' ')}</td><td>${(m.context_window||4096).toLocaleString()}</td><td>${m.total_requests||0}</td><td>${m.avg_latency_ms ? Math.round(m.avg_latency_ms)+'ms' : '-'}</td><td>${statusBadge(m.status)}</td></tr>`;
|
|
227
|
+
}).join('');
|
|
228
|
+
} catch(e) { console.error('LocalAI refresh failed:', e); }
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
// Initial load + auto-refresh
|
|
232
|
+
refreshOverview(); refreshMissions(); refreshAgents(); refreshEdge(); refreshLocalAI();
|
|
233
|
+
setInterval(() => {
|
|
234
|
+
const active = document.querySelector('.tab.active')?.dataset?.tab;
|
|
235
|
+
if (active === 'overview') refreshOverview();
|
|
236
|
+
else if (active === 'missions') refreshMissions();
|
|
237
|
+
else if (active === 'agents') refreshAgents();
|
|
238
|
+
else if (active === 'edge') refreshEdge();
|
|
239
|
+
else if (active === 'localai') refreshLocalAI();
|
|
240
|
+
}, 10000);
|
|
241
|
+
</script>
|
|
242
|
+
</body>
|
|
243
|
+
</html>
|