Update app.py

app.py

@@ -1020,7 +1020,7 @@ HTML_TEMPLATE = r"""
   </div>
   <div id="warmup-logs" style="max-height:220px; overflow:auto; font-size:12px; color:#6b7280; white-space:pre-wrap"></div>
   <div style="margin-top:10px; display:flex; gap:8px; justify-content:flex-end">
-      <button id="warmupCopyBtn" class="btn" title="Copier le contenu">Copier</button>
+          <button id="warmupCopyBtn" class="btn" title="Copier le contenu">Copier</button>
     <button id="warmupCloseBtn" class="btn">Fermer</button>
   </div>
 </div>
@@ -1028,7 +1028,7 @@ HTML_TEMPLATE = r"""
   <h3>Sélection des modèles à préparer</h3>
   <div id="repoList" class="repo-list"></div>
   <div style="margin-top:12px; display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap">
-      <button id="warmupSelectCopyBtn" class="btn" title="Copier le contenu">Copier</button>
+          <button id="selectCopyBtn" class="btn" title="Copier la liste visible">Copier</button>
     <button id="selectAllBtn" class="btn">Tout cocher</button>
     <button id="selectNoneBtn" class="btn">Tout décocher</button>
     <button id="selectCancelBtn" class="btn">Annuler</button>
@@ -1157,55 +1157,55 @@ function closeWarmupPopup(){ if(warmupPopup) warmupPopup.style.display = 'none';
 let userClosedWarmupPopup = false;
 
 if (warmupCloseBtn) warmupCloseBtn.addEventListener('click', closeWarmupPopup);
-if (warmupCloseBtn) warmupCloseBtn.addEventListener('click', ()=>{ userClosedWarmupPopup = true; });
-// Bouton "Copier" — popup Téléchargement
-if (warmupCopyBtn){
-  warmupCopyBtn.addEventListener('click', async ()=>{
-    const title  = (warmupPopup.querySelector('h3')?.innerText || '').trim();
-    const status = (warmupPopupStatus?.innerText || '').trim();
-    const body   = (warmupLogs?.innerText || '').trim();
-    const txt = [title, status, '', body].filter(Boolean).join('\n');
-    try{ await navigator.clipboard.writeText(txt); showToast('Contenu copié ✅'); }
-    catch{ alert('Copie impossible'); }
-  });
-}
-
-// Bouton "Copier" — popup Sélection
-if (warmupSelectCopyBtn){
-  warmupSelectCopyBtn.addEventListener('click', async ()=>{
-    const title = (warmupSelectPopup.querySelector('h3')?.innerText || '').trim();
-    const list  = (repoListEl?.innerText || '').trim();
-    const txt = [title, '', list].filter(Boolean).join('\n');
-    try{ await navigator.clipboard.writeText(txt); showToast('Contenu copié ✅'); }
-    catch{ alert('Copie impossible'); }
-  });
-}
-
-// Rendre les popups déplaçables en saisissant leur <h3>
-function makeDraggable(el, handle){
-  if(!el || !handle) return;
-  let drag=false, sx=0, sy=0, bx=0, by=0;
-  handle.addEventListener('mousedown', (e)=>{
-    const r = el.getBoundingClientRect();
-    el.style.left = r.left + 'px';
-    el.style.top  = r.top  + 'px';
-    el.style.transform = 'none';
-    drag=true; sx=e.clientX; sy=e.clientY; bx=r.left; by=r.top; e.preventDefault();
-  });
-  window.addEventListener('mousemove', (e)=>{
-    if(!drag) return;
-    const nx = bx + (e.clientX - sx);
-    const ny = by + (e.clientY - sy);
-    const maxX = window.innerWidth  - el.offsetWidth  - 8;
-    const maxY = window.innerHeight - el.offsetHeight - 8;
-    el.style.left = Math.max(8, Math.min(maxX, nx)) + 'px';
-    el.style.top  = Math.max(8, Math.min(maxY, ny)) + 'px';
-  });
-  window.addEventListener('mouseup', ()=>{ drag=false; });
-}
-makeDraggable(warmupPopup, warmupPopup?.querySelector('h3'));
-makeDraggable(warmupSelectPopup, warmupSelectPopup?.querySelector('h3'));
+// -- DRAG & COPY (popups warmup) --
+(function(){
+  const $popup = document.getElementById('warmupPopup');
+  const $sel   = document.getElementById('warmupSelectPopup');
+  const $copy  = document.getElementById('warmupCopyBtn');
+  const $copy2 = document.getElementById('selectCopyBtn');
+
+  function makeDraggable(box){
+    if (!box) return;
+    let sx=0, sy=0, ox=0, oy=0, drag=false;
+    box.addEventListener('mousedown', e=>{
+      if (e.target.tagName === 'BUTTON' || e.target.closest('button')) return;
+      drag=true; box.style.transform='none';
+      ox = box.offsetLeft; oy = box.offsetTop; sx = e.clientX; sy = e.clientY;
+      document.body.style.userSelect='none';
+    });
+    window.addEventListener('mousemove', e=>{
+      if(!drag) return;
+      box.style.left = (ox + (e.clientX - sx)) + 'px';
+      box.style.top  = (oy + (e.clientY - sy)) + 'px';
+    });
+    window.addEventListener('mouseup', ()=>{ drag=false; document.body.style.userSelect=''; });
+  }
+  makeDraggable($popup);
+  makeDraggable($sel);
 
+  function copyText(txt){
+    if (navigator.clipboard && navigator.clipboard.writeText){
+      navigator.clipboard.writeText(txt||'').then(()=> (window.showToast?showToast('Copié ✅'):alert('Copié ✅')) );
+    } else {
+      const ta=document.createElement('textarea'); ta.value=txt||''; document.body.appendChild(ta); ta.select();
+      try{ document.execCommand('copy'); (window.showToast?showToast('Copié ✅'):alert('Copié ✅')); }catch{}
+      ta.remove();
+    }
+  }
+  if ($copy){
+    $copy.addEventListener('click', ()=>{
+      const s = document.getElementById('warmupPopupStatus');
+      const l = document.getElementById('warmup-logs');
+      copyText((s?('[Status] '+s.textContent+'\n\n'):'') + (l?l.textContent:''));
+    });
+  }
+  if ($copy2){
+    $copy2.addEventListener('click', ()=>{
+      const list = document.getElementById('repoList');
+      copyText(list ? list.innerText : '');
+    });
+  }
+})();
 
 // Rafraîchissement d’état
 let warmupTimer = null;