[Pavel M.]

уберите html: ... из viewport
и добавьте "северный" north элемент

в моем примере выше замените блок viewport на, например, такой

Ext.create('Ext.container.Viewport', {
            layout  : 'border',

            defaults: {
              split: true
            },
            items: [
              {xtype: 'component', region: 'north', style: 'padding: 10px;', html: '<h1> Документация ... </h1>'},
              treePanel,
              htmlPanel
            ]         
        });

весь код http://jsbin.com/egudom/edit#source
демо http://jsbin.com/egudom