Optimize Performance of UI Policy Configurator

[Pyatakov]

Problem description

The UI Policy Configurator (built with Angular 18) experiences quite significant performance degradation when handling complex policies. As policies grow in complexity, the interface may become slow and unresponsive, affecting the user experience and efficiency. This issue needs to be investigated to identify bottlenecks and implement optimizations to ensure consistent performance regardless of policy size.

Requirements

1. Analyze the root cause of UI performance issues for large policies.
2. Identify and profile performance bottlenecks (e.g., rendering, change detection, memory usage, etc.).
3. Implement optimizations to improve UI responsiveness for complex policies.
4. Ensure performance improvements do not introduce regressions in existing functionality.
5. Conduct benchmarking and testing with different policy sizes.

Definition of done

• [ ] Performance benchmarks show consistent UI responsiveness across all policy sizes.
• [ ] Identified bottlenecks are resolved with measurable improvements.
• [ ] No regressions in functionality or user experience.

Acceptance criteria

1. Rendering and interactions remain smooth for policies of varying complexity.
2. No major UI freezes or delays when working with large policies.
3. Manual tests confirm stability and responsiveness.