feat(editor): Auto-focus chat input when typing (#25317)

Author: heymynameisrob

packages/frontend/editor-ui/src/features/ai/chatHub/ChatView.vue

@@ -68,6 +68,7 @@ import ChatGreetings from './components/ChatGreetings.vue';
 import { useChatPushHandler } from './composables/useChatPushHandler';
 import ChatArtifactViewer from './components/ChatArtifactViewer.vue';
 import { useChatArtifacts } from './composables/useChatArtifacts';
+import { useChatInputFocus } from './composables/useChatInputFocus';
 
 const router = useRouter();
 const route = useRoute();
@@ -355,6 +356,10 @@ const canAcceptFiles = computed(() => {
 
 const fileDrop = useFileDrop(canAcceptFiles, onFilesDropped);
 
+useChatInputFocus(inputRef, {
+	disabled: computed(() => showWelcomeScreen.value === true || messagingState.value !== 'idle'),
+});
+
 function scrollToBottom(smooth: boolean) {
 	scrollContainerRef.value?.scrollTo({
 		top: scrollableRef.value?.scrollHeight,

packages/frontend/editor-ui/src/features/ai/chatHub/components/ChatPrompt.vue

@@ -209,8 +209,8 @@ defineExpose({
 		committedSpokenMessage.value = '';
 		attachments.value = [];
 	},
-	setText: (text: string) => {
-		message.value = text;
+	appendText: (text: string) => {
+		message.value += text;
 	},
 	addAttachments: (files: File[]) => {
 		attachments.value.push(...files);