diff --git a/packages/frontend/src/components/CommandInputBar.vue b/packages/frontend/src/components/CommandInputBar.vue
index b28699d..e7a82dc 100644
--- a/packages/frontend/src/components/CommandInputBar.vue
+++ b/packages/frontend/src/components/CommandInputBar.vue
@@ -7,6 +7,7 @@ import { useFocusSwitcherStore } from '../stores/focusSwitcher.store';
import { useSettingsStore } from '../stores/settings.store';
import { useQuickCommandsStore } from '../stores/quickCommands.store';
import { useCommandHistoryStore } from '../stores/commandHistory.store';
+import QuickCommandsModal from './QuickCommandsModal.vue'; // +++ Import the modal component +++
const emit = defineEmits(['send-command', 'search', 'find-next', 'find-previous', 'close-search', 'clear-terminal']); // 添加 clear-terminal 事件
const { t } = useI18n();
@@ -31,11 +32,14 @@ const { updateSessionCommandInput } = sessionStore;
// Props definition is now empty as search results are no longer handled here
const props = defineProps<{
// No props defined here currently
+ // +++ Add isMobile prop +++
+ isMobile?: boolean;
}>();
// --- 移除本地 commandInput ref ---
// const commandInput = ref('');
const isSearching = ref(false);
const searchTerm = ref('');
+const showQuickCommands = ref(false); // +++ Add state for modal visibility +++
// *** 移除本地的搜索结果 ref ***
// const searchResultCount = ref(0);
// const currentSearchResultIndex = ref(0);
@@ -244,11 +248,27 @@ onBeforeUnmount(() => {
unregisterTerminalSearchFocus();
}
});
+
+// +++ Functions to control the quick commands modal +++
+const openQuickCommandsModal = () => {
+ showQuickCommands.value = true;
+};
+
+const closeQuickCommandsModal = () => {
+ showQuickCommands.value = false;
+};
+
+// +++ Handler for command execution from the modal +++
+const handleQuickCommandExecute = (command: string) => {
+ console.log(`[CommandInputBar] Executing quick command: ${command}`);
+ emit('send-command', command); // Emit the command to the parent
+ closeQuickCommandsModal(); // Close the modal after selection
+};
-
-
+
+
\ No newline at end of file
diff --git a/packages/frontend/src/components/TerminalTabBar.vue b/packages/frontend/src/components/TerminalTabBar.vue
index dd1bac9..aa02e2e 100644
--- a/packages/frontend/src/components/TerminalTabBar.vue
+++ b/packages/frontend/src/components/TerminalTabBar.vue
@@ -29,6 +29,11 @@ const props = defineProps({
required: false,
default: null,
},
+ // +++ 添加 isMobile prop +++
+ isMobile: {
+ type: Boolean,
+ default: false,
+ },
});
// 定义事件 (使用对象语法修复类型)
@@ -259,7 +264,10 @@ const toggleButtonTitle = computed(() => {
- 
-