Step Functions Browser with ASL Visualization
New Features
- Step Functions service view — full browser with state machine list, execution management (start/stop), and execution detail
- Visual ASL diagram — interactive state machine graph using dagre layout with custom SVG rendering (lazy-loaded, ~17KB gzipped)
- Interactive Definition tab — side-by-side diagram + JSON with collapsible panels; clicking a node scrolls to its JSON definition
- Execution timeline — groups history events by state with duration bars, color-coded outcomes, and collapsible input/output
- Execution trace overlay — highlights visited states and edges on the diagram when viewing an execution
Backend
- 7 new endpoints: list state machines, get detail, list/start/stop executions, execution detail, execution history
- Pydantic request schemas for start/stop execution
Code Quality
- Code-split dagre into separate chunk via Vite
manualChunks— main bundle unchanged - Extracted
stepfunctions/subdirectory with clean separation: parser, graph, nodes, edges, timeline, shared utils - Complex test data script with 4 realistic state machines and a helper Lambda