messagesWrapper: E1('#chat-messages-wrapper'),
        inputForm: E1('#chat-form'),
        btnSubmit: E1('#chat-message-submit'),
        inputSingle: E1('#chat-input-single'),
        inputMulti: E1('#chat-input-multi'),
        inputCurrent: undefined/*one of inputSingle or inputMulti*/,
        inputFile: E1('#chat-input-file'),
        contentDiv: E1('div.content'),
        activeUserList: undefined/*active user list (dynamically created later on)*/
      },
      me: F.user.name,
      mxMsg: F.config.chat.initSize ? -F.config.chat.initSize : -50,
      mnMsg: undefined/*lowest message ID we've seen so far (for history loading)*/,
      pageIsActive: 'visible'===document.visibilityState,
      changesSincePageHidden: 0,
      notificationBubbleColor: 'white',

         this.
      */
      setNewMessageSound: function f(uri){
        delete this.playNewMessageSound.audio;
        this.playNewMessageSound.uri = uri;
        this.settings.set('audible-alert', !!uri);
        return this;
      },

      /**
         Updates the "active user list" view.
      */
      updateActiveUserList: function callee(){
        if(!this.e.activeUserList){
          /** Array.sort() callback. Expects an array of user names and
              sorts them in last-received message order (newest first). */
          const usersLastSeen = this.usersLastSeen;
          callee.sortUsersSeen = function(l,r){
            l = usersLastSeen[l];
            r = usersLastSeen[r];
            if(l && r) return r - l;
            else if(l) return -1;
            else if(r) return 1;
            else return 0;
          };
          const content = document.querySelector('body > div.content');
          const ael = this.e.activeUserList =
                D.attr(D.div(),'id','active-user-list');
          D.append(ael, "user list placeholder");
          content.insertBefore(ael, content.firstElementChild)
          /*remember: layout is reversed!*/;
        }
        const self = this,
              users = Object.keys(this.usersLastSeen).sort(callee.sortUsersSeen);
        if(!users.length) return this;
        const ael = this.e.activeUserList;
        D.clearElement(ael);
        users.forEach(function(u){
          const uSpan = D.addClass(D.span(), 'chat-user');
          const uDate = self.usersLastSeen[u];
          D.append(uSpan, u);
          if(uDate.$uColor){
            uSpan.style.backgroundColor = uDate.$uColor;
          }
          D.append(ael, uSpan);
        });
      }
    };
    F.fetch.beforesend = ()=>cs.ajaxStart();
    F.fetch.aftersend = ()=>cs.ajaxEnd();
    cs.e.inputCurrent = cs.e.inputSingle;
    /* Install default settings... */
    Object.keys(cs.settings.defaults).forEach(function(k){

  
  /** Callback for poll() to inject new content into the page.  jx ==
      the response from /chat-poll. If atEnd is true, the message is
      appended to the end of the chat list (for loading older
      messages), else the beginning (the default). */
  const newcontent = function f(jx,atEnd){
    if(!f.processPost){










      /** Processes chat message m, placing it either at the start (if
          atEnd is falsy) or end (if atEnd is truthy) of the chat
          history. atEnd should only be true when loading older
          messages. */
      f.processPost = function(m,atEnd){
        ++Chat.totalMessageCount;
        if( m.msgid>Chat.mxMsg ) Chat.mxMsg = m.msgid;
        if( !Chat.mnMsg || m.msgid<Chat.mnMsg) Chat.mnMsg = m.msgid;
        if(m.xfrom && m.mtime){
          const d = new Date(m.mtime);
          const uls = Chat.usersLastSeen[m.xfrom];
          if(!uls || uls<d){
            d.$uColor = m.uclr;
            Chat.usersLastSeen[m.xfrom] = d;
          }
        }
        if( m.mdel ){
          /* A record deletion notice. */
          Chat.deleteMessageElem(m.mdel);
          return;
        }
        if(!Chat._isBatchLoading /*&& Chat.me!==m.xfrom*/ && Chat.playNewMessageSound){
          Chat.playNewMessageSound();
        }
        const row = new Chat.MessageWidget(m);
        Chat.injectMessageElem(row.e.body,atEnd);
        if(m.isError){
          Chat._gotServerError = m;
        }else{



          Chat.updateActiveUserList();

        }
      }/*processPost()*/;
    }/*end static init*/
    jx.msgs.forEach((m)=>f.processPost(m,atEnd));
    if('visible'===document.visibilityState){
      if(Chat.changesSincePageHidden){
        Chat.changesSincePageHidden = 0;

  white-space: pre;
  font-family: monospace;
}

body.chat #chat-drop-details img {
  max-width: 45%;
  max-height: 45%;
}
body.chat #active-user-list {
  border: 1px inset;
  padding: 0.1em 0.2em;
  border-radius: 0.25em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  font-size: 80%;
}
body.chat #active-user-list::before {
  content: "Most recently active:";
}
body.chat #active-user-list span.chat-user {
  margin: 0.2em;
  padding: 0.15em;
  border-radius: 0.25em;
}

input[type="checkbox"].diff-toggle {
  float: right;
}

body.branch .brlist > table > tbody > tr:hover:not(.selected),