use showDialog directly

web/src/lib/modals/WorkflowDeleteConfirmModal.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { ConfirmModal } from '@immich/ui';
-  import { t } from 'svelte-i18n';
-
-  type Props = {
-    onClose: (confirmed: boolean) => void;
-  };
-
-  let { onClose }: Props = $props();
-</script>
-
-<ConfirmModal
-  confirmColor="danger"
-  prompt={$t('workflow_delete_prompt')}
-  onClose={(confirmed) => (confirmed ? onClose(true) : onClose(false))}
-/>

web/src/lib/modals/WorkflowNavigationConfirmModal.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { ConfirmModal } from '@immich/ui';
-  import { t } from 'svelte-i18n';
-
-  type Props = {
-    onClose: (confirmed: boolean) => void;
-  };
-
-  let { onClose }: Props = $props();
-</script>
-
-<ConfirmModal
-  confirmColor="primary"
-  prompt={$t('workflow_navigation_prompt')}
-  onClose={(confirmed) => (confirmed ? onClose(true) : onClose(false))}
-/>

web/src/lib/modals/WorkflowTriggerUpdateConfirmModal.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-  import { ConfirmModal } from '@immich/ui';
-  import { mdiLightningBolt } from '@mdi/js';
-  import { t } from 'svelte-i18n';
-
-  type Props = {
-    onClose: (confirmed: boolean) => void;
-  };
-
-  let { onClose }: Props = $props();
-</script>
-
-<ConfirmModal
-  confirmColor="primary"
-  title={$t('change_trigger')}
-  icon={mdiLightningBolt}
-  prompt={$t('change_trigger_prompt')}
-  onClose={(confirmed) => (confirmed ? onClose(true) : onClose(false))}
-/>

web/src/routes/(user)/utilities/workflows/+page.svelte

@@ -2,7 +2,6 @@
   import { goto } from '$app/navigation';
   import UserPageLayout from '$lib/components/layouts/user-page-layout.svelte';
   import { AppRoute } from '$lib/constants';
-  import WorkflowDeleteConfirmModal from '$lib/modals/WorkflowDeleteConfirmModal.svelte';
   import type { WorkflowPayload } from '$lib/services/workflow.service';
   import { handleError } from '$lib/utils/handle-error';
   import {
@@ -109,7 +108,11 @@
 
   const handleDeleteWorkflow = async (workflow: WorkflowResponseDto) => {
     try {
-      const confirmed = await modalManager.show(WorkflowDeleteConfirmModal);
+      const confirmed = await modalManager.showDialog({
+        prompt: $t('workflow_delete_prompt'),
+        confirmColor: 'danger',
+      });
+
       if (!confirmed) {
         return;
       }

web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte

@@ -9,8 +9,6 @@
   import WorkflowTriggerCard from '$lib/components/workflows/WorkflowTriggerCard.svelte';
   import { AppRoute } from '$lib/constants';
   import AddWorkflowStepModal from '$lib/modals/AddWorkflowStepModal.svelte';
-  import WorkflowNavigationConfirmModal from '$lib/modals/WorkflowNavigationConfirmModal.svelte';
-  import WorkflowTriggerUpdateConfirmModal from '$lib/modals/WorkflowTriggerUpdateConfirmModal.svelte';
   import {
     buildWorkflowPayload,
     getActionsByContext,
@@ -287,7 +285,11 @@
   };
 
   const handleTriggerChange = async (newTrigger: PluginTriggerResponseDto) => {
-    const confirmed = await modalManager.show(WorkflowTriggerUpdateConfirmModal);
+    const confirmed = await modalManager.showDialog({
+      prompt: $t('change_trigger_prompt'),
+      title: $t('change_trigger'),
+      confirmColor: 'primary',
+    });
 
     if (!confirmed) {
       return;
@@ -303,7 +305,10 @@
       cancel();
 
       modalManager
-        .show(WorkflowNavigationConfirmModal)
+        .showDialog({
+          prompt: $t('workflow_navigation_prompt'),
+          confirmColor: 'primary',
+        })
         .then((isConfirmed) => {
           if (isConfirmed && to) {
             allowNavigation = true;