ui: mod + enter to ask

package.json

@@ -113,6 +113,7 @@
     "@tailwindcss/typography": "^0.5.10",
     "@tanstack/table-core": "^8.11.7",
     "@types/hast": "^3.0.3",
+    "@types/is-hotkey": "^0.1.10",
     "@types/lodash": "^4.14.202",
     "@types/mdast": "^4.0.3",
     "@types/micromatch": "^4.0.6",
@@ -127,6 +128,7 @@
     "client-zip": "^2.4.4",
     "eslint": "^8",
     "eslint-config-next": "14.2.1",
+    "is-hotkey": "^0.2.0",
     "kysely-codegen": "^0.11.0",
     "lodash": "^4.17.21",
     "lucide-react": "^0.342.0",

src/components/message-input.tsx

@@ -6,6 +6,7 @@ import type { ChatEngine } from '@/core/repositories/chat_engine';
 import type { Page } from '@/lib/database';
 import { fetcher } from '@/lib/fetch';
 import { cn } from '@/lib/utils';
+import isHotkey from 'is-hotkey';
 import { ArrowRightIcon } from 'lucide-react';
 import { useSession } from 'next-auth/react';
 import { type ChangeEvent, type RefObject, useCallback, useRef, useState } from 'react';
@@ -48,7 +49,7 @@ export function MessageInput ({
       <TextareaAutosize
         placeholder="Input your question here..."
         onKeyDown={e => {
-          if (!e.nativeEvent.isComposing && e.key === 'Enter' && !disabled) {
+          if (!e.nativeEvent.isComposing && isHotkey('mod+Enter', e) && !disabled) {
             e.preventDefault();
             buttonRef.current?.click();
           }