Is there a way for the HTML in an Embed component to call MCP tool?

[Mars9934]

Hi, I'm adding an Embed component with custom HTML content. I'm wondering if there's an existing way that the embedded HTML content can call MCP tool? I know there's the CallTool method, but that one can only be bind to components like Button.

My HTML contains an access token that is used to fetch data from an authenticated API. When the API returns an auth error due to expired token, I would like to call server tool to get new access token to put in my HTML for future requests. As a simplified example, let's say I have this in my Embed's html:

// The access token for calling some API
currentToken = "some_access_token_value";

async function getData() {
    let response = await fetch("https://somesite/api/data", {
        headers: { 'Authorization': `Bearer ${currentToken}` }
    });
    if (response.status === 401) {
        currentToken = await callServerTool("get_new_token");
    }
    return response.ok ? response.json() : null;
}
// myData is used elsewhere in the HTML, and will retry getData() if myData is null
myData = await getData()

Would there be a way to do that callServerTool call, or something similar to it, within the Embed component?

[jlowin]

Hmmmmmmm interesting question. I'm not sure off hand