From 625a01b7d2d14f2fc234b76b425e71abe999c0bb Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Fri, 25 Apr 2025 00:54:37 +0800
Subject: [PATCH] update

---
 .../src/components/LayoutRenderer.vue         | 28 +++++++++----------
 packages/frontend/src/locales/en.json         | 13 +++++++--
 packages/frontend/src/locales/zh.json         | 13 +++++++--
 3 files changed, 34 insertions(+), 20 deletions(-)

diff --git a/packages/frontend/src/components/LayoutRenderer.vue b/packages/frontend/src/components/LayoutRenderer.vue
index 9c9ab0f..d5d3c09 100644
--- a/packages/frontend/src/components/LayoutRenderer.vue
+++ b/packages/frontend/src/components/LayoutRenderer.vue
@@ -512,8 +512,8 @@ onMounted(() => {
                     <div v-if="!activeSession" class="flex-grow flex justify-center items-center text-center text-text-secondary bg-header text-sm p-4">
                       <div class="flex flex-col items-center justify-center p-8 w-full h-full">
                         <i class="fas fa-plug text-4xl mb-3 text-text-secondary"></i>
-                        <span class="text-lg font-medium text-text-secondary mb-2">无活动会话</span>
-                        <div class="text-xs text-text-secondary mt-2">请先连接一个会话</div>
+                        <span class="text-lg font-medium text-text-secondary mb-2">{{ t('layout.noActiveSession.title') }}</span>
+                        <div class="text-xs text-text-secondary mt-2">{{ t('layout.noActiveSession.message') }}</div>
                       </div>
                     </div>
                 </template>
@@ -530,8 +530,8 @@ onMounted(() => {
                     <div v-if="!activeSession" class="flex-grow flex justify-center items-center text-center text-text-secondary bg-header text-sm p-4">
                       <div class="flex flex-col items-center justify-center p-8 w-full h-full">
                         <i class="fas fa-plug text-4xl mb-3 text-text-secondary"></i>
-                        <span class="text-lg font-medium text-text-secondary mb-2">无活动会话</span>
-                        <div class="text-xs text-text-secondary mt-2">请先连接一个会话</div>
+                        <span class="text-lg font-medium text-text-secondary mb-2">{{ t('layout.noActiveSession.title') }}</span>
+                        <div class="text-xs text-text-secondary mt-2">{{ t('layout.noActiveSession.message') }}</div>
                       </div>
                     </div>
                 </template>
@@ -547,8 +547,8 @@ onMounted(() => {
                      <div v-else class="flex-grow flex justify-center items-center text-center text-text-secondary bg-header text-sm p-4">
                       <div class="flex flex-col items-center justify-center p-8 w-full h-full">
                         <i class="fas fa-plug text-4xl mb-3 text-text-secondary"></i>
-                        <span class="text-lg font-medium text-text-secondary mb-2">无活动会话</span>
-                        <div class="text-xs text-text-secondary mt-2">请先连接一个会话</div>
+                        <span class="text-lg font-medium text-text-secondary mb-2">{{ t('layout.noActiveSession.title') }}</span>
+                        <div class="text-xs text-text-secondary mt-2">{{ t('layout.noActiveSession.message') }}</div>
                       </div>
                     </div>
                 </template>
@@ -613,15 +613,15 @@ onMounted(() => {
                 <div v-else-if="activeLeftSidebarPane === 'fileManager' && !activeSession" class="flex flex-col flex-grow justify-center items-center text-center text-text-secondary p-4">
                   <div class="flex flex-col items-center justify-center p-8">
                     <i class="fas fa-plug text-4xl mb-3 text-text-secondary"></i>
-                    <span class="text-lg font-medium mb-2">无活动会话</span>
-                    <div class="text-xs mt-2">文件管理器需要活动会话</div>
+                    <span class="text-lg font-medium mb-2">{{ t('layout.noActiveSession.title') }}</span>
+                    <div class="text-xs mt-2">{{ t('layout.noActiveSession.fileManagerSidebar') }}</div>
                   </div>
                 </div>
                 <div v-else-if="activeLeftSidebarPane === 'statusMonitor' && !activeSession" class="flex flex-col flex-grow justify-center items-center text-center text-text-secondary p-4">
                   <div class="flex flex-col items-center justify-center p-8">
                     <i class="fas fa-plug text-4xl mb-3 text-text-secondary"></i>
-                    <span class="text-lg font-medium mb-2">无活动会话</span>
-                    <div class="text-xs mt-2">状态监视器需要活动会话</div>
+                    <span class="text-lg font-medium mb-2">{{ t('layout.noActiveSession.title') }}</span>
+                    <div class="text-xs mt-2">{{ t('layout.noActiveSession.statusMonitorSidebar') }}</div>
                   </div>
                 </div>
                  <div v-else class="flex flex-col flex-grow">
@@ -649,15 +649,15 @@ onMounted(() => {
                 <div v-else-if="activeRightSidebarPane === 'fileManager' && !activeSession" class="flex flex-col flex-grow justify-center items-center text-center text-text-secondary p-4">
                   <div class="flex flex-col items-center justify-center p-8">
                     <i class="fas fa-plug text-4xl mb-3 text-text-secondary"></i>
-                    <span class="text-lg font-medium mb-2">无活动会话</span>
-                    <div class="text-xs mt-2">文件管理器需要活动会话</div>
+                    <span class="text-lg font-medium mb-2">{{ t('layout.noActiveSession.title') }}</span>
+                    <div class="text-xs mt-2">{{ t('layout.noActiveSession.fileManagerSidebar') }}</div>
                   </div>
                 </div>
                 <div v-else-if="activeRightSidebarPane === 'statusMonitor' && !activeSession" class="flex flex-col flex-grow justify-center items-center text-center text-text-secondary p-4">
                   <div class="flex flex-col items-center justify-center p-8">
                     <i class="fas fa-plug text-4xl mb-3 text-text-secondary"></i>
-                    <span class="text-lg font-medium mb-2">无活动会话</span>
-                    <div class="text-xs mt-2">状态监视器需要活动会话</div>
+                    <span class="text-lg font-medium mb-2">{{ t('layout.noActiveSession.title') }}</span>
+                    <div class="text-xs mt-2">{{ t('layout.noActiveSession.statusMonitorSidebar') }}</div>
                   </div>
                 </div>
                  <div v-else class="flex flex-col flex-grow">
diff --git a/packages/frontend/src/locales/en.json b/packages/frontend/src/locales/en.json
index 576c0ba..6b07b0d 100644
--- a/packages/frontend/src/locales/en.json
+++ b/packages/frontend/src/locales/en.json
@@ -709,6 +709,12 @@
       "commandHistory": "Command History",
       "quickCommands": "Quick Commands",
       "dockerManager": "Docker Manager"
+    },
+    "noActiveSession": {
+      "title": "No Active Session",
+      "message": "Please connect to a session first",
+      "fileManagerSidebar": "File Manager requires an active session",
+      "statusMonitorSidebar": "Status Monitor requires an active session"
     }
   },
   "header": {
@@ -775,7 +781,8 @@
       "commandInput": "Command Input",
       "terminalSearch": "Terminal Search",
       "connectionListSearch": "Connection List Search",
-      "fileEditorActive": "File Editor"
+      "fileEditorActive": "File Editor",
+      "fileManagerPathInput": "File Manager Path Input"
     },
     "confirmClose": "You have unsaved changes. Are you sure you want to close?",
     "shortcutPlaceholder": "e.g., Alt+K",
@@ -790,8 +797,8 @@
       "fetchFailed": "Failed to fetch remote container status",
       "commandFailed": "Failed to execute remote command '{command}'",
       "invalidResponse": "Received invalid response from server",
-      "noActiveSession": "No active session.",
-      "connectFirst": "Please connect to an session first.",
+      "noActiveSession": "No active session",
+      "connectFirst": "Please connect to a session first",
       "sshDisconnected": "SSH session disconnected.",
       "sshError": "SSH Connection Error",
       "sshNotConnected": "SSH session is not connected."
diff --git a/packages/frontend/src/locales/zh.json b/packages/frontend/src/locales/zh.json
index b714c63..cb1ec73 100644
--- a/packages/frontend/src/locales/zh.json
+++ b/packages/frontend/src/locales/zh.json
@@ -714,6 +714,12 @@
       "commandHistory": "命令历史",
       "quickCommands": "快捷指令",
       "dockerManager": "Docker 管理器"
+    },
+    "noActiveSession": {
+      "title": "无活动会话",
+      "message": "请先连接一个会话",
+      "fileManagerSidebar": "文件管理器需要活动会话",
+      "statusMonitorSidebar": "状态监视器需要活动会话"
     }
   },
   "header": {
@@ -780,7 +786,8 @@
       "commandInput": "命令输入",
       "terminalSearch": "终端内搜索",
       "connectionListSearch": "连接列表搜索",
-      "fileEditorActive": "文件编辑器"
+      "fileEditorActive": "文件编辑器",
+      "fileManagerPathInput": "文件管理器路径编辑"
     },
     "confirmClose": "有未保存的更改，确定要关闭吗？",
     "shortcutPlaceholder": "例如 Alt+K",
@@ -795,8 +802,8 @@
       "fetchFailed": "获取远程容器状态失败",
       "commandFailed": "执行远程命令 '{command}' 失败",
       "invalidResponse": "收到无效的服务器响应",
-      "noActiveSession": "无活动的会话。",
-      "connectFirst": "请先连接到一个会话。",
+      "noActiveSession": "无活动会话",
+      "connectFirst": "请先连接一个会话",
       "sshDisconnected": "SSH 会话已断开。",
       "sshError": "SSH 连接错误",
       "sshNotConnected": "SSH 会话未连接。"