anchor.diff:              include settings.jade
   
       .textarea-container(ng-show="selectedChat && selectedChat._id && !showSettings")
  +        
  +        //- display when someone is typing
           .chatstate
  -            //- display when someone is typing
               img.img-circle(
                   ng-repeat="(key, obj) in selectedChat.chatstate" ng-if="obj"
                   style="width: 24px"
                   ap-avatar email="recents[key].email"
                   ng-class="{ 'animated swing infinite': obj.value === 'composing' }"
               )
  +
  +        //- Macros
           mentio-menu#macros(
               mentio-typed-text="typedTerm"
               mentio-search="searchMacros(term)"
  
positive.code:                         ap-avatar email="message.from.email"
                          ng-click="switchChat(message.from._id)"
                          ng-class="{ clickable: message.from._id !== account._id }"
                      )
  
                  td
                      h6 {{ message.from.display }}
                      ap-message(ap-content="message.content.text" ap-file="message.file")
                  td.align-right(width="90px")
                      small: small.help-block {{ message.created | readableDate }}
              tr.chatstate
                  td(colspan="3" width="100%")
                      
  
          //- Settings panel
  
negative.code:         table#chat-table.table(ng-show="!showSettings")
  
              //- Messages
              tr.animated.fadeInUp.faster(ng-repeat="message in selectedChat.messages" ng-init="notSameFrom = message.from._id !== selectedChat.messages[$index -1].from._id")
                  //- avatar for remote party
                  td(width="60px")
                      img.img-circle(
  