fix(onboarding): reuse confirm dialog in standalone boot flow

- Purpose: reuse the shared internal boot reboot/shutdown confirmation dialog in the standalone internal boot wizard.
- Before: the onboarding Next Steps screen showed a confirmation modal, but the standalone internal boot wizard called reboot and shutdown immediately from its locked result state.
- Problem: the same internal boot follow-up action behaved differently depending on which flow the user was in, which made the UX inconsistent and skipped the new licensing guidance in the standalone path.
- Change: route standalone reboot and shutdown actions through InternalBootConfirmDialog before executing the power command.
- How it works: the standalone wizard now tracks a pending power action, opens the shared dialog for reboot or shutdown, and only submits the matching helper after the dialog confirms.
- Tests: updated the standalone internal boot wizard test to verify the shared dialog opens for both actions and that the reboot/shutdown helpers run only after confirmation.

Author: Ajit-Mehrotra

web/__test__/components/Onboarding/OnboardingInternalBootStandalone.test.ts

@@ -44,6 +44,7 @@ const {
   submitInternalBootShutdownMock,
   cleanupOnboardingStorageMock,
   dialogPropsRef,
+  internalBootConfirmDialogPropsRef,
   stepPropsRef,
   stepperPropsRef,
 } = vi.hoisted(() => ({
@@ -65,6 +66,7 @@ const {
     >(),
   cleanupOnboardingStorageMock: vi.fn(),
   dialogPropsRef: { value: null as Record<string, unknown> | null },
+  internalBootConfirmDialogPropsRef: { value: null as Record<string, unknown> | null },
   stepPropsRef: { value: null as Record<string, unknown> | null },
   stepperPropsRef: { value: null as Record<string, unknown> | null },
 }));
@@ -103,6 +105,28 @@ vi.mock('@/components/Onboarding/components/OnboardingConsole.vue', () => ({
   },
 }));
 
+vi.mock('@/components/Onboarding/components/InternalBootConfirmDialog.vue', () => ({
+  default: {
+    props: ['open', 'action', 'disabled'],
+    emits: ['confirm', 'cancel'],
+    setup(props: Record<string, unknown>) {
+      internalBootConfirmDialogPropsRef.value = props;
+      return { props };
+    },
+    template: `
+      <div v-if="open" data-testid="internal-boot-confirm-dialog-stub">
+        <div data-testid="internal-boot-confirm-dialog-action">{{ props.action }}</div>
+        <button data-testid="internal-boot-confirm-dialog-confirm" @click="$emit('confirm')">
+          Confirm
+        </button>
+        <button data-testid="internal-boot-confirm-dialog-cancel" @click="$emit('cancel')">
+          Cancel
+        </button>
+      </div>
+    `,
+  },
+}));
+
 vi.mock('@/components/Onboarding/OnboardingSteps.vue', () => ({
   default: {
     props: ['steps', 'activeStepIndex', 'onStepClick'],
@@ -231,6 +255,7 @@ describe('OnboardingInternalBoot.standalone.vue', () => {
       selection: null,
     };
     dialogPropsRef.value = null;
+    internalBootConfirmDialogPropsRef.value = null;
     stepPropsRef.value = null;
     stepperPropsRef.value = null;
     applyInternalBootSelectionMock.mockResolvedValue({
@@ -596,7 +621,7 @@ describe('OnboardingInternalBoot.standalone.vue', () => {
     expect(wrapper.find('[data-testid="internal-boot-standalone-shutdown"]').exists()).toBe(true);
   });
 
-  it('calls reboot and shutdown helpers from the locked result actions', async () => {
+  it('routes locked-result reboot and shutdown actions through the shared confirm dialog', async () => {
     configureDraftState.value = {
       bootMode: 'storage',
       skipped: false,
@@ -617,10 +642,25 @@ describe('OnboardingInternalBoot.standalone.vue', () => {
 
     await wrapper.get('[data-testid="internal-boot-standalone-reboot"]').trigger('click');
     await flushPromises();
+    expect(wrapper.find('[data-testid="internal-boot-confirm-dialog-stub"]').exists()).toBe(true);
+    expect(internalBootConfirmDialogPropsRef.value).toMatchObject({
+      open: true,
+      action: 'reboot',
+    });
+    expect(submitInternalBootRebootMock).not.toHaveBeenCalled();
+    await wrapper.get('[data-testid="internal-boot-confirm-dialog-confirm"]').trigger('click');
+    await flushPromises();
     expect(submitInternalBootRebootMock).toHaveBeenCalledTimes(1);
 
     await wrapper.get('[data-testid="internal-boot-standalone-shutdown"]').trigger('click');
     await flushPromises();
+    expect(internalBootConfirmDialogPropsRef.value).toMatchObject({
+      open: true,
+      action: 'shutdown',
+    });
+    expect(submitInternalBootShutdownMock).not.toHaveBeenCalled();
+    await wrapper.get('[data-testid="internal-boot-confirm-dialog-confirm"]').trigger('click');
+    await flushPromises();
     expect(submitInternalBootShutdownMock).toHaveBeenCalledTimes(1);
   });
 });

web/src/components/Onboarding/standalone/OnboardingInternalBoot.standalone.vue

@@ -6,6 +6,7 @@ import { XMarkIcon } from '@heroicons/vue/24/solid';
 import { Dialog } from '@unraid/ui';
 import { buildBootConfigurationSummaryViewModel } from '@/components/Onboarding/components/bootConfigurationSummary/buildBootConfigurationSummaryViewModel';
 import OnboardingBootConfigurationSummary from '@/components/Onboarding/components/bootConfigurationSummary/OnboardingBootConfigurationSummary.vue';
+import InternalBootConfirmDialog from '@/components/Onboarding/components/InternalBootConfirmDialog.vue';
 import OnboardingConsole from '@/components/Onboarding/components/OnboardingConsole.vue';
 import {
   applyInternalBootSelection,
@@ -39,6 +40,7 @@ const currentStep = ref<StepId>('CONFIGURE_BOOT');
 const confirmationState = ref<'idle' | 'saving' | 'result'>('idle');
 const isOpen = ref(true);
 const logs = ref<LogEntry[]>([]);
+const pendingPowerAction = ref<'reboot' | 'shutdown' | null>(null);
 const resultTitle = ref('');
 const resultMessage = ref('');
 const resultSeverity = ref<'success' | 'warning' | 'error'>('success');
@@ -62,7 +64,7 @@ const standaloneSummaryInvalidMessage = computed(() => summaryT('bootConfig.inva
 
 const isLocked = computed(() => internalBootState.value.applyAttempted);
 
-const handlePowerAction = (action: 'reboot' | 'shutdown') => {
+const executePowerAction = (action: 'reboot' | 'shutdown') => {
   cleanupOnboardingStorage();
   if (action === 'shutdown') {
     submitInternalBootShutdown();
@@ -71,6 +73,22 @@ const handlePowerAction = (action: 'reboot' | 'shutdown') => {
   }
 };
 
+const handlePowerAction = (action: 'reboot' | 'shutdown') => {
+  pendingPowerAction.value = action;
+};
+
+const handleConfirmPowerAction = () => {
+  const action = pendingPowerAction.value;
+  pendingPowerAction.value = null;
+  if (action) {
+    executePowerAction(action);
+  }
+};
+
+const handleCancelPowerAction = () => {
+  pendingPowerAction.value = null;
+};
+
 const canReturnToConfigure = () =>
   !isLocked.value &&
   confirmationState.value === 'result' &&
@@ -618,5 +636,11 @@ onUnmounted(() => {
         </div>
       </div>
     </div>
+    <InternalBootConfirmDialog
+      :open="pendingPowerAction !== null"
+      :action="pendingPowerAction ?? 'reboot'"
+      @confirm="handleConfirmPowerAction"
+      @cancel="handleCancelPowerAction"
+    />
   </Dialog>
 </template>