From a81fb6fdafa527fb5aab32cd52160f9fde0137b9 Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Wed, 4 Jun 2025 09:55:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20Docker=E7=AE=A1=E7=90=86=E5=99=A8?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=BF=9B=E5=85=A5=E5=AE=B9=E5=99=A8=E5=92=8C?=
 =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E6=97=A5=E5=BF=97=E5=8A=9F=E8=83=BD=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#49
---
 .../frontend/src/components/DockerManager.vue | 26 +++++++++++++++++--
 packages/frontend/src/locales/en-US.json      |  4 ++-
 packages/frontend/src/locales/ja-JP.json      |  5 +++-
 packages/frontend/src/locales/zh-CN.json      |  4 ++-
 4 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/components/DockerManager.vue b/packages/frontend/src/components/DockerManager.vue
index 070870a..722921a 100644
--- a/packages/frontend/src/components/DockerManager.vue
+++ b/packages/frontend/src/components/DockerManager.vue
@@ -1,14 +1,16 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useSessionStore } from '../stores/session.store'; 
+import { useSessionStore } from '../stores/session.store';
 import { storeToRefs } from 'pinia';
+import { useWorkspaceEventEmitter } from '../composables/workspaceEvents';
 
 
 
 const { t } = useI18n();
 const sessionStore = useSessionStore();
 const { activeSession } = storeToRefs(sessionStore); // Get reactive active session
+const emitWorkspaceEvent = useWorkspaceEventEmitter();
 
 // --- Get Docker Manager Instance from Active Session ---
 const dockerManager = computed(() => activeSession.value?.dockerManager);
@@ -33,6 +35,20 @@ const toggleExpand = (containerId: string) => {
   dockerManager.value?.toggleExpand(containerId);
 };
 
+const enterContainer = (containerId: string) => {
+  if (activeSession.value?.sessionId) {
+    const command = `docker exec -it ${containerId} sh\n`; // \n for auto-execution
+    emitWorkspaceEvent('terminal:sendCommand', { command, sessionId: activeSession.value.sessionId });
+  }
+};
+
+const viewContainerLogs = (containerId: string) => {
+  if (activeSession.value?.sessionId) {
+    const command = `docker logs --tail 1000 -f ${containerId}\n`; // \n for auto-execution
+    emitWorkspaceEvent('terminal:sendCommand', { command, sessionId: activeSession.value.sessionId });
+  }
+};
+
 // --- Removed internal state, methods (setupWsListeners, clearWsListeners, requestDockerStatus), watcher, and lifecycle hooks (onMounted, onUnmounted) ---
 
 </script>
@@ -142,9 +158,15 @@ const toggleExpand = (containerId: string) => {
                   <button @click="sendDockerCommand(container.id, 'restart')" :title="t('dockerManager.action.restart')" class="text-text-secondary hover:text-blue-500 disabled:text-text-disabled disabled:cursor-not-allowed transition-colors duration-150 p-0.5 text-base" :disabled="container.State !== 'running'">
                      <i class="fas fa-sync-alt"></i>
                   </button>
-                   <button @click="sendDockerCommand(container.id, 'remove')" :title="t('dockerManager.action.remove')" class="text-text-secondary hover:text-red-500 disabled:text-text-disabled disabled:cursor-not-allowed transition-colors duration-150 p-0.5 text-base" :disabled="container.State === 'running'">
+                   <button @click="sendDockerCommand(container.id, 'remove')" :title="t('dockerManager.action.remove')" class="text-text-secondary hover:text-red-500 disabled:text-text-disabled disabled:cursor-not-allowed transition-colors duration-150 p-0.5 text-base" >
                      <i class="fas fa-trash-alt"></i>
                   </button>
+                  <button @click="enterContainer(container.id)" :title="t('dockerManager.action.enter')" class="text-text-secondary hover:text-blue-400 transition-colors duration-150 p-0.5 text-base">
+                    <i class="fas fa-terminal"></i>
+                  </button>
+                  <button @click="viewContainerLogs(container.id)" :title="t('dockerManager.action.logs')" class="text-text-secondary hover:text-gray-400 transition-colors duration-150 p-0.5 text-base">
+                    <i class="fas fa-file-alt"></i>
+                  </button>
                 </div>
               </td>
 
diff --git a/packages/frontend/src/locales/en-US.json b/packages/frontend/src/locales/en-US.json
index 755aa04..7152535 100644
--- a/packages/frontend/src/locales/en-US.json
+++ b/packages/frontend/src/locales/en-US.json
@@ -1387,7 +1387,9 @@
       "restart": "Restart",
       "stop": "Stop",
       "start": "Start",
-      "remove": "Remove"
+      "remove": "Remove",
+      "enter": "Enter",
+      "logs": "Logs"
     },
     "waitingForSsh": "Waiting for SSH connection...",
     "stats": {
diff --git a/packages/frontend/src/locales/ja-JP.json b/packages/frontend/src/locales/ja-JP.json
index 236d658..651c770 100644
--- a/packages/frontend/src/locales/ja-JP.json
+++ b/packages/frontend/src/locales/ja-JP.json
@@ -316,7 +316,10 @@
             "remove": "削除",
             "restart": "再起動",
             "start": "起動",
-            "stop": "停止"
+            "stop": "停止",
+            "enter": "入力",
+            "logs": "ログ"
+
         },
         "error": {
             "commandFailed": "リモートコマンド'{command}'の実行に失敗しました",
diff --git a/packages/frontend/src/locales/zh-CN.json b/packages/frontend/src/locales/zh-CN.json
index 153e98a..7fc5930 100644
--- a/packages/frontend/src/locales/zh-CN.json
+++ b/packages/frontend/src/locales/zh-CN.json
@@ -1391,7 +1391,9 @@
       "restart": "重启",
       "stop": "停止",
       "start": "启动",
-      "remove": "移除"
+      "remove": "移除",
+      "enter": "进入",
+      "logs": "日志"
     },
     "waitingForSsh": "等待 SSH 连接...",
     "stats": {