anchor.diff:  				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 }
   					]
  
positive.code: 					listeners: {
  						load: function(store, records, successful, eOpts) {
  							// populate the actualComponentStore
  							// with the a list of unique components
  							var ac = Ext.getStore('actualComponentsStore');
  							var acData = Ext.getStore('actualComponentsStore').getData();
  							Ext.Array.each(records, function(record) {
  
negative.code: 						},
  						{
  							title: 'Relationships',
  							margin: '5 5 5 5',
  							borderWidth: '5px',
  							region: 'center',
  							xtype: 'panel',
  							flex: 3,
  