         HelpWrapperComponent {key: @props.params.key}
 
 NewNotebookComponent = React.createClass
+  displayName: 'NewNotebookComponent'
   render: ->
     intro_command = settings.get 'app', 'intro_command'
     if intro_command? and intro_command != ''

    }

Base64EncodedNotebookCellComponent = React.createClass
  render: ->
    value = atob @props.params.splat
    SingleCoffeeScriptCellNotebookComponent {value}

SingleCoffeeScriptCellNotebookComponent = React.createClass
  render: ->
    value = @props.value
    Notebook.NotebookComponent {imports, module_names, init: (notebook) ->

settings.default 'app', 'intro_command', "help 'introduction'"

AppComponent = React.createClass
  displayName: 'AppComponent'
  render: ->
    React.DOM.div {className: 'lead'},
      React.DOM.div {className: 'nav-bar'}, 'lead'
      this.props.activeRouteHandler()

HelpWrapperComponent = React.createClass
  displayName: 'HelpWrapperComponent'
  mixins: [Context.ContextAwareMixin]
  render: ->
    Builtins.help_component @state.ctx, @props.key

HelpComponent = React.createClass
  displayName: 'HelpComponent'
  render: ->
    # TODO don't lie about class. fix the stylesheet to apply
    React.DOM.div {className: 'output cell'},
