Pass whole extensions rather than just context files (#10910)

Co-authored-by: Jake Macdonald <jakemac@google.com>

packages/cli/src/ui/components/views/ExtensionsList.test.tsx

@@ -29,7 +29,6 @@ describe('<ExtensionsList />', () => {
   const mockUIState = (
     extensions: unknown[],
     extensionsUpdateState: Map<string, ExtensionUpdateState>,
-    disabledExtensions: string[] = [],
   ) => {
     mockUseUIState.mockReturnValue({
       commandContext: createMockCommandContext({
@@ -37,13 +36,6 @@ describe('<ExtensionsList />', () => {
           config: {
             getExtensions: () => extensions,
           },
-          settings: {
-            merged: {
-              extensions: {
-                disabled: disabledExtensions,
-              },
-            },
-          },
         },
       }),
       extensionsUpdateState,
@@ -58,7 +50,7 @@ describe('<ExtensionsList />', () => {
   });
 
   it('should render a list of extensions with their version and status', () => {
-    mockUIState(mockExtensions, new Map(), ['ext-disabled']);
+    mockUIState(mockExtensions, new Map());
     const { lastFrame } = render(<ExtensionsList />);
     const output = lastFrame();
     expect(output).toContain('ext-one (v1.0.0) - active');

packages/cli/src/ui/components/views/ExtensionsList.tsx

@@ -11,8 +11,6 @@ import { ExtensionUpdateState } from '../../state/extensions.js';
 export const ExtensionsList = () => {
   const { commandContext, extensionsUpdateState } = useUIState();
   const allExtensions = commandContext.services.config!.getExtensions();
-  const settings = commandContext.services.settings;
-  const disabledExtensions = settings.merged.extensions?.disabled ?? [];
 
   if (allExtensions.length === 0) {
     return <Text>No extensions installed.</Text>;
@@ -24,8 +22,9 @@ export const ExtensionsList = () => {
       <Box flexDirection="column" paddingLeft={2}>
         {allExtensions.map((ext) => {
           const state = extensionsUpdateState.get(ext.name);
-          const isActive = !disabledExtensions.includes(ext.name);
+          const isActive = ext.isActive;
           const activeString = isActive ? 'active' : 'disabled';
+          const activeColor = isActive ? 'green' : 'grey';
 
           let stateColor = 'gray';
           const stateText = state || 'unknown state';
@@ -55,7 +54,7 @@ export const ExtensionsList = () => {
             <Box key={ext.name}>
               <Text>
                 <Text color="cyan">{`${ext.name} (v${ext.version})`}</Text>
-                {` - ${activeString}`}
+                <Text color={activeColor}>{` - ${activeString}`}</Text>
                 {<Text color={stateColor}>{` (${stateText})`}</Text>}
               </Text>
             </Box>

packages/cli/src/ui/components/views/McpStatus.tsx

@@ -115,8 +115,8 @@ export const McpStatus: React.FC<McpStatusProps> = ({
         }
 
         let serverDisplayName = serverName;
-        if (server.extensionName) {
-          serverDisplayName += ` (from ${server.extensionName})`;
+        if (server.extension?.name) {
+          serverDisplayName += ` (from ${server.extension?.name})`;
         }
 
         const toolCount = serverTools.length;