perf: sftp and tabs

Author: ibuler

i18n/locales/en.json

@@ -23,6 +23,7 @@
     "Fonts": "Fonts",
     "WithSystem": "Follow system",
     "Appearance": "Appearance",
+    "Settings": "Settings",
     "PrimaryColor": "Primary color",
     "LightThemePalette": "Light palette",
     "DarkThemePalette": "Dark palette",
@@ -100,14 +101,50 @@
   "RightPanel": {
     "Open": "Open right panel",
     "Close": "Close right panel",
+    "Session": "Session",
     "AI": "AI",
     "SFTP": "SFTP",
+    "SessionEmptyTitle": "No active session",
+    "SessionEmptyDescription": "Connect to an SSH host from the asset tree to view session info and sharing settings here.",
+    "SessionUnsupportedTitle": "Session not supported",
+    "SessionUnsupportedDescription": "The session panel supports SSH terminal and SFTP sessions.",
+    "SessionWaitingTitle": "Connecting session",
+    "SessionWaitingDescription": "Session details and sharing will appear once the terminal is connected.",
+    "SessionAsset": "Asset",
+    "SessionAddress": "Address",
+    "SessionAccount": "Account",
+    "SessionProtocol": "Protocol",
+    "SessionDuration": "Duration",
+    "SessionId": "Session ID",
+    "SessionStatusConnected": "Connected",
+    "SessionStatusConnecting": "Connecting",
+    "SessionStatusFailed": "Failed",
+    "SessionStatusIdle": "Idle",
+    "OnlineUsers": "Online users",
+    "Share": "Share",
+    "NoOnlineUsers": "No online users",
+    "ShareLink": "Share link",
+    "ShareDisabled": "Sharing is not enabled for this session",
+    "ExpiredTime": "Expiry",
+    "ExpiredMinutes": "{count} min",
+    "ExpiredHour": "{count} hr",
+    "ActionPerm": "Permission",
+    "Writable": "Writable",
+    "ReadOnly": "Read only",
+    "ShareUser": "Share users",
+    "GetShareUser": "Search and select users",
+    "CreateLink": "Create link",
+    "VerifyCode": "Verify code",
+    "CopyLink": "Copy link",
+    "Back": "Back",
+    "PrimaryUser": "Primary",
+    "RemoveShareUser": "Remove user",
     "BatchCommand": "Batch",
     "AIEmptyTitle": "AI assistant",
     "AIEmptyDescription": "Ask questions and get ops suggestions or command help.",
     "AIInputPlaceholder": "Describe your task or the command you want to run…",
     "AISend": "Send",
-    "AIPlaceholderReply": "AI integration is coming soon. Use the SFTP and batch panels for now.",
+    "AIPlaceholderReply": "AI integration is coming soon. Use the batch command panel for now.",
     "SFTPSearchPlaceholder": "Search assets for file transfer…",
     "SFTPEmptyTitle": "Choose an SFTP asset",
     "SFTPEmptyDescription": "Search for an asset or reuse the active terminal host.",
@@ -126,6 +163,21 @@
     "BatchCommandSentDesc": "Command dispatched to {count} terminal(s)",
     "BatchPanelClose": "Close batch command panel"
   },
+  "FileManagement": {
+    "ConnectRemoteSftp": "Connect remote SFTP",
+    "RemoteSftp": "Remote SFTP",
+    "LocalSftp": "Current SFTP",
+    "DisconnectRemote": "Disconnect remote",
+    "RemoteSftpHint": "Connect another SFTP server to transfer files between both sides",
+    "RemoteConnected": "Remote SFTP connected",
+    "RemoteConnectFailed": "Failed to connect remote SFTP",
+    "TransferToRemote": "Send to remote",
+    "TransferToLocal": "Send to current",
+    "TransferSuccess": "File transferred",
+    "TransferFailed": "File transfer failed",
+    "FolderTransferUnsupported": "Folder transfer is not supported yet",
+    "DownloadFolderConfirm": "Download this folder?"
+  },
   "Transcode": {
     "Title": "Replay Transcode",
     "Description": "Choose one or multiple .tar recording archive files for MP4 conversion.",

i18n/locales/zh.json

@@ -23,6 +23,7 @@
     "Fonts": "字体",
     "WithSystem": "跟随系统",
     "Appearance": "外观",
+    "Settings": "设置",
     "PrimaryColor": "主色",
     "LightThemePalette": "浅色主题",
     "DarkThemePalette": "深色主题",
@@ -100,14 +101,50 @@
   "RightPanel": {
     "Open": "打开右侧面板",
     "Close": "关闭右侧面板",
+    "Session": "会话",
     "AI": "AI",
     "SFTP": "SFTP",
+    "SessionEmptyTitle": "暂无活动会话",
+    "SessionEmptyDescription": "从左侧资产树连接 SSH 主机后，可在此查看会话信息与分享设置。",
+    "SessionUnsupportedTitle": "当前会话不支持",
+    "SessionUnsupportedDescription": "会话面板目前支持 SSH 终端与 SFTP 会话。",
+    "SessionWaitingTitle": "会话连接中",
+    "SessionWaitingDescription": "终端建立连接后将显示会话详情与分享功能。",
+    "SessionAsset": "资产",
+    "SessionAddress": "地址",
+    "SessionAccount": "账号",
+    "SessionProtocol": "协议",
+    "SessionDuration": "连接时长",
+    "SessionId": "会话 ID",
+    "SessionStatusConnected": "已连接",
+    "SessionStatusConnecting": "连接中",
+    "SessionStatusFailed": "连接失败",
+    "SessionStatusIdle": "未连接",
+    "OnlineUsers": "在线用户",
+    "Share": "分享",
+    "NoOnlineUsers": "暂无在线用户",
+    "ShareLink": "分享链接",
+    "ShareDisabled": "当前会话未开启分享权限",
+    "ExpiredTime": "过期时间",
+    "ExpiredMinutes": "{count} 分钟",
+    "ExpiredHour": "{count} 小时",
+    "ActionPerm": "操作权限",
+    "Writable": "可写",
+    "ReadOnly": "只读",
+    "ShareUser": "分享用户",
+    "GetShareUser": "搜索并选择用户",
+    "CreateLink": "创建链接",
+    "VerifyCode": "验证码",
+    "CopyLink": "复制链接",
+    "Back": "返回",
+    "PrimaryUser": "主用户",
+    "RemoveShareUser": "移除用户",
     "BatchCommand": "批量命令",
     "AIEmptyTitle": "AI 助手",
     "AIEmptyDescription": "输入问题，获取运维建议与命令辅助。",
     "AIInputPlaceholder": "描述你的问题或想执行的运维任务…",
     "AISend": "发送",
-    "AIPlaceholderReply": "AI 能力接入中。当前可先使用右侧 SFTP 与批量命令面板。",
+    "AIPlaceholderReply": "AI 能力接入中。当前可先使用批量命令面板。",
     "SFTPSearchPlaceholder": "搜索要传输文件的资产…",
     "SFTPEmptyTitle": "选择 SFTP 资产",
     "SFTPEmptyDescription": "搜索资产，或复用当前活动终端对应主机。",
@@ -126,6 +163,21 @@
     "BatchCommandSentDesc": "已向 {count} 个终端发送命令",
     "BatchPanelClose": "关闭批量命令面板"
   },
+  "FileManagement": {
+    "ConnectRemoteSftp": "连接远程 SFTP",
+    "RemoteSftp": "远程 SFTP",
+    "LocalSftp": "当前 SFTP",
+    "DisconnectRemote": "断开远程",
+    "RemoteSftpHint": "连接另一台 SFTP 服务器，可在两侧互传文件",
+    "RemoteConnected": "远程 SFTP 已连接",
+    "RemoteConnectFailed": "远程 SFTP 连接失败",
+    "TransferToRemote": "传到远程",
+    "TransferToLocal": "传到当前",
+    "TransferSuccess": "文件传输成功",
+    "TransferFailed": "文件传输失败",
+    "FolderTransferUnsupported": "暂不支持文件夹互传",
+    "DownloadFolderConfirm": "确定下载此文件夹？"
+  },
   "Transcode": {
     "Title": "录像转码",
     "Description": "选择一个或多个录像压缩文件（.tar），将录像转换为 mp4 格式。",

ui/components/EditForm/editForm.vue

@@ -134,13 +134,17 @@ const protocolTabItems = computed(() =>
 );
 const connectMethodTypeItems = computed(() => {
   const metaMap: Record<string, { label: string, icon: string }> = {
-    web: { label: "Web CLI", icon: "i-lucide-globe" },
+    builtin: { label: "内置", icon: "i-lucide-panels-top-left" },
     native: { label: "客户端", icon: "i-lucide-monitor" },
-    applet: { label: "Applet", icon: "i-lucide-box" },
-    virtual_app: { label: "VirtualApp", icon: "i-lucide-app-window" }
+    remote_app: { label: "远程应用", icon: "i-lucide-app-window" }
   };
-  const order = ["web", "native", "applet", "virtual_app"];
-  const grouped = new Set(availableConnectMethods.value.map((method) => String(method.type || "")));
+  const categoryOf = (type: string) => {
+    if (type === "web") return "builtin";
+    if (["applet", "virtual_app"].includes(type)) return "remote_app";
+    return type;
+  };
+  const order = ["builtin", "native", "remote_app"];
+  const grouped = new Set(availableConnectMethods.value.map((method) => categoryOf(String(method.type || ""))));
   const sorted = [
     ...order.filter((type) => grouped.has(type)),
     ...Array.from(grouped).filter((type) => !order.includes(type))
@@ -156,7 +160,10 @@ const connectMethodTabItems = computed(() =>
   availableConnectMethods.value
     .filter((method) => {
       if (!selectedConnectMethodType.value) return true;
-      return String(method.type || "") === selectedConnectMethodType.value;
+      const type = String(method.type || "");
+      if (selectedConnectMethodType.value === "builtin") return type === "web";
+      if (selectedConnectMethodType.value === "remote_app") return ["applet", "virtual_app"].includes(type);
+      return type === selectedConnectMethodType.value;
     })
     .map((method) => ({
     label: method.label || method.value,
@@ -226,12 +233,18 @@ watch(
 
     const current = availableConnectMethods.value.find((method) => method.value === props.connectMethod);
     if (current?.type) {
-      selectedConnectMethodType.value = String(current.type);
+      const type = String(current.type);
+      selectedConnectMethodType.value = type === "web"
+        ? "builtin"
+        : ["applet", "virtual_app"].includes(type) ? "remote_app" : type;
       return;
     }
 
     if (!selectedConnectMethodType.value) {
-      selectedConnectMethodType.value = String(availableConnectMethods.value[0]?.type || "");
+      const type = String(availableConnectMethods.value[0]?.type || "");
+      selectedConnectMethodType.value = type === "web"
+        ? "builtin"
+        : ["applet", "virtual_app"].includes(type) ? "remote_app" : type;
     }
   },
   { deep: true, immediate: true }

ui/components/Header/ActionButtons.vue

@@ -62,17 +62,6 @@ const getWindowControlButtonClass = (buttonKey: string) => {
   }
 };
 
-const { openSettings, warmupWebSettings } = useSettingsWindow();
-
-const openSettingsWindow = async () => {
-  if (isTauriRuntime()) {
-    await useTauriCoreInvoke("open_settings_window");
-    return;
-  }
-
-  openSettings();
-};
-
 const { open: rightPanelOpen, toggle: toggleRightPanel } = useRightPanel();
 </script>
 
@@ -87,15 +76,6 @@ const { open: rightPanelOpen, toggle: toggleRightPanel } = useRightPanel();
         <UButton icon="solar:palette-linear" :title="currentThemePresetLabel" v-bind="commonButtonProps" />
       </UDropdownMenu>
 
-      <UButton
-        icon="i-lucide-settings"
-        :title="t('ToolTips.Settings')"
-        v-bind="commonButtonProps"
-        @mouseenter="warmupWebSettings"
-        @focus="warmupWebSettings"
-        @click="openSettingsWindow"
-      />
-
       <Profile placement="topbar" />
 
       <UButton

ui/components/RightPanel/aiPanel.vue

@@ -79,24 +79,24 @@ const sendMessage = async () => {
     </div>
 
     <form class="shrink-0 border-t border-gray-200 p-3 dark:border-white/10" @submit.prevent="sendMessage">
-      <div class="flex items-end gap-2">
+      <div class="relative">
         <UTextarea
           v-model="draft"
           :rows="2"
           autoresize
           :maxrows="5"
           :placeholder="t('RightPanel.AIInputPlaceholder')"
-          class="min-w-0 flex-1"
-          :ui="{ base: 'text-[12px]' }"
+          class="w-full"
+          :ui="{ base: 'text-[12px] pb-9 pr-10' }"
           @keydown.enter.exact.prevent="sendMessage"
         />
         <UButton
           type="submit"
           color="primary"
           variant="soft"
-          size="sm"
+          size="xs"
           icon="i-lucide-send"
-          class="shrink-0"
+          class="absolute bottom-1.5 right-1.5"
           :loading="sending"
           :disabled="!draft.trim()"
           :aria-label="t('RightPanel.AISend')"

ui/components/RightPanel/rightPanel.vue

@@ -1,18 +1,38 @@
 <script setup lang="ts">
 import RightPanelAiPanel from "~/components/RightPanel/aiPanel.vue";
+import RightPanelSessionPanel from "~/components/RightPanel/sessionPanel.vue";
 import RightPanelSftpPanel from "~/components/RightPanel/sftpPanel.vue";
 
 const { t } = useI18n();
+const { activeTab: workspaceTab } = useWorkspaceTabs();
 const { activeTab, setActiveTab } = useRightPanel();
 
-const tabs = computed(() => [
-  { value: "ai" as const, label: t("RightPanel.AI"), icon: "i-lucide-sparkles" },
-  { value: "sftp" as const, label: t("RightPanel.SFTP"), icon: "i-lucide-folder-symlink" }
-]);
+const showSftpTab = computed(() => workspaceTab.value?.protocol === "ssh");
 
-const activePanelComponent = computed(() =>
-  activeTab.value === "sftp" ? RightPanelSftpPanel : RightPanelAiPanel
-);
+const tabs = computed(() => {
+  const items = [
+    { value: "session" as const, label: t("RightPanel.Session"), icon: "i-lucide-terminal" },
+    { value: "ai" as const, label: t("RightPanel.AI"), icon: "i-lucide-sparkles" }
+  ];
+
+  if (showSftpTab.value) {
+    items.push({ value: "sftp" as const, label: t("RightPanel.SFTP"), icon: "i-lucide-folder-symlink" });
+  }
+
+  return items;
+});
+
+const panelComponents = {
+  session: RightPanelSessionPanel,
+  ai: RightPanelAiPanel,
+  sftp: RightPanelSftpPanel
+} as const;
+
+const activePanelComponent = computed(() => panelComponents[activeTab.value]);
+
+watch(showSftpTab, (visible) => {
+  if (!visible && activeTab.value === "sftp") setActiveTab("session");
+});
 </script>
 
 <template>