feat: show external error in message as tooltip (#6701)

app/javascript/dashboard/components/widgets/conversation/bubble/Actions.vue

@@ -9,6 +9,14 @@
     >
       {{ readableTime }}
     </span>
+    <span v-if="externalError" class="read-indicator-wrap">
+      <fluent-icon
+        v-tooltip.top-start="externalError"
+        icon="error-circle"
+        class="action--icon"
+        size="14"
+      />
+    </span>
     <span v-if="showReadIndicator" class="read-indicator-wrap">
       <fluent-icon
         v-tooltip.top-start="$t('CHAT_LIST.MESSAGE_READ')"
@@ -98,6 +106,10 @@ export default {
       type: String,
       default: '',
     },
+    externalError: {
+      type: String,
+      default: '',
+    },
     storyId: {
       type: String,
       default: '',