feat : display container port mappings in environment health

Extract exposed ports from docker inspect and show them as badges (hostPort:containerPort)
in the environment health section.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/i18n/locales/fr.json

@@ -138,6 +138,7 @@
             "uptime": "Uptime",
             "cpu": "CPU",
             "memory": "Memoire",
+            "ports": "Ports",
             "noData": "Aucune donnee disponible"
         },
         "deploy": {

frontend/pages/applications/[slug].vue

@@ -427,7 +427,7 @@ onMounted(loadApplication)
                     <!-- Health metrics -->
                     <div v-if="healthByEnvId[env.id!]" class="mt-4 border-t border-neutral-200 py-3">
                         <p class="text-sm font-bold uppercase tracking-wider mb-2">{{ t('environments.health.title') }}</p>
-                        <div class="grid grid-cols-2 sm:grid-cols-5 gap-3">
+                        <div class="grid grid-cols-2 sm:grid-cols-6 gap-3">
                             <div>
                                 <p class="text-xs text-neutral-400">{{ t('environments.health.status') }}</p>
                                 <span
@@ -456,6 +456,19 @@ onMounted(loadApplication)
                                     <span class="text-neutral-400">({{ healthByEnvId[env.id!].memoryPercent }}%)</span>
                                 </p>
                             </div>
+                            <div>
+                                <p class="text-xs text-neutral-400">{{ t('environments.health.ports') }}</p>
+                                <div v-if="healthByEnvId[env.id!].ports?.length" class="mt-1 flex flex-wrap gap-1">
+                                    <span
+                                        v-for="(p, i) in healthByEnvId[env.id!].ports"
+                                        :key="i"
+                                        class="inline-block rounded bg-neutral-100 px-2 py-0.5 text-xs font-mono text-neutral-700"
+                                    >
+                                        {{ p.hostPort }}:{{ p.containerPort }}
+                                    </span>
+                                </div>
+                                <p v-else class="text-sm text-neutral-400 mt-1">-</p>
+                            </div>
                         </div>
                     </div>
                     <div class="flex justify-center gap-4 mt-4">

frontend/services/dto/dashboard.ts

@@ -16,6 +16,12 @@ type DashboardResponse = {
     applications: DashboardApplication[]
 }
 
+type PortMapping = {
+    hostPort: string
+    containerPort: string
+    protocol: string
+}
+
 type EnvironmentHealth = {
     status: string
     version: string
@@ -24,4 +30,5 @@ type EnvironmentHealth = {
     memoryUsage: string
     memoryLimit: string
     memoryPercent: number
+    ports: PortMapping[]
 }

src/ApiResource/EnvironmentHealth.php

@@ -26,4 +26,6 @@ final class EnvironmentHealth
     public string $memoryUsage = '';
     public string $memoryLimit = '';
     public float $memoryPercent = 0.0;
+    /** @var list<array{hostPort: string, containerPort: string, protocol: string}> */
+    public array $ports = [];
 }

src/Service/DockerService.php

@@ -23,7 +23,7 @@ final class DockerService
     }
 
     /**
-     * @return array{status: string, image: string, version: string, startedAt: string}
+     * @return array{status: string, image: string, version: string, startedAt: string, ports: list<array{hostPort: string, containerPort: string, protocol: string}>}
      */
     public function getContainerStatus(string $containerName): array
     {
@@ -33,12 +33,13 @@ final class DockerService
                 'image' => '',
                 'version' => '',
                 'startedAt' => '',
+                'ports' => [],
             ];
         }
 
         $process = new Process([
             'docker', 'inspect',
-            '--format', '{{.State.Status}}||{{.Config.Image}}||{{.State.StartedAt}}',
+            '--format', '{{.State.Status}}||{{.Config.Image}}||{{.State.StartedAt}}||{{json .NetworkSettings.Ports}}',
             $containerName,
         ]);
         $process->setTimeout(10);
@@ -50,10 +51,11 @@ final class DockerService
                 'image' => '',
                 'version' => '',
                 'startedAt' => '',
+                'ports' => [],
             ];
         }
 
-        $parts = explode('||', trim($process->getOutput()));
+        $parts = explode('||', trim($process->getOutput()), 4);
 
         if (\count($parts) < 3) {
             return [
@@ -61,6 +63,7 @@ final class DockerService
                 'image' => '',
                 'version' => '',
                 'startedAt' => '',
+                'ports' => [],
             ];
         }
 
@@ -70,11 +73,32 @@ final class DockerService
             $version = substr($image, strrpos($image, ':') + 1);
         }
 
+        $ports = [];
+        if (isset($parts[3])) {
+            $portsJson = json_decode($parts[3], true);
+            if (\is_array($portsJson)) {
+                foreach ($portsJson as $containerPort => $bindings) {
+                    if (!\is_array($bindings)) {
+                        continue;
+                    }
+                    [$port, $protocol] = explode('/', $containerPort) + [1 => 'tcp'];
+                    foreach ($bindings as $binding) {
+                        $ports[] = [
+                            'hostPort' => $binding['HostPort'] ?? '',
+                            'containerPort' => $port,
+                            'protocol' => $protocol,
+                        ];
+                    }
+                }
+            }
+        }
+
         return [
             'status' => $parts[0],
             'image' => $image,
             'version' => $version,
             'startedAt' => $parts[2],
+            'ports' => $ports,
         ];
     }
 

src/State/EnvironmentHealthProvider.php

@@ -39,6 +39,7 @@ final readonly class EnvironmentHealthProvider implements ProviderInterface
         $dto->memoryUsage = $stats['memoryUsage'];
         $dto->memoryLimit = $stats['memoryLimit'];
         $dto->memoryPercent = $stats['memoryPercent'];
+        $dto->ports = $status['ports'];
 
         return $dto;
     }