Keybinding view is an extension

src/app/keymaps/atom.coffee

@@ -4,5 +4,4 @@ window.keymap.bindKeys '*'
   right: 'move-right'
   left: 'move-left'
   down: 'move-down'
-  up: 'move-up'
-  'ctrl-?': 'toggle-keybindings-view'
+  up: 'move-up'

src/app/keymaps/keybindings-view.coffee

@@ -0,0 +1,5 @@
+window.keymap.bindKeys '*',
+  'ctrl-?': 'keybindings-view:attach'
+
+window.keymap.bindKeys ".keybindings-view",
+  'escape': 'keybindings-view:detach'

src/app/root-view.coffee

@@ -29,7 +29,6 @@ class RootView extends View
   extensions: null
   extensionStates: null
   fontSize: 18
-  keybindingsView: null
 
   initialize: (pathToOpen) ->
     @extensions = {}
@@ -60,7 +59,6 @@ class RootView extends View
 
     @on 'increase-font-size', => @setFontSize(@getFontSize() + 1)
     @on 'decrease-font-size', => @setFontSize(@getFontSize() - 1)
-    @on 'toggle-keybindings-view', => @toggleKeybindingsView()
 
   afterAttach: (onDom) ->
     @focus() if onDom
@@ -116,22 +114,6 @@ class RootView extends View
     if not previousActiveEditor or editor.buffer.path != previousActiveEditor.buffer.path
       @trigger 'active-editor-path-change', editor.buffer.path
 
-  toggleKeybindingsView: ->
-    if @keybindingsView?
-      @keybindingsView.remove()
-      @keybindingsView = null
-    else
-      keybindings = @activeKeybindings()
-      @keybindingsView = $$ ->
-        @div class: 'keybindings-view', =>
-          @ul =>
-            for keystroke, command of keybindings
-              @li =>
-                @span class: 'keystroke', "#{keystroke}"
-                @span "#{command}"
-
-      @append(@keybindingsView)
-
   activeKeybindings: ->
     keymap.bindingsForElement(document.activeElement)