🛍️

WebMCP for Search Demo

Same search UI as the e-commerce demo, live against POST agent.suggestapi.com/mcp.

Live against POST https://agent.suggestapi.com/mcp

Test the other MCP tools

Search chips above call search. These buttons call product_lookup, recommend, and compare and fill the cards from that result.

product_lookup

recommend

compare

Start typing to search live results.

This page is a browser-native WebMCP commerce demo.

The search UI looks like the e-commerce demo, but live traffic is POST https://agent.suggestapi.com/mcp (tools/call), not GET api.suggestapi.com/v1/autocomplete.

Chrome registers these four tools on the page. Each one calls Agent Gateway MCP for tenant `demo.suggestapi.com` and updates the product cards.
Chrome	Gateway	What it does	Example
`catalog_search`	`search`	Search the catalog. Fills the box and cards from `tools/call` `search`.	`pairing`
`product_lookup`	`product_lookup`	Load one product by id and show it in the results list.	`sku_pairing_box`
`recommend_products`	`recommend`	Recommend products for a natural-language query.	`pairing`, `gifting`
`compare_products`	`compare`	Compare two or more product ids (price, availability, attributes).	`sku_pairing_box`, `sku_oak_case`

Typing in the box, using a search chip, or the labeled tool chips under the search box should update the visible product cards from MCP results.

Supported protocols