Fix CLI interactivity issue by eliminating multiple useKeypress hook conflicts

Co-authored-by: pomelo-nwu <10703060+pomelo-nwu@users.noreply.github.com>

packages/cli/src/ui/components/ShellConfirmationDialog.tsx

@@ -8,7 +8,6 @@ import { ToolConfirmationOutcome } from '@qwen-code/qwen-code-core';
 import { Box, Text } from 'ink';
 import React from 'react';
 import { Colors } from '../colors.js';
-import { useKeypress } from '../hooks/useKeypress.js';
 import {
   RadioButtonSelect,
   RadioSelectItem,
@@ -31,15 +30,6 @@ export const ShellConfirmationDialog: React.FC<
 > = ({ request }) => {
   const { commands, onConfirm } = request;
 
-  useKeypress(
-    (key) => {
-      if (key.name === 'escape') {
-        onConfirm(ToolConfirmationOutcome.Cancel);
-      }
-    },
-    { isActive: true },
-  );
-
   const handleSelect = (item: ToolConfirmationOutcome) => {
     if (item === ToolConfirmationOutcome.Cancel) {
       onConfirm(item);
@@ -50,6 +40,10 @@ export const ShellConfirmationDialog: React.FC<
     }
   };
 
+  const handleEscape = () => {
+    onConfirm(ToolConfirmationOutcome.Cancel);
+  };
+
   const options: Array<RadioSelectItem<ToolConfirmationOutcome>> = [
     {
       label: 'Yes, allow once',
@@ -96,7 +90,12 @@ export const ShellConfirmationDialog: React.FC<
         <Text>Do you want to proceed?</Text>
       </Box>
 
-      <RadioButtonSelect items={options} onSelect={handleSelect} isFocused />
+      <RadioButtonSelect 
+        items={options} 
+        onSelect={handleSelect} 
+        onEscape={handleEscape}
+        isFocused 
+      />
     </Box>
   );
 };