Modal Views - can we agree on a best practice?

Hi,

I am experimenting with a modal view with a mini embedded state machine inside.

See example here

http://jsbin.com/igubev/1/edit

What I can’t quite get my head around still is whether this logic should be in a Route class or a Controller class. The specific concerns between view, route and controller are still a little murky to me.

Also, could someone explain why I can’t see the return value of currentStateName in the modal template?

currentStateName: function() {
    return this.modalManager.get('currentState.name');
},

I presumed that the “generated” application controller just inherited properties from the route.

Do I have to wrap all this in a component or control instead? Still trying to figure out how to make this sufficiently modular. Or else just clutter up the application controller (which seems messy).