Fix Chat()'s loading message removal (on error)

CHANGELOG.md

@@ -11,6 +11,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 * Fixed a bug with `Chat()` sometimes silently dropping errors. (#1672)
 
+* Fixed a bug with `Chat()` sometimes not removing it's loading icon (on error or a `None` transform). (#1679)
+
 * `shiny create` now uses the template `id` rather than the directory name as the default directory. (#1666)
 
 ## [1.1.0] - 2024-09-03

js/chat/chat.ts

@@ -398,20 +398,19 @@ class ChatContainer extends LightElement {
     }
   }
 
+  // Loading message is just an empty message
   #addLoadingMessage(): void {
     const loading_message = {
       content: "",
       role: "assistant",
-      id: `${this.id}-loading-message`,
     };
     const message = createElement(CHAT_MESSAGE_TAG, loading_message);
     this.messages.appendChild(message);
   }
 
   #removeLoadingMessage(): void {
-    const id = `${this.id}-loading-message`;
-    const message = this.messages.querySelector(`#${id}`);
-    if (message) message.remove();
+    const content = this.lastMessage?.content;
+    if (!content) this.lastMessage?.remove();
   }
 
   #onAppendChunk(event: CustomEvent<Message>): void {