Performance: virtualize nodes for large diagrams (500+ resources)

[manimovassagh]

Summary

Optimize rendering performance for large infrastructure diagrams with hundreds of resources.

Motivation

Enterprise teams may have 500+ resources in a single state file. React Flow can struggle with that many nodes, causing lag on zoom/pan.

Proposed Solution

• Enable React Flow's built-in node virtualization (only render visible nodes)
• Lazy-load node details on hover/click
• Progressive rendering with loading indicator for large files
• Benchmark: target 60fps with 1000 nodes

Acceptance Criteria

• Smooth zoom/pan with 500+ nodes
• Virtualization enabled for large diagrams
• Progressive loading indicator
• Performance benchmark in CI

Priority

Medium — needed for enterprise adoption.