FIX: more consistent composer focus and replying indicator (#22443)

plugins/chat/assets/javascripts/discourse/components/chat-channel.js

@@ -132,6 +132,8 @@ export default class ChatLivePane extends Component {
       this.resetComposerMessage();
     }
 
+    this.composer.focus();
+
     this.loadMessages();
   }
 

plugins/chat/assets/javascripts/discourse/components/chat-composer.hbs

@@ -65,7 +65,6 @@
             {{on "focusin" (fn this.computeIsFocused true)}}
             {{on "focusout" (fn this.computeIsFocused false)}}
             {{did-insert this.setupAutocomplete}}
-            {{did-insert this.composer.focus}}
             data-chat-composer-context={{this.context}}
           />
         </div>

plugins/chat/assets/javascripts/discourse/components/chat-composer.js

@@ -44,10 +44,6 @@ export default class ChatComposer extends Component {
   @tracked inProgressUploadsCount = 0;
   @tracked presenceChannelName;
 
-  get shouldRenderReplyingIndicator() {
-    return this.args.channel;
-  }
-
   get shouldRenderMessageDetails() {
     return (
       this.currentMessage?.editing ||

plugins/chat/assets/javascripts/discourse/components/chat-thread.js

@@ -45,6 +45,7 @@ export default class ChatThreadPanel extends Component {
   @action
   didUpdateThread() {
     this.subscribeToUpdates();
+    this.chatThreadComposer.focus();
     this.loadMessages();
     this.resetComposerMessage();
   }

plugins/chat/assets/javascripts/discourse/components/chat/composer/channel.js

@@ -14,6 +14,10 @@ export default class ChatComposerChannel extends ChatComposer {
 
   composerId = "channel-composer";
 
+  get shouldRenderReplyingIndicator() {
+    return this.args.channel;
+  }
+
   get presenceChannelName() {
     const channel = this.args.channel;
     return `/chat-reply/${channel.id}`;

plugins/chat/assets/javascripts/discourse/components/chat/composer/thread.js

@@ -18,6 +18,10 @@ export default class ChatComposerThread extends ChatComposer {
     this.composer.reset(this.args.thread);
   }
 
+  get shouldRenderReplyingIndicator() {
+    return this.args.thread;
+  }
+
   get disabled() {
     return (
       !this.chat.userCanInteractWithChat ||

plugins/chat/assets/javascripts/discourse/services/chat-channel-composer.js

@@ -15,7 +15,7 @@ export default class ChatChannelComposer extends Service {
 
   @action
   focus(options = {}) {
-    this.textarea.focus(options);
+    this.textarea?.focus(options);
   }
 
   @action