Add pod generation progress polling with live status in UI

src/content_engine/api/ui.html

@@ -2387,8 +2387,9 @@ async function doGenerate() {
       const data = await res.json();
       if (!res.ok) throw new Error(data.detail || 'Pod not running - start it first');
 
+      const podJobId = data.job_id;
       toast('Generating on RunPod GPU...', 'info');
-      await pollForNewImage(startTime);
+      await pollPodJob(podJobId, startTime);
       return;
     }
 
@@ -2440,6 +2441,45 @@ async function doGenerate() {
   }
 }
 
+async function pollPodJob(jobId, startTime) {
+  const preview = document.getElementById('preview-body');
+  for (let i = 0; i < 180; i++) {  // 180 × 5s = 15 min max
+    await new Promise(r => setTimeout(r, 5000));
+    try {
+      const res = await fetch(API + `/api/pod/jobs/${jobId}`);
+      if (!res.ok) continue;
+      const job = await res.json();
+      const elapsed = ((Date.now() - startTime) / 1000).toFixed(0);
+      const progressMsg = job.progress_msg || `${elapsed}s elapsed...`;
+      preview.innerHTML = `<div class="preview-placeholder"><p>Generating on RunPod GPU...</p><p style="font-size:12px;color:var(--text-secondary)">${progressMsg}</p></div>`;
+
+      if (job.status === 'completed' && job.output_path) {
+        document.getElementById('gen-time').textContent = `${elapsed}s`;
+        // Fetch latest image from gallery
+        const imgRes = await fetch(API + '/api/images?limit=1');
+        const images = await imgRes.json();
+        if (images.length > 0) {
+          showPreviewImage(images[0]);
+        } else {
+          preview.innerHTML = `<div class="preview-placeholder"><p>Image saved to: ${job.output_path}</p></div>`;
+        }
+        toast('Image generated!', 'success');
+        return;
+      }
+      if (job.status === 'failed') {
+        throw new Error(job.error || 'Generation failed');
+      }
+    } catch(e) {
+      if (e.message && e.message !== 'Failed to fetch') {
+        preview.innerHTML = `<div class="preview-placeholder"><p style="color:var(--error)">Error: ${e.message}</p></div>`;
+        toast(e.message, 'error');
+        return;
+      }
+    }
+  }
+  preview.innerHTML = `<div class="preview-placeholder"><p>Timed out waiting for image (15 min)</p></div>`;
+}
+
 async function pollForNewImage(startTime) {
   for (let i = 0; i < 60; i++) {
     await new Promise(r => setTimeout(r, 3000));