 
     @forwardEvent @actionsMenu, 'LeftChannel'
 
-    @participantsView.addSubView @heads = new KDCustomHTMLView
-      cssClass    : 'heads'
-
-    @addParticipant participant for participant in participantsPreview
-
-    @participantsView.addSubView @newParticipantButton = new KDButtonView
-      cssClass    : 'new-participant'
-      iconOnly    : yes
-      callback    : @bound 'toggleAutoCompleteInput'
+    @participantsModel = new ChannelParticipantsModel { channel }
+    @participantsView.addSubView @participantHeads = new ParticipantHeads
+
+    @participantHeads.on 'NewParticipantButtonClicked', @bound 'toggleAutoCompleteInput'
+
+    @participantsModel.addChangeListener @participantHeads.bound 'updateParticipants'
 
 
   toggleAutoCompleteInput: ->


    @autoCompleteForm.inputs.recipient.addSubView @autoComplete.getView()

    @autoComplete.on 'ItemSelected', @bound 'toggleAutoCompleteInput'

    @autoComplete.on 'ItemListChanged', (count) =>
      participant  = @autoComplete.getSelectedItemData()[count - 1]

    @emit 'NewParticipantButtonClicked'

    @autoCompleteForm.toggleClass 'active'
    @autoComplete.getView().setFocus()  if @autoCompleteForm.hasClass 'active'


