feat: add clear button to database selector in query editor

apps/desktop/src/components/layout/EditorToolbar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, watchEffect } from "vue";
 import { useI18n } from "vue-i18n";
-import { Play, Loader2, Square, Database, Check, Table2, AlignLeft, GitBranch, Save, FolderOpen, Layers } from "@lucide/vue";
+import { Play, Loader2, Square, Database, Check, Table2, AlignLeft, GitBranch, Save, FolderOpen, Layers, X } from "@lucide/vue";
 import { Button } from "@/components/ui/button";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { SearchableSelect } from "@/components/ui/searchable-select";
@@ -224,6 +224,14 @@ function connectionById(connectionId: string): ConnectionConfig | undefined {
             <TruncatedTextTooltip :text="label" class="min-w-0 flex-1" side="left" :side-offset="8" />
           </template>
         </SearchableSelect>
+        <Tooltip v-if="activeDatabaseValue && !isSingleDb">
+          <TooltipTrigger as-child>
+            <Button variant="ghost" size="icon" class="h-6 w-6 text-muted-foreground hover:text-foreground" @click="emit('changeDatabase', '')">
+              <X class="h-3.5 w-3.5" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>{{ t("editor.clearDatabase") }}</TooltipContent>
+        </Tooltip>
         <Button v-if="activeDatabaseValue" variant="ghost" size="sm" class="h-6 px-2 text-[11px]" @click="isActiveDatabaseDefault ? emit('clearDefaultDatabase') : emit('setDefaultDatabase')">
           <Check v-if="isActiveDatabaseDefault" class="h-3 w-3" />
           {{ isActiveDatabaseDefault ? t("editor.defaultDatabase") : t("editor.setDefaultDatabase") }}

apps/desktop/src/i18n/locales/en.ts

@@ -351,6 +351,7 @@
     selectSchema: "Select schema",
     setDefaultDatabase: "Set Default",
     defaultDatabase: "Default",
+    clearDatabase: "Clear database",
     completion: {
       nullValue: "NULL value",
       isNull: "Check if NULL",

apps/desktop/src/i18n/locales/zh-CN.ts

@@ -352,6 +352,7 @@
     selectSchema: "选择模式",
     setDefaultDatabase: "设为默认",
     defaultDatabase: "默认库",
+    clearDatabase: "清除数据库选择",
     completion: {
       nullValue: "空值",
       isNull: "判断是否为 NULL",