Logicapp designer in visual studio code becomes entangeled

I just finished my logic app zoomed out and voila :

Im using Visual studio Code and developing using the designer and logic app extenstion there. Is this a bug or somthing ? how can i fix it ?

I saved all my steps using the save button, no commits unfortunately. I cant use ctrl - z, left clicking on the workflow.json file shows no local saved files even tough i did, ive tried restarting visual studio code. Is there anything left that i can try, or do i just need to manually do everything over again.

It’s a bug and a terrible one at that.

I’ve spoken to the product manager at Microsoft about it and they are aware but even then, that was two months ago.

It happens when dependencies within containers (e.g. Do until loops, For each loops, scopes, etc.) get confused and don’t save properly.

It happens to me the most when I move scope containers around, the actions contained within or rename them after the fact. You have to be very careful when doing that.

Until it’s fixed, you can take some steps to recover your workflow when this happens:

1. Take regular backups of your workflow.json file. Simply copy and paste the json to a new file and do it regularly.
2. If you’re using Git to manage your changes, commit regularly so you can rollback.

If you need to fix an existing file because you can’t roll back easily, you’ll need to edit the workflow.json manually, however, this is no easy task depending on your workflows complexity.

You need to analyse the runAfter settings and also if there is a container that inadvertently has the same name.

It happens to me a lot and I’ve learned to live with it but unfortunately, the recovery process without a backup isn’t a friendly one.