fix: improve Ctrl+R reverse search (#18075)

packages/cli/src/ui/components/shared/ExpandableText.test.tsx

@@ -4,6 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import chalk from 'chalk';
 import { describe, it, expect } from 'vitest';
 import { render } from '../../../test-utils/render.js';
 import { ExpandableText, MAX_WIDTH } from './ExpandableText.js';
@@ -76,6 +77,7 @@ describe('ExpandableText', () => {
       100,
     );
     expect(lastFrame()).toMatchSnapshot();
+    expect(lastFrame()).toContain(chalk.inverse(userInput));
     unmount();
   });
 

packages/cli/src/ui/components/shared/ExpandableText.tsx

@@ -119,11 +119,7 @@ const _ExpandableText: React.FC<ExpandableTextProps> = ({
       {before}
       {match
         ? match.split(/(\s+)/).map((part, index) => (
-            <Text
-              key={`match-${index}`}
-              color={theme.background.primary}
-              backgroundColor={theme.text.primary}
-            >
+            <Text key={`match-${index}`} inverse color={textColor}>
               {part}
             </Text>
           ))