fix: composition send responses and notifications

Signed-off-by: Sebastian <krupinski01@gmail.com>

src/stores/mailUiStore.ts

@@ -7,12 +7,15 @@ import { ComposerMode } from '@/types/composer'
 import type { ServiceIdentifier, EntityIdentifier } from '@MailManager/types/common'
 import { EntityObject, type ServiceObject } from '@MailManager/models'
 import type { CollectionObject } from '@MailManager/models/collection'
+import type { MessageInterface } from '@MailManager/types/message'
 import type { MessageAddressInterface } from '@MailManager/types/message'
+import { useSnackbar } from '@KTXC'
 
 export const useMailUiStore = defineStore('mailUiStore', () => {
   const collectionsStore = useCollectionsStore()
   const mailStore = useMailStore()
   const mailSettingsStore = useMailSettingsStore()
+  const { showSnackbar } = useSnackbar()
 
   const sidebarVisible = ref(true)
   const settingsDialogVisible = ref(false)
@@ -112,6 +115,18 @@ export const useMailUiStore = defineStore('mailUiStore', () => {
     },
   )
 
+  async function initialize() {
+    await mailStore.initialize()
+
+    if (!selectedFolder.value) {
+      const inbox = mailStore.findFoldersByRole('inbox')[0] ?? null
+
+      if (inbox) {
+        await selectFolder(inbox)
+      }
+    }
+  }
+
   function sidebarToggle() {
     sidebarVisible.value = !sidebarVisible.value
   }
@@ -128,6 +143,52 @@ export const useMailUiStore = defineStore('mailUiStore', () => {
     settingsDialogVisible.value = false
   }
 
+  function notify(message: string, color: 'success' | 'error' | 'info' | 'warning' = 'success') {
+    showSnackbar({ message, color })
+  }
+
+  function notifyDeleteMessagesResult(successes: number, failures: number) {
+    if (failures === 0) {
+      notify(successes === 1 ? 'Message deleted' : `${successes} messages deleted`, 'success')
+      return
+    }
+
+    notify(
+      successes === 0
+        ? `Delete failed for ${failures === 1 ? '1 message' : `${failures} messages`}`
+        : `Deleted ${successes} ${successes === 1 ? 'message' : 'messages'}. ${failures} failed.`,
+      successes === 0 ? 'error' : 'warning',
+    )
+  }
+
+  function notifyFlagMessagesResult(successes: number, failures: number) {
+    if (failures === 0) {
+      notify(successes === 1 ? 'Message updated' : `${successes} messages updated`, 'success')
+      return
+    }
+
+    notify(
+      successes === 0
+        ? `Update failed for ${failures === 1 ? '1 message' : `${failures} messages`}`
+        : `Updated ${successes} ${successes === 1 ? 'message' : 'messages'}. ${failures} failed.`,
+      successes === 0 ? 'error' : 'warning',
+    )
+  }
+
+  function notifyMoveMessagesResult(successes: number, failures: number) {
+    if (failures === 0) {
+      notify(successes === 1 ? 'Message moved' : `${successes} messages moved`, 'success')
+      return
+    }
+
+    notify(
+      successes === 0
+        ? `Move failed for ${failures === 1 ? '1 message' : `${failures} messages`}`
+        : `Moved ${successes} ${successes === 1 ? 'message' : 'messages'}. ${failures} failed.`,
+      successes === 0 ? 'error' : 'warning',
+    )
+  }
+
   function _sameCollection(left: CollectionObject | null | undefined, right: CollectionObject | null | undefined): boolean {
     if (!left || !right) {
       return false
@@ -138,18 +199,6 @@ export const useMailUiStore = defineStore('mailUiStore', () => {
       String(left.identifier) === String(right.identifier)
   }
 
-  async function initialize() {
-    await mailStore.initialize()
-
-    if (!selectedFolder.value) {
-      const inbox = mailStore.findFoldersByRole('inbox')[0] ?? null
-
-      if (inbox) {
-        await selectFolder(inbox)
-      }
-    }
-  }
-
   async function selectFolder(folder: CollectionObject | null) {
     closeComposer()
     messageSelectionModeDeactivate()
@@ -200,7 +249,7 @@ export const useMailUiStore = defineStore('mailUiStore', () => {
   async function completeMessageRead(identifier: EntityIdentifier) {
     try {
       if (selectedMessage.value && selectedMessage.value.identifier === identifier && selectedMessage.value.properties.isRead === false) {
-        await mailStore.flagMessages([selectedMessage.value.identifier], { read: true }, { notify: false })
+        await flagMessages([selectedMessage.value.identifier], { read: true }, { notify: false })
       }
     } catch (error) {
       console.error('[Mail][UI] Failed to auto-mark message as read:', error)
@@ -237,6 +286,7 @@ export const useMailUiStore = defineStore('mailUiStore', () => {
 
     try {
       const folder = await mailStore.createFolder(service, label, createFolderDialogParent.value)
+      notify(`Folder "${folder.properties.label || label.trim()}" created`, 'success')
       closeCreateFolderDialog()
       return folder
     } catch (error) {
@@ -281,6 +331,11 @@ export const useMailUiStore = defineStore('mailUiStore', () => {
         selectedFolder.value = updatedFolder
       }
 
+      notify(
+        `Folder "${folder.properties.label || String(folder.identifier)}" renamed to "${updatedFolder.properties.label || label.trim()}"`,
+        'success',
+      )
+
       closeRenameFolderDialog()
       return updatedFolder
     } catch (error) {
@@ -317,6 +372,11 @@ export const useMailUiStore = defineStore('mailUiStore', () => {
       selectedFolder.value = movedFolder
     }
 
+    notify(
+      `Folder "${source.properties.label || String(source.identifier)}" moved to "${target.properties.label || String(target.identifier)}"`,
+      'success',
+    )
+
     closeMoveFolderDialog()
     return movedFolder
   }
@@ -353,9 +413,10 @@ export const useMailUiStore = defineStore('mailUiStore', () => {
 
       if (_sameCollection(selectedFolder.value, folder)) {
         selectFolder(null)
-        
       }
 
+      notify(`Folder "${folder.properties.label || String(folder.identifier)}" deleted`, 'success')
+
       closeDeleteFolderDialog()
       return deleted
     } catch (error) {
@@ -556,21 +617,99 @@ export const useMailUiStore = defineStore('mailUiStore', () => {
   }
 
   async function confirmMoveMessages(targetIdentifier: Parameters<typeof mailStore.moveMessages>[0]) {
-    await mailStore.moveMessages(targetIdentifier, moveMessagesDialogCandidates.value ?? [])
+    await moveMessages(targetIdentifier, moveMessagesDialogCandidates.value ?? [])
     messageSelectionModeDeactivate()
     closeMoveMessagesDialog()
   }
 
   async function deleteSelectedMessages() {
-    await mailStore.deleteMessages([...selectionList.value])
+    await deleteMessages([...selectionList.value])
     messageSelectionModeDeactivate()
   }
 
   async function flagSelectedMessages(flag: string, value: boolean) {
-    await mailStore.flagMessages([...selectionList.value],  { [flag]: value })
+    await flagMessages([...selectionList.value], { [flag]: value })
     messageSelectionModeDeactivate()
   }
 
+  async function deleteMessages(entityIdentifiers: EntityIdentifier[]) {
+    try {
+      const result = await mailStore.deleteMessages(entityIdentifiers)
+
+      if (!result) {
+        return null
+      }
+
+      notifyDeleteMessagesResult(result.successes.length, result.failures.length)
+      return result
+    } catch (error) {
+      const messageText = error instanceof Error ? error.message : 'Failed to delete messages'
+      notify(messageText, 'error')
+      throw error
+    }
+  }
+
+  async function flagMessages(
+    entityIdentifiers: EntityIdentifier[],
+    flags: Partial<NonNullable<MessageInterface['flags']>>,
+    options: { notify?: boolean } = {},
+  ) {
+    try {
+      const result = await mailStore.flagMessages(entityIdentifiers, flags)
+
+      if (!result) {
+        return null
+      }
+
+      if (options.notify ?? true) {
+        notifyFlagMessagesResult(result.successes.length, result.failures.length)
+      }
+
+      return result
+    } catch (error) {
+      const messageText = error instanceof Error ? error.message : 'Failed to update messages'
+      if (options.notify ?? true) {
+        notify(messageText, 'error')
+      }
+      throw error
+    }
+  }
+
+  async function flagMessage(entity: EntityObject, flag: string, value: boolean) {
+    return await flagMessages([entity.identifier], { [flag]: value })
+  }
+
+  async function moveMessages(target: CollectionObject, entityIdentifiers: EntityIdentifier[]) {
+    try {
+      const result = await mailStore.moveMessages(target, entityIdentifiers)
+
+      if (!result) {
+        return null
+      }
+
+      notifyMoveMessagesResult(result.successes.length, result.failures.length)
+      return result
+    } catch (error) {
+      const messageText = error instanceof Error ? error.message : 'Failed to move messages'
+      notify(messageText, 'error')
+      throw error
+    }
+  }
+
+  async function downloadMessage(entity: EntityObject, index?: number) {
+    try {
+      await mailStore.downloadMessage(entity, index)
+    } catch (error) {
+      const messageText = error instanceof Error
+        ? error.message
+        : index === undefined
+          ? 'Failed to download message'
+          : 'Failed to download attachment'
+      notify(messageText, 'error')
+      throw error
+    }
+  }
+
   return {
     sidebarVisible,
     settingsDialogVisible,
@@ -605,14 +744,20 @@ export const useMailUiStore = defineStore('mailUiStore', () => {
     deleteFolderDialogFolder,
     deleteFolderDialogLoading,
     deleteFolderDialogError,
+    initialize,
     sidebarToggle,
     sidebarHide,
     settingsOpen,
     settingsClose,
-    initialize,
+    notify,
     selectFolder,
     openComposer,
     closeComposer,
+    deleteMessages,
+    flagMessages,
+    flagMessage,
+    moveMessages,
+    downloadMessage,
     messageSelectionModeActivate,
     messageSelectionModeDeactivate,
     messageSelectionToggleOne,