agentic-flow 2.0.7 → 3.0.0-alpha.2

package/dist/agentic-flow/src/dashboard/demo.js

@@ -0,0 +1,222 @@
+#!/usr/bin/env tsx
+/**
+ * Explainability Dashboard Demo
+ *
+ * Interactive demonstration of the explainability dashboard features.
+ */
+import { ExplainabilityService } from '../services/explainability-service.js';
+import { ExplainabilityDashboard } from './explainability-dashboard.js';
+async function sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
+async function demo() {
+    const service = ExplainabilityService.getInstance();
+    const dashboard = new ExplainabilityDashboard();
+    console.log('╔════════════════════════════════════════════════════════════════════════════════╗');
+    console.log('║ Explainability Dashboard Demo - ADR-066 Phase P2-4                            ║');
+    console.log('╚════════════════════════════════════════════════════════════════════════════════╝');
+    console.log('');
+    console.log('This demo showcases:');
+    console.log('  • Real-time trace collection with <5% overhead');
+    console.log('  • Attention visualization');
+    console.log('  • Decision tree explanations');
+    console.log('  • Performance profiling');
+    console.log('  • Compliance reporting');
+    console.log('');
+    console.log('Press Ctrl+C to exit at any time');
+    console.log('');
+    await sleep(2000);
+    // Demo 1: Create sample traces
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('Demo 1: Creating sample execution traces...');
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('');
+    // Trace 1: Simple task (agent-booster)
+    service.startTrace('demo-trace-1');
+    service.addTraceStep('demo-trace-1', {
+        type: 'input',
+        description: 'Simple variable rename: var to const',
+    });
+    await sleep(10);
+    service.addTraceStep('demo-trace-1', {
+        type: 'decision',
+        description: 'Complexity: 10/100 - Using Agent Booster',
+    });
+    service.addTraceStep('demo-trace-1', {
+        type: 'output',
+        description: 'Completed in 1ms (free)',
+    });
+    service.endTrace('demo-trace-1', 'agent-booster', 0, true);
+    // Trace 2: Medium task (Haiku)
+    service.startTrace('demo-trace-2');
+    service.addTraceStep('demo-trace-2', {
+        type: 'input',
+        description: 'Generate API documentation',
+    });
+    await sleep(20);
+    service.addTraceStep('demo-trace-2', {
+        type: 'decision',
+        description: 'Complexity: 40/100 - Using claude-haiku-4',
+    });
+    service.addTraceStep('demo-trace-2', {
+        type: 'processing',
+        description: 'Analyzing code structure',
+    });
+    await sleep(50);
+    service.addTraceStep('demo-trace-2', {
+        type: 'output',
+        description: 'Generated documentation',
+    });
+    service.endTrace('demo-trace-2', 'claude-haiku-4', 0.002, true);
+    // Trace 3: Complex task (Sonnet)
+    service.startTrace('demo-trace-3');
+    service.addTraceStep('demo-trace-3', {
+        type: 'input',
+        description: 'Refactor authentication system',
+    });
+    await sleep(30);
+    service.addTraceStep('demo-trace-3', {
+        type: 'decision',
+        description: 'Complexity: 75/100 - Using claude-sonnet-4',
+    });
+    service.addTraceStep('demo-trace-3', {
+        type: 'processing',
+        description: 'Analyzing security patterns',
+    });
+    await sleep(100);
+    service.addTraceStep('demo-trace-3', {
+        type: 'output',
+        description: 'Refactored with security improvements',
+    });
+    service.endTrace('demo-trace-3', 'claude-sonnet-4', 0.015, true);
+    console.log('✓ Created 3 sample traces');
+    console.log('');
+    await sleep(1500);
+    // Demo 2: Overview
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('Demo 2: Dashboard Overview');
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('');
+    dashboard.setView('overview');
+    console.log(dashboard.render());
+    console.log('');
+    await sleep(3000);
+    // Demo 3: Trace Detail
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('Demo 3: Trace Detail View');
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('');
+    dashboard.setSelectedTrace('demo-trace-3');
+    dashboard.setView('trace');
+    console.log(dashboard.render());
+    console.log('');
+    await sleep(3000);
+    // Demo 4: Attention Visualization
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('Demo 4: Attention Visualization');
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('');
+    // Add attention visualization
+    service.captureAttention('demo-trace-3', 'Refactor authentication system with JWT and OAuth2', 'Implemented secure authentication with JWT tokens and OAuth2 integration', [
+        {
+            headId: 0,
+            layer: 0,
+            weights: [
+                { token: 'authentication', weight: 0.95, position: 0 },
+                { token: 'JWT', weight: 0.85, position: 1 },
+                { token: 'OAuth2', weight: 0.75, position: 2 },
+                { token: 'secure', weight: 0.65, position: 3 },
+                { token: 'tokens', weight: 0.55, position: 4 },
+            ],
+            topK: ['authentication', 'JWT', 'OAuth2', 'secure', 'tokens'],
+        },
+    ]);
+    dashboard.setView('attention');
+    console.log(dashboard.render());
+    console.log('');
+    await sleep(3000);
+    // Demo 5: Decision Tree
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('Demo 5: Decision Tree Explanation');
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('');
+    // Build decision tree
+    service.buildDecisionTree('demo-trace-3', {
+        nodeId: 'root',
+        decision: 'Analyze task: "Refactor authentication system"',
+        reasoning: 'High-level routing decision',
+        confidence: 1.0,
+        alternatives: [],
+        children: [
+            {
+                nodeId: 'complexity',
+                decision: 'Calculate complexity: 75/100',
+                reasoning: 'Security + Architecture + Integration = High',
+                confidence: 0.9,
+                alternatives: [
+                    { decision: 'Low complexity (30)', confidence: 0.1, reasoning: 'Too complex for simple handling' },
+                ],
+                children: [
+                    {
+                        nodeId: 'model',
+                        decision: 'Select claude-sonnet-4',
+                        reasoning: 'Balance of quality and cost for security work',
+                        confidence: 0.85,
+                        alternatives: [
+                            { decision: 'Use claude-opus-4', confidence: 0.6, reasoning: 'Higher quality but 5x cost' },
+                            { decision: 'Use claude-haiku-4', confidence: 0.3, reasoning: 'May miss security issues' },
+                        ],
+                        children: [],
+                    },
+                ],
+            },
+        ],
+    });
+    dashboard.setView('decision');
+    console.log(dashboard.render());
+    console.log('');
+    await sleep(3000);
+    // Demo 6: Performance Profile
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('Demo 6: Performance Profile');
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('');
+    dashboard.setView('performance');
+    console.log(dashboard.render());
+    console.log('');
+    await sleep(3000);
+    // Demo 7: Compliance Report
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('Demo 7: Compliance Report');
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('');
+    dashboard.setView('compliance');
+    console.log(dashboard.render());
+    console.log('');
+    await sleep(3000);
+    // Demo 8: Metrics
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('Demo 8: Explainability Metrics');
+    console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+    console.log('');
+    const metrics = service.getMetrics();
+    console.log('Final Metrics:');
+    console.log(`  Traces Collected:     ${metrics.tracesCollected}`);
+    console.log(`  Average Overhead:     ${metrics.averageOverheadMs.toFixed(2)}ms`);
+    console.log(`  Overhead Percentage:  ${metrics.overheadPercentage.toFixed(2)}%`);
+    console.log(`  Storage Used:         ${metrics.storageUsedMB.toFixed(2)} MB`);
+    console.log('');
+    if (metrics.overheadPercentage < 5) {
+        console.log('✓ SUCCESS: Overhead is under 5% target!');
+    }
+    else {
+        console.log('⚠ WARNING: Overhead exceeds 5% target');
+    }
+    console.log('');
+    console.log('╔════════════════════════════════════════════════════════════════════════════════╗');
+    console.log('║ Demo Complete!                                                                 ║');
+    console.log('╚════════════════════════════════════════════════════════════════════════════════╝');
+}
+// Run demo
+demo().catch(console.error);
+//# sourceMappingURL=demo.js.map

package/dist/agentic-flow/src/dashboard/demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo.js","sourceRoot":"","sources":["../../../../src/dashboard/demo.ts"],"names":[],"mappings":"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","sourcesContent":["#!/usr/bin/env tsx\n/**\n * Explainability Dashboard Demo\n *\n * Interactive demonstration of the explainability dashboard features.\n */\n\nimport { ExplainabilityService } from '../services/explainability-service.js';\nimport { ExplainabilityDashboard } from './explainability-dashboard.js';\n\nasync function sleep(ms: number): Promise<void> {\n  return new Promise(resolve => setTimeout(resolve, ms));\n}\n\nasync function demo() {\n  const service = ExplainabilityService.getInstance();\n  const dashboard = new ExplainabilityDashboard();\n\n  console.log('╔════════════════════════════════════════════════════════════════════════════════╗');\n  console.log('║ Explainability Dashboard Demo - ADR-066 Phase P2-4                            ║');\n  console.log('╚════════════════════════════════════════════════════════════════════════════════╝');\n  console.log('');\n  console.log('This demo showcases:');\n  console.log('  • Real-time trace collection with <5% overhead');\n  console.log('  • Attention visualization');\n  console.log('  • Decision tree explanations');\n  console.log('  • Performance profiling');\n  console.log('  • Compliance reporting');\n  console.log('');\n  console.log('Press Ctrl+C to exit at any time');\n  console.log('');\n\n  await sleep(2000);\n\n  // Demo 1: Create sample traces\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('Demo 1: Creating sample execution traces...');\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('');\n\n  // Trace 1: Simple task (agent-booster)\n  service.startTrace('demo-trace-1');\n  service.addTraceStep('demo-trace-1', {\n    type: 'input',\n    description: 'Simple variable rename: var to const',\n  });\n  await sleep(10);\n  service.addTraceStep('demo-trace-1', {\n    type: 'decision',\n    description: 'Complexity: 10/100 - Using Agent Booster',\n  });\n  service.addTraceStep('demo-trace-1', {\n    type: 'output',\n    description: 'Completed in 1ms (free)',\n  });\n  service.endTrace('demo-trace-1', 'agent-booster', 0, true);\n\n  // Trace 2: Medium task (Haiku)\n  service.startTrace('demo-trace-2');\n  service.addTraceStep('demo-trace-2', {\n    type: 'input',\n    description: 'Generate API documentation',\n  });\n  await sleep(20);\n  service.addTraceStep('demo-trace-2', {\n    type: 'decision',\n    description: 'Complexity: 40/100 - Using claude-haiku-4',\n  });\n  service.addTraceStep('demo-trace-2', {\n    type: 'processing',\n    description: 'Analyzing code structure',\n  });\n  await sleep(50);\n  service.addTraceStep('demo-trace-2', {\n    type: 'output',\n    description: 'Generated documentation',\n  });\n  service.endTrace('demo-trace-2', 'claude-haiku-4', 0.002, true);\n\n  // Trace 3: Complex task (Sonnet)\n  service.startTrace('demo-trace-3');\n  service.addTraceStep('demo-trace-3', {\n    type: 'input',\n    description: 'Refactor authentication system',\n  });\n  await sleep(30);\n  service.addTraceStep('demo-trace-3', {\n    type: 'decision',\n    description: 'Complexity: 75/100 - Using claude-sonnet-4',\n  });\n  service.addTraceStep('demo-trace-3', {\n    type: 'processing',\n    description: 'Analyzing security patterns',\n  });\n  await sleep(100);\n  service.addTraceStep('demo-trace-3', {\n    type: 'output',\n    description: 'Refactored with security improvements',\n  });\n  service.endTrace('demo-trace-3', 'claude-sonnet-4', 0.015, true);\n\n  console.log('✓ Created 3 sample traces');\n  console.log('');\n  await sleep(1500);\n\n  // Demo 2: Overview\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('Demo 2: Dashboard Overview');\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('');\n  dashboard.setView('overview');\n  console.log(dashboard.render());\n  console.log('');\n  await sleep(3000);\n\n  // Demo 3: Trace Detail\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('Demo 3: Trace Detail View');\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('');\n  dashboard.setSelectedTrace('demo-trace-3');\n  dashboard.setView('trace');\n  console.log(dashboard.render());\n  console.log('');\n  await sleep(3000);\n\n  // Demo 4: Attention Visualization\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('Demo 4: Attention Visualization');\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('');\n\n  // Add attention visualization\n  service.captureAttention('demo-trace-3', 'Refactor authentication system with JWT and OAuth2', 'Implemented secure authentication with JWT tokens and OAuth2 integration', [\n    {\n      headId: 0,\n      layer: 0,\n      weights: [\n        { token: 'authentication', weight: 0.95, position: 0 },\n        { token: 'JWT', weight: 0.85, position: 1 },\n        { token: 'OAuth2', weight: 0.75, position: 2 },\n        { token: 'secure', weight: 0.65, position: 3 },\n        { token: 'tokens', weight: 0.55, position: 4 },\n      ],\n      topK: ['authentication', 'JWT', 'OAuth2', 'secure', 'tokens'],\n    },\n  ]);\n\n  dashboard.setView('attention');\n  console.log(dashboard.render());\n  console.log('');\n  await sleep(3000);\n\n  // Demo 5: Decision Tree\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('Demo 5: Decision Tree Explanation');\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('');\n\n  // Build decision tree\n  service.buildDecisionTree('demo-trace-3', {\n    nodeId: 'root',\n    decision: 'Analyze task: \"Refactor authentication system\"',\n    reasoning: 'High-level routing decision',\n    confidence: 1.0,\n    alternatives: [],\n    children: [\n      {\n        nodeId: 'complexity',\n        decision: 'Calculate complexity: 75/100',\n        reasoning: 'Security + Architecture + Integration = High',\n        confidence: 0.9,\n        alternatives: [\n          { decision: 'Low complexity (30)', confidence: 0.1, reasoning: 'Too complex for simple handling' },\n        ],\n        children: [\n          {\n            nodeId: 'model',\n            decision: 'Select claude-sonnet-4',\n            reasoning: 'Balance of quality and cost for security work',\n            confidence: 0.85,\n            alternatives: [\n              { decision: 'Use claude-opus-4', confidence: 0.6, reasoning: 'Higher quality but 5x cost' },\n              { decision: 'Use claude-haiku-4', confidence: 0.3, reasoning: 'May miss security issues' },\n            ],\n            children: [],\n          },\n        ],\n      },\n    ],\n  });\n\n  dashboard.setView('decision');\n  console.log(dashboard.render());\n  console.log('');\n  await sleep(3000);\n\n  // Demo 6: Performance Profile\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('Demo 6: Performance Profile');\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('');\n\n  dashboard.setView('performance');\n  console.log(dashboard.render());\n  console.log('');\n  await sleep(3000);\n\n  // Demo 7: Compliance Report\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('Demo 7: Compliance Report');\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('');\n\n  dashboard.setView('compliance');\n  console.log(dashboard.render());\n  console.log('');\n  await sleep(3000);\n\n  // Demo 8: Metrics\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('Demo 8: Explainability Metrics');\n  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n  console.log('');\n\n  const metrics = service.getMetrics();\n  console.log('Final Metrics:');\n  console.log(`  Traces Collected:     ${metrics.tracesCollected}`);\n  console.log(`  Average Overhead:     ${metrics.averageOverheadMs.toFixed(2)}ms`);\n  console.log(`  Overhead Percentage:  ${metrics.overheadPercentage.toFixed(2)}%`);\n  console.log(`  Storage Used:         ${metrics.storageUsedMB.toFixed(2)} MB`);\n  console.log('');\n\n  if (metrics.overheadPercentage < 5) {\n    console.log('✓ SUCCESS: Overhead is under 5% target!');\n  } else {\n    console.log('⚠ WARNING: Overhead exceeds 5% target');\n  }\n  console.log('');\n\n  console.log('╔════════════════════════════════════════════════════════════════════════════════╗');\n  console.log('║ Demo Complete!                                                                 ║');\n  console.log('╚════════════════════════════════════════════════════════════════════════════════╝');\n}\n\n// Run demo\ndemo().catch(console.error);\n"]}

package/dist/agentic-flow/src/dashboard/explainability-dashboard.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Explainability Dashboard - CLI-based TUI for transparency and debugging
+ *
+ * Features:
+ * - Real-time trace visualization
+ * - Attention heatmaps
+ * - Decision tree rendering
+ * - Performance profiling
+ * - Compliance reports
+ */
+import { ExecutionTrace } from '../services/explainability-service.js';
+export interface DashboardOptions {
+    refreshRate?: number;
+    theme?: 'light' | 'dark';
+    showAttention?: boolean;
+    showDecisionTree?: boolean;
+    showPerformance?: boolean;
+}
+export interface DashboardState {
+    selectedTraceId: string | null;
+    traces: ExecutionTrace[];
+    currentView: 'overview' | 'trace' | 'attention' | 'decision' | 'performance' | 'compliance';
+}
+export declare class ExplainabilityDashboard {
+    private service;
+    private options;
+    private state;
+    constructor(options?: DashboardOptions);
+    render(): string;
+    private renderOverview;
+    private renderTraceDetail;
+    private renderAttentionView;
+    private renderDecisionTreeView;
+    private renderDecisionNode;
+    private renderPerformanceView;
+    private renderComplianceView;
+    private renderHeader;
+    private renderSection;
+    private renderTable;
+    private renderHeatmap;
+    setSelectedTrace(traceId: string): void;
+    setView(view: DashboardState['currentView']): void;
+    exportToConsole(): void;
+}
+//# sourceMappingURL=explainability-dashboard.d.ts.map

package/dist/agentic-flow/src/dashboard/explainability-dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"explainability-dashboard.d.ts","sourceRoot":"","sources":["../../../../src/dashboard/explainability-dashboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAyB,cAAc,EAA4D,MAAM,uCAAuC,CAAC;AAMxJ,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,WAAW,EAAE,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CAAC;CAC7F;AAMD,qBAAa,uBAAuB;IAClC,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,KAAK,CAAiB;gBAElB,OAAO,GAAE,gBAAqB;IAqB1C,MAAM,IAAI,MAAM;IAyBhB,OAAO,CAAC,cAAc;IAwDtB,OAAO,CAAC,iBAAiB;IA+CzB,OAAO,CAAC,mBAAmB;IA+C3B,OAAO,CAAC,sBAAsB;IA0B9B,OAAO,CAAC,kBAAkB;IA2B1B,OAAO,CAAC,qBAAqB;IA2C7B,OAAO,CAAC,oBAAoB;IA8C5B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,WAAW;IAsBnB,OAAO,CAAC,aAAa;IAUrB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAIvC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,aAAa,CAAC,GAAG,IAAI;IAQlD,eAAe,IAAI,IAAI;CAIxB"}

package/dist/agentic-flow/src/dashboard/explainability-dashboard.js

@@ -0,0 +1,330 @@
+/**
+ * Explainability Dashboard - CLI-based TUI for transparency and debugging
+ *
+ * Features:
+ * - Real-time trace visualization
+ * - Attention heatmaps
+ * - Decision tree rendering
+ * - Performance profiling
+ * - Compliance reports
+ */
+import { ExplainabilityService } from '../services/explainability-service.js';
+// ============================================================================
+// Dashboard Renderer (CLI-based)
+// ============================================================================
+export class ExplainabilityDashboard {
+    service;
+    options;
+    state;
+    constructor(options = {}) {
+        this.service = ExplainabilityService.getInstance();
+        this.options = {
+            refreshRate: options.refreshRate || 1000,
+            theme: options.theme || 'dark',
+            showAttention: options.showAttention !== false,
+            showDecisionTree: options.showDecisionTree !== false,
+            showPerformance: options.showPerformance !== false,
+        };
+        this.state = {
+            selectedTraceId: null,
+            traces: [],
+            currentView: 'overview',
+        };
+    }
+    // ============================================================================
+    // Main Rendering
+    // ============================================================================
+    render() {
+        this.state.traces = this.service.getAllTraces();
+        switch (this.state.currentView) {
+            case 'overview':
+                return this.renderOverview();
+            case 'trace':
+                return this.renderTraceDetail();
+            case 'attention':
+                return this.renderAttentionView();
+            case 'decision':
+                return this.renderDecisionTreeView();
+            case 'performance':
+                return this.renderPerformanceView();
+            case 'compliance':
+                return this.renderComplianceView();
+            default:
+                return this.renderOverview();
+        }
+    }
+    // ============================================================================
+    // Overview
+    // ============================================================================
+    renderOverview() {
+        const metrics = this.service.getMetrics();
+        const traces = this.state.traces;
+        const successCount = traces.filter(t => t.success).length;
+        const successRate = traces.length > 0 ? (successCount / traces.length * 100).toFixed(1) : '0.0';
+        const totalCost = traces.reduce((sum, t) => sum + t.totalCost, 0);
+        const avgLatency = traces.length > 0
+            ? (traces.reduce((sum, t) => sum + t.durationMs, 0) / traces.length).toFixed(0)
+            : '0';
+        const output = [];
+        output.push(this.renderHeader('Explainability Dashboard - Overview'));
+        output.push('');
+        output.push(this.renderSection('Metrics'));
+        output.push(`  Traces Collected:     ${metrics.tracesCollected}`);
+        output.push(`  Average Overhead:     ${metrics.averageOverheadMs.toFixed(2)}ms (${metrics.overheadPercentage.toFixed(2)}%)`);
+        output.push(`  Storage Used:         ${metrics.storageUsedMB.toFixed(2)} MB`);
+        output.push(`  Success Rate:         ${successRate}%`);
+        output.push(`  Total Cost:           $${totalCost.toFixed(4)}`);
+        output.push(`  Average Latency:      ${avgLatency}ms`);
+        output.push('');
+        output.push(this.renderSection('Recent Traces'));
+        if (traces.length === 0) {
+            output.push('  No traces available');
+        }
+        else {
+            output.push(this.renderTable(['Trace ID', 'Model', 'Duration', 'Cost', 'Status'], traces.slice(-10).reverse().map(t => [
+                t.traceId.substring(0, 20),
+                t.modelUsed,
+                `${t.durationMs}ms`,
+                `$${t.totalCost.toFixed(4)}`,
+                t.success ? '✓' : '✗'
+            ])));
+        }
+        output.push('');
+        output.push(this.renderSection('Navigation'));
+        output.push('  Press 1: View Trace Detail');
+        output.push('  Press 2: View Attention Visualization');
+        output.push('  Press 3: View Decision Tree');
+        output.push('  Press 4: View Performance Profile');
+        output.push('  Press 5: View Compliance Report');
+        output.push('  Press Q: Quit');
+        return output.join('\n');
+    }
+    // ============================================================================
+    // Trace Detail
+    // ============================================================================
+    renderTraceDetail() {
+        if (!this.state.selectedTraceId) {
+            return 'No trace selected. Use setSelectedTrace(traceId) first.';
+        }
+        const trace = this.service.getTrace(this.state.selectedTraceId);
+        if (!trace) {
+            return `Trace ${this.state.selectedTraceId} not found`;
+        }
+        const output = [];
+        output.push(this.renderHeader(`Trace Detail - ${trace.traceId}`));
+        output.push('');
+        output.push(this.renderSection('Summary'));
+        output.push(`  Trace ID:     ${trace.traceId}`);
+        output.push(`  Model Used:   ${trace.modelUsed}`);
+        output.push(`  Duration:     ${trace.durationMs}ms`);
+        output.push(`  Total Cost:   $${trace.totalCost.toFixed(4)}`);
+        output.push(`  Status:       ${trace.success ? 'Success ✓' : 'Failed ✗'}`);
+        if (trace.error) {
+            output.push(`  Error:        ${trace.error}`);
+        }
+        output.push('');
+        output.push(this.renderSection('Execution Steps'));
+        if (trace.steps.length === 0) {
+            output.push('  No steps recorded');
+        }
+        else {
+            output.push(this.renderTable(['Step', 'Type', 'Duration', 'Description'], trace.steps.map(step => [
+                step.stepId.split('-').pop() || '',
+                step.type,
+                `${step.durationMs}ms`,
+                step.description.substring(0, 50)
+            ])));
+        }
+        return output.join('\n');
+    }
+    // ============================================================================
+    // Attention Visualization
+    // ============================================================================
+    renderAttentionView() {
+        if (!this.state.selectedTraceId) {
+            return 'No trace selected. Use setSelectedTrace(traceId) first.';
+        }
+        const viz = this.service.getAttentionVisualization(this.state.selectedTraceId);
+        if (!viz) {
+            return `No attention visualization for trace ${this.state.selectedTraceId}`;
+        }
+        const output = [];
+        output.push(this.renderHeader(`Attention Visualization - ${viz.traceId}`));
+        output.push('');
+        output.push(this.renderSection('Input Text'));
+        output.push(`  ${viz.inputText.substring(0, 100)}${viz.inputText.length > 100 ? '...' : ''}`);
+        output.push('');
+        output.push(this.renderSection('Output Text'));
+        output.push(`  ${viz.outputText.substring(0, 100)}${viz.outputText.length > 100 ? '...' : ''}`);
+        output.push('');
+        output.push(this.renderSection('Top Focus Tokens'));
+        output.push(this.renderTable(['Token', 'Total Weight', 'Heatmap'], viz.focusTokens.slice(0, 10).map(token => {
+            const weight = viz.aggregatedWeights.get(token) || 0;
+            const normalizedWeight = Math.min(weight * 10, 1); // Normalize to 0-1
+            const heatmap = this.renderHeatmap(normalizedWeight);
+            return [token, weight.toFixed(4), heatmap];
+        })));
+        output.push('');
+        output.push(this.renderSection('Attention Heads'));
+        output.push(`  Total Heads: ${viz.heads.length}`);
+        for (const head of viz.heads.slice(0, 3)) {
+            output.push(`  Head ${head.headId} (Layer ${head.layer}): Top tokens: ${head.topK.slice(0, 5).join(', ')}`);
+        }
+        return output.join('\n');
+    }
+    // ============================================================================
+    // Decision Tree
+    // ============================================================================
+    renderDecisionTreeView() {
+        if (!this.state.selectedTraceId) {
+            return 'No trace selected. Use setSelectedTrace(traceId) first.';
+        }
+        const tree = this.service.getDecisionTree(this.state.selectedTraceId);
+        if (!tree) {
+            return `No decision tree for trace ${this.state.selectedTraceId}`;
+        }
+        const output = [];
+        output.push(this.renderHeader(`Decision Tree - ${tree.traceId}`));
+        output.push('');
+        output.push(this.renderSection('Tree Statistics'));
+        output.push(`  Depth:        ${tree.depth}`);
+        output.push(`  Total Nodes:  ${tree.totalNodes}`);
+        output.push(`  Critical Path: ${tree.criticalPath.join(' → ')}`);
+        output.push('');
+        output.push(this.renderSection('Decision Flow'));
+        output.push(this.renderDecisionNode(tree.rootNode, 0));
+        return output.join('\n');
+    }
+    renderDecisionNode(node, indent) {
+        const prefix = '  '.repeat(indent);
+        const output = [];
+        output.push(`${prefix}└─ ${node.decision} (${(node.confidence * 100).toFixed(1)}%)`);
+        output.push(`${prefix}   Reasoning: ${node.reasoning}`);
+        if (node.alternatives && node.alternatives.length > 0) {
+            output.push(`${prefix}   Alternatives:`);
+            for (const alt of node.alternatives.slice(0, 2)) {
+                output.push(`${prefix}     - ${alt.decision} (${(alt.confidence * 100).toFixed(1)}%)`);
+            }
+        }
+        if (node.children && node.children.length > 0) {
+            for (const child of node.children) {
+                output.push(this.renderDecisionNode(child, indent + 1));
+            }
+        }
+        return output.join('\n');
+    }
+    // ============================================================================
+    // Performance Profile
+    // ============================================================================
+    renderPerformanceView() {
+        if (!this.state.selectedTraceId) {
+            return 'No trace selected. Use setSelectedTrace(traceId) first.';
+        }
+        const profile = this.service.generatePerformanceProfile(this.state.selectedTraceId);
+        if (!profile) {
+            return `No performance profile for trace ${this.state.selectedTraceId}`;
+        }
+        const output = [];
+        output.push(this.renderHeader(`Performance Profile - ${profile.traceId}`));
+        output.push('');
+        output.push(this.renderSection('Hot Paths (Most Time Spent)'));
+        output.push(this.renderTable(['Path', 'Count', 'Total Time', 'Avg Time'], profile.hotPaths.map(hp => [
+            hp.path.substring(0, 30),
+            hp.count.toString(),
+            `${hp.totalMs.toFixed(0)}ms`,
+            `${hp.avgMs.toFixed(0)}ms`
+        ])));
+        output.push('');
+        output.push(this.renderSection('Bottlenecks (Slowest Steps)'));
+        output.push(this.renderTable(['Step ID', 'Duration', 'Percentage'], profile.bottlenecks.map(bn => [
+            bn.stepId.substring(0, 20),
+            `${bn.durationMs.toFixed(0)}ms`,
+            `${bn.percentage.toFixed(1)}%`
+        ])));
+        return output.join('\n');
+    }
+    // ============================================================================
+    // Compliance Report
+    // ============================================================================
+    renderComplianceView() {
+        const report = this.service.generateComplianceReport();
+        const output = [];
+        output.push(this.renderHeader(`Compliance Report - ${report.reportId}`));
+        output.push('');
+        output.push(this.renderSection('Summary'));
+        output.push(`  Report ID:         ${report.reportId}`);
+        output.push(`  Generated At:      ${new Date(report.generatedAt).toISOString()}`);
+        output.push(`  Total Requests:    ${report.summary.totalRequests}`);
+        output.push(`  Success Rate:      ${(report.summary.successRate * 100).toFixed(1)}%`);
+        output.push(`  Average Latency:   ${report.summary.averageLatency.toFixed(0)}ms`);
+        output.push(`  Total Cost:        $${report.summary.totalCost.toFixed(4)}`);
+        output.push('');
+        output.push(this.renderSection('Models Used'));
+        for (const [model, count] of Object.entries(report.summary.modelsUsed)) {
+            output.push(`  ${model}: ${count} requests`);
+        }
+        output.push('');
+        output.push(this.renderSection('Data Handling'));
+        output.push(`  PII Detected:              ${report.dataHandling.piiDetected ? 'Yes' : 'No'}`);
+        output.push(`  Data Retention Compliant:  ${report.dataHandling.dataRetentionCompliant ? 'Yes' : 'No'}`);
+        output.push(`  Encryption Used:           ${report.dataHandling.encryptionUsed ? 'Yes' : 'No'}`);
+        output.push('');
+        output.push(this.renderSection('Recent Audit Log'));
+        output.push(this.renderTable(['Timestamp', 'Trace ID', 'Action', 'Result'], report.auditLog.slice(-10).map(entry => [
+            new Date(entry.timestamp).toLocaleTimeString(),
+            entry.traceId.substring(0, 15),
+            entry.action,
+            entry.result
+        ])));
+        return output.join('\n');
+    }
+    // ============================================================================
+    // Rendering Utilities
+    // ============================================================================
+    renderHeader(title) {
+        const border = '═'.repeat(80);
+        return `╔${border}╗\n║ ${title.padEnd(78)} ║\n╚${border}╝`;
+    }
+    renderSection(title) {
+        return `▶ ${title}\n${'─'.repeat(80)}`;
+    }
+    renderTable(headers, rows) {
+        const colWidths = headers.map((h, i) => {
+            const maxRowWidth = Math.max(...rows.map(r => (r[i] || '').length));
+            return Math.max(h.length, maxRowWidth);
+        });
+        const output = [];
+        // Header
+        const headerRow = headers.map((h, i) => h.padEnd(colWidths[i])).join(' | ');
+        output.push(`  ${headerRow}`);
+        output.push(`  ${colWidths.map(w => '─'.repeat(w)).join('─┼─')}`);
+        // Rows
+        for (const row of rows) {
+            const rowStr = row.map((cell, i) => (cell || '').padEnd(colWidths[i])).join(' | ');
+            output.push(`  ${rowStr}`);
+        }
+        return output.join('\n');
+    }
+    renderHeatmap(weight) {
+        // 0-1 weight to visual heatmap
+        const blocks = Math.floor(weight * 10);
+        return '█'.repeat(blocks) + '░'.repeat(10 - blocks);
+    }
+    // ============================================================================
+    // State Management
+    // ============================================================================
+    setSelectedTrace(traceId) {
+        this.state.selectedTraceId = traceId;
+    }
+    setView(view) {
+        this.state.currentView = view;
+    }
+    // ============================================================================
+    // CLI Export
+    // ============================================================================
+    exportToConsole() {
+        console.clear();
+        console.log(this.render());
+    }
+}
+//# sourceMappingURL=explainability-dashboard.js.map