From d3839ff9531e705c3bf362683d7a54320fc610af Mon Sep 17 00:00:00 2001
From: jade <jade@lilydev.com>
Date: Wed, 22 Jul 2026 20:32:56 +0000
Subject: [PATCH] feat(moderation): autofocus add to existing entry input
 (#6832)

---
 .../external_files/AddToExistingExternalProjectModal.vue   | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/ui/src/components/external_files/AddToExistingExternalProjectModal.vue b/packages/ui/src/components/external_files/AddToExistingExternalProjectModal.vue
index 5f8f2a5f4d..9ad61e3b1a 100644
--- a/packages/ui/src/components/external_files/AddToExistingExternalProjectModal.vue
+++ b/packages/ui/src/components/external_files/AddToExistingExternalProjectModal.vue
@@ -44,6 +44,7 @@ const { addNotification } = injectNotificationManager()
 const modalRef = useTemplateRef<InstanceType<typeof NewModal>>('modalRef')
 const searchAccordionRef = useTemplateRef<InstanceType<typeof Accordion>>('searchAccordionRef')
 const filesAccordionRef = useTemplateRef<InstanceType<typeof Accordion>>('filesAccordionRef')
+const searchInputRef = useTemplateRef<InstanceType<typeof StyledInput>>('searchInputRef')
 
 const query = ref('')
 const isLoading = ref(false)
@@ -169,6 +170,11 @@ async function handleSubmit() {
 function show(event?: MouseEvent) {
 	resetForm()
 	modalRef.value?.show(event)
+
+	// delay so input has time to actually be mounted
+	setTimeout(() => {
+		searchInputRef.value?.focus()
+	}, 100)
 }
 
 function hide() {
@@ -212,6 +218,7 @@ defineExpose({ show, hide })
 						@submit.prevent="executeSearch"
 					>
 						<StyledInput
+							ref="searchInputRef"
 							v-model="query"
 							:icon="SearchIcon"
 							type="text"