Load balance branches issue - rearanged order after code sync

[tplevko]

Describe the Bug

When user tries to use the load-balancer step - the branches are reordered after code sync in code editor. The steps, which were action steps following after the load balance branches are converted to new branches (see recording).
Also the UI adds branches numbers.

Steps to Reproduce the Bug or Issue

1. create route with load-balance step
2. create several branches, specify action steps
3. add following steps to the branches
4. sync code changes
5. see the branches reordered

Screenshots or Videos

Platform

• OS: [e.g. macOS, Windows, Linux]
• Browser: [e.g. Chrome, Safari, Firefox]
• Version: [latest]

[igarashitm]

It looks like from this doc
https://camel.netlify.app/components/latest/eips/loadBalance-eip.html

load-balance steps should be flat and shouldn't allow adding 2nd(nested) branch steps at first place. It would need to instead create a sub route with direct.

Anyway, frontend should prohibit adding 2nd branch step under load-balance.

[Delawen]

Moving to backend to force an end step (add context to mini catalog) the same way REST DSL works so we don't allow more than one step there.

[Delawen]

This issue needs KaotoIO/kaoto-ui#1587

[stale]

🚨This issue has been automatically marked as stale because it has not had recent activity.🚨
If you are still interested in this issue, please, leave a comment stating its current status. Note that if no development resources has been allocated on it, you may need to search for alternative resources to complete it. It will be closed if no further activity occurs.
Thank you for your contributions.