Add a WebMCP Tool

Overview

Each tool is a React component that calls useMcpTool. It registers on mount, unregisters on unmount. Tools can be headless (return null) or render UI showing execution state.

Workflow

1. Determine the tool's name, description, input schema, and what the handler does
2. Choose headless vs UI tool
3. Scaffold using the appropriate template below
4. Set annotations based on tool behavior
5. Wire the component into the <WebMCPProvider> tree

Template: Headless tool

For tools that do work without rendering anything visible: