Function deserializeNodes

frontend/src/utils/workflowSerializer.ts:157–225

(workflow: {
  graph: { nodes: BackendNode[]; edges?: BackendEdge[] };
})

 * Frontend needs: { id, type: 'workflow', position, data: { componentId, componentSlug, label, status, config } }
 */
export function deserializeNodes(workflow: {
  graph: { nodes: BackendNode[]; edges?: BackendEdge[] };
}): ReactFlowNode<NodeData>[] {
  const nodes = workflow.graph.nodes;
  const edges = workflow.graph.edges || [];

  const inputMappingsByNode = new Map<string, Record<string, { source: string; output: string }>>();

  if (Array.isArray(edges)) {
    for (const edge of edges) {
      if (!edge.targetHandle) continue;

      const targetNodeId = edge.target;
      const existing = inputMappingsByNode.get(targetNodeId) ?? {};

      existing[edge.targetHandle] = {
        source: edge.source,
        output: edge.sourceHandle ?? '',
      };

      inputMappingsByNode.set(targetNodeId, existing);
    }
  }

  return nodes.map((node) => {
    // Extract config from backend node data
    const backendConfig = node.data.config || {};
    const { __ui, params, inputOverrides, ...restOfConfig } = backendConfig as {
      __ui?: any;
      params?: Record<string, unknown>;
      inputOverrides?: Record<string, unknown>;
      [key: string]: any;
    };

    // Ensure config has the required structure
    const config: NodeConfig = {
      params: params || {},
      inputOverrides: inputOverrides || {},
      ...restOfConfig,
    } as NodeConfig;

    // Extract dynamic ports from backend node data (if present)
    const backendNodeData = node.data as any;
    const dynamicInputs = backendNodeData.dynamicInputs;
    const dynamicOutputs = backendNodeData.dynamicOutputs;

    return {
      id: node.id,
      type: 'workflow', // All nodes use the same React Flow type
      position: node.position,
      data: {
        // Backend's data.label and data.config (required)
        label: node.data.label,
        config,
        // Frontend extensions
        componentId: node.type,
        componentSlug: node.type,
        componentVersion: '1.0.0', // Default version if not specified