SwitchyardAI agent dashboard template Next.js

Switchyard ships twenty 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, joined evaluation comparisons, 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. Evaluation detail compares only same-case measured outcomes, keeps coverage separate, derives baseline-to-candidate clusters and unique blockers, charts exact data with a table alternative, projects restricted access safely, and records permission-aware local decisions without claiming promotion. Working local controls cover node selection, inspector tabs, run filters, expandable steps, case sorting, filtering and pagination, chat composition, fixture tests, approval previews, 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 a neutral gray canvas, white cards, subtle borders, and a custom dark rail; dark mode becomes a near-black 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. All twenty routes also ship as a framework-free HTML template, compiled to standalone documents with local fonts and vanilla JavaScript, and no build step between the download and a static host.