Update app.py

app.py

@@ -905,6 +905,8 @@ HTML_TEMPLATE = r"""
  .repo-item{display:flex; align-items:center; gap:8px; padding:6px; border-bottom:1px solid #f3f4f6}
  .repo-item:last-child{border-bottom:none}
  .repo-id{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:12px}
+ /* Popups déplaçables : poignée = <h3> */
+ #warmupPopup h3, #warmupSelectPopup h3 { cursor: move; user-select: none; }
 
 </style>
 <h1>🎬 Video Editor</h1>
@@ -1018,6 +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="warmupCloseBtn" class="btn">Fermer</button>
   </div>
 </div>
@@ -1025,6 +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="selectAllBtn" class="btn">Tout cocher</button>
     <button id="selectNoneBtn" class="btn">Tout décocher</button>
     <button id="selectCancelBtn" class="btn">Annuler</button>
@@ -1095,6 +1099,8 @@ const warmupPopup        = document.getElementById('warmupPopup');
 const warmupPopupStatus  = document.getElementById('warmupPopupStatus');
 const warmupProgressFill = document.getElementById('warmup-progress-fill');
 const warmupLogs         = document.getElementById('warmup-logs');
+const warmupCopyBtn       = document.getElementById('warmupCopyBtn');
+const warmupSelectCopyBtn = document.getElementById('warmupSelectCopyBtn');
 
 // Mémorise la dernière instance vue pour détecter les bascules
 window._lastInstanceId = null;
@@ -1152,6 +1158,53 @@ 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'));
 
 
 // Rafraîchissement d’état