diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index c25a1abe..3aada446 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -7,9 +7,15 @@ import ThemeToggle from '$lib/components/ThemeToggle.svelte';
 import NotificationBell from '$lib/components/NotificationBell.svelte';
 import AppNav from './AppNav.svelte';
 import UserMenu from './UserMenu.svelte';
+import ConfirmDialog from '$lib/components/ConfirmDialog.svelte';
+import { provideConfirmService } from '$lib/services/confirm.svelte.js';
 
 let { children, data } = $props();
 
+// Provide the confirmation service to the entire component tree.
+// ConfirmDialog below reads it via getConfirmService() and renders the <dialog>.
+provideConfirmService();
+
 const isAdmin = $derived(
 	data?.user?.groups?.some((g: { permissions: string[] }) => g.permissions.includes('ADMIN'))
 );
@@ -70,4 +76,7 @@ const userInitials = $derived.by(() => {
 	<main class={isAuthPage ? '' : 'py-6'}>
 		{@render children()}
 	</main>
+
+	<!-- Shared confirmation dialog — used by getConfirmService() throughout the app -->
+	<ConfirmDialog />
 </div>