Introduce IDE mode installer (#4877)

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

@@ -4,17 +4,19 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { Box, Text } from 'ink';
 import { type File, type IdeContext } from '@google/gemini-cli-core';
-import { Colors } from '../colors.js';
+import { Box, Text } from 'ink';
 import path from 'node:path';
+import { Colors } from '../colors.js';
 
 interface IDEContextDetailDisplayProps {
   ideContext: IdeContext | undefined;
+  detectedIdeDisplay: string | undefined;
 }
 
 export function IDEContextDetailDisplay({
   ideContext,
+  detectedIdeDisplay,
 }: IDEContextDetailDisplayProps) {
   const openFiles = ideContext?.workspaceState?.openFiles;
   if (!openFiles || openFiles.length === 0) {
@@ -30,7 +32,8 @@ export function IDEContextDetailDisplay({
       paddingX={1}
     >
       <Text color={Colors.AccentCyan} bold>
-        IDE Context (ctrl+e to toggle)
+        {detectedIdeDisplay ? detectedIdeDisplay : 'IDE'} Context (ctrl+e to
+        toggle)
       </Text>
       {openFiles.length > 0 && (
         <Box flexDirection="column" marginTop={1}>