diff --git a/apps/desktop/src/components/layout/SqlLibraryPanel.vue b/apps/desktop/src/components/layout/SqlLibraryPanel.vue index 280961abf4..296368dffa 100644 --- a/apps/desktop/src/components/layout/SqlLibraryPanel.vue +++ b/apps/desktop/src/components/layout/SqlLibraryPanel.vue @@ -563,7 +563,24 @@ function setRenameInputRef(el: unknown) { renameInputRef.value = (el as HTMLInputElement) ?? null; } +function isRenamingFolder(folderId: string) { + return renamingTarget.value?.type === "folder" && renamingTarget.value.id === folderId; +} + +function isRenamingFile(fileId: string) { + return renamingTarget.value?.type === "file" && renamingTarget.value.id === fileId; +} + +function prepareRenameInput() { + resetDragState(); + clearSelection(); + markSuppressedClick(); + renameInputRef.value = null; +} + function startRenameFolder(folder: SavedSqlFolder) { + prepareRenameInput(); + setActiveItem(folder.id, "folder"); renamingTarget.value = { type: "folder", id: folder.id }; renameValue.value = folder.name; nextTick(() => { @@ -572,6 +589,8 @@ function startRenameFolder(folder: SavedSqlFolder) { } function startRenameFile(file: SavedSqlFile) { + prepareRenameInput(); + setActiveItem(file.id, "file"); renamingTarget.value = { type: "file", id: file.id }; renameValue.value = file.name.replace(/\.sql$/i, ""); nextTick(() => { @@ -1189,7 +1208,20 @@ function showDropInside(targetId: string) { " > - + + {{ item.item.name }} ({{ folderFileCount(item.item.id) }}) @@ -1209,7 +1241,20 @@ function showDropInside(targetId: string) { > - {{ item.item.name }} + + {{ item.item.name }} [{{ getConnectionLabel(item.item.connectionId) }}] @@ -1236,7 +1281,7 @@ function showDropInside(targetId: string) {
-