[serverless-workflow-diagram-editor] for a foreach state the foreach node is not coloured

[fantonangeli]

For the WF here the ForEachState node in the diagram is not coloured. (See the screenshot)
With @fjtirado we discovered that we should coloured the nodes using the metadata, which can be fetched with the query below:

    nodes {
      id
      nodeId
      name
      enter
      exit
      type
      definitionId
      __typename
    }
    nodeDefinitions {
      id
      name
      type
      uniqueId
      metadata {
        UniqueId
        state
        branch
        action
      }
    }

To obtain a response like this:

"nodes": [
         {
            "id": "61ff08b5-9adc-4d5f-a291-74127478f4c4",
            "nodeId": "3",
            "name": "ForEach",
            "enter": "2025-10-24T09:46:40.907Z",
            "exit": "2025-10-24T09:46:40.925Z",
            "type": "ForEachNode",
            "definitionId": "3",
            "__typename": "NodeInstance"
          },
]
...
"nodeDefinitions": [
          {
            "id": "3",
            "name": "ForEach",
            "type": "ForEachNode",
            "uniqueId": "3",
            "metadata": {
              "UniqueId": "3",
              "state": "ForEachState",
              "branch": null,
              "action": null
            }
          },
]

The current colouring logic can be found here

The new node coloring logic should work as follows:

1. For StartNode/EndNode types: Always color using node.name
2. For other node types:
   - Find the corresponding nodeDefinition by matching node.definitionId with nodeDefinition.id
   - If nodeDefinition.metadata.state exists (not null), color using metadata.state value
   - If nodeDefinition.metadata.state is null or nodeDefinition not found, skip the node (don't color it)

[treblereel]

@fantonangeli @fjtirado do we have yaml/json I can use to reproduce ?

[fantonangeli]

@fantonangeli @fjtirado do we have yaml/json I can use to reproduce ?

@treblereel yes, you can download the WF from: https://gist.github.com/fantonangeli/49a39426e5921dc3b16e675be3a5694e
Or you can also check in the chat thread where I messaged you and the other colleagues

[fantonangeli]

Self-assigning the task as it is all on TS side