Dashboard

Angular 17 SPA - Port 4200

The Lachesis dashboard provides real-time visibility into system compliance. Built with Angular 17 using standalone components, it connects to the API server to display trends, timelines, and detailed audit information.

Features

Stats Overview

At-a-glance view of all nodes with current entropy, stability, and MTBF scores.

Entropy Timeline

Interactive charts showing entropy over time. Identify when drift occurred.

Audit Details

Drill into specific audits to see which controls passed or failed with full evidence.

Audit Comparison

Compare two audits side-by-side to see what changed between runs.

Trend Analysis

View compliance trends per node or globally. Identify patterns and recurring issues.

Real-time Updates

Dashboard refreshes automatically when new audits are ingested.

Node Health Indicators

Entropy RangeStatusColor
0.00 - 0.30 Healthy Green
0.31 - 0.60 Warning Yellow
0.61 - 0.80 Degraded Orange
0.81 - 1.00 Critical Red

Pages

/

Home page with global stats, node list with entropy indicators, and recent alerts.

/node/[nodeId]

Node detail page with entropy timeline chart, MTBF stats, and audit history.

/audit/[auditId]

Full audit report display with control-by-control breakdown and evidence.

/compare

Audit comparison tool. Select two audits to diff.

/trends

Global trend analysis with filterable date ranges.

Running the Dashboard

cd dashboard
npm install
npm start

Dashboard will be available at http://localhost:4200

Ensure the API server is running on port 6380 before starting the dashboard.

Configuration

API URL can be configured in environment.ts:

export const environment = {
  production: false,
  apiUrl: 'http://localhost:6380/api'
};