cartographer live editor doesnt render supply chain steps

[Mpluya]

Bug description:

Please provide a clear and concise description of what the bug is.

https://cartographer.sh/live-editor/index.html doesnt render supply chain steps

Steps to reproduce:

Please provide a set of steps to reproduce the behavior (example):

1. Access https://cartographer.sh/live-editor/index.html in a browser.
2. This url loads a default supply-chain ClusterSupplyChain and should render the steps being orchestrated on the right frame.

Expected behavior:

https://cartographer.sh/live-editor/index.html loads a default supply-chain ClusterSupplyChain and renders the steps being orchestrated on the right frame.

Actual behavior:

Blank graph and page load error (from inspecting via chrome developer tools).
Browsers tried - chrome, firefox and edge. All same result.

Logs, k8s object dumps:

index.b974a441.js:9 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'createElementNS') at Function.<anonymous> (index.b974a441.js:9:10638) at Function.<anonymous> (index.b974a441.js:9:19454) at Wr.$ne [as select] (index.b974a441.js:9:11085) at Wr.Jse [as append] (index.b974a441.js:9:19410) at O9 (index.b974a441.js:87:40) at Object.Gpe [as render] (index.b974a441.js:88:364) at o (index.b974a441.js:90:1193) at index.b974a441.js:90:1258 at kU (index.b974a441.js:1:1338) at Array.map (<anonymous>) (anonymous) @ index.b974a441.js:9 (anonymous) @ index.b974a441.js:9 $ne @ index.b974a441.js:9 Jse @ index.b974a441.js:9 O9 @ index.b974a441.js:87 Gpe @ index.b974a441.js:88 o @ index.b974a441.js:90 (anonymous) @ index.b974a441.js:90 kU @ index.b974a441.js:1 (anonymous) @ index.b974a441.js:4 FU @ index.b974a441.js:4 Promise.then (async) dne @ index.b974a441.js:4 pne @ index.b974a441.js:4 (anonymous) @ index.b974a441.js:4 a @ index.b974a441.js:1013 load (async) Qa @ index.b974a441.js:1 m @ index.b974a441.js:1013 Sa @ index.b974a441.js:4 $c @ index.b974a441.js:4 t$e @ index.b974a441.js:1013 (anonymous) @ index.b974a441.js:1024 index.b974a441.js:9 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'createElementNS') at Function.<anonymous> (index.b974a441.js:9:10638) at Function.<anonymous> (index.b974a441.js:9:19454) at Wr.$ne [as select] (index.b974a441.js:9:11085) at Wr.Jse [as append] (index.b974a441.js:9:19410) at O9 (index.b974a441.js:87:40) at Object.Gpe [as render] (index.b974a441.js:88:364) at o (index.b974a441.js:90:1193) at index.b974a441.js:90:1273 at FU (index.b974a441.js:4:1536) (anonymous) @ index.b974a441.js:9 (anonymous) @ index.b974a441.js:9 $ne @ index.b974a441.js:9 Jse @ index.b974a441.js:9 O9 @ index.b974a441.js:87 Gpe @ index.b974a441.js:88 o @ index.b974a441.js:90 (anonymous) @ index.b974a441.js:90 FU @ index.b974a441.js:4 Promise.then (async) dne @ index.b974a441.js:4 pne @ index.b974a441.js:4 (anonymous) @ index.b974a441.js:4 a @ index.b974a441.js:1013 load (async) Qa @ index.b974a441.js:1 m @ index.b974a441.js:1013 Sa @ index.b974a441.js:4 $c @ index.b974a441.js:4 t$e @ index.b974a441.js:1013 (anonymous) @ index.b974a441.js:1024

Versions:

• Infrastructure (kind, TKG, GKE etc.)
• cartographer version
• k8s version
• ... other versions of related software being used

Deployment info:

If possible, share your (redacted) manifests used to deploy.

If you used any deployment strategy it'd be helpful to point it out and share as
much about it as possible.

Additional context:

Add any other context about the problem here.

[github-actions]

Hello @Mpluya! Welcome to the Cartographer community and thank you for opening your first issue, we appreciate your contributions