feat: 支持应用内多 SSH 终端标签页

- 新增 terminalTabs store 管理标签页状态
- 新增 TerminalWorkspaceView 终端工作区视图
- 修改 ConnectionsView 终端按钮改用标签页模式
- 修改 TerminalView 作为兼容入口自动跳转到工作区
- 同一连接默认只保留一个标签页
- 切换标签时保持各自 SSH 会话不断开

frontend/src/views/ConnectionsView.vue

@@ -2,21 +2,23 @@
 import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { useConnectionsStore } from '../stores/connections'
-import type { Connection, ConnectionCreateRequest } from '../api/connections'
+import { useTerminalTabsStore } from '../stores/terminalTabs'
+import type { Connection, ConnectionCreateRequest } from '../api/connections'
 import ConnectionForm from '../components/ConnectionForm.vue'
-import {
-  Server,
-  Plus,
-  Terminal,
-  FolderOpen,
-  Pencil,
-  Trash2,
-  Key,
-  Lock,
-} from 'lucide-vue-next'
+import {
+  Server,
+  Plus,
+  Terminal,
+  FolderOpen,
+  Pencil,
+  Trash2,
+  Key,
+  Lock,
+} from 'lucide-vue-next'
 
 const router = useRouter()
 const store = useConnectionsStore()
+const tabsStore = useTerminalTabsStore()
 
 const showForm = ref(false)
 const editingConn = ref<Connection | null>(null)
@@ -53,12 +55,13 @@ async function handleDelete(conn: Connection) {
 }
 
 function openTerminal(conn: Connection) {
-  router.push(`/terminal/${conn.id}`)
-}
-
-function openSftp(conn: Connection) {
-  router.push(`/sftp/${conn.id}`)
+  tabsStore.openOrFocus(conn)
+  router.push('/terminal')
 }
+
+function openSftp(conn: Connection) {
+  router.push(`/sftp/${conn.id}`)
+}
 </script>
 
 <template>