🐛 fix(takeout): précise que le serveur travaille dans la liste des imports actifs

assets/controllers/takeout_import_controller.js

@@ -139,6 +139,20 @@ export default class extends Controller {
         header.appendChild(actions);
         li.appendChild(header);
 
+        // Constaté en conditions réelles le 2026-09-30 : au rechargement de
+        // la page pendant qu'un import tourne déjà côté serveur, rien
+        // n'indiquait qu'il s'agit d'un traitement serveur (pas d'un upload
+        // en attente de l'utilisateur) et que la page peut être quittée sans
+        // risque — seul le bloc "progress" affiché juste après avoir
+        // soi-même démarré un upload avait ce message (#482).
+        if (['scheduled', 'extracting', 'processing'].includes(pendingImport.status)) {
+            const safeToCloseMessage = document.createElement('p');
+            safeToCloseMessage.className = 'text-xs';
+            safeToCloseMessage.style.color = 'var(--hc-text-secondary, var(--hc-text))';
+            safeToCloseMessage.textContent = 'Le serveur travaille : vous pouvez quitter cette page, l\'import continue en arrière-plan.';
+            li.appendChild(safeToCloseMessage);
+        }
+
         if (pendingImport.status === 'extracting' && pendingImport.zipsProgress?.length) {
             const zipsList = document.createElement('ul');
             zipsList.className = 'flex flex-col gap-2';

assets/tests/takeout-import-controller.test.js

@@ -634,4 +634,43 @@ describe('liste des imports Takeout en attente (#481)', () => {
         const items = document.querySelectorAll('[data-takeout-import-target="pendingList"] li');
         expect(items).toHaveLength(0);
     });
+
+    // Constaté en conditions réelles le 2026-09-30 : au rechargement de la
+    // page pendant qu'un import tourne déjà côté serveur (extracting,
+    // processing, scheduled), rien n'indique à l'utilisateur qu'il peut
+    // quitter la page — ce message n'existait que dans le bloc "progress"
+    // affiché juste après avoir soi-même démarré un upload (#482), pas dans
+    // la liste des imports actifs rendue au chargement.
+    test.each(['scheduled', 'extracting', 'processing'])(
+        'indique que le serveur travaille et qu\'on peut quitter la page (%s)',
+        async (status) => {
+            html();
+            global.fetch = jest.fn().mockResolvedValueOnce({
+                ok: true,
+                json: async () => [{ id: 'import-1', status, createdAt: '2026-09-20T10:00:00+00:00', filesUploadedCount: 3 }],
+            });
+
+            application = Application.start();
+            application.register('takeout-import', TakeoutImportController);
+            await new Promise((resolve) => setTimeout(resolve, 0));
+
+            const item = document.querySelector('[data-takeout-import-target="pendingList"] li');
+            expect(item.textContent).toMatch(/quitter cette page/i);
+        },
+    );
+
+    test('n\'affiche pas le message serveur pour un import pending (upload pas terminé)', async () => {
+        html();
+        global.fetch = jest.fn().mockResolvedValueOnce({
+            ok: true,
+            json: async () => [{ id: 'import-1', status: 'pending', createdAt: '2026-09-20T10:00:00+00:00', filesUploadedCount: 1 }],
+        });
+
+        application = Application.start();
+        application.register('takeout-import', TakeoutImportController);
+        await new Promise((resolve) => setTimeout(resolve, 0));
+
+        const item = document.querySelector('[data-takeout-import-target="pendingList"] li');
+        expect(item.textContent).not.toMatch(/quitter cette page/i);
+    });
 });