feat: ctrl+j to focus chat input box

feat: ctrl+j to focus chat input box

Author: yz778

src/components/ChatBoxInputRow.tsx

@@ -8,6 +8,7 @@ import { ChatViewModel } from '~/core/chat/ChatViewModel'
 import { connectionStore } from '~/core/connection/ConnectionStore'
 import { incomingMessageStore } from '~/core/IncomingMessageStore'
 import { TransferHandler } from '~/core/TransferHandler'
+import { focusStore } from '~/core/FocusStore'
 
 import AttachmentWrapper from '~/components/AttachmentWrapper'
 import CachedImage from '~/components/CachedImage'
@@ -106,6 +107,14 @@ const ChatBoxInputRow = ({ chat, onSend, children }: ChatBoxInputRowProps) => {
     }
   }, [inputDisabled, chat, messageToEdit])
 
+  // Handle focus requests from focusStore
+  useEffect(() => {
+    if (focusStore.shouldFocusChatInput && textareaRef.current && !inputDisabled) {
+      textareaRef.current.focus({ preventScroll: true })
+      focusStore.clearFocusRequest()
+    }
+  }, [focusStore.shouldFocusChatInput, inputDisabled])
+
   return (
     <div
       className={twMerge(

src/components/OmniBar.tsx

@@ -14,6 +14,7 @@ import { settingStore } from '~/core/setting/SettingStore'
 import { personaStore } from '~/core/persona/PersonaStore'
 import { chatStore } from '~/core/chat/ChatStore'
 import { connectionStore } from '~/core/connection/ConnectionStore'
+import { focusStore } from '~/core/FocusStore'
 
 import { messageTable } from '~/core/message/MessageTable'
 
@@ -554,6 +555,10 @@ const OmniBar = () => {
         event.preventDefault()
         chatStore.createChat()
       },
+      '$mod+j': (event: Event) => {
+        event.preventDefault()
+        focusStore.focusChatInput()
+      },
     })
   }, [])
 

src/core/FocusStore.ts

@@ -0,0 +1,19 @@
+import { makeAutoObservable } from 'mobx'
+
+class FocusStore {
+  shouldFocusChatInput = false
+
+  constructor() {
+    makeAutoObservable(this)
+  }
+
+  focusChatInput() {
+    this.shouldFocusChatInput = true
+  }
+
+  clearFocusRequest() {
+    this.shouldFocusChatInput = false
+  }
+}
+
+export const focusStore = new FocusStore()