🤖 fix: change cancel edit keybind from Ctrl+Q to Escape

Ctrl+Q conflicts with system quit shortcut on Linux/Windows.

New behavior:
- Non-vim mode: Escape cancels edit
- Vim mode: Escape goes to normal mode, second Escape cancels edit

UI hints update dynamically based on vim mode:
- Shows 'Esc to cancel' in non-vim mode
- Shows 'Esc×2 to cancel' in vim mode

_Generated with mux_

Author: ammar-agent

scripts/bump_tag.sh

@@ -18,7 +18,7 @@ if [[ -z "$CURRENT_VERSION" || "$CURRENT_VERSION" == "null" ]]; then
 fi
 
 # Parse semver components
-IFS='.' read -r MAJOR MINOR_V PATCH <<< "$CURRENT_VERSION"
+IFS='.' read -r MAJOR MINOR_V PATCH <<<"$CURRENT_VERSION"
 
 # Calculate new version
 if [[ "$MINOR" == "true" ]]; then
@@ -30,7 +30,7 @@ fi
 echo "Bumping version: $CURRENT_VERSION -> $NEW_VERSION"
 
 # Update package.json
-jq --arg v "$NEW_VERSION" '.version = $v' package.json > package.json.tmp
+jq --arg v "$NEW_VERSION" '.version = $v' package.json >package.json.tmp
 mv package.json.tmp package.json
 
 # Commit and tag

src/browser/components/ChatInput/index.tsx

@@ -826,6 +826,14 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
     }
   };
 
+  // Handler for Escape in vim normal mode - cancels edit if editing
+  const handleEscapeInNormalMode = () => {
+    if (variant === "workspace" && editingMessage && props.onCancelEdit) {
+      props.onCancelEdit();
+      inputRef.current?.blur();
+    }
+  };
+
   const handleKeyDown = (e: React.KeyboardEvent) => {
     // Handle cancel for creation variant
     if (variant === "creation" && matchesKeybind(e, KEYBINDS.CANCEL) && props.onCancel) {
@@ -870,9 +878,11 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
       return;
     }
 
-    // Handle cancel edit (Ctrl+Q) - workspace only
+    // Handle cancel edit (Escape) - workspace only
+    // In vim mode, escape first goes to normal mode; escapeInNormalMode callback handles cancel
+    // In non-vim mode, escape directly cancels edit
     if (matchesKeybind(e, KEYBINDS.CANCEL_EDIT)) {
-      if (variant === "workspace" && editingMessage && props.onCancelEdit) {
+      if (variant === "workspace" && editingMessage && props.onCancelEdit && !vimEnabled) {
         e.preventDefault();
         props.onCancelEdit();
         const isFocused = document.activeElement === inputRef.current;
@@ -897,7 +907,7 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
     }
 
     // Note: ESC handled by VimTextArea (for mode transitions) and CommandSuggestions (for dismissal)
-    // Edit canceling is Ctrl+Q, stream interruption is Ctrl+C (vim) or Esc (normal)
+    // Edit canceling is Esc (non-vim) or Esc twice (vim), stream interruption is Ctrl+C (vim) or Esc (normal)
 
     // Don't handle keys if command suggestions are visible
     if (
@@ -924,7 +934,10 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
 
     // Workspace variant placeholders
     if (editingMessage) {
-      return `Edit your message... (${formatKeybind(KEYBINDS.CANCEL_EDIT)} to cancel, ${formatKeybind(KEYBINDS.SEND_MESSAGE)} to send)`;
+      const cancelHint = vimEnabled
+        ? "Esc×2 to cancel"
+        : `${formatKeybind(KEYBINDS.CANCEL_EDIT)} to cancel`;
+      return `Edit your message... (${cancelHint}, ${formatKeybind(KEYBINDS.SEND_MESSAGE)} to send)`;
     }
     if (isCompacting) {
       const interruptKeybind = vimEnabled
@@ -1040,6 +1053,7 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
                   onPaste={handlePaste}
                   onDragOver={handleDragOver}
                   onDrop={handleDrop}
+                  onEscapeInNormalMode={handleEscapeInNormalMode}
                   suppressKeys={showCommandSuggestions ? COMMAND_SUGGESTION_KEYS : undefined}
                   placeholder={placeholder}
                   disabled={!editingMessage && (disabled || isSending)}
@@ -1074,7 +1088,8 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
             {/* Editing indicator - workspace only */}
             {variant === "workspace" && editingMessage && (
               <div className="text-edit-mode text-[11px] font-medium">
-                Editing message ({formatKeybind(KEYBINDS.CANCEL_EDIT)} to cancel)
+                Editing message ({vimEnabled ? "Esc×2" : formatKeybind(KEYBINDS.CANCEL_EDIT)} to
+                cancel)
               </div>
             )}
 

src/browser/components/VimTextArea.tsx

@@ -32,12 +32,27 @@ export interface VimTextAreaProps
   isEditing?: boolean;
   suppressKeys?: string[]; // keys for which Vim should not interfere (e.g. ["Tab","ArrowUp","ArrowDown","Escape"]) when popovers are open
   trailingAction?: React.ReactNode;
+  /** Called when Escape is pressed in normal mode (vim) - useful for cancel edit */
+  onEscapeInNormalMode?: () => void;
 }
 
 type VimMode = vim.VimMode;
 
 export const VimTextArea = React.forwardRef<HTMLTextAreaElement, VimTextAreaProps>(
-  ({ value, onChange, mode, isEditing, suppressKeys, onKeyDown, trailingAction, ...rest }, ref) => {
+  (
+    {
+      value,
+      onChange,
+      mode,
+      isEditing,
+      suppressKeys,
+      onKeyDown,
+      trailingAction,
+      onEscapeInNormalMode,
+      ...rest
+    },
+    ref
+  ) => {
     const textareaRef = useRef<HTMLTextAreaElement | null>(null);
     // Expose DOM ref to parent
     useEffect(() => {
@@ -129,7 +144,7 @@ export const VimTextArea = React.forwardRef<HTMLTextAreaElement, VimTextAreaProp
 
       e.preventDefault();
 
-      // Handle side effects (undo/redo)
+      // Handle side effects (undo/redo/escapeInNormalMode)
       if (result.action === "undo") {
         document.execCommand("undo");
         return;
@@ -138,6 +153,10 @@ export const VimTextArea = React.forwardRef<HTMLTextAreaElement, VimTextAreaProp
         document.execCommand("redo");
         return;
       }
+      if (result.action === "escapeInNormalMode") {
+        onEscapeInNormalMode?.();
+        return;
+      }
 
       // Apply new state to React
       const newState = result.newState;

src/browser/utils/ui/keybinds.ts

@@ -198,7 +198,7 @@ export const KEYBINDS = {
   CANCEL: { key: "Escape" },
 
   /** Cancel editing message (exit edit mode) */
-  CANCEL_EDIT: { key: "q", ctrl: true, macCtrlBehavior: "control" },
+  CANCEL_EDIT: { key: "Escape" },
 
   /** Interrupt active stream (destructive - stops AI generation) */
   // Vim mode: Ctrl+C (familiar from terminal interrupt)

src/browser/utils/vim.ts

@@ -19,7 +19,7 @@ export interface VimState {
   pendingOp: null | { op: "d" | "y" | "c"; at: number; args?: string[] };
 }
 
-export type VimAction = "undo" | "redo";
+export type VimAction = "undo" | "redo" | "escapeInNormalMode";
 
 export type VimKeyResult =
   | { handled: false } // Browser should handle this key
@@ -457,9 +457,9 @@ function handleNormalModeKey(state: VimState, key: string, modifiers: KeyModifie
   const opResult = tryHandleOperator(state, key, now);
   if (opResult) return opResult;
 
-  // Stay in normal mode for ESC
+  // Escape in normal mode - signal to parent (e.g., to cancel edit mode)
   if (key === "Escape" || (key === "[" && modifiers.ctrl)) {
-    return { handled: true, newState: state };
+    return { handled: true, newState: state, action: "escapeInNormalMode" };
   }
 
   // Swallow all other single-character keys in normal mode (don't type letters)