56 lines
1.4 KiB
TypeScript
56 lines
1.4 KiB
TypeScript
import { onMounted, onUnmounted } from 'vue'
|
|
import { useRouter } from 'vue-router'
|
|
import { useChatStore } from '@/stores/hermes/chat'
|
|
import { useSessionSearch } from './useSessionSearch'
|
|
|
|
export function useKeyboard() {
|
|
const router = useRouter()
|
|
const chatStore = useChatStore()
|
|
const { sessionSearchOpen, openSessionSearch, closeSessionSearch } = useSessionSearch()
|
|
|
|
function handleKeydown(e: KeyboardEvent) {
|
|
const mod = e.ctrlKey || e.metaKey
|
|
|
|
if (mod && e.key === 'n') {
|
|
e.preventDefault()
|
|
chatStore.newChat()
|
|
return
|
|
}
|
|
|
|
if (mod && e.key === 'j') {
|
|
e.preventDefault()
|
|
router.push({ name: 'hermes.jobs' })
|
|
return
|
|
}
|
|
|
|
if (mod && e.key.toLowerCase() === 'k') {
|
|
if (router.currentRoute.value.name === 'login') return
|
|
e.preventDefault()
|
|
openSessionSearch()
|
|
return
|
|
}
|
|
|
|
if (e.key === 'Escape') {
|
|
if (sessionSearchOpen.value) {
|
|
e.preventDefault()
|
|
closeSessionSearch()
|
|
return
|
|
}
|
|
// Close any open modals — naive-ui handles this internally
|
|
const modal = document.querySelector('.n-modal-mask')
|
|
if (modal) {
|
|
const closeBtn = modal.querySelector('.n-base-close') as HTMLElement
|
|
closeBtn?.click()
|
|
}
|
|
}
|
|
}
|
|
|
|
onMounted(() => {
|
|
window.addEventListener('keydown', handleKeydown)
|
|
})
|
|
|
|
onUnmounted(() => {
|
|
window.removeEventListener('keydown', handleKeydown)
|
|
})
|
|
}
|