gistfile1.js

var State = Ember.State.extend({});
var ViewState = Ember.ViewState.extend({});

App.statechart = Ember.StateManager.create({
  loggedOut: ViewState.create({}),
  loggingIn: ViewState.create({}),
  loggedIn: State.create({
    appLoadFailed: ViewState.create({}),
    appLoading: ViewState.create({}),
    appLoaded: State.create({
      concurrentSubStates: YES,

      pushNotifications: State.create({
        pushDisconnected: State.create({}),
        pushConnecting: State.create({}),
        pushConnected: State.create({}),
      }),
      displayAppUI: State.create({
        concurrentSubStates: YES,
        
        displayUI: ViewState.create({}),
        displayModals: State.create({
          displayNone: State.create({}),
          displaySettings: ViewState.create({}),
          displayWarning: ViewState.create({}),
        })
      backgroundQueue: State.create({})
    })
  })
});