logging

frontend/src/components/debug/ResourceDebugOverlay.tsx

@@ -128,70 +128,60 @@ export default function ResourceDebugOverlay({ enabled }: ResourceDebugOverlayPr
         headers['Authorization'] = `Bearer ${token}`;
       }
       
-      const response = await nativeFetch.call(window, `${API_BASE_URL}/v1/system/request-metrics/${requestId}/`, {
-        method: 'GET',
-        headers,
-        credentials: 'include', // Include session cookies for authentication
-      });
-      
-      if (response.ok) {
-        const data = await response.json();
-        // Only log in debug mode to reduce console noise
-        if (import.meta.env.DEV) {
-          console.debug('Fetched metrics for request:', requestId, data);
-        }
-        metricsRef.current = [...metricsRef.current, data];
-        setMetrics([...metricsRef.current]);
-      } else if (response.status === 401) {
-        // Token might be expired - try to refresh and retry once
-        try {
-          await useAuthStore.getState().refreshToken();
-          const newToken = useAuthStore.getState().token;
-          if (newToken) {
-            const retryHeaders: HeadersInit = {
-              'Content-Type': 'application/json',
-              'Authorization': `Bearer ${newToken}`,
-            };
-            const retryResponse = await nativeFetch.call(window, `${API_BASE_URL}/v1/system/request-metrics/${requestId}/`, {
-              method: 'GET',
-              headers: retryHeaders,
-              credentials: 'include',
-            });
-            if (retryResponse.ok) {
-              const data = await retryResponse.json();
-              metricsRef.current = [...metricsRef.current, data];
-              setMetrics([...metricsRef.current]);
-              return;
-            }
+      // Silently handle 404s and other errors - metrics might not exist for all requests
+      try {
+        const response = await nativeFetch.call(window, `${API_BASE_URL}/v1/system/request-metrics/${requestId}/`, {
+          method: 'GET',
+          headers,
+          credentials: 'include', // Include session cookies for authentication
+        });
+        
+        if (response.ok) {
+          const data = await response.json();
+          // Only log in debug mode to reduce console noise
+          if (import.meta.env.DEV) {
+            console.debug('Fetched metrics for request:', requestId, data);
           }
-        } catch (refreshError) {
-          // Refresh failed - user needs to re-login
-          console.warn('Token refresh failed, user may need to re-authenticate');
-        }
-        // Silently ignore 401 errors - user might not be authenticated
-      } else if (response.status === 404) {
-        // Metrics not found - could be race condition, retry once after short delay
-        if (retryCount === 0) {
-          // First attempt failed, retry once after 200ms (middleware might still be storing)
-          setTimeout(() => fetchRequestMetrics(requestId, 1), 200);
+          metricsRef.current = [...metricsRef.current, data];
+          setMetrics([...metricsRef.current]);
+        } else if (response.status === 401) {
+          // Token might be expired - try to refresh and retry once
+          try {
+            await useAuthStore.getState().refreshToken();
+            const newToken = useAuthStore.getState().token;
+            if (newToken) {
+              const retryHeaders: HeadersInit = {
+                'Content-Type': 'application/json',
+                'Authorization': `Bearer ${newToken}`,
+              };
+              const retryResponse = await nativeFetch.call(window, `${API_BASE_URL}/v1/system/request-metrics/${requestId}/`, {
+                method: 'GET',
+                headers: retryHeaders,
+                credentials: 'include',
+              });
+              if (retryResponse.ok) {
+                const data = await retryResponse.json();
+                metricsRef.current = [...metricsRef.current, data];
+                setMetrics([...metricsRef.current]);
+                return;
+              }
+            }
+          } catch (refreshError) {
+            // Refresh failed - silently ignore
+          }
+          // Silently ignore 401 errors - user might not be authenticated
+        } else if (response.status === 404) {
+          // Metrics not found - silently ignore (metrics might not exist for all requests)
+          return;
+        } else {
+          // Other errors - silently ignore
           return;
         }
-        // Second attempt also failed - metrics truly not available
-        // This is expected: metrics expired (5min TTL), request wasn't tracked, or middleware error
-        // Silently ignore - no need to log or show error
-        return;
-      } else {
-        // Only log non-404/401 errors (500, 403, etc.)
-        console.warn('Failed to fetch metrics:', response.status, response.statusText, 'for request:', requestId);
-      }
-    } catch (error) {
-      // Only log non-network errors
-      if (error instanceof TypeError && error.message.includes('fetch')) {
-        // Network error - silently ignore
+      } catch (error) {
+        // Silently ignore all fetch errors (network errors, etc.)
+        // Metrics are optional and not critical for functionality
         return;
       }
-      console.error('Failed to fetch request metrics:', error);
-    }
   };
 
   // Calculate page load time

frontend/src/hooks/useProgressModal.ts

@@ -346,11 +346,14 @@ export function useProgressModal(): UseProgressModalReturn {
           }
         } else if (response.state === 'FAILURE') {
           const meta = response.meta || {};
-          const errorMsg = meta.error || 'Task failed';
+          // Try multiple error message sources
+          const errorMsg = meta.error || meta.message || response.error || 'Task failed - exception details unavailable';
+          const errorType = meta.error_type || 'Error';
           setProgress({
             percentage: 0,
-            message: `Error: ${errorMsg}`,
+            message: errorMsg.includes('exception details unavailable') ? errorMsg : `Error: ${errorMsg}`,
             status: 'error',
+            details: meta.error_type ? `${errorType}: ${errorMsg}` : errorMsg,
           });
           
           // Update step logs from failure response