Enable Android shrink; make health API robust

Enable release minification and resource shrinking in Android build (and apply signingConfig when RELEASE_STORE_FILE is provided). Remove the manual WebView mixed-content override and switch Capacitor to use the http androidScheme with hostname 'localhost'.

Normalize health API responses by defaulting missing arrays (containers, bouncers, decisions) and computing allRunning when absent. Update DashboardPage to use those safe defaults and adjust diagnostics UI accordingly. Add a unit test to cover diagnostics responses that omit bouncers.

Author: hhftechnology

mobile/android/app/build.gradle

@@ -39,8 +39,11 @@ android {
     }
     buildTypes {
         release {
-            minifyEnabled false
+            minifyEnabled true
+            shrinkResources true
             proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+            if (project.hasProperty('RELEASE_STORE_FILE'))
+                signingConfig signingConfigs.release
         }
     }
 }

mobile/android/app/src/main/java/com/crowdsec/manager/mobile/MainActivity.java

@@ -1,17 +1,11 @@
 package com.crowdsec.manager.mobile;
 
 import android.os.Bundle;
-import android.webkit.WebSettings;
 import com.getcapacitor.BridgeActivity;
 
 public class MainActivity extends BridgeActivity {
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
-        // Allow ws:// WebSocket connections from the https://localhost WebView context.
-        // Required because androidScheme:'https' causes the WebView to run at
-        // https://localhost, which would otherwise block insecure ws:// connections.
-        getBridge().getWebView().getSettings()
-                .setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
     }
 }

mobile/capacitor.config.ts

@@ -6,8 +6,9 @@ const config: CapacitorConfig = {
   webDir: 'dist',
   server: {
     cleartext: true,
-    androidScheme: 'https',
+    androidScheme: 'http',
     iosScheme: 'http',
+    hostname: 'localhost',
   },
   plugins: {
     CapacitorHttp: {

mobile/src/lib/api/health.ts

@@ -4,13 +4,26 @@ import type { CrowdsecHealth, DiagnosticResult, StackHealth } from './types';
 export function createHealthApi(client: ApiClient) {
   return {
     async getStack() {
-      return (await client.get<StackHealth>('/api/health/stack')).data;
+      const data = (await client.get<StackHealth>('/api/health/stack')).data;
+      const containers = data?.containers ?? [];
+
+      return {
+        ...data,
+        containers,
+        allRunning: data?.allRunning ?? containers.every((container) => container.running),
+      };
     },
     async getCrowdsec() {
       return (await client.get<CrowdsecHealth>('/api/health/crowdsec')).data;
     },
     async getComplete() {
-      return (await client.get<DiagnosticResult>('/api/health/complete')).data;
+            const data = (await client.get<DiagnosticResult>('/api/health/complete')).data;
+
+      return {
+        ...data,
+        bouncers: data?.bouncers ?? [],
+        decisions: data?.decisions ?? [],
+      };
     },
   };
 }

mobile/src/pages/DashboardPage.tsx

@@ -105,6 +105,8 @@ export default function DashboardPage() {
     fetchData();
   });
 
+  const completeBouncers = complete?.bouncers ?? [];
+
   return (
     <PullToRefresh onRefresh={fetchData}>
       <div className="pb-nav">
@@ -146,8 +148,8 @@ export default function DashboardPage() {
               <StatCard
                 icon={Server}
                 title="Bouncers"
-                value={complete ? String(complete.bouncers.length) : '—'}
-                tone={complete && complete.bouncers.length > 0 ? 'ok' : 'warn'}
+                value={complete ? String(completeBouncers.length) : '—'}
+                tone={complete && completeBouncers.length > 0 ? 'ok' : 'warn'}
               />
             </div>
 
@@ -260,28 +262,31 @@ function HealthChecksPanel({ crowdsec }: { crowdsec: CrowdsecHealth }) {
 /* ────────────────────────── Diagnostics Summary Panel ────────────────────────── */
 
 function DiagnosticsSummaryPanel({ diagnostics }: { diagnostics: DiagnosticResult }) {
+  const bouncers = diagnostics.bouncers ?? [];
+  const decisions = diagnostics.decisions ?? [];
+
   return (
     <div className="rounded-xl border border-border bg-card p-4 space-y-3">
       <h3 className="text-sm font-semibold">Diagnostics Summary</h3>
 
       <div className="grid grid-cols-2 gap-2">
         <MetricCard
           label="Bouncers"
-          value={diagnostics.bouncers.length}
-          variant={diagnostics.bouncers.length > 0 ? 'success' : 'warning'}
+          value={bouncers.length}
+          variant={bouncers.length > 0 ? 'success' : 'warning'}
         />
         <MetricCard
           label="Decisions"
-          value={diagnostics.decisions.length}
+          value={decisions.length}
           variant="default"
         />
       </div>
 
       {/* Bouncers mini-list */}
-      {diagnostics.bouncers.length > 0 && (
+      {bouncers.length > 0 && (
         <div className="space-y-1">
           <h4 className="text-xs font-medium text-muted-foreground">Active Bouncers</h4>
-          {diagnostics.bouncers.slice(0, 5).map((bouncer: Bouncer) => (
+          {bouncers.slice(0, 5).map((bouncer: Bouncer) => (
             <div key={bouncer.name} className="flex items-center justify-between py-1">
               <div className="flex items-center gap-2 min-w-0">
                 <StatusDot color={bouncer.valid ? 'success' : 'error'} />
@@ -290,8 +295,8 @@ function DiagnosticsSummaryPanel({ diagnostics }: { diagnostics: DiagnosticResul
               <span className="text-[10px] text-muted-foreground font-mono shrink-0">{bouncer.ip_address}</span>
             </div>
           ))}
-          {diagnostics.bouncers.length > 5 && (
-            <p className="text-[10px] text-muted-foreground">+{diagnostics.bouncers.length - 5} more</p>
+          {bouncers.length > 5 && (
+            <p className="text-[10px] text-muted-foreground">+{bouncers.length - 5} more</p>
           )}
         </div>
       )}

mobile/src/test/dashboard-page.test.tsx

@@ -1,6 +1,7 @@
 import { render, screen, waitFor } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 import DashboardPage from '@/pages/DashboardPage';
+import type { DiagnosticResult } from '@/lib/api';
 
 const mockUseApi = vi.fn();
 
@@ -73,6 +74,37 @@ describe('DashboardPage', () => {
     expect(screen.queryByText('API unreachable')).not.toBeInTheDocument();
   });
 
+  it('renders dashboard content when diagnostics omit bouncers', async () => {
+    mockUseApi.mockReset();
+    const api = createBaseApi();
+    api.health.getStack.mockResolvedValue({
+      containers: [{ id: 'abc', name: 'crowdsec', running: true, status: 'running' }],
+      allRunning: true,
+      timestamp: '2026-03-20T12:00:00Z',
+    });
+    api.health.getCrowdsec.mockResolvedValue({
+      status: 'healthy',
+      checks: {},
+      timestamp: '2026-03-20T12:00:00Z',
+    });
+    api.health.getComplete.mockResolvedValue({
+      decisions: [{ id: '1' }],
+      timestamp: '2026-03-20T12:00:00Z',
+    } as unknown as DiagnosticResult);
+    api.ip.getPublicIP.mockResolvedValue({ ip: '1.2.3.4' });
+    api.crowdsec.alertsAnalysis.mockResolvedValue(null);
+    mockUseApi.mockReturnValue({ api });
+
+    render(<DashboardPage />);
+
+    await waitFor(() => {
+      expect(screen.getByText('Diagnostics Summary')).toBeInTheDocument();
+    });
+
+    expect(screen.getByText('Diagnostics Summary')).toBeInTheDocument();
+    expect(screen.queryByText('API unreachable')).not.toBeInTheDocument();
+  });
+
   it('shows retryable inline error when critical requests fail', async () => {
     mockUseApi.mockReset();
     const api = createBaseApi();