Flow graph & issues (Spec 4.1)
Navigate the flow graph and triage issues.
The flow graph (Spec 4.1) is a directed graph: nodes = frames/screens, edges = interactions (clicks, navigation, modals, back). It highlights the critical path (happy path), shows warning icons on over-complex branches, uses color-coded complexity indicators, and pins issues to nodes. Click any node to see detailed analysis and where design and code diverge.
Flow metrics (spec 4.1)
Per flow: Depth (steps from start to goal), Branching factor (decision points), Component diversity (unique components vs system components), State coverage (% of expected states present), Modal/overlay stacking (>2 levels flagged), Interaction realism (high-effort patterns, platform mismatches). Over-complexity (Spec 4.2): flows with > 7 steps or > 4 decision points are flagged as complex. Per screen: Complexity score — Low (standard components, clear states), Medium (some custom elements, most states present), High (many custom elements, missing states).
Triage and resolve
Open the Issues panel to filter by severity, flow, type, screen, priority, and status. Sort by severity, priority, type, or date. Assign issues, add comments, and use status labels (Open, In progress, Resolved, Won't fix) to track work.