From dcd17fd1422a06022b37ccf8f5579878982b0f12 Mon Sep 17 00:00:00 2001
From: HynoR <20227709+HynoR@users.noreply.github.com>
Date: Wed, 19 Nov 2025 08:41:21 +0800
Subject: [PATCH] refactor: Enhance container compose header with additional
 context and improve port handling in inspect view

---
 frontend/src/views/container/compose/index.vue           | 4 +++-
 frontend/src/views/container/container/inspect/index.vue | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/container/compose/index.vue b/frontend/src/views/container/compose/index.vue
index 7d6a35f3b..cffe01adf 100644
--- a/frontend/src/views/container/compose/index.vue
+++ b/frontend/src/views/container/compose/index.vue
@@ -66,7 +66,9 @@
                             <el-card shadow="never">
                                 <template #header>
                                     <div class="flex items-center justify-between">
-                                        <span class="font-medium">{{ composeInfo?.name }}</span>
+                                        <span class="font-medium">
+                                            {{ composeInfo?.name }} - {{ $t('container.compose') }}
+                                        </span>
                                         <span class="text-sm text-gray-500 truncate max-w-[50%]">
                                             <div class="text-sm">
                                                 <span class="text-gray-500">{{ $t('app.source') }}:</span>
diff --git a/frontend/src/views/container/container/inspect/index.vue b/frontend/src/views/container/container/inspect/index.vue
index 4da5765b2..b0b62be13 100644
--- a/frontend/src/views/container/container/inspect/index.vue
+++ b/frontend/src/views/container/container/inspect/index.vue
@@ -192,6 +192,10 @@ const acceptParams = (props: DialogProps): void => {
             inspectData.value = props.data;
         }
         rawJson.value = JSON.stringify(inspectData.value, null, 2);
+
+        if (!ports.value.length) {
+            ports.value = Object.keys(inspectData.value?.Config?.ExposedPorts || {});
+        }
     } catch (e) {
         console.error('Failed to parse inspect data:', e);
     }