The Code Editor Window shows the code for all the pipeline states in your project. A render pipeline state's vertex and fragment shader are shown together in a single editor screen for easy access to the code for both functions. Each compute pipeline state's kernel/compute shader code gets its own editor.
The top section displays the bridging header that ShaderScope uses to pass some information between its application code and your shader code. Because this code must be compiled with the ShaderScope app itself it cannot be edited. However it does reveal what information is passed as uniforms as well as how some structs are built, which might be useful if you want to see where these values come from and/or incorporate them into your shader code..
The middle section is where you edit your shader code. This section uses Apple's own Metal Shader Language compiler, so any MSL code version 3.2 or older will work with a few exceptions:
The bottom section is for displaying any error messages related to your shader code. These are generated directly by Apple's Metal compiler.