Wrong display of route with a component log as middle step (first example of Camel Yaml route in official Camel documentation)

[apupier]

Describe the Bug

The example of Yaml route in official Camel documentation is not rendered correctly. https://camel.netlify.app/camel-k/latest/languages/yaml.html#_defining_a_route

Steps to Reproduce the Bug or Issue

1. Open source code editor
2. Paste

- from: 
    uri: "direct:start"
    steps: 
      - filter:
          expression:
            simple: "${in.header.continue} == true"
          steps: 
            - to:
                uri: "log:filtered"
      - to:
          uri: "log:original"

3. Click Sync code button
   --> a log is displayed on a second line

Screenshots or Videos

Platform

• OS: Fedora
• Browser:VS Code
• Version: 0.7.5

[apupier]

reproducing also when adding the step from the UI after a filter which has a branch:

[Delawen]

Another corner case of the same bug

- from:
    uri: activemq:queue:null
    steps:
    - choice:
        when:
        - steps:
          - to:
              uri: activemq:queue:null
          - stop: {}
        - steps: []
        - steps: []
    - to:
        uri: avro:null:null:null/null

[Delawen]

[kahboom]

Closing as this will be resolved with kaoto-archive/kaoto-backend#586, and opening a separate issue for handling END steps.