diff --git a/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/MCPServersList.tsx b/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/MCPServersList.tsx index 560282f2..52260f4e 100644 --- a/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/MCPServersList.tsx +++ b/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/MCPServersList.tsx @@ -5,17 +5,17 @@ import { useAccessor } from '../util/services.js'; import { IDisposable } from '../../../../../../../base/common/lifecycle.js'; // Command display component -const CommandDisplay = ({ command }: {command: string}) => { - return ( -
- {command} -
- ); +const CommandDisplay = ({ command }: { command: string }) => { + return ( +
+ {command} +
+ ); }; // MCP Server component -const MCPServer = ({ name, server }: {name: string, server: MCPServerObject}) => { +const MCPServer = ({ name, server }: { name: string, server: MCPServerObject }) => { const accessor = useAccessor(); const mcpService = accessor.get('IMCPService'); @@ -25,72 +25,72 @@ const MCPServer = ({ name, server }: {name: string, server: MCPServerObject}) => mcpService.toggleServer(name, e); } -return ( + return (
-
- {/* Status indicator */} -
+ {/* Status indicator */} +
- {/* Server name */} -
{name}
+ {/* Server name */} +
{name}
- {/* Power toggle switch */} -
- + {/* Power toggle switch */} +
+ +
-
- {/* Tools section */} -
-
- {server.isOn && server.tools.length > 0 ? ( - server.tools.map((tool) => ( - - {tool.name} - - )) - ) : ( - No tools available + {/* Tools section */} +
+
+ {server.isOn && server.tools.length > 0 ? ( + server.tools.map((tool) => ( + + {tool.name} + + )) + ) : ( + No tools available + )} +
+
+ + {/* Command display */} + {server.isOn && server.command && ( +
+
Command:
+ +
)} -
-
- {/* Command display */} - {server.isOn && server.command && ( -
-
Command:
- -
- )} - - {/* Error message if present */} - {server.error && ( -
- - - - - - {server.error} + {/* Error message if present */} + {server.error && ( +
+ + + + + + {server.error} +
+ )}
- )} -
- ); + ); }; // Main component that renders the list of servers @@ -159,18 +159,18 @@ const MCPServersList = () => { return (
-
- {!mcpConfigError && Object.entries(mcpServers).map(([name, server]) => ( -
- +
+ {!mcpConfigError && Object.entries(mcpServers).map(([name, server]) => ( +
+ +
+ ))} + {mcpConfigError && ( +
+ {mcpConfigError} +
+ )}
- ))} - {mcpConfigError && ( -
- {mcpConfigError} -
- )} -
); };