       @updateInstalledCount()
 
   createInstalledViews: ->
+    @setLoadingText('Loading installed packages\u2026')
     @loadingArea.show()
     packages = _.sortBy(atom.getAvailablePackageMetadata(), 'name')
     packageManager.renderMarkdownInMetadata packages, =>
-      @loadingArea.hide()
+      @setLoadingText(null)
       for pack in packages
         view = new PackageView(pack, @packageEventEmitter)
         @installedViews.append(view)

            @span class: 'badge pull-right', outlet: 'availableCount'

      @subview 'packageFilter', new Editor(mini: true, attributes: {id: 'package-filter'})

      @div outlet: 'loadingArea', class: 'alert alert-info loading-area', =>
        @span 'Loading installed packages\u2026'

      @div outlet: 'installedViews'




  updateInstalledCount: ->
    @installedCount.text(@installedViews.children().length)

  setLoadingText: (text) ->
    @loadingArea.text(text)
    if text then @loadingArea.show() else @loadingArea.hide()

  removePackage: ({name}) ->
    @installedViews.children("[name=#{name}]").remove()
