feat(email): allow dismissing entity suggestions

frontend/components/email/EmailEntityLinks.vue

@@ -27,6 +27,7 @@ type Suggestion = Omit<EntityLink, "id"> & { confidence: "high" | "medium"; reas
 const suggestions = ref<Suggestion[]>([])
 const loadingSuggestions = ref(false)
 const suggestionError = ref("")
+const dismissingSuggestion = ref("")
 let suggestionRequest = 0
 let active = true
 onBeforeUnmount(() => { active = false; suggestionRequest++ })
@@ -124,6 +125,31 @@ async function addLink(suggestion?: Suggestion) {
   }
 }
 
+async function dismissSuggestion(suggestion: Suggestion) {
+  const key = `${suggestion.entityType}:${suggestion.entityId}`
+  const messageId = props.messageId
+  if (dismissingSuggestion.value) return
+  dismissingSuggestion.value = key
+  try {
+    await useNuxtApp().$api(
+      `/api/email/messages/${messageId}/entity-suggestions/${suggestion.entityType}/${suggestion.entityId}`,
+      { method: "DELETE" },
+    )
+    if (!active || messageId !== props.messageId) return
+    suggestions.value = suggestions.value.filter(item =>
+      item.entityType !== suggestion.entityType || item.entityId !== suggestion.entityId,
+    )
+  } catch (err: any) {
+    toast.add({
+      title: "Ausblenden fehlgeschlagen",
+      description: err?.data?.error || err?.message,
+      color: "error",
+    })
+  } finally {
+    if (messageId === props.messageId) dismissingSuggestion.value = ""
+  }
+}
+
 async function removeLink(link: EntityLink) {
   const messageId = props.messageId
   saving.value = true
@@ -199,7 +225,21 @@ watch(selectedEntityType, loadEntityOptions, { immediate: true })
             </div>
             <p class="mt-1 text-dimmed">{{ suggestion.reason }}</p>
           </div>
-          <UButton size="xs" icon="i-heroicons-link" :disabled="saving" @click="addLink(suggestion)">Übernehmen</UButton>
+          <div class="flex shrink-0 items-center gap-1">
+            <UButton
+              size="xs"
+              variant="ghost"
+              color="neutral"
+              icon="i-heroicons-eye-slash"
+              :loading="dismissingSuggestion === `${suggestion.entityType}:${suggestion.entityId}`"
+              :disabled="saving || Boolean(dismissingSuggestion)"
+              :aria-label="`${suggestion.entityName} ausblenden`"
+              @click="dismissSuggestion(suggestion)"
+            >
+              Ausblenden
+            </UButton>
+            <UButton size="xs" icon="i-heroicons-link" :disabled="saving || Boolean(dismissingSuggestion)" @click="addLink(suggestion)">Übernehmen</UButton>
+          </div>
         </div>
       </template>
     </div>