fix: Better error handling for fact-image validation errors

static/js/main.js

@@ -1,8 +1,8 @@
 /* NCAkit - Main JavaScript */
 
 // Wait for DOM to be ready
-document.addEventListener('DOMContentLoaded', function() {
-    
+document.addEventListener('DOMContentLoaded', function () {
+
     // ============================================
     // TAB SWITCHING
     // ============================================
@@ -85,7 +85,7 @@ document.addEventListener('DOMContentLoaded', function() {
     // ============================================
     // VIDEO CREATOR MODULE
     // ============================================
-    
+
     // Add scene
     document.getElementById('addScene').addEventListener('click', () => {
         const container = document.getElementById('scenesContainer');
@@ -182,9 +182,17 @@ document.addEventListener('DOMContentLoaded', function() {
             });
             const result = await res.json();
 
-            if (result.job_id) {
+            if (res.ok && result.job_id) {
                 status.innerHTML = `✅ Job started! ID: ${result.job_id}<br>Checking status...`;
                 pollFactStatus(result.job_id);
+            } else {
+                status.className = 'status error';
+                // Show validation errors
+                let errorMsg = result.detail || 'Unknown error';
+                if (Array.isArray(result.detail)) {
+                    errorMsg = result.detail.map(e => e.msg).join(', ');
+                }
+                status.innerHTML = '❌ Error: ' + errorMsg;
             }
         } catch (err) {
             status.className = 'status error';
@@ -490,7 +498,7 @@ document.addEventListener('DOMContentLoaded', function() {
     });
 
     // Toggle Manual/AI mode - make global
-    window.toggleTsMode = function() {
+    window.toggleTsMode = function () {
         const mode = document.querySelector('input[name="tsMode"]:checked').value;
         document.getElementById('tsAiSection').style.display = mode === 'ai' ? 'block' : 'none';
         document.getElementById('tsManualSection').style.display = mode === 'manual' ? 'block' : 'none';