feat(missingPm): improve manual install confirmation text & ensure confirm modal stacks above pm popup

Author: Shikakiben

src/renderer/i18n/translations.js

@@ -17,6 +17,10 @@
       'missingPm.popup.autoCta': 'Installer',
       'missingPm.popup.manualTitle': 'Installation personnalisée',
       'missingPm.popup.manualDesc': "Exécutez le script AM-INSTALLER dans votre terminal pour choisir entre AM ou AppMan et leurs options. Consultez la documentation pour plus d'informations.",
+      'missingPm.manual.confirmTitle': "Commande copiée",
+      'missingPm.manual.confirmDesc': "Commande copiée — collez-la dans un terminal. Une fois l'installation terminée, relancez AM-GUI.",
+      'missingPm.manual.ok': 'OK',
+      'missingPm.manual.cancel': 'Annuler',
       'missingPm.popup.manualCta': 'Copier la commande',
       'missingPm.popup.docs': 'Voir la documentation',
       'missingPm.popup.statusIdle': 'Choisissez une option pour continuer.',
@@ -217,6 +221,10 @@
       'missingPm.auto.error': 'Auto-install failed: {msg}',
       'missingPm.auto.errorShort': 'Auto-install failed.',
       'missingPm.manual.copied': 'Command copied. Open a terminal and paste it.',
+      'missingPm.manual.confirmTitle': 'Command copied',
+      'missingPm.manual.confirmDesc': 'Command copied — paste it into a terminal. Once the installation is finished, restart AM-GUI.',
+      'missingPm.manual.ok': 'OK',
+      'missingPm.manual.cancel': 'Cancel',
       'missingPm.manual.copyError': 'Unable to copy the command.',
       'toast.cancelRequested': 'Cancel requested…',
       'settings.gpuTitle': 'GPU acceleration',
@@ -402,6 +410,10 @@
       'missingPm.popup.manualTitle': 'Installazione personalizzata',
       'missingPm.popup.manualDesc': "Esegui lo script AM-INSTALLER nel terminale per scegliere tra AM o AppMan e le rispettive opzioni. Consulta la documentazione per maggiori informazioni.",
       'missingPm.popup.manualCta': 'Copia il comando',
+      'missingPm.manual.confirmTitle': 'Comando copiato',
+      'missingPm.manual.confirmDesc': "Comando copiato — incollalo in un terminale. Una volta terminata l'installazione, riavvia AM-GUI.",
+      'missingPm.manual.ok': 'OK',
+      'missingPm.manual.cancel': 'Annulla',
       'missingPm.popup.docs': 'Apri la documentazione',
       'missingPm.popup.statusIdle': 'Scegli un\'opzione per continuare.',
       'missingPm.auto.installing': 'Download e configurazione in corso…',

src/renderer/renderer.js

@@ -1750,6 +1750,27 @@ async function handleManualInstallClick() {
     await copyTextToClipboard(command);
     showToast(t('missingPm.manual.copied'));
     setPmPopupStatus('missingPm.manual.copied');
+
+    // Show a confirmation dialog instructing user what to do next
+    const confirmed = await openActionConfirm({
+      message: t('missingPm.manual.confirmDesc'),
+      okLabel: t('missingPm.manual.ok'),
+      intent: 'install'
+    });
+    if (confirmed) {
+      // close the missingPm popup and exit the app so user can follow instructions
+      hideMissingPmPopup();
+      if (window.electronAPI?.closeWindow) {
+        window.electronAPI.closeWindow();
+      }
+    } else {
+      // User cancelled: keep popup open (return to choices)
+      setPmPopupStatus('missingPm.popup.statusIdle');
+      setTimeout(() => {
+        const ctrl = ensureMissingPmPopup();
+        ctrl?.autoBtn?.focus?.();
+      }, 60);
+    }
   } catch (err) {
     console.error('Manual install copy error', err);
     showToast(t('missingPm.manual.copyError'));

style.css

@@ -1267,6 +1267,12 @@ body.pm-popup-open { overflow: hidden; }
 
 /* Modale générique */
 .modal { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.55); z-index:600; padding:40px 30px; backdrop-filter:blur(4px); }
+
+/* Ensure action confirm modal is above missingPm popup layer */
+#actionConfirmModal { z-index: 1601; }
+
+/* Ensure action confirm modal shows above pm popup layer */
+#actionConfirmModal { z-index: 1600; }
 .modal[hidden] { display:none !important; }
 .modal-dialog { background:var(--card); border:1px solid var(--border); border-radius:14px; width: clamp(420px, 70vw, 900px); max-height:80vh; display:flex; flex-direction:column; box-shadow:var(--shadow); }
 .modal-header { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--border); }