From bff51857d6a205f00376cd147cd7479f6ef010e0 Mon Sep 17 00:00:00 2001
From: Alejandro <alejandrogomez@bitrefill.com>
Date: Mon, 12 Jan 2026 10:43:59 +0100
Subject: [PATCH] feat: message ux improvements (#52)

* feat(chat): add Ctrl+Enter shortcut to send messages

Allows users to send messages using Ctrl+Enter (or Cmd+Enter on Mac)
in addition to the existing Enter key shortcut.

* fix(chat): disable autofocus on message editor

Prevents keyboard from popping up automatically on mobile devices.

---------

Co-authored-by: Claude <noreply@anthropic.com>
---
 src/components/ChatViewer.tsx           | 1 -
 src/components/editor/MentionEditor.tsx | 9 ++++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/ChatViewer.tsx b/src/components/ChatViewer.tsx
index 63c80c8..4c71940 100644
--- a/src/components/ChatViewer.tsx
+++ b/src/components/ChatViewer.tsx
@@ -423,7 +423,6 @@ export function ChatViewer({
                   handleSend(content, replyTo);
                 }
               }}
-              autoFocus
               className="flex-1 min-w-0"
             />
             <Button
diff --git a/src/components/editor/MentionEditor.tsx b/src/components/editor/MentionEditor.tsx
index 105e336..04dde66 100644
--- a/src/components/editor/MentionEditor.tsx
+++ b/src/components/editor/MentionEditor.tsx
@@ -47,7 +47,7 @@ export const MentionEditor = forwardRef<
       placeholder = "Type a message...",
       onSubmit,
       searchProfiles,
-      autoFocus = true,
+      autoFocus = false,
       className = "",
     },
     ref,
@@ -216,8 +216,11 @@ export const MentionEditor = forwardRef<
             "prose prose-sm max-w-none focus:outline-none min-h-[2rem] px-3 py-1.5",
         },
         handleKeyDown: (view, event) => {
-          // Submit on Enter (without Shift)
-          if (event.key === "Enter" && !event.shiftKey) {
+          // Submit on Enter (without Shift) or Ctrl/Cmd+Enter
+          if (
+            event.key === "Enter" &&
+            (!event.shiftKey || event.ctrlKey || event.metaKey)
+          ) {
             event.preventDefault();
             // Get editor from view state
             const editorInstance = (view as any).editor;