fix(assistant): autofocus behaviour (#1406)

Author: larbish

docs/app/components/content/AssistantDemo.vue

@@ -148,6 +148,7 @@ function resetChat() {
         :disabled="!isEnabled"
         :placeholder="t('assistant.askAnything')"
         variant="subtle"
+        :autofocus="false"
         size="sm"
         @submit="handleSubmit"
       >

layer/modules/assistant/runtime/components/AssistantPanel.vue

@@ -23,6 +23,12 @@ const open = computed({
   },
 })
 
+const promptRef = ref<{ textareaRef?: HTMLTextAreaElement } | null>(null)
+watch(open, (value) => {
+  if (!value) return
+  nextTick(() => promptRef.value?.textareaRef?.focus({ preventScroll: true }))
+})
+
 const displayTitle = computed(() => t('assistant.title'))
 const displayPlaceholder = computed(() => t('assistant.placeholder'))
 
@@ -273,6 +279,7 @@ defineShortcuts({
 
     <template #footer>
       <UChatPrompt
+        ref="promptRef"
         v-model="input"
         :error="chat.error"
         :placeholder="displayPlaceholder"