feat: Improve stdout message handling in McpErrorRow

Enhanced stdout message handling with:
- Comprehensive pattern detection for various formats
- Clean [STDOUT] prefix handling
- Consistent color coding
- Improved code organization

Author: robertheadley

webview-ui/src/components/mcp/McpErrorRow.tsx

@@ -9,20 +9,54 @@ type McpErrorRowProps = {
 
 export const McpErrorRow = ({ error }: McpErrorRowProps) => {
 	const color = useMemo(() => {
+		// Add debugging to log what level is coming in
+
+		// First check for explicitly prefixed stdout messages
+		if (error.level === "info" && error.message.startsWith("[STDOUT]")) {
+			// Use regular foreground color for stdout messages
+			return "var(--vscode-foreground)"
+		}
+
+		// Check if this is a stdout message (mapped to info in backend)
+		// Common patterns for stdout messages
+		const isStdoutMessage =
+			error.level === "info" &&
+			(/Server .* stdout:/.test(error.message) ||
+				/MCP Server .* running on stdio/.test(error.message) ||
+				/INFO/i.test(error.message) ||
+				/Server running/i.test(error.message) ||
+				/Documentation MCP Server/i.test(error.message) ||
+				/running on stdio/i.test(error.message))
+
+		if (isStdoutMessage) {
+			// Use regular foreground color for stdout messages
+			return "var(--vscode-foreground)"
+		}
+
 		switch (error.level) {
 			case "error":
 				return "var(--vscode-testing-iconFailed)"
 			case "warn":
 				return "var(--vscode-charts-yellow)"
 			case "info":
+				// Note: stdout messages are handled above via prefix detection
 				return "var(--vscode-testing-iconPassed)"
+			default:
+				// For any unexpected value, default to error color
+				console.warn(`Unknown error level: ${error.level}`)
+				return "var(--vscode-testing-iconFailed)"
 		}
-	}, [error.level])
+	}, [error.level, error.message])
+
+	// Strip [STDOUT] prefix from the message for cleaner display
+	const displayMessage = error.message.startsWith("[STDOUT]")
+		? error.message.substring("[STDOUT]".length).trim()
+		: error.message
 
 	return (
 		<div className="text-sm bg-vscode-textCodeBlock-background border-l-2 p-2" style={{ borderColor: color }}>
 			<div className="mb-1" style={{ color }}>
-				{error.message}
+				{displayMessage}
 			</div>
 			<div className="text-xs text-vscode-descriptionForeground">
 				{formatRelative(error.timestamp, new Date())}