feat(chat): add focus functionality to chat input after sending messages

Author: Soulter

dashboard/src/components/chat/Chat.vue

@@ -841,6 +841,7 @@ async function startNewChat() {
   replyTarget.value = null;
   newChat();
   closeMobileSidebar();
+  await focusChatInput();
 }
 
 function openCreateProjectDialog() {
@@ -975,6 +976,7 @@ async function selectSession(sessionId: string, pushRoute = true) {
   }
   scrollToBottom();
   closeMobileSidebar();
+  await focusChatInput();
 }
 
 async function sendCurrentMessage() {
@@ -1032,6 +1034,7 @@ async function sendCurrentMessage() {
     console.error("Failed to send message:", error);
   } finally {
     sending.value = false;
+    await focusChatInput();
   }
 }
 
@@ -1326,6 +1329,13 @@ function scrollToBottom() {
   });
 }
 
+async function focusChatInput() {
+  await nextTick();
+  window.requestAnimationFrame(() => {
+    inputRef.value?.focusInput();
+  });
+}
+
 async function stopCurrentSession() {
   if (!currSessionId.value) return;
   try {

dashboard/src/components/chat/StandaloneChat.vue

@@ -317,6 +317,7 @@ async function sendCurrentMessage() {
   draft.value = "";
   clearStaged({ revokeUrls: false });
   scrollToBottom();
+  await focusChatInput();
 
   sendMessageStream({
     sessionId,
@@ -393,6 +394,13 @@ function scrollToBottom() {
   });
 }
 
+async function focusChatInput() {
+  await nextTick();
+  window.requestAnimationFrame(() => {
+    inputRef.value?.focusInput();
+  });
+}
+
 function messageRefs(message: ChatRecord) {
   const refs = messageContent(message).refs;
   if (refs && typeof refs === "object" && Array.isArray(refs.used)) {