SwitchyardAI agent dashboard template Next.js

Switchyard ships nineteen routes for workflow browsing and editing, canonical Wire Diagram topology, run filtering and execution traces, human approvals, an evidence-backed chat workspace, six agent profiles, evaluations, API keys, tool permissions, retrieval collections, guardrail fixtures, activity, usage, model routing, budgets, environments, and a living component guide. The Commonwell Housing fiction follows one repair request from resident message to classified urgency, cited policy, human spend approval, confirmed vendor write, and resident update. The execution stitch is the signature: one graph becomes the editable canvas, chronological run tape, and agent boundary ledger without duplicating node facts. Working local controls cover node selection, inspector tabs, run filters, expandable steps, chat composition, fixture tests, approval decisions, masked key previews, agent settings, and draft saves. Actions are honest simulations and previews; backend orchestration, secrets, auth, and persistence remain buyer integration points. Light mode uses an icy near-white canvas, white cards, cool subtle borders, and a custom rail blue; dark mode becomes a deep control room. Inter and JetBrains Mono ship locally, every color routes through semantic tokens, both modes meet computed WCAG AA, and motion respects reduced-motion preferences.