'load', ()=>(this.e.newestMessage || eMsg).scrollIntoView(false)
          );
        }else{
          eMsg.scrollIntoView(false);
        }
        return this;
      },
      /**
         Recalculates the ".subsequent" CSS class tag for all
         messages.  When a user posts multiple messages in a row, the
         2nd and subsequent ones get the "subsequent" tag added to
         them for additional styling. We cannot do this easily as
         messages arrive in batch mode because they can arrive out of
         order (they arrive, and are processed, in reverse order for
         the "load older messages" buttons). We do this handling in
         injectMessageElem() for "interactive" use but have to
         recalculate them en mass after receiving a batch of messages
         right after this app loads or via the "load older messages"
         buttons.
      */
      recalcMessageIndents: function(){
        var prevXFrom;
        this.e.messagesWrapper.querySelectorAll('.message-widget').forEach(function(e,ndx){
          if(e.classList.contains('notification')){
            // Obligatory special case.
            prevXFrom = undefined;
            D.removeClass(e, 'subsequent');
            return;
          }
          const xfrom = e.dataset.xfrom;
          if(ndx && xfrom === prevXFrom){
              D.addClass(e,'subsequent');
          }else{
            D.removeClass(e, 'subsequent');
          }
          prevXFrom = xfrom;
        });
      },
      /* Injects element e as a new row in the chat, at the oldest end
         of the list if atEnd is truthy, else at the newest end of the
         list. */
      injectMessageElem: function f(e, atEnd){
        const mip = atEnd ? this.e.loadOlderToolbar : this.e.messageInjectPoint,
              holder = this.e.messagesWrapper,
              prevMessage = this.e.newestMessage;
        if(!atEnd && !this._isBatchLoading
           && e.dataset.xfrom && !e.classList.contains('notification')){
          if(prevMessage && prevMessage.dataset.xfrom===e.dataset.xfrom){
            D.addClass(e, 'subsequent');
          }
        }
        if(atEnd){
          const fe = mip.nextElementSibling;
          if(fe) mip.parentNode.insertBefore(e, fe);
          else D.append(mip.parentNode, e);
        }else{
          D.append(holder,e);
          this.e.newestMessage = e;

          let gotMessages = x.msgs.length;
          newcontent(x,true);
          Chat._isBatchLoading = false;
          if(Chat._gotServerError){
            Chat._gotServerError = false;
            return;
          }
          Chat.recalcMessageIndents();
          if(n<0/*we asked for all history*/
             || 0===gotMessages/*we found no history*/
             || (n>0 && gotMessages<n /*we got fewer history entries than requested*/)
             || (n===0 && gotMessages<Chat.loadMessageCount
                 /*we asked for default amount and got fewer than that.*/)){
            /* We've loaded all history. Permanently disable the
               history-load toolbar and keep it from being re-enabled

  })()/*end history loading widget setup*/;

  const afterFetch = function f(){
    if(true===f.isFirstCall){
      f.isFirstCall = false;
      Chat.ajaxEnd();
      Chat.e.messagesWrapper.classList.remove('loading');
      Chat.recalcMessageIndents();
      setTimeout(function(){
        Chat.scrollMessagesTo(1);
      }, 250);
    }
    if(Chat._gotServerError && Chat.intervalTimer){
      clearInterval(Chat.intervalTimer);
      Chat.reportErrorAsMessage(

        console.error(err);
        /* ^^^ we don't use Chat.reportError() here b/c the polling
           fails exepectedly when it times out, but is then immediately
           resumed, and reportError() produces a loud error message. */
        afterFetch();
      },
      onload:function(y){
        newcontent(y); 
        Chat._isBatchLoading = false;
        afterFetch();
      }
    });
  };
  poll.isFirstCall = true;
  Chat._gotServerError = poll.running = false;
  if( window.fossil.config.chat.fromcli ){
    Chat.chatOnlyMode(true);
  }
  Chat.intervalTimer = setInterval(poll, 1000);
  F.page.chat = Chat/* enables testing the APIs via the dev tools */;
})();

  padding: 0 0.5em 0.15em 0.5em;
  cursor: pointer;
  white-space: nowrap;
}
body.chat .fossil-tooltip.help-buttonlet-content {
  font-size: 80%;
}
body.chat .message-widget.subsequent {
  /* When a single user posts multiple messages in a row,
     the 2nd and subsequent ones get the 'subsequent' class
     added to them. */
  margin-left: 2.5em;
  margin-right: 2.5em;
}
body.chat .message-widget.subsequent .message-widget-tab:before {
  content: "↳ ";
}
body.chat.my-messages-right .message-widget.subsequent.mine .message-widget-tab:before {
  content: revert;
}
body.chat.my-messages-right .message-widget.subsequent.mine .message-widget-tab:after {
  content: " ↲";
}

/* The popup element for displaying message timestamps
   and deletion controls. */
body.chat .chat-message-popup {
  font-family: monospace;
  font-size: 0.8em;
  text-align: left;
  display: flex;