Agent Control Plane — hi-fi (wf3.m1)
wf3.m1 — the first hi-fi mockup pass, built FROM the wf3 wireframes (unconstrained: real q-nuxt-layer components + best-fit visualizations, inventing native-styled components — ChartDoughnut, BudgetMeter, ScoreGauge, DataSeverityTag — where the library has gaps, proposed as additions). The iteration name encodes its source: wf3 → mockup pass 1. Pages: cost-center, executive-board, agent-inventory, agent-profile, findings, security-posture, fleet-overview, showback, performance, data-protection, policy-enforcement, compliance, agent-identity, integrations, executive-home, security-home, finance-home, engineering-home, compliance-home.
Phase 3 — hi-fi mockups of the wf3 control plane (real design-system components).
Design Specs
Pages
wf3.m1 hi-fi — Finance Cost Center: budget-vs-actual forecast (BudgetMeter), governance-tagged at-risk spend, spend-by-agent donut (ChartDoughnut), $/1k-token model efficiency, and per-agent/model/user tables.
wf3.m1 hi-fi — Executive Governance & ROI Board: governance-index gauge (ScoreGauge) vs target, spend-at-risk, 6-week posture-vs-spend trend, risk/spend drivers table, and open findings.
wf3.m1 hi-fi — Security-lens Agent Inventory: control coverage, the ungoverned/shadow/compound-risk critical few, and a risk-first sortable roster (severity pills) linking to agent profiles.
wf3.m1 hi-fi — Agent Profile master-detail: why-this-score breakdown, compound-risk banner, identity/runtime/data/MCP cards, token-mix donut, security-score gauge (ScoreGauge), and a demoted egress detail.
wf3.m1 hi-fi — CISO worklist: behavioral findings ranked by enforceability then severity (ungoverned-agent findings jump the queue), clickable severity cards, framework filter, severity donut, and score-impact chips.
wf3.m1 hi-fi — board read on agent safety: fleet posture ScoreGauge vs 80, fix-this-first ROI roadmap, posture-bands donut, 6-week trend, priced instrumentation gap, and critical/at-risk + shadow-install tables.