icdev 0.0.3__py3-none-any.whl

tools/dashboard/templates/agent_evolution.html

@@ -0,0 +1,287 @@
+{% extends "base.html" %}
+{% block title %}Agent Evolution — {{ app_name }}{% endblock %}
+{% block content %}
+<h1>Agent Evolution Dashboard</h1>
+<div class="intro-panel">
+    <h2>Phase 4: Agent Evolution — A2A, MCP, Trust</h2>
+    <p>ATLAS saga coordination, CSA trust tiers, peer-to-peer agent channels,
+       and lazy MCP tool loading for reduced context window usage.</p>
+</div>
+
+<!-- Tab buttons -->
+<div style="display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap;">
+    <button class="btn btn-primary tab-btn active" onclick="switchTab('saga')">ATLAS Sagas</button>
+    <button class="btn btn-primary tab-btn" onclick="switchTab('trust')">Trust Tiers</button>
+    <button class="btn btn-primary tab-btn" onclick="switchTab('peer')">Peer Channels</button>
+    <button class="btn btn-primary tab-btn" onclick="switchTab('mcp')">MCP Registry</button>
+</div>
+
+<!-- ═══════════════ Saga Panel ═══════════════ -->
+<div id="panel-saga" class="tab-panel">
+    <div class="stat-grid">
+        <div class="stat-card"><div class="label">ATLAS Phases</div><div class="value purple">6</div></div>
+        <div class="stat-card"><div class="label">Active Sagas</div><div class="value blue" id="saga-active">—</div></div>
+        <div class="stat-card"><div class="label">Completed</div><div class="value green" id="saga-completed">—</div></div>
+        <div class="stat-card"><div class="label">Failed</div><div class="value red" id="saga-failed">—</div></div>
+    </div>
+    <div style="display:flex;gap:8px;margin-bottom:16px;">
+        <button class="btn btn-primary" id="saga-load-btn" onclick="loadSagas()">Load Sagas</button>
+        <button class="btn btn-success" onclick="createSaga()">Create New Saga</button>
+    </div>
+    <table id="saga-table">
+        <thead><tr><th>Saga ID</th><th>Project</th><th>Status</th><th>Current Phase</th><th>Steps</th><th>Created</th></tr></thead>
+        <tbody id="saga-tbody"></tbody>
+    </table>
+    <h2 style="margin-top:24px;">ATLAS Phase Compensations</h2>
+    <table style="margin-top:8px;">
+        <thead><tr><th>Phase</th><th>Action</th><th>Compensation (Rollback)</th></tr></thead>
+        <tbody>
+            <tr><td>model</td><td>Import SysML/ReqIF</td><td>Remove imported model elements</td></tr>
+            <tr><td>architect</td><td>System design, decompose</td><td>Archive design artifacts</td></tr>
+            <tr><td>trace</td><td>Traceability matrix</td><td>Remove trace links</td></tr>
+            <tr><td>link</td><td>Wire components, DI</td><td>Unregister components</td></tr>
+            <tr><td>assemble</td><td>Build, test, integrate</td><td>Rollback to pre-build state</td></tr>
+            <tr><td>stress_test</td><td>Load test, security scan</td><td>Mark results as invalidated</td></tr>
+        </tbody>
+    </table>
+</div>
+
+<!-- ═══════════════ Trust Panel ═══════════════ -->
+<div id="panel-trust" class="tab-panel" style="display:none;">
+    <div class="stat-grid">
+        <div class="stat-card"><div class="label">CSA ATF Tiers</div><div class="value purple">4</div></div>
+        <div class="stat-card"><div class="label">Total Agents</div><div class="value blue" id="trust-total">12</div></div>
+        <div class="stat-card"><div class="label">Avg Trust Score</div><div class="value green" id="trust-avg">—</div></div>
+        <div class="stat-card"><div class="label">Decay Rate</div><div class="value orange">5%/week</div></div>
+    </div>
+    <button class="btn btn-primary" id="trust-load-btn" onclick="loadTrust()">Load Trust Scores</button>
+    <table id="trust-table" style="margin-top:16px;">
+        <thead><tr><th>Agent</th><th>Trust Score</th><th>Trust Level</th><th>CSA Tier</th><th>Permissions</th></tr></thead>
+        <tbody id="trust-tbody"></tbody>
+    </table>
+    <h2 style="margin-top:24px;">CSA ATF Tier Definitions</h2>
+    <div class="agent-grid" style="margin-top:12px;">
+        <div class="agent-card">
+            <div class="agent-name">Intern</div>
+            <div class="agent-role">Score &lt; 0.40</div>
+            <div style="font-size:12px;color:var(--text-dim);margin-top:8px;">Read-only, observe only. No autonomous actions.</div>
+        </div>
+        <div class="agent-card">
+            <div class="agent-name">Junior</div>
+            <div class="agent-role">Score 0.40 – 0.64</div>
+            <div style="font-size:12px;color:var(--text-dim);margin-top:8px;">Can recommend actions. Requires approval for execution.</div>
+        </div>
+        <div class="agent-card">
+            <div class="agent-name">Senior</div>
+            <div class="agent-role">Score 0.65 – 0.84</div>
+            <div style="font-size:12px;color:var(--text-dim);margin-top:8px;">Execute pre-approved action types autonomously.</div>
+        </div>
+        <div class="agent-card">
+            <div class="agent-name">Principal</div>
+            <div class="agent-role">Score ≥ 0.85</div>
+            <div style="font-size:12px;color:var(--text-dim);margin-top:8px;">Full autonomy within bounded context.</div>
+        </div>
+    </div>
+</div>
+
+<!-- ═══════════════ Peer Channels Panel ═══════════════ -->
+<div id="panel-peer" class="tab-panel" style="display:none;">
+    <div class="stat-grid">
+        <div class="stat-card"><div class="label">Authorized Pairs</div><div class="value purple" id="peer-pairs">5</div></div>
+        <div class="stat-card"><div class="label">Active Channels</div><div class="value blue" id="peer-channels">—</div></div>
+        <div class="stat-card"><div class="label">Total Messages</div><div class="value green" id="peer-messages">—</div></div>
+        <div class="stat-card"><div class="label">Channel Status</div><div class="value" id="peer-status" style="font-size:14px;">—</div></div>
+    </div>
+    <button class="btn btn-primary" id="peer-load-btn" onclick="loadPeers()">Load Channels</button>
+    <table id="peer-table" style="margin-top:16px;">
+        <thead><tr><th>Channel</th><th>Source Agent</th><th>Target Agent</th><th>Messages</th><th>Created</th></tr></thead>
+        <tbody id="peer-tbody"></tbody>
+    </table>
+    <h2 style="margin-top:24px;">Authorized Peer Pairs</h2>
+    <div class="agent-grid" style="margin-top:12px;">
+        <div class="agent-card"><div class="agent-name">Security ↔ Compliance</div><div class="agent-role">Threat models, control mapping</div></div>
+        <div class="agent-card"><div class="agent-name">Builder ↔ Knowledge</div><div class="agent-role">Self-healing patterns, recommendations</div></div>
+        <div class="agent-card"><div class="agent-name">Requirements ↔ Simulation</div><div class="agent-role">COA generation, Monte Carlo</div></div>
+        <div class="agent-card"><div class="agent-name">MBSE ↔ Requirements</div><div class="agent-role">Digital thread, model tracing</div></div>
+        <div class="agent-card"><div class="agent-name">DevSecOps ↔ CloudForge</div><div class="agent-role">Pipeline security, runbook generation</div></div>
+    </div>
+</div>
+
+<!-- ═══════════════ MCP Registry Panel ═══════════════ -->
+<div id="panel-mcp" class="tab-panel" style="display:none;">
+    <div class="stat-grid">
+        <div class="stat-card"><div class="label">MCP Servers</div><div class="value purple">12</div></div>
+        <div class="stat-card"><div class="label">Total Tools</div><div class="value blue" id="mcp-total">—</div></div>
+        <div class="stat-card"><div class="label">Purpose Categories</div><div class="value green">11</div></div>
+        <div class="stat-card"><div class="label">Avg Context Savings</div><div class="value orange" id="mcp-savings">—</div></div>
+    </div>
+    <div style="display:flex;gap:8px;margin-bottom:16px;align-items:center;">
+        <button class="btn btn-primary" id="mcp-load-btn" onclick="loadMCP()">Load All Tools</button>
+        <select id="mcp-purpose" class="nl-input" style="max-width:200px;padding:8px;">
+            <option value="">Select purpose...</option>
+            <option value="compliance">compliance</option>
+            <option value="security">security</option>
+            <option value="build">build</option>
+            <option value="requirements">requirements</option>
+            <option value="deploy">deploy</option>
+            <option value="monitor">monitor</option>
+            <option value="design">design</option>
+            <option value="mbse">mbse</option>
+            <option value="govcon">govcon</option>
+            <option value="test">test</option>
+            <option value="general">general</option>
+        </select>
+        <button class="btn btn-primary" onclick="loadMCPPurpose()">Filter by Purpose</button>
+    </div>
+    <div id="mcp-content"></div>
+</div>
+
+<script>
+// ── Tab switching ────────────────────────────────────────
+function switchTab(tab) {
+    document.querySelectorAll('.tab-panel').forEach(p => p.style.display = 'none');
+    document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
+    document.getElementById('panel-' + tab).style.display = 'block';
+    event.target.classList.add('active');
+}
+
+// ── Sagas ────────────────────────────────────────────────
+function loadSagas() {
+    fetch('/api/agent-evolution/sagas?project_id=sparkpilot').then(r => r.json()).then(d => {
+        const sagas = d.sagas || [];
+        const active = sagas.filter(s => s.status === 'running').length;
+        const completed = sagas.filter(s => s.status === 'completed').length;
+        const failed = sagas.filter(s => ['failed','compensated'].includes(s.status)).length;
+        document.getElementById('saga-active').textContent = active;
+        document.getElementById('saga-completed').textContent = completed;
+        document.getElementById('saga-failed').textContent = failed;
+
+        const tbody = document.getElementById('saga-tbody');
+        tbody.innerHTML = '';
+        if (sagas.length === 0) {
+            tbody.innerHTML = '<tr><td colspan="6" class="empty">No sagas found. Create one to begin.</td></tr>';
+            return;
+        }
+        sagas.forEach(s => {
+            const badge = s.status === 'completed' ? 'badge-green' : s.status === 'running' ? 'badge-blue' : s.status === 'created' ? 'badge-gray' : 'badge-red';
+            const steps = (s.steps || []);
+            const completedSteps = steps.filter(st => st.status === 'completed').length;
+            const currentPhase = steps.find(st => st.status === 'running') || steps.find(st => st.status === 'pending') || {};
+            tbody.innerHTML += `<tr>
+                <td style="font-size:12px;">${(s.saga_id || '').substring(0, 12)}...</td>
+                <td>${s.project_id || '—'}</td>
+                <td><span class="badge ${badge}">${s.status}</span></td>
+                <td>${currentPhase.phase || '—'}</td>
+                <td>${completedSteps}/${steps.length}</td>
+                <td style="font-size:12px;">${s.created_at || '—'}</td>
+            </tr>`;
+        });
+    }).catch(e => console.error('Saga load error:', e));
+}
+
+function createSaga() {
+    fetch('/api/agent-evolution/sagas', {
+        method: 'POST',
+        headers: {'Content-Type': 'application/json'},
+        body: JSON.stringify({project_id: 'sparkpilot'})
+    }).then(r => r.json()).then(d => {
+        loadSagas();
+    }).catch(e => console.error('Saga create error:', e));
+}
+
+// ── Trust ────────────────────────────────────────────────
+function loadTrust() {
+    fetch('/api/agent-evolution/trust').then(r => r.json()).then(d => {
+        const agents = d.agents || [];
+        document.getElementById('trust-total').textContent = agents.length;
+        const avg = agents.length > 0 ? agents.reduce((s, a) => s + (a.trust_score || 0), 0) / agents.length : 0;
+        document.getElementById('trust-avg').textContent = avg.toFixed(2);
+
+        const tbody = document.getElementById('trust-tbody');
+        tbody.innerHTML = '';
+        agents.forEach(a => {
+            const score = a.trust_score || 0;
+            const level = a.trust_level || 'unknown';
+            const tier = a.csa_tier || '—';
+            const perms = (a.permissions || []).join(', ') || '—';
+            const levelBadge = level === 'normal' ? 'badge-green' : level === 'degraded' ? 'badge-orange' : 'badge-red';
+            const tierBadge = tier === 'Principal' ? 'badge-purple' : tier === 'Senior' ? 'badge-blue' : tier === 'Junior' ? 'badge-orange' : 'badge-gray';
+            tbody.innerHTML += `<tr>
+                <td>${a.agent_id}</td>
+                <td>${score.toFixed(2)}</td>
+                <td><span class="badge ${levelBadge}">${level}</span></td>
+                <td><span class="badge ${tierBadge}">${tier}</span></td>
+                <td style="font-size:12px;">${perms}</td>
+            </tr>`;
+        });
+    }).catch(e => console.error('Trust load error:', e));
+}
+
+// ── Peer Channels ────────────────────────────────────────
+function loadPeers() {
+    fetch('/api/agent-evolution/peers').then(r => r.json()).then(d => {
+        const channels = d.channels || [];
+        const stats = d.stats || {};
+        document.getElementById('peer-channels').textContent = channels.length;
+        document.getElementById('peer-messages').textContent = stats.total_messages || 0;
+        document.getElementById('peer-status').textContent = channels.length > 0 ? 'Active' : 'Idle';
+        document.getElementById('peer-status').className = 'value ' + (channels.length > 0 ? 'green' : 'orange');
+
+        const tbody = document.getElementById('peer-tbody');
+        tbody.innerHTML = '';
+        if (channels.length === 0) {
+            tbody.innerHTML = '<tr><td colspan="5" class="empty">No active peer channels. Messages create channels on demand.</td></tr>';
+            return;
+        }
+        channels.forEach(c => {
+            tbody.innerHTML += `<tr>
+                <td style="font-size:12px;">${(c.channel_id || '').substring(0, 12)}...</td>
+                <td>${c.source_agent}</td>
+                <td>${c.target_agent}</td>
+                <td>${c.message_count || 0}</td>
+                <td style="font-size:12px;">${c.created_at || '—'}</td>
+            </tr>`;
+        });
+    }).catch(e => console.error('Peer load error:', e));
+}
+
+// ── MCP Registry ─────────────────────────────────────────
+function loadMCP() {
+    fetch('/api/agent-evolution/mcp').then(r => r.json()).then(d => {
+        document.getElementById('mcp-total').textContent = d.total_tools || 0;
+        renderMCPServers(d.servers || []);
+        // Calculate avg savings
+        document.getElementById('mcp-savings').textContent = '~60%';
+    }).catch(e => console.error('MCP load error:', e));
+}
+
+function loadMCPPurpose() {
+    const purpose = document.getElementById('mcp-purpose').value;
+    if (!purpose) { loadMCP(); return; }
+    fetch('/api/agent-evolution/mcp?purpose=' + purpose).then(r => r.json()).then(d => {
+        document.getElementById('mcp-total').textContent = d.total_tools || 0;
+        renderMCPServers(d.servers || []);
+        const savings = d.savings || {};
+        document.getElementById('mcp-savings').textContent = (savings.savings_pct || 0) + '%';
+    }).catch(e => console.error('MCP purpose error:', e));
+}
+
+function renderMCPServers(servers) {
+    const content = document.getElementById('mcp-content');
+    let html = '<div class="agent-grid">';
+    servers.forEach(s => {
+        const tools = (s.tools || []).join(', ');
+        html += `<div class="agent-card">
+            <div class="agent-name">${s.name}</div>
+            <div class="agent-role">${(s.tools || []).length} tools</div>
+            <div style="font-size:11px;color:var(--text-dim);margin-top:8px;word-break:break-all;">${tools}</div>
+        </div>`;
+    });
+    html += '</div>';
+    content.innerHTML = html;
+}
+
+// Auto-load sagas on page load
+document.addEventListener('DOMContentLoaded', loadSagas);
+</script>
+{% endblock %}

tools/dashboard/templates/agents/list.html

@@ -0,0 +1,71 @@
+{% extends "base.html" %}
+{% block title %}Agents - ICDEV Dashboard{% endblock %}
+
+{% block content %}
+<div class="page-header">
+    <div class="breadcrumbs">
+        <a href="/">Home</a>
+        <span class="separator">/</span>
+        <span class="current">Agents</span>
+    </div>
+    <h1>Agent Registry</h1>
+    <p class="subtitle"><span data-glossary="A2A">A2A</span> agent fleet status and health</p>
+</div>
+
+<!-- Summary -->
+<div class="stat-grid mb-3">
+    <div class="stat-card">
+        <div class="stat-value text-green">{{ active_count }}</div>
+        <div class="stat-label">Active Agents</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-value {% if inactive_count > 0 %}text-red{% else %}text-green{% endif %}">{{ inactive_count }}</div>
+        <div class="stat-label">Inactive Agents</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-value text-blue">{{ agents|length }}</div>
+        <div class="stat-label">Total Agents</div>
+    </div>
+</div>
+
+<!-- Agent Cards -->
+<div class="agent-grid">
+    {% for agent in agents %}
+    <div class="agent-card">
+        <div class="agent-card-header">
+            {% if agent.status == 'active' %}
+            <span class="status-dot green"></span>
+            {% else %}
+            <span class="status-dot red"></span>
+            {% endif %}
+            <h3>{{ agent.name }}</h3>
+            <span class="badge badge-{{ agent.status }}">{{ agent.status }}</span>
+        </div>
+        <div class="agent-card-body">
+            {{ agent.description or 'No description available.' }}
+        </div>
+        <div class="agent-card-meta">
+            <span>
+                {% if agent.last_heartbeat %}
+                Last heartbeat: <span data-timestamp="{{ agent.last_heartbeat }}" data-timestamp-format="ago">{{ agent.last_heartbeat | friendly_time }}</span>
+                {% else %}
+                No heartbeat recorded
+                {% endif %}
+            </span>
+            <span>
+                {% if agent.active_task_count > 0 %}
+                <span class="text-blue">{{ agent.active_task_count }} active task{{ 's' if agent.active_task_count != 1 }}</span>
+                {% else %}
+                <span class="text-muted">No active tasks</span>
+                {% endif %}
+            </span>
+        </div>
+    </div>
+    {% else %}
+    <div class="card">
+        <div class="card-label">No Agents</div>
+        <div class="card-footer">No agents have been registered in the system.</div>
+    </div>
+    {% endfor %}
+</div>
+{% endblock %}

tools/dashboard/templates/agents.html

@@ -0,0 +1,132 @@
+{% extends "base.html" %}
+{% block title %}SparkPilot — AI Agents{% endblock %}
+{% block content %}
+<h1>AI Agents & LLM Orchestration</h1>
+
+<div class="intro-panel">
+    <div class="intro-icon">🤖</div>
+    <h2>How SparkPilot Uses AI</h2>
+    <p>SparkPilot has <strong>{{ stats.total_agents }} specialized AI agents</strong> that work together behind the scenes.
+       When you type a command like "Blink an LED", the <strong>Orchestrator</strong> parses it, the <strong>Embedded Builder</strong>
+       generates FreeRTOS code, and the <strong>Knowledge Agent</strong> provides best practices. You don't need to manage
+       these agents — they coordinate automatically!</p>
+    <div class="intro-steps">
+        <div class="intro-step">
+            <div class="step-num">1</div>
+            <div class="step-text">You type a command</div>
+        </div>
+        <div class="intro-step">
+            <div class="step-num">2</div>
+            <div class="step-text">Orchestrator routes it</div>
+        </div>
+        <div class="intro-step">
+            <div class="step-num">3</div>
+            <div class="step-text">Builder generates code</div>
+        </div>
+        <div class="intro-step">
+            <div class="step-num">4</div>
+            <div class="step-text">Code runs on device</div>
+        </div>
+    </div>
+</div>
+
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="label">Active Agents</div>
+        <div class="value green">{{ stats.active_agents }}</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">Total Agents</div>
+        <div class="value blue">{{ stats.total_agents }}</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">NL Commands Processed</div>
+        <div class="value purple">{{ stats.nl_commands }}</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">AI Crash Analyses</div>
+        <div class="value orange">{{ stats.crash_analyses }}</div>
+    </div>
+</div>
+
+<h2>Agent Registry</h2>
+<div class="info-callout">
+    <strong>Green dot</strong> = agent is actively processing requests.
+    <strong>Yellow dot</strong> = agent is on standby (Pro Mode feature, activates when needed).
+</div>
+<div class="agent-grid" style="margin-bottom:24px;">
+    {% for a in agents %}
+    <div class="agent-card">
+        <div class="agent-status {{ a.status }}"></div>
+        <div class="agent-name">{{ a.name }}</div>
+        <div class="agent-role">{{ a.role }}</div>
+        <div class="agent-meta">
+            <span class="badge badge-{% if a.tier == 'Core' %}blue{% elif a.tier == 'Domain' %}purple{% else %}gray{% endif %}">{{ a.tier }}</span>
+            <span style="color:var(--text-dim);">Port {{ a.port }}</span>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+
+<h2>How Agents Collaborate</h2>
+<div class="card" style="margin-bottom:24px;">
+    <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;">
+        <div>
+            <div style="font-size:14px;font-weight:600;margin-bottom:8px;color:var(--accent);">Natural Language → Code</div>
+            <div style="font-size:13px;color:var(--text-dim);">
+                You say "Blink an LED every 2 seconds". The Orchestrator understands your intent,
+                the Embedded Builder generates FreeRTOS C code with proper tasks and delays,
+                and the Simulator runs it instantly in your browser.
+            </div>
+        </div>
+        <div>
+            <div style="font-size:14px;font-weight:600;margin-bottom:8px;color:var(--success);">Self-Healing Firmware</div>
+            <div style="font-size:13px;color:var(--text-dim);">
+                When a device crashes, the Knowledge Agent analyzes the crash dump (HardFault,
+                stack overflow, watchdog timeout), identifies the root cause, and the Builder
+                generates a fix — all automatically.
+            </div>
+        </div>
+        <div>
+            <div style="font-size:14px;font-weight:600;margin-bottom:8px;color:var(--accent2);">Edge AI Deployment</div>
+            <div style="font-size:13px;color:var(--text-dim);">
+                The Edge AI Agent manages TFLite Micro models on your devices.
+                It handles model conversion, deployment, and monitors inference
+                performance (latency, accuracy, memory usage).
+            </div>
+        </div>
+        <div>
+            <div style="font-size:14px;font-weight:600;margin-bottom:8px;color:var(--warning);">Fleet Coordination</div>
+            <div style="font-size:13px;color:var(--text-dim);">
+                The Fleet Manager coordinates OTA firmware updates across multiple devices.
+                It uses canary deployments (10% → 50% → 100%) with a 72-hour stability
+                window to ensure safe rollouts.
+            </div>
+        </div>
+    </div>
+</div>
+
+<h2>Recent LLM Activity</h2>
+{% if nl_commands %}
+<table>
+    <thead><tr><th>Time</th><th>Command</th><th>Board</th><th>Agent</th><th>Status</th></tr></thead>
+    <tbody>
+    {% for c in nl_commands %}
+        <tr>
+            <td>{{ c.created_at[:19] if c.created_at else '—' }}</td>
+            <td style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{ c.command or '—' }}</td>
+            <td>{{ c.board or 'simulator' }}</td>
+            <td><span class="badge badge-blue">Orchestrator → Builder</span></td>
+            <td><span class="badge badge-green">Completed</span></td>
+        </tr>
+    {% endfor %}
+    </tbody>
+</table>
+{% else %}
+<div class="empty">
+    <div style="font-size:32px;margin-bottom:8px;">💬</div>
+    <div>No LLM activity yet. Go to <a href="/" style="color:var(--accent);">Home</a> and try a natural language command!</div>
+    <div style="font-size:13px;margin-top:4px;color:var(--text-dim);">Example: "Blink an LED every 2 seconds" or "Read temperature sensor"</div>
+</div>
+{% endif %}
+{% endblock %}