             _.debounce (@lazyBound 'previewApp', no), 500
 
           JSEditor.on "RunRequested", @lazyBound 'previewApp', yes
+          JSEditor.on "SaveAllRequested", @bound 'saveAll'
           JSEditor.on "AutoRunRequested", @bound 'toggleLiveReload'
           JSEditor.on "FocusedOnMe", => @_lastActiveEditor = JSEditor
           JSEditor.on "RecentFileLoaded", => @switchMode 'develop'
 
+          @on 'saveAllMenuItemClicked', @bound 'saveAll'
           @on 'saveMenuItemClicked', =>
             @_lastActiveEditor?.handleSave()
-          @on 'saveAllMenuItemClicked', =>
-            CSSEditor.handleSave(); JSEditor.handleSave()
           @on 'closeAllMenuItemClicked', =>
             delete @_lastActiveEditor
             @switchMode 'home'

            _.debounce (@lazyBound 'previewCss', no), 500

          CSSEditor.on "RunRequested", @lazyBound 'previewCss', yes
          CSSEditor.on "AutoRunRequested", @bound 'toggleLiveReload'
          CSSEditor.on "FocusedOnMe", => @_lastActiveEditor = CSSEditor


      else
        @welcomePage.setClass 'out'
        KD.utils.wait 500, @welcomePage.bound 'hide'

  saveAll:->

    {JSEditor, CSSEditor} = @workspace.activePanel.panesByName
    CSSEditor.handleSave(); JSEditor.handleSave()


class DevToolsEditorPane extends CollaborativeEditorPane

