Fix new services implementation 8

frontend/src/api/hooks/useForecast.ts

@@ -120,15 +120,31 @@ export const useForecast = () => {
     }
   }, []);
 
-  const getForecastAlerts = useCallback(async (tenantId: string): Promise<ForecastAlert[]> => {
+  const getForecastAlerts = useCallback(async (tenantId: string): Promise<any> => {
     try {
       setIsLoading(true);
       setError(null);
 
       const response = await forecastingService.getForecastAlerts(tenantId);
-      setAlerts(response.data);
       
-      return response.data;
+      // Handle different response formats
+      if (response && response.alerts) {
+        // New format: { alerts: [...], total_returned: N, ... }
+        setAlerts(response.alerts);
+        return response;
+      } else if (response && response.data) {
+        // Old format: { data: [...] }
+        setAlerts(response.data);
+        return { alerts: response.data };
+      } else if (Array.isArray(response)) {
+        // Direct array format
+        setAlerts(response);
+        return { alerts: response };
+      } else {
+        // Unknown format - return empty
+        setAlerts([]);
+        return { alerts: [] };
+      }
     } catch (error) {
       const message = error instanceof Error ? error.message : 'Failed to get forecast alerts';
       setError(message);

frontend/src/hooks/useRealAlerts.ts

@@ -79,7 +79,10 @@ export const useRealAlerts = () => {
 
     try {
       // Get forecast alerts from backend
-      const forecastAlerts = await getForecastAlerts(tenantId);
+      const response = await getForecastAlerts(tenantId);
+      
+      // Extract alerts array from paginated response
+      const forecastAlerts = response.alerts || [];
       
       // Filter only active alerts
       const activeAlerts = forecastAlerts.filter(alert => alert.is_active);