From 03ab6559fc13153f5a7a8a23f7565450491e38d5 Mon Sep 17 00:00:00 2001
From: Andrew Pareles <andrewpareles@gmail.com>
Date: Tue, 20 May 2025 23:09:23 -0700
Subject: [PATCH] misc

---
 .../src/void-settings-tsx/MCPServersList.tsx  | 22 ++++++++-----------
 .../react/src/void-settings-tsx/Settings.tsx  |  5 ++---
 2 files changed, 11 insertions(+), 16 deletions(-)

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 eab9e876..9457d5f2 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
@@ -3,7 +3,6 @@ import { MCPConfigParseError, MCPServerEventParam, MCPServerObject, MCPServers }
 import { useEffect, useState } from 'react';
 import { useAccessor } from '../util/services.js';
 import { IDisposable } from '../../../../../../../base/common/lifecycle.js';
-import { off } from 'process';
 
 export interface Tool {
   /** Unique tool identifier */
@@ -42,21 +41,18 @@ const MCPServer = ({ name, server }: MCPServerProps) => {
 		mcpService.toggleServer(name, e);
 	}
 
-	// Needs to be raw CSS because
-	// Tailwind won't compile the colors
-	// dynamically
-	const serverStatusColorStyles = {
-		success: { backgroundColor: '#10B981' }, // green-500 equivalent
-		error: { backgroundColor: '#EF4444' },   // red-500 equivalent
-		loading: { backgroundColor: '#F59E0B' }, // yellow-500 equivalent
-		offline: { backgroundColor: '#6B7280' }  // gray-500 equivalent
-	  };
-
-	return (
+return (
 		<div className="border-b border-gray-800 bg-gray-300/10 py-4 rounded-lg ">
 		<div className="flex items-center mx-4">
 			{/* Status indicator */}
-			<div className={`w-2 h-2 rounded-full mr-2`} style={serverStatusColorStyles[server.status]}></div>
+			<div className={`w-2 h-2 rounded-full mr-2
+					${server.status === 'success' ? 'green-500'
+						:server.status === 'error' ? 'red-500'
+						:server.status === 'loading' ? 'yellow-500'
+						:server.status === 'offline' ? 'gray-500'
+					:''}
+
+				  `}></div>
 
 			{/* Server name */}
 			<div className="text-sm font-medium mr-2">{name}</div>
diff --git a/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/Settings.tsx b/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/Settings.tsx
index 8567df65..a9e52430 100644
--- a/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/Settings.tsx
+++ b/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/Settings.tsx
@@ -1255,9 +1255,8 @@ Alternatively, place a \`.voidrules\` file in the root of your workspace.
 					</div>
 					<h4 className={`text-void-fg-3 mb-4`}>
 						<ChatMarkdownRender inPTag={true} string={`
-Configure Model Context Protocol servers to connect your AI models with external data sources and tools.
-Edit your MCP configuration file to add or modify server connections.
-								`} chatMessageLocation={undefined} />
+Use Model Context Protocol to provide Agent mode with more tools.
+							`} chatMessageLocation={undefined} />
 					</h4>
 					<ErrorBoundary>
 						<MCPServersList />