Normalize API responses for Bouncers and Hub

Make response handling more defensive across two pages: Bouncers.tsx now reads response.data.data into a local `raw` and adapts to either an array or a wrapped object (e.g. { bouncers: [...] }). If the backend returns an object, it scans values for the first array and returns it; otherwise it falls back to an empty array. HubBrowser.tsx now returns `response.data.data ?? null` to explicitly yield null when data is absent. These changes make the UI resilient to varying backend response shapes.

Author: hhftechnology

web/src/pages/Bouncers.tsx

@@ -52,12 +52,15 @@ export default function Bouncers() {
     queryKey: ['bouncers'],
     queryFn: async () => {
       const response = await api.crowdsec.getBouncers()
-      return response.data.data
-    },
-    select: (data) => {
-      if (Array.isArray(data)) return data as Bouncer[]
-      if (data && Array.isArray((data as { bouncers: Bouncer[] }).bouncers)) {
-        return (data as { bouncers: Bouncer[] }).bouncers
+      const raw = response.data.data
+      // Adapt to whatever shape the backend returns
+      if (Array.isArray(raw)) return raw as Bouncer[]
+      if (raw && typeof raw === 'object') {
+        // Backend wraps as { bouncers: [...], count: N }
+        const obj = raw as Record<string, unknown>
+        for (const val of Object.values(obj)) {
+          if (Array.isArray(val)) return val as Bouncer[]
+        }
       }
       return [] as Bouncer[]
     },

web/src/pages/HubBrowser.tsx

@@ -103,7 +103,7 @@ export default function HubBrowser() {
     queryKey: ['hub-items-browser'],
     queryFn: async () => {
       const response = await hubAPI.list()
-      return response.data.data
+      return response.data.data ?? null
     },
   })