From 3980145188d2e8d64fe51d6ac66a8988ae0a472d Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Sat, 10 May 2025 13:33:22 +0800
Subject: [PATCH] Update CommandInputBar.vue

---
 .../src/components/CommandInputBar.vue        | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/frontend/src/components/CommandInputBar.vue b/packages/frontend/src/components/CommandInputBar.vue
index 3875e1e..dba1bdd 100644
--- a/packages/frontend/src/components/CommandInputBar.vue
+++ b/packages/frontend/src/components/CommandInputBar.vue
@@ -365,15 +365,7 @@ const handleQuickCommandExecute = (command: string) => {
       <!-- Search Controls -->
       <div class="flex items-center gap-1 flex-shrink-0">
         <!-- +++ Toggle Virtual Keyboard Button (Moved here, Mobile only) +++ -->
-        <button
-          v-if="props.isMobile"
-          @click="emit('toggle-virtual-keyboard')"
-          class="flex-shrink-0 flex items-center justify-center w-8 h-8 border border-border/50 rounded-lg text-text-secondary transition-colors duration-200 hover:bg-border hover:text-foreground"
-          :title="props.isVirtualKeyboardVisible ? t('commandInputBar.hideKeyboard', '隐藏虚拟键盘') : t('commandInputBar.showKeyboard', '显示虚拟键盘')"
-        >
-          <i class="fas fa-keyboard text-base" :class="{ 'opacity-50': !props.isVirtualKeyboardVisible }"></i>
-        </button>
-        <!-- +++ Suspended SSH Sessions Button (Mobile only, moved here) +++ -->
+        <!-- +++ Suspended SSH Sessions Button (Mobile only, new position) +++ -->
         <button
           v-if="props.isMobile"
           @click="openSuspendedSshSessionsModal"
@@ -382,6 +374,15 @@ const handleQuickCommandExecute = (command: string) => {
         >
           <i class="fas fa-pause-circle text-base"></i>
         </button>
+        <!-- +++ Toggle Virtual Keyboard Button (Mobile only) +++ -->
+        <button
+          v-if="props.isMobile"
+          @click="emit('toggle-virtual-keyboard')"
+          class="flex-shrink-0 flex items-center justify-center w-8 h-8 border border-border/50 rounded-lg text-text-secondary transition-colors duration-200 hover:bg-border hover:text-foreground"
+          :title="props.isVirtualKeyboardVisible ? t('commandInputBar.hideKeyboard', '隐藏虚拟键盘') : t('commandInputBar.showKeyboard', '显示虚拟键盘')"
+        >
+          <i class="fas fa-keyboard text-base" :class="{ 'opacity-50': !props.isVirtualKeyboardVisible }"></i>
+        </button>
         <!-- Search Toggle Button -->
         <button
           v-if="!props.isMobile"