update

packages/frontend/src/components/AddProxyForm.vue

@@ -3,8 +3,8 @@ import { ref, reactive, watch, computed, onMounted } from 'vue'; // 添加 onMou
 import { storeToRefs } from 'pinia';
 import { useI18n } from 'vue-i18n';
 import { useProxiesStore, ProxyInfo } from '../stores/proxies.store';
-import { useTagsStore } from '../stores/tags.store'; // 引入标签 Store
-import TagInput from './TagInput.vue'; // 导入新的 TagInput 组件
+import { useTagsStore } from '../stores/tags.store'; 
+import TagInput from './TagInput.vue'; 
 
 // 定义组件发出的事件
 const emit = defineEmits(['close', 'proxy-added', 'proxy-updated']);

packages/frontend/src/components/CommandInputBar.vue

@@ -1,23 +1,18 @@
 <script setup lang="ts">
-import { ref, watch, nextTick, onMounted, onBeforeUnmount, defineExpose, computed } from 'vue'; // Import computed
+import { ref, watch, nextTick, onMounted, onBeforeUnmount, defineExpose, computed } from 'vue'; 
 import { useI18n } from 'vue-i18n';
-import { storeToRefs } from 'pinia'; // Import storeToRefs
-import { useFocusSwitcherStore } from '../stores/focusSwitcher.store'; // 导入 Store
-import { useSettingsStore } from '../stores/settings.store'; // NEW: Import settings store
-import { useQuickCommandsStore } from '../stores/quickCommands.store'; // NEW: Import quick commands store
-import { useCommandHistoryStore } from '../stores/commandHistory.store'; // NEW: Import command history store
-// 假设你有一个图标库，例如 unplugin-icons 或类似库
-// import SearchIcon from '~icons/mdi/magnify';
-// import ArrowUpIcon from '~icons/mdi/arrow-up';
-// import ArrowDownIcon from '~icons/mdi/arrow-down';
-// import CloseIcon from '~icons/mdi/close';
+import { storeToRefs } from 'pinia'; 
+import { useFocusSwitcherStore } from '../stores/focusSwitcher.store'; 
+import { useSettingsStore } from '../stores/settings.store'; 
+import { useQuickCommandsStore } from '../stores/quickCommands.store'; 
+import { useCommandHistoryStore } from '../stores/commandHistory.store'; 
 
-const emit = defineEmits(['send-command', 'search', 'find-next', 'find-previous', 'close-search']); // 移除 open-focus-switcher-config 事件
+const emit = defineEmits(['send-command', 'search', 'find-next', 'find-previous', 'close-search']); 
 const { t } = useI18n();
-const focusSwitcherStore = useFocusSwitcherStore(); // +++ 实例化 Store +++
-const settingsStore = useSettingsStore(); // NEW: Instantiate settings store
-const quickCommandsStore = useQuickCommandsStore(); // NEW: Instantiate quick commands store
-const commandHistoryStore = useCommandHistoryStore(); // NEW: Instantiate command history store
+const focusSwitcherStore = useFocusSwitcherStore(); 
+const settingsStore = useSettingsStore(); 
+const quickCommandsStore = useQuickCommandsStore(); 
+const commandHistoryStore = useCommandHistoryStore(); 
 
 // Get reactive setting from store
 const { commandInputSyncTarget } = storeToRefs(settingsStore);

packages/frontend/src/components/ConnectionList.vue

@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import { onMounted, computed, ref, reactive, watch } from 'vue'; // 统一导入, 添加 watch
+import { onMounted, computed, ref, reactive, watch } from 'vue'; 
 import { storeToRefs } from 'pinia';
 import { useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import { useConnectionsStore, ConnectionInfo } from '../stores/connections.store'; // 引入 ConnectionInfo 类型
-import { useTagsStore } from '../stores/tags.store'; // 引入 Tags Store
+import { useConnectionsStore, ConnectionInfo } from '../stores/connections.store'; 
+import { useTagsStore } from '../stores/tags.store'; 
 
-const { t } = useI18n(); // 获取 t 函数
-const router = useRouter(); // 获取 router 实例
-const tagsStore = useTagsStore(); // 获取 Tags Store 实例
-// 使用 storeToRefs 来保持 state 属性的响应性
-// 不再直接从 connectionsStore 获取 connections, isLoading, error
-// const { connections, isLoading, error } = storeToRefs(connectionsStore);
-const { tags: allTags, isLoading: isTagsLoading, error: tagsError } = storeToRefs(tagsStore); // 获取所有标签及其状态
+const { t } = useI18n(); 
+const router = useRouter(); 
+const tagsStore = useTagsStore(); 
+
+
+
+const { tags: allTags, isLoading: isTagsLoading, error: tagsError } = storeToRefs(tagsStore); 
 
 // 定义 Props，接收筛选后的连接列表
 const props = defineProps<{

packages/frontend/src/components/DockerManager.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useSessionStore } from '../stores/session.store'; // Import session store
+import { useSessionStore } from '../stores/session.store'; 
 import { storeToRefs } from 'pinia';
-// Removed unused imports: ref, onMounted, onUnmounted, watch, useSettingsStore
-// Removed unused interfaces: PortInfo, DockerContainer, DockerStats (now in composable)
+
+
 
 const { t } = useI18n();
 const sessionStore = useSessionStore();

packages/frontend/src/components/FileEditorOverlay.vue

@@ -4,16 +4,15 @@ import { useI18n } from 'vue-i18n';
 import { storeToRefs } from 'pinia';
 import MonacoEditor from './MonacoEditor.vue';
 import FileEditorTabs from './FileEditorTabs.vue';
-import { useFileEditorStore, type FileTab } from '../stores/fileEditor.store'; // 导入 FileTab 类型
+import { useFileEditorStore, type FileTab } from '../stores/fileEditor.store'; 
 import { useSettingsStore } from '../stores/settings.store';
-import { useSessionStore } from '../stores/session.store'; // 导入 Session Store
-import type { EditorFileContent, SaveStatus } from '../types/sftp.types';
-import { getLanguageFromFilename, getFilenameFromPath } from '../stores/fileEditor.store';
+import { useSessionStore } from '../stores/session.store'; 
+
 
 const { t } = useI18n();
 const fileEditorStore = useFileEditorStore();
 const settingsStore = useSettingsStore();
-const sessionStore = useSessionStore(); // 实例化 Session Store
+const sessionStore = useSessionStore(); 
 
 // --- 本地状态控制弹窗显示 ---
 const isVisible = ref(false);

packages/frontend/src/components/FileEditorTabs.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { PropType } from 'vue';
 import { useI18n } from 'vue-i18n';
-import type { FileTab } from '../stores/fileEditor.store'; // 导入 FileTab 类型
+import type { FileTab } from '../stores/fileEditor.store';
 
 defineProps({
   tabs: {

packages/frontend/src/components/FileManager.vue

@@ -1,31 +1,24 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, onBeforeUnmount, nextTick, watch, watchEffect, type PropType, readonly, defineExpose, shallowRef } from 'vue';
-// 移除 debounce 导入
 import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router'; // 保留用于生成下载 URL (如果下载逻辑移动则可移除)
-import { storeToRefs } from 'pinia'; // 导入 storeToRefs
-// 导入 SFTP Actions 工厂函数和所需的类型
+import { useRoute } from 'vue-router'; 
+import { storeToRefs } from 'pinia'; 
 import { createSftpActionsManager, type WebSocketDependencies } from '../composables/useSftpActions';
 import { useFileUploader } from '../composables/useFileUploader';
-// import { useFileEditor } from '../composables/useFileEditor'; // 移除旧的 composable 导入
-import { useFileEditorStore, type FileInfo } from '../stores/fileEditor.store'; // 导入新的 Store 和 FileInfo 类型
+import { useFileEditorStore, type FileInfo } from '../stores/fileEditor.store'; 
 import { useSessionStore } from '../stores/session.store';
-import { useSettingsStore } from '../stores/settings.store'; // +++ 实例化 Settings Store +++
-import { useFocusSwitcherStore } from '../stores/focusSwitcher.store'; // +++ 实例化焦点切换 Store +++
-import { useFileManagerContextMenu, type ClipboardState } from '../composables/file-manager/useFileManagerContextMenu'; // +++ 导入上下文菜单 Composable 和 ClipboardState +++
-import { useFileManagerSelection } from '../composables/file-manager/useFileManagerSelection'; // +++ 导入选择 Composable +++
-import { useFileManagerDragAndDrop } from '../composables/file-manager/useFileManagerDragAndDrop'; // +++ 导入拖放 Composable +++
-import { useFileManagerKeyboardNavigation } from '../composables/file-manager/useFileManagerKeyboardNavigation'; // +++ 导入键盘导航 Composable +++
-// WebSocket composable 不再直接使用
+import { useSettingsStore } from '../stores/settings.store'; 
+import { useFocusSwitcherStore } from '../stores/focusSwitcher.store'; 
+import { useFileManagerContextMenu, type ClipboardState } from '../composables/file-manager/useFileManagerContextMenu'; 
+import { useFileManagerSelection } from '../composables/file-manager/useFileManagerSelection'; 
+import { useFileManagerDragAndDrop } from '../composables/file-manager/useFileManagerDragAndDrop'; 
+import { useFileManagerKeyboardNavigation } from '../composables/file-manager/useFileManagerKeyboardNavigation'; 
 import FileUploadPopup from './FileUploadPopup.vue';
-import FileManagerContextMenu from './FileManagerContextMenu.vue'; // +++ 导入上下文菜单组件 +++
-// import FileEditorOverlay from './FileEditorOverlay.vue'; // 不再在此处渲染
-// 从类型文件导入所需类型
+import FileManagerContextMenu from './FileManagerContextMenu.vue'; 
 import type { FileListItem } from '../types/sftp.types';
-// 从 websocket 类型文件导入所需类型
-import type { WebSocketMessage } from '../types/websocket.types'; // 导入 WebSocketMessage
+import type { WebSocketMessage } from '../types/websocket.types'; 
+
 
-// 定义 SftpManagerInstance 类型，基于 createSftpActionsManager 的返回类型
 type SftpManagerInstance = ReturnType<typeof createSftpActionsManager>;
 
 

packages/frontend/src/components/FileUploadPopup.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import type { UploadItem } from '../types/upload.types'; // 导入上传项类型
+import type { UploadItem } from '../types/upload.types'; 
 
 const props = defineProps<{
   uploads: Record<string, UploadItem>; // 接收上传任务字典

packages/frontend/src/components/FocusSwitcherConfigurator.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { ref, computed, watch, reactive, type Ref } from 'vue'; // 添加 Ref
+import { ref, computed, watch, reactive, type Ref } from 'vue'; 
 import { useI18n } from 'vue-i18n';
 import draggable from 'vuedraggable';
-import { useFocusSwitcherStore, type FocusableInput, type FocusItemConfig, type FocusSwitcherFullConfig } from '../stores/focusSwitcher.store'; // ++ 导入新接口 ++
+import { useFocusSwitcherStore, type FocusableInput, type FocusItemConfig, type FocusSwitcherFullConfig } from '../stores/focusSwitcher.store'; 
 import { storeToRefs } from 'pinia';
 
 // 本地接口，仅用于右侧列表显示

packages/frontend/src/components/LayoutConfigurator.vue

@@ -236,9 +236,6 @@ const clonePane = (paneName: PaneName): LayoutNode => {
 // Handle updates from LayoutNodeEditor (for main layout)
 const handleNodeUpdate = (updatedNode: LayoutNode) => {
   console.log('[LayoutConfigurator] Received node update from editor:', updatedNode);
-  // Assuming the update is for the root node for simplicity
-  // v-model on LayoutNodeEditor might handle this, but explicit update is safer
-  // Update the local tree; isModified will react automatically
   localLayoutTree.value = updatedNode;
 };
 
@@ -278,11 +275,6 @@ const handleNodeRemove = (payload: { parentNodeId: string | undefined; nodeIndex
   console.log('[LayoutConfigurator] Received node remove request:', payload);
   if (payload.parentNodeId === undefined && payload.nodeIndex === 0) {
      if (confirm(t('layoutConfigurator.confirmClearLayout', '确定要清空整个布局吗？所有面板将返回可用列表。'))) { // Keep default text for now
-       // Add all panes from the tree back to available list before clearing - REMOVED, no longer needed
-       // const usedInTree = getMainLayoutUsedPaneNames(localLayoutTree.value);
-       // usedInTree.forEach(paneName => addPaneToAvailableList(paneName));
-       // Clear the tree
-       // Update the local tree; isModified will react automatically
        localLayoutTree.value = null;
      }
   } else if (payload.parentNodeId) {

packages/frontend/src/components/LayoutNodeEditor.vue

@@ -102,23 +102,8 @@ const handleChildUpdate = (updatedChildNode: LayoutNode, index: number) => {
 // 处理子节点移除事件
 const handleChildRemove = (payload: { parentNodeId: string | undefined; nodeIndex: number }) => {
    // 总是将移除事件向上传递，让顶层 LayoutConfigurator 处理
-   console.log(`[LayoutNodeEditor ${props.node.id}] Relaying removeNode event upwards:`, payload); // 添加日志
+   console.log(`[LayoutNodeEditor ${props.node.id}] Relaying removeNode event upwards:`, payload);
    emit('removeNode', payload);
-
-   /* 移除旧逻辑：
-   // 如果移除的是当前节点的直接子节点
-   if (payload.parentNodeId === props.node.id && props.node.children) {
-     const newChildren = [...props.node.children];
-     newChildren.splice(payload.nodeIndex, 1);
-     // 如果容器变空，可以选择移除容器自身或保留空容器
-     // 这里选择保留空容器，让用户手动删除
-     // 问题：这里 emit update:node，但实际移除逻辑在 LayoutConfigurator
-     emit('update:node', { ...props.node, children: newChildren });
-   } else {
-     // 如果不是直接子节点，继续向上传递事件
-     emit('removeNode', payload);
-   }
-   */
 };
 
 </script>
@@ -194,28 +179,16 @@ const handleChildRemove = (payload: { parentNodeId: string | undefined; nodeInde
 
 <style scoped>
 .layout-node-editor {
-  /* border: 1px solid var(--border-color);
-  margin: var(--base-margin);
-  padding: var(--base-margin); 
-  position: relative;
-  background-color: var(--header-bg-color); 
-  min-height: 60px; 
-  display: flex;
-  flex-direction: column; */
+
 }
 
-/* .node-type-container {
-  background-color: var(--app-bg-color); 
-}
-.node-type-pane {
-  background-color: var(--app-bg-color);
-} */
+
 
 .node-controls {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  background-color: var(--header-bg-color); /* Or a specific control bar background */
+  background-color: var(--header-bg-color);
   padding: 3px var(--base-margin);
   margin-bottom: var(--base-margin);
   font-size: 0.8em;

packages/frontend/src/components/MonacoEditor.vue

@@ -6,7 +6,7 @@
 import { ref, onMounted, onBeforeUnmount, watch, defineExpose } from 'vue';
 import * as monaco from 'monaco-editor';
 
-const localFontSize = ref(14); // <-- 添加本地字体大小状态，默认 14
+const localFontSize = ref(14); //  添加本地字体大小状态，默认 14
 
 const props = defineProps({
   modelValue: { 

packages/frontend/src/components/NotificationSettings.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="p-0"> <!-- Remove padding from here, parent view provides it -->
+  <div class="p-0"> 
     <h2 class="text-xl font-semibold text-foreground mb-4 pb-2 border-b border-border"> <!-- Title styling -->
       {{ $t('settings.notifications.title') }}
     </h2>

packages/frontend/src/components/StyleCustomizer.vue

@@ -1,40 +1,40 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted, watch, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useAppearanceStore } from '../stores/appearance.store'; // 使用新的 store
+import { useAppearanceStore } from '../stores/appearance.store'; 
 import { storeToRefs } from 'pinia';
 import type { ITheme } from 'xterm';
-import type { TerminalTheme } from '../types/terminal-theme.types'; // 引入本地类型
-import { defaultXtermTheme } from '../features/appearance/config/default-themes'; // 引入默认主题
+import type { TerminalTheme } from '../types/terminal-theme.types'; 
+import { defaultXtermTheme } from '../features/appearance/config/default-themes'; 
 
 const { t } = useI18n();
 const appearanceStore = useAppearanceStore();
 const {
-  appearanceSettings, // <-- 添加这个 ref
+  appearanceSettings, 
   currentUiTheme,
-  // currentTerminalTheme, // 这个是计算属性，只读，在编辑时不需要直接用
-  activeTerminalThemeId, // 现在是 number | null | undefined
-  allTerminalThemes, // 使用重命名后的变量
+  
+  activeTerminalThemeId, 
+  allTerminalThemes, 
   currentTerminalFontFamily,
   currentTerminalFontSize,
-  currentEditorFontSize, // <-- 新增
+  currentEditorFontSize, 
   pageBackgroundImage,
-  // pageBackgroundOpacity, // Removed
+  
   terminalBackgroundImage,
-  // terminalBackgroundOpacity, // Removed
-  isTerminalBackgroundEnabled, // <-- 新增：终端背景启用状态
+  
+  isTerminalBackgroundEnabled, 
 } = storeToRefs(appearanceStore);
  
-// --- 本地状态用于编辑 ---
+
 const editableUiTheme = ref<Record<string, string>>({});
 const editableTerminalFontFamily = ref('');
 const editableTerminalFontSize = ref(14);
-const editableEditorFontSize = ref(14); // <-- 新增，编辑器字体大小
-// const editablePageBackgroundOpacity = ref(1.0); // Removed
-// const editableTerminalBackgroundOpacity = ref(1.0); // Removed
-const editableUiThemeString = ref(''); // 用于 textarea 绑定
-const themeParseError = ref<string | null>(null); // 用于显示 JSON 解析错误
-const localTerminalBackgroundEnabled = ref(true); // <-- 新增：本地终端背景开关状态
+const editableEditorFontSize = ref(14); 
+
+
+const editableUiThemeString = ref(''); 
+const themeParseError = ref<string | null>(null); 
+const localTerminalBackgroundEnabled = ref(true); 
  
 // 终端主题管理相关状态
 const isEditingTheme = ref(false); // 是否正在编辑某个主题

packages/frontend/src/components/Terminal.vue

@@ -1,15 +1,14 @@
 <script setup lang="ts">
 import { ref, onMounted, onBeforeUnmount, watch, nextTick } from 'vue';
-import { ITheme } from 'xterm';
-import { Terminal, ITerminalAddon, IDisposable } from 'xterm'; // +++ 导入 ITerminalAddon 和 IDisposable +++
-import { useAppearanceStore } from '../stores/appearance.store'; // 导入外观 store
-import { useSettingsStore } from '../stores/settings.store'; // +++ 导入设置 store +++
-import { storeToRefs } from 'pinia'; // 导入 storeToRefs
+import { Terminal, ITerminalAddon, IDisposable } from 'xterm'; 
+import { useAppearanceStore } from '../stores/appearance.store'; 
+import { useSettingsStore } from '../stores/settings.store'; 
+import { storeToRefs } from 'pinia'; 
 import { FitAddon } from 'xterm-addon-fit';
 import { WebLinksAddon } from 'xterm-addon-web-links';
-import { SearchAddon, type ISearchOptions } from '@xterm/addon-search'; // *** 更新导入路径 ***
-import 'xterm/css/xterm.css'; // 引入 xterm 样式
-// *** 移除无效的 CSS 导入 ***
+import { SearchAddon, type ISearchOptions } from '@xterm/addon-search'; 
+import 'xterm/css/xterm.css'; 
+
 
 // 定义 props 和 emits
 const props = defineProps<{

packages/frontend/src/components/TerminalTabBar.vue

@@ -7,7 +7,7 @@ import WorkspaceConnectionListComponent from './WorkspaceConnectionList.vue';
 import { useSessionStore } from '../stores/session.store';
 import { useConnectionsStore, type ConnectionInfo } from '../stores/connections.store';
 import { useLayoutStore, type PaneName } from '../stores/layout.store';
-// 导入会话状态类型
+
 import type { SessionTabInfoWithStatus } from '../stores/session.store'; 
 
 

packages/frontend/src/components/WorkspaceConnectionList.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, onBeforeUnmount, defineExpose, watch, nextTick } from 'vue';
 import { storeToRefs } from 'pinia';
-// import { useRouter } from 'vue-router'; // 不再需要 router
+
 import { useI18n } from 'vue-i18n';
-// import RemoteDesktopModal from './RemoteDesktopModal.vue'; // --- 移除 RDP 模态框导入 ---
+
 import { useConnectionsStore, ConnectionInfo } from '../stores/connections.store';
 import { useTagsStore, TagInfo } from '../stores/tags.store';
-import { useSessionStore } from '../stores/session.store'; // 导入 session store
-import { useFocusSwitcherStore } from '../stores/focusSwitcher.store'; // +++ 导入焦点切换 Store +++
+import { useSessionStore } from '../stores/session.store'; 
+import { useFocusSwitcherStore } from '../stores/focusSwitcher.store'; 
 
 // 定义事件
 const emit = defineEmits([
@@ -15,8 +15,7 @@ const emit = defineEmits([
   // 'open-new-session',       // 中键单击 - 请求在新标签中打开 (已移除)
   'request-add-connection', // 右键菜单 - 添加
   'request-edit-connection' // 右键菜单 - 编辑
-  // --- 移除 RDP 事件 ---
-  // 'request-rdp-modal'
+
 ]);
 
 const { t } = useI18n();