         position: "left"
         trigger: "hover"
 
-
-
-
-      ###
-      commitContent.popover({
-        title: "Commit Details"
-        content: () -> $('<div/>').html(commitDetailContent).html()
-        trigger: "click"
-        html: true
-        delay:
-          show: 200
-          hide: 200
-        container: "body"
-        placement: "left"
-      })
-      ###
-
-      ###
-      data.after, data.before 
-      data.commits @array
-          { 
-              id: [commit ref string],
-              author: {
-                  name: [string],
-                  email: [string]
-              },
-              date: [string],
-              merge: [optional] { parent1 => [commit ref string] , parent2 => [commit ref string] }
-          }
-      data.user pushed by {user}
-      data.ref (branch name or tag name)
-      data.ref_type (reference type: 'heads', 'tags')
-      data.type = 'git'
-      data.new_head = [boolean]  ? is a new tag or new branch ?
-      data.is_delete = [boolean] ? is deleted ?
-      data.time = [time string]
-      ###
-
-
-class WireRoomConnectionStatus
+class WRConnectionStatus
 
   ###
   # @el the connection status element

      messagePanelEl   = $('<div/>')
      messagePanelEl.addClass('message-container').appendTo($panel)
      messageContainer     = new WireRoomMessageContainer(self, messagePanelEl, { room: room })
      messageInput         = new WireRoomMessageInput(self, $panel, { room: room })
      sidePanel            = new WireRoomSidePanel(self, $panel, { room: room })
      gitNotificationPanel = new NotificationPanel(self, sidePanel.container, { room: room })

      @socket.emit "join",
        room: room

      self.wireroom.joinChannel room
      return false

class WRMessageInput
  constructor: (@wireroom, @panel, @options) ->
    templateContent = """
      <div class="input-panel clearfix">
