bug(ui) make it clear when users need to enter selection mode and fix clear issue. (#13083)

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

@@ -99,6 +99,10 @@ export const Composer = () => {
             <Text color={theme.status.warning}>
               Press Ctrl+C again to exit.
             </Text>
+          ) : uiState.selectionWarning ? (
+            <Text color={theme.status.warning}>
+              Press Ctrl-S to enter selection mode to copy text.
+            </Text>
           ) : uiState.ctrlDPressedOnce ? (
             <Text color={theme.status.warning}>
               Press Ctrl+D again to exit.

packages/cli/src/ui/components/Help.test.tsx

@@ -60,4 +60,15 @@ describe('Help Component', () => {
     expect(output).not.toContain('hidden-child');
     unmount();
   });
+
+  it('should render keyboard shortcuts', () => {
+    const { lastFrame, unmount } = render(<Help commands={mockCommands} />);
+    const output = lastFrame();
+
+    expect(output).toContain('Keyboard Shortcuts:');
+    expect(output).toContain('Ctrl+C');
+    expect(output).toContain('Ctrl+S');
+    expect(output).toContain('Page Up/Down');
+    unmount();
+  });
 });

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

@@ -136,6 +136,12 @@ export const Help: React.FC<Help> = ({ commands }) => (
       </Text>{' '}
       - Clear the screen
     </Text>
+    <Text color={theme.text.primary}>
+      <Text bold color={theme.text.accent}>
+        Ctrl+S
+      </Text>{' '}
+      - Enter selection mode to copy text
+    </Text>
     <Text color={theme.text.primary}>
       <Text bold color={theme.text.accent}>
         {process.platform === 'darwin' ? 'Ctrl+X / Meta+Enter' : 'Ctrl+X'}
@@ -160,6 +166,12 @@ export const Help: React.FC<Help> = ({ commands }) => (
       </Text>{' '}
       - Cancel operation / Clear input (double press)
     </Text>
+    <Text color={theme.text.primary}>
+      <Text bold color={theme.text.accent}>
+        Page Up/Down
+      </Text>{' '}
+      - Scroll page up/down
+    </Text>
     <Text color={theme.text.primary}>
       <Text bold color={theme.text.accent}>
         Shift+Tab

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

@@ -379,8 +379,10 @@ export const InputPrompt: React.FC<InputPromptProps> = ({
           const relY = mouseY - y;
           const visualRow = buffer.visualScrollRow + relY;
           buffer.moveToVisualPosition(visualRow, relX);
+          return true;
         }
       }
+      return false;
     },
     [buffer],
   );