Render Audio Player if Tool Result resource mime type is audio.

[evalstate]

Show the browser audio player if resource mime type is audio.

Motivation and Context

Makes testing audio tool results integration simpler.

How Has This Been Tested?

This has been tested with an MCP Server calling Parler/TTS.

...
      const audioBase64 = await generateSpeech(text);
      return {
        content: [{
          type: "resource",
          resource: {
            uri: "audio:///" + crypto.randomUUID(),
            mimeType: "audio/wav",
            blob: audioBase64
          }
        }]
      };
    }
...

async function generateSpeech(text: string): Promise<string> {
  const client = await Client.connect("parler-tts/parler_tts");
  const result = await client.predict("/gen_tts", {
    text,
    description: "Laura's voice is monotone yet slightly fast in delivery, with a very close recording that almost has no background noise.",
    use_large: false
  });
  
  // Fetch the audio file
  const response = await fetch(result.data[0].url);
  const arrayBuffer = await response.arrayBuffer();
  
  // Convert to base64
  const base64 = Buffer.from(arrayBuffer).toString('base64');
  
  return base64;
}

Breaking Changes

No - but the Client Reference Implementation (Claude Desktop does not support Audio content).

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Documentation update

Checklist

• I have read the MCP Documentation
• My code follows the repository's style guidelines
• New and existing tests pass locally
• I have added appropriate error handling
• I have added or updated documentation as needed

[ashwin-ant]

Thank you! Just one small suggestion.

[ashwin-ant]

Hey @evalstate, apologies for the delay here. After some consideration, we'd like to avoid having the inspector showcase any features that aren't in the official spec. So this particular PR will need to wait until the spec discussion you started gets to a resolution.

[evalstate]

Hi Ashwin -

This PR renders the audio component if the mime type of the Resource is audio (so in-spec). It's very convenient for testing.

The deleted commit handled the change to the Schema - and was accidentally committed to the branch. Ideally changes to the spec could be coordinated with updates to SDK and Inspector for testing. I fat-fingered this one - hence the delete of that commit .

Best.

[jerome3o-anthropic]

looks good to me, thank you for this (sorry taking a long time to get to this!)

I don't have state on the previous iterations, but the diff looks good to me as is

The relevant code has been removed, so the requested changes are no longer relevant

[jerome3o-anthropic]

I think you just need to just run npx prettier --write . on thisto have it merged

[evalstate]

Done!