issue

image/javascript/image.js

@@ -477,11 +477,47 @@ function downloadFile(fileId) {
 }
 
 /**
- * View the processed image in a new tab
+ * View the processed image in a modal popup
  */
 function viewImage(fileId) {
 	const completedFile = completedFiles.find(f => f.id === fileId);
 	if (completedFile) {
-		window.open(completedFile.url, '_blank');
+		// Create modal if it doesn't exist
+		let modal = document.getElementById('image-view-modal');
+		let backdrop = document.getElementById('image-view-backdrop');
+
+		if (!modal) {
+			// Create backdrop
+			backdrop = document.createElement('div');
+			backdrop.id = 'image-view-backdrop';
+			backdrop.style.cssText = 'position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9998; display: none;';
+			backdrop.onclick = closeImageModal;
+			document.body.appendChild(backdrop);
+
+			// Create modal
+			modal = document.createElement('div');
+			modal.id = 'image-view-modal';
+			modal.style.cssText = 'position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; display: none; max-width: 90%; max-height: 90%; background: white; border-radius: 10px; padding: 10px; box-shadow: 0 0 30px rgba(0,0,0,0.5);';
+			modal.innerHTML = `
+				<button onclick="closeImageModal()" style="position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; border-radius: 50%; border: none; background: #dc3545; color: white; font-size: 18px; cursor: pointer; z-index: 10000;">×</button>
+				<img id="image-view-content" style="max-width: 80vw; max-height: 80vh; display: block; border-radius: 5px;" />
+			`;
+			document.body.appendChild(modal);
+		}
+
+		// Show modal with image
+		document.getElementById('image-view-content').src = completedFile.url;
+		modal.style.display = 'block';
+		backdrop.style.display = 'block';
 	}
 }
+
+/**
+ * Close image view modal
+ */
+function closeImageModal() {
+	const modal = document.getElementById('image-view-modal');
+	const backdrop = document.getElementById('image-view-backdrop');
+	if (modal) modal.style.display = 'none';
+	if (backdrop) backdrop.style.display = 'none';
+}