Security Dashboard UX — threat banner, posture score, pipeline diagrams, governance urgency

2026-03-21

What We Built

Enhanced security dashboard pages for enterprise security control plane UX:

• Security page: Threat banner (full-width, color-coded by severity) with dynamic threat level indicator. Severity breakdown shown in banner detail text.
• Security center: Security posture score (0-100) computed from anomalies, kill switch events, and cert revocations. Added as lead stat card.
• Guardrails: Visual pipeline flow diagram showing numbered check stages with arrow connectors. Updates dynamically as checks are added/reordered.
• Tool Firewall: Request pipeline diagram showing all processing stages (Request → Auth → Rate Limit → Guardrails → Tool Check → Execute).
• Governance bar: Urgency indicators — border color changes to red (kill switch active) or amber (alerts present).

Why It Matters

Security buyers need at-a-glance threat assessment. The posture score and threat banner provide instant situational awareness. Pipeline diagrams make the security processing transparent — operators can see exactly what checks run on every request.

Lockstep Checklist

• [x] API Routes: N/A — uses existing endpoints
• [x] TS SDK: N/A
• [x] Python SDK: N/A
• [x] MCP Schemas: N/A
• [x] Master Record: N/A — UI enhancement only