[IDE] BPM - Enhance Process Diagram Interaction for Running and Historic Instances

[ThuF]

Description

As a Business Process Developer, I want better interaction with the process diagram for both Running and Historic Process Instances, allowing me to visually track execution progress and access related details.

Acceptance Criteria

• The current execution step should be highlighted to indicate where the process is currently running.
• Completed steps should be filled with green to show successful execution.
• Steps with an Exception (Job Incident) should be filled with red to indicate failure.
• For processes with Gateways, the executed flow should be filled with green to indicate the chosen path.
• The process diagram should be interactive, allowing users to:
  • Click on a completed or failed step to view related details.
  • Display step-related information in other views, including:
    • Input/Output Variables
    • Start Time, End Time, Duration
    • Exception/Incident details, if applicable

Additional Information

Mermaid.js can be leveraged for rendering the process diagram.