     state.height.set(data.height)
 
   toggleCollapsed = (state, data) ->
-    console.log("toggle " + state.collapsed())
     state.collapsed.set(!state.collapsed())
 
   App = ->


    define = {
      sideWidth: hg.value 400
      channels: {
        changeWidth: changeWidth
      }
      steps: {
        stepIn: stepIn

    }, [
      h('div.resizer', {
        style:
          display: 'flex'
          cursor: if state.collapsed then '' else 'ew-resize'
        'ev-mousedown': unless state.collapsed then dragHandler state.channels.changeWidth, {}
      }, [
        h('div', {
            style: {
              'align-self': 'center'
              cursor: 'pointer'
              'margin-left': '0px'
              'margin-right':'-4px'
            }
            'ev-click': hg.send state.channels.toggleCollapsed
            className: if state.collapsed then 'icon-triangle-left' else 'icon-triangle-right'
          }, [
        ])
      ])
      RightSidePane(BreakPointPane, CallStackPane, LocalsPane, WatchPane, StepButton, state)
    ])

