Merge pull request #929 from basecamp/fizzy-ask-spend-limits

Conversation cost limits

app/javascript/controllers/conversation/composer_controller.js

@@ -27,7 +27,10 @@ export default class extends Controller {
     if (event.detail.success) {
       this.#reset()
     } else {
-      this.conversationMessagesOutlet.failPendingMessage(this.clientMessageIdInputTarget.value)
+      this.#failPendingMessage(
+        this.clientMessageIdInputTarget.value, 
+        event.detail.fetchResponse
+      )
     }
   }
 
@@ -60,4 +63,18 @@ export default class extends Controller {
     this.textInputTarget.value = ""
     this.clientMessageIdInputTarget.value = ""
   }
+
+  async #failPendingMessage(clientMessageId, response) {
+    let errorMessage = null
+
+    if (response?.contentType?.includes('application/json')) {
+      const error = JSON.parse(await response.responseText)
+      errorMessage = error.error
+    }
+
+    this.conversationMessagesOutlet.failPendingMessage(
+      this.clientMessageIdInputTarget.value,
+      errorMessage
+    )
+  }
 }

app/javascript/controllers/conversation/messages_controller.js

@@ -12,11 +12,15 @@ export default class extends Controller {
     this.scrollToBottom()
   }
 
-  failPendingMessage(clientMessageId) {
+  failPendingMessage(clientMessageId, errorMessage) {
     const message = this.element.querySelector(`#message_${clientMessageId}`)
 
     if (message) {
       message.classList.add(this.failedMessageClass)
+
+      if (errorMessage) {
+        message.dataset.error = errorMessage
+      }
     }
   }