Agent-as-Employee UX — trust shields, timelines, comparison, prominent kill switch

2026-03-21

dashboardagents

What We Built

Enhanced all agent dashboard pages to reinforce the employee metaphor:

Agent Roster: Trust shield badges (green/amber/red) in table, efficiency score badges, daily spend progress bars with color-coded thresholds
Agent Live: Kill switch moved to card header (visible without scrolling), enlarged cards, pulse animation on active agent dots, confirmation dialog before kill
Agent Dossier: Behavioral Timeline section (version snapshots + anomaly events in vertical timeline), Certificates section (CAF cert details from metadata)
Agent Badge Drawer: CAF certificate fingerprint and expiry in security posture section
Workforce: Approval queue always visible at top of page with count badge, agent comparison via checkbox selection + side-by-side metrics drawer

Why It Matters

The employee metaphor is BrainstormRouter's competitive differentiator — no other AI gateway treats agents as organizational assets with HR-style management. These UX enhancements make the metaphor tangible: trust shields show at-a-glance security posture, the prominent kill switch reinforces operator control, and the comparison table enables workforce optimization decisions.

How It Works

All enhancements use existing API data — no new backend endpoints needed. Trust levels derived from lifecycle state when metadata.trust_level is absent. Efficiency scores from leaderboard data. Behavioral timeline merges version snapshots with anomaly events, sorted chronologically. Agent comparison opens a drawer with side-by-side table of all key metrics.

Lockstep Checklist

[x] API Routes: N/A — uses existing endpoints
[x] TS SDK: N/A — no API changes
[x] Python SDK: N/A — no API changes
[x] MCP Schemas: N/A — no agent-facing changes
[x] Master Record: N/A — UI enhancement only