fix(chat): Disable chat input when sending input rather than setting the input value

Author: gadenbuie

js/chat/chat.ts

@@ -265,6 +265,13 @@ class ChatInput extends LightElement {
     this.#onInput();
   }
 
+  // Recheck button state when `this.disabled` updates
+  updated(changedProperties: Map<string, unknown>) {
+    if (changedProperties.has("disabled")) {
+      this.#onInput();
+    }
+  }
+
   #sendInput(): void {
     if (this.valueIsEmpty) return;
     if (this.disabled) return;
@@ -282,11 +289,11 @@ class ChatInput extends LightElement {
     this.setInputValue("");
 
     this.textarea.focus();
+    this.disabled = true; // Will be re-enabled by #finalizeMessage() when we get a response
   }
 
   setInputValue(value: string): void {
     this.textarea.value = value;
-    this.disabled = value.trim().length === 0;
 
     // Simulate an input event (to trigger the textarea autoresize)
     const inputEvent = new Event("input", { bubbles: true, cancelable: true });
@@ -451,6 +458,7 @@ class ChatContainer extends LightElement {
   }
 
   #finalizeMessage(): void {
+    console.log("message finalized!");
     this.input.disabled = false;
   }