Clean up unused projects when migration setup is cancelled

src/lib/layout/shell.svelte

@@ -111,11 +111,19 @@
     beforeNavigate((navigation) => {
         if (navigation.willUnload) return;
         if (!($wizard.show || $wizard.cover)) return;
-        if (navigation.type === 'popstate') {
+        if ($wizard.exitHandler) {
             navigation.cancel();
-        }
-        if (navigation.type !== 'leave') {
-            wizard.hide();
+            $wizard.exitHandler(
+                navigation.type === 'popstate' ? null : (navigation.to?.url.href ?? null)
+            );
+            return;
+        } else {
+            if (navigation.type === 'popstate') {
+                navigation.cancel();
+            }
+            if (navigation.type !== 'leave') {
+                wizard.hide();
+            }
         }
 
         if (!isInDatabasesRoute(navigation.from.route)) {

src/lib/layout/wizard.svelte

@@ -18,6 +18,7 @@
               columnSize?: 's' | 'm' | 'l';
               stickySide?: boolean;
               onExit?: () => void;
+              beforeExit?: () => Promise<boolean>;
           }
         | {
               title?: string;
@@ -30,6 +31,7 @@
               columnSize?: 's' | 'm' | 'l';
               stickySide?: boolean;
               onExit?: () => void;
+              beforeExit?: () => Promise<boolean>;
           };
 
     export let title: $$Props['title'] = '';
@@ -42,6 +44,42 @@
     export let columnSize: $$Props['columnSize'] = 'm';
     export let stickySide: $$Props['stickySide'] = false;
     export let onExit: $$Props['onExit'] = undefined;
+    export let beforeExit: $$Props['beforeExit'] = undefined;
+
+    let exiting = false;
+    let pendingHref: string | null = null;
+
+    $: if (!showExitModal && !exiting) pendingHref = null;
+
+    function requestExit(href: string | null) {
+        if (exiting) return;
+        pendingHref = href;
+        if (confirmExit) {
+            showExitModal = true;
+        } else {
+            void exit();
+        }
+    }
+
+    async function exit() {
+        if (exiting) return;
+        exiting = true;
+        const destination = pendingHref;
+        try {
+            if (beforeExit && !(await beforeExit())) return;
+            trackEvent('wizard_exit', { from: 'prompt' });
+            wizard.hide();
+            onExit?.();
+            onExit = null;
+            if (destination) {
+                // Navigation URLs already include the application base path.
+                // eslint-disable-next-line svelte/no-navigation-without-resolve
+                await goto(destination);
+            }
+        } finally {
+            exiting = false;
+        }
+    }
 
     function handleKeydown(event: KeyboardEvent) {
         if (event.key === 'Escape') {
@@ -60,7 +98,10 @@
 
     const goBack = () => goto(href);
 
-    onMount(() => ($isNewWizardStatusOpen = true));
+    onMount(() => {
+        $isNewWizardStatusOpen = true;
+        if (beforeExit) return wizard.setExitHandler(requestExit);
+    });
 
     onDestroy(() => ($isNewWizardStatusOpen = false));
 </script>
@@ -95,22 +136,7 @@
 </Layout.Wizard>
 
 {#if showExitModal}
-    <WizardExitModal
-        {href}
-        bind:show={showExitModal}
-        on:exit={() => {
-            trackEvent('wizard_exit', {
-                from: 'prompt'
-            });
-
-            wizard.hide();
-            if (onExit) {
-                onExit();
-
-                // clear exit
-                onExit = null;
-            }
-        }}>
+    <WizardExitModal {href} bind:show={showExitModal} on:exit={exit}>
         <slot name="exit">
             Are you sure you want to exit from this process? All data will be deleted. This action
             is irreversible.

src/lib/stores/wizard.test.ts

@@ -0,0 +1,51 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { get } from 'svelte/store';
+import { wizard } from './wizard';
+
+vi.mock('$lib/actions/analytics', () => ({ trackEvent: vi.fn() }));
+
+describe('wizard exit handler ownership', () => {
+    beforeEach(() => wizard.hide());
+
+    it('unregisters the handler owned by the closing component', () => {
+        const handler = vi.fn();
+        const unregister = wizard.setExitHandler(handler);
+
+        expect(get(wizard).exitHandler).toBe(handler);
+        unregister();
+
+        expect(get(wizard).exitHandler).toBeNull();
+    });
+
+    it('does not unregister a replacement component handler', () => {
+        const unregister = wizard.setExitHandler(vi.fn());
+        const replacement = vi.fn();
+        wizard.setExitHandler(replacement);
+
+        unregister();
+
+        expect(get(wizard).exitHandler).toBe(replacement);
+    });
+
+    it('clears the previous handler when another wizard starts', () => {
+        const unregister = wizard.setExitHandler(vi.fn());
+
+        wizard.start(() => ({}));
+        expect(get(wizard).exitHandler).toBeNull();
+
+        const replacement = vi.fn();
+        wizard.setExitHandler(replacement);
+        unregister();
+        expect(get(wizard).exitHandler).toBe(replacement);
+    });
+
+    it('clears navigation interception when the wizard is hidden', () => {
+        wizard.start(() => ({}));
+        wizard.setExitHandler(vi.fn());
+
+        wizard.hide();
+
+        expect(get(wizard).show).toBe(false);
+        expect(get(wizard).exitHandler).toBeNull();
+    });
+});

src/lib/stores/wizard.ts

@@ -10,6 +10,7 @@ export type WizardStore = {
     cover?: Component;
     interceptor?: () => Promise<void>;
     finalAction?: () => Promise<void>;
+    exitHandler?: (href: string | null) => void;
     nextDisabled: boolean;
     step: number;
     interceptorNotificationEnabled: boolean;
@@ -27,6 +28,7 @@ function createWizardStore() {
         nextDisabled: false,
         step: 1,
         finalAction: null,
+        exitHandler: null,
         props: {}
     });
 
@@ -49,6 +51,7 @@ function createWizardStore() {
                 n.cover = null;
                 n.nextDisabled = false;
                 n.finalAction = null;
+                n.exitHandler = null;
                 n.props = props;
                 trackEvent('wizard_start');
                 return n;
@@ -65,6 +68,18 @@ function createWizardStore() {
                 return n;
             });
         },
+        setExitHandler: (handler: WizardStore['exitHandler']) => {
+            update((n) => {
+                n.exitHandler = handler;
+                return n;
+            });
+            return () => {
+                update((n) => {
+                    if (n.exitHandler === handler) n.exitHandler = null;
+                    return n;
+                });
+            };
+        },
         hide: () =>
             update((n) => {
                 n.show = false;
@@ -76,6 +91,7 @@ function createWizardStore() {
                 n.cover = null;
                 n.nextDisabled = false;
                 n.finalAction = null;
+                n.exitHandler = null;
 
                 return n;
             }),

src/routes/(console)/(migration-wizard)/resource-form.fixture.svelte

@@ -0,0 +1 @@
+<p>Choose migration resources</p>