[BUG] New workflow visualizer in the UI does not fit the whole workflow diagram and cannot be scrolled to see all of it

[Robban1980]

Describe the bug
With the implementation of the orkes-workflow-visualizer in the UI, it is no longer possible to see large workflows that are wider than the hardcoded width of the visualizer. It is not possible to drag the workflow visualizer like in the previous visualizer and it is not possible to scroll to see the whole workflow.

Details
Conductor version: 3.21.11
Persistence implementation: Postgres
Queue implementation: Postgres
Lock: -
Workflow definition: see attachment

Task definition:
Event handler definition:

To Reproduce
Steps to reproduce the behavior:

1. Use the attached workflow
2. Save the workflow and see the tasks in the visualizer view.
3. The workflow overflows outside of the component and it is not possible to scroll or drag the visual view to see the full workflow.

Expected behavior
I expect to be able to see the full workflow visualization and be able to click and drag to see the whole diagram.

Screenshots
If applicable, add screenshots to help explain your problem.

bug_report_wide_workflow.json

[Robban1980]

Was digging a bit more looks like the problem comes from the https://npm.io/package/orkes-workflow-visualizer/v/1.0.0 library that has a fixed width of the canvas set to 2000. While the height is adapting to the workflow.

[danmiller192]

We've found this. It looks like the component should allow for horizontal and vertical scroll but doesn't honour the settings.

[najeebkp]

Thanks for reporting. We are on it!

[Robban1980]

confirmed its working @najeebkp thanks!

One improvement I would like to see is when opening the diagram that the view is horizontally centered, this is because the workflow start is in the center so it would be nice to see this without having to scroll.