WebMCP: In-Browser Agent Experience (AX)

<!-- Declarative HTML Form WebMCP Integration -->
<form
  action="/directory"
  method="GET"
  toolname="search_danish_directory"
  tooldescription="Search Danish APIs, MCP servers, and public registers"
  toolautosubmit="true"
  onsubmit="handleAgentSubmit(event)"
>
  <label for="q">Search Query</label>
  <input
    id="q"
    name="q"
    type="search"
    toolparamdescription="Danish register or domain keyword (e.g. CVR, BBR, DAWA)"
    placeholder="Search Danish infrastructure..."
  />
  <button type="submit">Search</button>
</form>

<script>
function handleAgentSubmit(event) {
  // If invoked autonomously by an in-browser AI agent:
  if (event.agentInvoked && event.respondWith) {
    event.preventDefault();
    const query = new FormData(event.target).get('q');
    
    // Return standard MCP CallToolResult payload:
    event.respondWith({
      content: [{
        type: 'text',
        text: JSON.stringify({ results: [{ name: 'CVR API', slug: 'cvr-api' }] })
      }]
    });
  }
}
</script>