@sentinel-atl/dashboard 0.1.1

package/README.md

@@ -0,0 +1,51 @@
+# @sentinel-atl/dashboard
+
+Web dashboard for visualizing trust graphs, reputation scores, delegation chains, and audit logs.
+
+## Features
+
+- **Trust graph** — interactive SVG visualization of agent nodes and trust edges
+- **Reputation cards** — color-coded score bars per agent
+- **Audit trail** — real-time table of last 20 events
+- **Revocation stats** — revoked VCs, DIDs, and kill events
+- **Offline indicator** — shows connectivity status
+- **Zero dependencies** — embedded HTML/CSS/JS, dark theme, auto-refresh every 5s
+
+## Install
+
+```bash
+npm install @sentinel-atl/dashboard
+```
+
+## Quick Start
+
+```ts
+import { createDashboard, buildDashboardData } from '@sentinel-atl/dashboard';
+
+const server = await createDashboard({
+  port: 3000,
+  title: 'My Trust Dashboard',
+  getData: async () => buildDashboardData({
+    nodes: [{ id: 'did:key:z6Mk...', label: 'Agent A', type: 'agent' }],
+    edges: [{ from: 'did:key:z6MkA...', to: 'did:key:z6MkB...', label: 'trusts', weight: 0.9 }],
+    auditLog,
+    revocationManager,
+    offlineManager,
+  }),
+});
+
+const { url } = await server.start();
+console.log(`Dashboard: ${url}`);
+```
+
+## API
+
+| Export | Description |
+|---|---|
+| `createDashboard(config)` | Factory — creates a `DashboardServer` |
+| `DashboardServer` | HTTP server serving the dashboard UI |
+| `buildDashboardData(options)` | Build dashboard data from Sentinel components |
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,104 @@
+/**
+ * @sentinel-atl/dashboard — Trust Visualization Dashboard
+ *
+ * A lightweight, zero-dependency web dashboard for visualizing:
+ *
+ * 1. **Trust Graph** — Agent DIDs as nodes, handshakes/delegations as edges
+ * 2. **Reputation Scores** — Real-time score cards with vouch history
+ * 3. **Delegation Chains** — Tree view of scope narrowing through delegation
+ * 4. **Audit Trail** — Searchable, filterable event log with hash-chain status
+ * 5. **Revocation Status** — Live view of revoked VCs/DIDs and kill events
+ * 6. **Offline Status** — Cache stats, pending transactions, CRDT state
+ *
+ * The dashboard serves a single HTML page with embedded CSS/JS.
+ * No build step, no bundler, no React — just Node.js HTTP.
+ *
+ * Blueprint ref: Phase 3, Milestone 3c (Dashboard)
+ */
+import type { ReputationScore } from '@sentinel-atl/reputation';
+import type { AuditLog } from '@sentinel-atl/audit';
+import type { RevocationManager } from '@sentinel-atl/revocation';
+import type { OfflineManager } from '@sentinel-atl/offline';
+export interface TrustGraphNode {
+    did: string;
+    label: string;
+    type: 'principal' | 'agent' | 'sub-agent';
+    reputation?: ReputationScore;
+    revoked?: boolean;
+}
+export interface TrustGraphEdge {
+    from: string;
+    to: string;
+    type: 'authorization' | 'delegation' | 'handshake' | 'vouch';
+    label?: string;
+    scope?: string[];
+}
+export interface DashboardData {
+    nodes: TrustGraphNode[];
+    edges: TrustGraphEdge[];
+    auditEntries: AuditEntry[];
+    revocationStats: {
+        revokedVCs: number;
+        revokedDIDs: number;
+        killEvents: number;
+    };
+    offlineStats?: {
+        vcCacheSize: number;
+        reputationCacheSize: number;
+        pendingTransactions: number;
+        crdtEntries: number;
+        isOnline: boolean;
+    };
+}
+export interface AuditEntry {
+    timestamp: string;
+    eventType: string;
+    actorDid: string;
+    targetDid?: string;
+    result: string;
+    reason?: string;
+    metadata?: Record<string, unknown>;
+    prevHash?: string;
+}
+export interface DashboardConfig {
+    /** Port to serve on (default: 3000) */
+    port?: number;
+    /** Host to bind to (default: localhost) */
+    host?: string;
+    /** Dashboard title */
+    title?: string;
+    /** Data source — call this to get fresh data */
+    getData: () => Promise<DashboardData> | DashboardData;
+}
+export declare class DashboardServer {
+    private config;
+    private server;
+    constructor(config: DashboardConfig);
+    /**
+     * Start the dashboard server.
+     */
+    start(): Promise<{
+        url: string;
+    }>;
+    /**
+     * Stop the dashboard server.
+     */
+    stop(): Promise<void>;
+    private handleRequest;
+    private renderHTML;
+}
+/**
+ * Create and start a dashboard server.
+ */
+export declare function createDashboard(config: DashboardConfig): Promise<DashboardServer>;
+/**
+ * Helper: build DashboardData from Sentinel components.
+ */
+export declare function buildDashboardData(options: {
+    nodes: TrustGraphNode[];
+    edges: TrustGraphEdge[];
+    auditLog?: AuditLog;
+    revocationManager?: RevocationManager;
+    offlineManager?: OfflineManager;
+}): Promise<DashboardData>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,345 @@
+/**
+ * @sentinel-atl/dashboard — Trust Visualization Dashboard
+ *
+ * A lightweight, zero-dependency web dashboard for visualizing:
+ *
+ * 1. **Trust Graph** — Agent DIDs as nodes, handshakes/delegations as edges
+ * 2. **Reputation Scores** — Real-time score cards with vouch history
+ * 3. **Delegation Chains** — Tree view of scope narrowing through delegation
+ * 4. **Audit Trail** — Searchable, filterable event log with hash-chain status
+ * 5. **Revocation Status** — Live view of revoked VCs/DIDs and kill events
+ * 6. **Offline Status** — Cache stats, pending transactions, CRDT state
+ *
+ * The dashboard serves a single HTML page with embedded CSS/JS.
+ * No build step, no bundler, no React — just Node.js HTTP.
+ *
+ * Blueprint ref: Phase 3, Milestone 3c (Dashboard)
+ */
+import { createServer } from 'node:http';
+// ─── Dashboard Server ────────────────────────────────────────────────
+export class DashboardServer {
+    config;
+    server = null;
+    constructor(config) {
+        this.config = {
+            port: 3000,
+            host: 'localhost',
+            title: 'Sentinel Trust Dashboard',
+            ...config,
+        };
+    }
+    /**
+     * Start the dashboard server.
+     */
+    async start() {
+        return new Promise((resolve) => {
+            this.server = createServer(async (req, res) => {
+                await this.handleRequest(req, res);
+            });
+            this.server.listen(this.config.port, this.config.host, () => {
+                const url = `http://${this.config.host}:${this.config.port}`;
+                resolve({ url });
+            });
+        });
+    }
+    /**
+     * Stop the dashboard server.
+     */
+    async stop() {
+        return new Promise((resolve, reject) => {
+            if (!this.server)
+                return resolve();
+            this.server.close((err) => {
+                if (err)
+                    reject(err);
+                else
+                    resolve();
+            });
+        });
+    }
+    async handleRequest(req, res) {
+        const url = req.url ?? '/';
+        if (url === '/api/data') {
+            try {
+                const data = await this.config.getData();
+                res.writeHead(200, {
+                    'Content-Type': 'application/json',
+                    'Cache-Control': 'no-cache',
+                });
+                res.end(JSON.stringify(data));
+            }
+            catch (err) {
+                res.writeHead(500, { 'Content-Type': 'application/json' });
+                res.end(JSON.stringify({ error: 'Failed to load data' }));
+            }
+            return;
+        }
+        // Serve the dashboard HTML
+        res.writeHead(200, {
+            'Content-Type': 'text/html; charset=utf-8',
+            'Cache-Control': 'no-cache',
+        });
+        res.end(this.renderHTML());
+    }
+    renderHTML() {
+        return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>${escapeHtml(this.config.title)}</title>
+<style>
+:root {
+  --bg: #0d1117; --surface: #161b22; --border: #30363d;
+  --text: #e6edf3; --muted: #8b949e; --accent: #58a6ff;
+  --green: #3fb950; --red: #f85149; --yellow: #d29922; --purple: #bc8cff;
+}
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+  background: var(--bg); color: var(--text); line-height: 1.5; }
+.header { background: var(--surface); border-bottom: 1px solid var(--border);
+  padding: 16px 24px; display: flex; align-items: center; gap: 12px; }
+.header h1 { font-size: 20px; font-weight: 600; }
+.header .shield { font-size: 24px; }
+.header .status { margin-left: auto; font-size: 13px; padding: 4px 12px;
+  border-radius: 12px; font-weight: 500; }
+.header .status.online { background: #0d1f0d; color: var(--green); }
+.header .status.offline { background: #2d1515; color: var(--red); }
+.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
+  padding: 24px; max-width: 1400px; margin: 0 auto; }
+.card { background: var(--surface); border: 1px solid var(--border);
+  border-radius: 8px; padding: 16px; }
+.card h2 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px;
+  color: var(--muted); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
+.card.full { grid-column: 1 / -1; }
+.node { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px;
+  background: var(--bg); border: 1px solid var(--border); border-radius: 6px;
+  margin: 4px; font-size: 13px; }
+.node .icon { font-size: 16px; }
+.node .did { font-family: monospace; font-size: 11px; color: var(--muted); }
+.node.revoked { border-color: var(--red); opacity: 0.6; text-decoration: line-through; }
+.edge { font-size: 12px; color: var(--muted); padding: 4px 0; border-bottom: 1px solid var(--border); }
+.edge .type { font-weight: 600; color: var(--accent); }
+.score-card { display: flex; align-items: center; gap: 12px; padding: 8px 12px;
+  background: var(--bg); border-radius: 6px; margin-bottom: 8px; }
+.score-bar { flex: 1; height: 8px; background: var(--border); border-radius: 4px; overflow: hidden; }
+.score-bar .fill { height: 100%; border-radius: 4px; transition: width 0.3s; }
+.score-val { font-weight: 700; font-size: 18px; min-width: 40px; text-align: right; }
+.audit-row { font-size: 12px; padding: 6px 0; border-bottom: 1px solid var(--border);
+  display: grid; grid-template-columns: 140px 160px 1fr 80px; gap: 8px; align-items: center; }
+.audit-row .ts { color: var(--muted); font-family: monospace; font-size: 11px; }
+.audit-row .event { font-weight: 600; }
+.audit-row .result.success { color: var(--green); }
+.audit-row .result.failure { color: var(--red); }
+.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; }
+.stat { background: var(--bg); border-radius: 6px; padding: 12px; text-align: center; }
+.stat .value { font-size: 28px; font-weight: 700; }
+.stat .label { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; }
+.stat.danger .value { color: var(--red); }
+.stat.warn .value { color: var(--yellow); }
+.stat.good .value { color: var(--green); }
+.graph-canvas { width: 100%; height: 300px; position: relative; }
+.graph-node { position: absolute; padding: 8px 12px; background: var(--bg);
+  border: 2px solid var(--accent); border-radius: 8px; font-size: 12px;
+  cursor: default; text-align: center; z-index: 2; }
+.graph-node.principal { border-color: var(--purple); }
+.graph-node.revoked { border-color: var(--red); opacity: 0.5; }
+svg.graph-edges { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
+svg.graph-edges line { stroke: var(--border); stroke-width: 2; }
+svg.graph-edges line.auth { stroke: var(--purple); }
+svg.graph-edges line.delegation { stroke: var(--accent); }
+svg.graph-edges line.handshake { stroke: var(--green); }
+svg.graph-edges line.vouch { stroke: var(--yellow); stroke-dasharray: 4; }
+.empty { color: var(--muted); font-style: italic; font-size: 13px; padding: 12px; }
+.refresh-btn { background: var(--accent); color: #fff; border: none; padding: 6px 16px;
+  border-radius: 6px; cursor: pointer; font-size: 12px; font-weight: 600; }
+.refresh-btn:hover { opacity: 0.9; }
+@media (max-width: 768px) { .grid { grid-template-columns: 1fr; } }
+</style>
+</head>
+<body>
+<div class="header">
+  <span class="shield">🛡️</span>
+  <h1>${escapeHtml(this.config.title)}</h1>
+  <span id="status" class="status online">● Online</span>
+  <button class="refresh-btn" onclick="loadData()">↻ Refresh</button>
+</div>
+<div class="grid" id="grid">
+  <div class="card"><h2>Loading...</h2></div>
+</div>
+<script>
+let data = null;
+
+async function loadData() {
+  try {
+    const res = await fetch('/api/data');
+    data = await res.json();
+    render();
+  } catch(e) {
+    document.getElementById('grid').innerHTML = '<div class="card full"><h2>⚠ Error loading data</h2></div>';
+  }
+}
+
+function did(d) { return d ? d.slice(0, 20) + '...' : '—'; }
+function escHtml(s) { return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
+
+function scoreColor(s) {
+  if (s >= 70) return 'var(--green)';
+  if (s >= 40) return 'var(--yellow)';
+  return 'var(--red)';
+}
+
+function render() {
+  if (!data) return;
+  const g = document.getElementById('grid');
+  const online = data.offlineStats ? data.offlineStats.isOnline : true;
+  document.getElementById('status').className = 'status ' + (online ? 'online' : 'offline');
+  document.getElementById('status').textContent = online ? '● Online' : '● Offline';
+
+  g.innerHTML = renderStats() + renderGraph() + renderReputation() + renderAudit() + renderRevocation();
+}
+
+function renderStats() {
+  const n = data.nodes.length;
+  const e = data.edges.length;
+  const a = data.auditEntries.length;
+  const rv = data.revocationStats;
+  const off = data.offlineStats;
+  return '<div class="card full"><h2>📊 Overview</h2><div class="stat-grid">'
+    + stat(n, 'Agents', 'good') + stat(e, 'Connections', 'good')
+    + stat(a, 'Audit Events', '') + stat(rv.revokedVCs, 'Revoked VCs', rv.revokedVCs > 0 ? 'danger' : '')
+    + stat(rv.revokedDIDs, 'Revoked DIDs', rv.revokedDIDs > 0 ? 'danger' : '')
+    + stat(rv.killEvents, 'Kill Events', rv.killEvents > 0 ? 'danger' : '')
+    + (off ? stat(off.pendingTransactions, 'Pending Tx', off.pendingTransactions > 0 ? 'warn' : '')
+           + stat(off.crdtEntries, 'CRDT Entries', '') : '')
+    + '</div></div>';
+}
+
+function stat(v, l, cls) {
+  return '<div class="stat ' + cls + '"><div class="value">' + v + '</div><div class="label">' + l + '</div></div>';
+}
+
+function renderGraph() {
+  if (data.nodes.length === 0) return '<div class="card"><h2>🔗 Trust Graph</h2><p class="empty">No agents</p></div>';
+  const W = 600, H = 300;
+  const cx = W/2, cy = H/2;
+  const positions = {};
+  data.nodes.forEach(function(n, i) {
+    const angle = (2 * Math.PI * i) / data.nodes.length - Math.PI/2;
+    const r = Math.min(W, H) * 0.35;
+    positions[n.did] = { x: cx + r * Math.cos(angle), y: cy + r * Math.sin(angle) };
+  });
+
+  let svgLines = '';
+  data.edges.forEach(function(e) {
+    const p1 = positions[e.from]; const p2 = positions[e.to];
+    if (p1 && p2) svgLines += '<line x1="'+p1.x+'" y1="'+p1.y+'" x2="'+p2.x+'" y2="'+p2.y+'" class="'+e.type+'"/>';
+  });
+
+  let nodes = '';
+  data.nodes.forEach(function(n) {
+    const p = positions[n.did];
+    const cls = (n.type === 'principal' ? ' principal' : '') + (n.revoked ? ' revoked' : '');
+    const icon = n.type === 'principal' ? '👤' : '🤖';
+    nodes += '<div class="graph-node' + cls + '" style="left:' + (p.x-40) + 'px;top:' + (p.y-20) + 'px">'
+      + icon + ' ' + escHtml(n.label) + '<br><span style="font-size:10px;color:var(--muted)">' + did(n.did) + '</span></div>';
+  });
+
+  return '<div class="card"><h2>🔗 Trust Graph</h2>'
+    + '<div class="graph-canvas"><svg class="graph-edges" viewBox="0 0 '+W+' '+H+'">' + svgLines + '</svg>' + nodes + '</div></div>';
+}
+
+function renderReputation() {
+  const agents = data.nodes.filter(function(n) { return n.reputation; });
+  if (agents.length === 0) return '<div class="card"><h2>📈 Reputation</h2><p class="empty">No reputation data</p></div>';
+  let html = '<div class="card"><h2>📈 Reputation Scores</h2>';
+  agents.forEach(function(n) {
+    const r = n.reputation;
+    const q = r.isQuarantined ? ' <span style="color:var(--red)">[QUARANTINED]</span>' : '';
+    html += '<div class="score-card"><div style="min-width:120px">' + escHtml(n.label) + q + '</div>'
+      + '<div class="score-bar"><div class="fill" style="width:'+r.score+'%;background:'+scoreColor(r.score)+'"></div></div>'
+      + '<div class="score-val" style="color:'+scoreColor(r.score)+'">' + r.score + '</div></div>';
+  });
+  return html + '</div>';
+}
+
+function renderAudit() {
+  const entries = data.auditEntries.slice(-20).reverse();
+  if (entries.length === 0) return '<div class="card full"><h2>📋 Audit Log</h2><p class="empty">No events</p></div>';
+  let html = '<div class="card full"><h2>📋 Audit Log (last 20)</h2>';
+  html += '<div class="audit-row" style="font-weight:600;color:var(--muted)"><span>Timestamp</span><span>Event</span><span>Actor</span><span>Result</span></div>';
+  entries.forEach(function(e) {
+    const ts = e.timestamp ? new Date(e.timestamp).toLocaleTimeString() : '—';
+    html += '<div class="audit-row"><span class="ts">' + ts + '</span>'
+      + '<span class="event">' + escHtml(e.eventType) + '</span>'
+      + '<span style="font-family:monospace;font-size:11px">' + did(e.actorDid) + '</span>'
+      + '<span class="result ' + e.result + '">' + e.result + '</span></div>';
+  });
+  return html + '</div>';
+}
+
+function renderRevocation() {
+  const rv = data.revocationStats;
+  if (rv.revokedVCs === 0 && rv.revokedDIDs === 0 && rv.killEvents === 0) {
+    return '<div class="card"><h2>🚫 Revocation</h2><p class="empty">No revocations</p></div>';
+  }
+  return '<div class="card"><h2>🚫 Revocation Status</h2><div class="stat-grid">'
+    + stat(rv.revokedVCs, 'Revoked VCs', 'danger')
+    + stat(rv.revokedDIDs, 'Revoked DIDs', 'danger')
+    + stat(rv.killEvents, 'Kill Events', 'danger')
+    + '</div></div>';
+}
+
+loadData();
+setInterval(loadData, 5000);
+</script>
+</body>
+</html>`;
+    }
+}
+function escapeHtml(s) {
+    return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+/**
+ * Create and start a dashboard server.
+ */
+export async function createDashboard(config) {
+    const server = new DashboardServer(config);
+    await server.start();
+    return server;
+}
+/**
+ * Helper: build DashboardData from Sentinel components.
+ */
+export async function buildDashboardData(options) {
+    const auditEntries = [];
+    if (options.auditLog) {
+        const raw = await options.auditLog.readAll();
+        for (const entry of raw) {
+            auditEntries.push({
+                timestamp: entry.timestamp,
+                eventType: entry.eventType,
+                actorDid: entry.actorDid,
+                targetDid: entry.targetDid,
+                result: entry.result,
+                reason: entry.reason,
+                metadata: entry.metadata,
+                prevHash: entry.prevHash,
+            });
+        }
+    }
+    const revocationStats = options.revocationManager
+        ? options.revocationManager.getStats()
+        : { revokedVCs: 0, revokedDIDs: 0, killEvents: 0 };
+    const offlineStats = options.offlineManager
+        ? options.offlineManager.getStats()
+        : undefined;
+    return {
+        nodes: options.nodes,
+        edges: options.edges,
+        auditEntries,
+        revocationStats,
+        offlineStats,
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@sentinel-atl/dashboard",
+  "version": "0.1.1",
+  "description": "Web dashboard for visualizing trust graphs, reputation scores, delegation chains, and audit logs",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "lint": "tsc --noEmit",
+    "clean": "rm -rf dist",
+    "serve": "tsx src/server.ts"
+  },
+  "dependencies": {
+    "@sentinel-atl/core": "*",
+    "@sentinel-atl/reputation": "*",
+    "@sentinel-atl/audit": "*",
+    "@sentinel-atl/revocation": "*",
+    "@sentinel-atl/attestation": "*",
+    "@sentinel-atl/offline": "*"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.0",
+    "vitest": "^3.0.0",
+    "@types/node": "^20.0.0",
+    "tsx": "^4.7.0"
+  },
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sentinel-atl/project-sentinel.git",
+    "directory": "packages/dashboard"
+  },
+  "keywords": [
+    "ai-agent",
+    "trust",
+    "identity",
+    "did",
+    "verifiable-credentials",
+    "mcp",
+    "security"
+  ],
+  "homepage": "https://github.com/sentinel-atl/project-sentinel#readme",
+  "bugs": {
+    "url": "https://github.com/sentinel-atl/project-sentinel/issues"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ]
+}