anchor.diff:  
   				var relationshipsGrid = Ext.create('Ext.grid.Panel', {
   					region: 'center',
  +					store: relationshipsStore,
   					viewConfig: {
   						emptyText: 'Please select a component to view its relationships',
   						deferEmptyText: false
   					},
  +					columns: [
  +						{ text: 'Origin Entry', dataIndex: 'ownerComponentName', flex: 1 }
  +					]
   				});
   
   				var visualizationPanel = Ext.create('Ext.panel.Panel', {
  
positive.code: 						},
  						{
  							title: 'Relationships',
  							region: 'center',
  							xtype: 'panel',
  							flex: 3,
  
negative.code: 				var originGrid = Ext.create('Ext.grid.Panel', {
  					store: actualComponentsStore,
  					width: '50%',
  					border: true,
  					columns: [
  						{ text: 'Origin Entry', dataIndex: 'ownerComponentName', flex: 1 }
  					],
  					listeners: {
  						select: function(grid, record, index, eOpts) {
  							console.log("you dun selected");
  							var id = record.get('ownerComponentId');
  							relationshipsStore.setProxy({
  								type: 'ajax',
  								url: '../api/v1/resource/components/' + id + '/relationships/all'
  							});
  							relationshipsStore.load();
  						}
  					}
  				});
  
  				var targetGrid = Ext.create('Ext.grid.Panel', {
  					store: actualComponentsStore,
  					width: '50%',
  					border: true,
  					columns: [
  						{ text: 'Target Entry', dataIndex: 'ownerComponentName', flex: 1 }
  					]
  