MCP Apps ontoolcancelled - Tool Cancellation

import { App } from "@modelcontextprotocol/ext-apps";

app.ontoolcancelled = (params) => void;

const app = new App({ name: "MyApp", version: "1.0.0" });

app.ontoolcancelled = (params) => {
  console.log("Cancelled:", params.reason);
};

await app.connect();

app.ontoolcancelled = (params) => {
  // Stop any ongoing animations or processes
  cancelAnimationFrame(currentFrame);
  clearInterval(pollingInterval);

  // Reset UI to idle state
  const status = document.querySelector("#status")!;
  status.textContent = params.reason
    ? `Cancelled: ${params.reason}`
    : "Tool execution was cancelled";
  status.classList.add("cancelled");
};

app.ontoolinputpartial = (params) => {
  renderPreview(params.arguments);
};

app.ontoolinput = (params) => {
  renderFinalInput(params.arguments);
};

app.ontoolresult = (params) => {
  if (params.isError) {
    renderError(params.content);
  } else {
    renderResult(params.structuredContent);
  }
};

app.ontoolcancelled = (params) => {
  clearPreview();
  showCancelledNotice(params.reason);
};

import { useToolData } from "sunpeak";

function MyComponent() {
  const toolData = useToolData();
  // toolData.cancelled indicates whether the tool was cancelled
}