Add /pod/jobs/{id}/image endpoint, show generated image directly in UI

src/content_engine/api/routes_pod.py

@@ -772,6 +772,23 @@ async def get_pod_job(job_id: str):
     return job
 
 
+@router.get("/jobs/{job_id}/image")
+async def get_pod_job_image(job_id: str):
+    """Serve the generated image for a completed pod job."""
+    from fastapi.responses import FileResponse
+    job = _pod_jobs.get(job_id)
+    if not job:
+        raise HTTPException(404, "Job not found")
+    output_path = job.get("output_path")
+    if not output_path:
+        raise HTTPException(404, "No image yet")
+    from pathlib import Path
+    p = Path(output_path)
+    if not p.exists():
+        raise HTTPException(404, "Image file not found")
+    return FileResponse(p, media_type="image/png")
+
+
 def _build_flux_workflow(
     prompt: str,
     negative_prompt: str,

src/content_engine/api/ui.html

@@ -2455,14 +2455,12 @@ async function pollPodJob(jobId, startTime) {
 
       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>`;
-        }
+        // Show image directly from pod job endpoint
+        preview.innerHTML = `
+          <div style="text-align:center;width:100%">
+            <img src="${API}/api/pod/jobs/${jobId}/image" alt="Generated image" style="max-width:100%;max-height:70vh;border-radius:8px;margin-bottom:12px">
+            <p style="color:var(--text-secondary);font-size:12px">${elapsed}s on RunPod GPU</p>
+          </div>`;
         toast('Image generated!', 'success');
         return;
       }