Fix Global Timeout and JS Error Logs

app/templates/crumbforest/role_chat.html

@@ -97,16 +97,27 @@
                 body: formData
             });
 
-            const data = await response.json();
-
-            // Remove loading
-            const loadingEl = document.getElementById(loadingId);
-            if (loadingEl) loadingEl.remove();
-
             if (response.ok) {
+                const data = await response.json();
+                // Remove loading
+                const loadingEl = document.getElementById(loadingId);
+                if (loadingEl) loadingEl.remove();
+                
                 addMessage('assistant', data.answer);
             } else {
-                addMessage('error', data.answer || 'Error communicating with server.');
+                // Try to parse error JSON, but handle HTML error pages (like 504)
+                let errorMsg = "Error communicating with server.";
+                try {
+                    const data = await response.json();
+                    if (data.detail) errorMsg = data.detail;
+                    else if (data.answer) errorMsg = data.answer;
+                } catch (e) {
+                    errorMsg = `Server Error: ${response.status} ${response.statusText}`;
+                }
+                
+                const loadingEl = document.getElementById(loadingId);
+                if (loadingEl) loadingEl.remove();
+                addMessage('error', errorMsg);
             }
 
         } catch (error) {