The Customer Portal as an AI Tool Surface
Scoped exclusively to the client dining portal. AI assistants—in Chromium, extensions, Claude Desktop, or Cursor—can discover dishes, inspect real-time table availability, stage cart items, and book tables in-page via standard document.modelContext.
1. Client-Side Only
Mounted strictly on customer routes. Backoffice and administration panels remain isolated with zero exposure to guest-facing agent contexts.
2. WebMCP Runtime Layer
Powered by @mcp-b/global and @mcp-b/react-webmcp. Bridges tools, prompts, and resources through standard browser interfaces.
3. In-Browser Cart & Slots
Direct reactive sync with the browser cart store, live reservation slot computation, and verified table booking endpoints.
Test Customer Tools In-Page
Click any tool preset below to trigger simulated WebMCP executions and observe real-time output.
Click any tool preset on the left to see live structured MCP output.
11 Client-Portal WebMCP Tools
Standard Schema validated, fully typed with annotations.
Search restaurants by dish keywords, city, cuisine, price level, minimum rating, or vegetarian preference.
Get comprehensive overview, address, hours, photos, and policies for a specific restaurant.
Retrieve the organized menu categories, dishes, prices, descriptions, and dietary tags for a restaurant.
Check bookable reservation time slots and remaining seat availability for a date and party.
Create a confirmed dining reservation for the customer at a restaurant.
View the active in-browser dining cart with itemized dishes, prices, restaurant, and totals.
Add a menu item to the user dining cart with specified price and dietary attributes.
Update the quantity of an item in the cart, or remove it by setting quantity to 0.
Clear all items currently in the dining cart.
Fetch the active customer past and upcoming table reservations.
Discover popular food hotspots, dining clusters, and neighborhoods with curated restaurant hubs.
Ready to Connect Your Customer Agent?
Open the in-page WebMCP Inspector at any time using the floating beacon in the bottom corner to view live logs, test tools, or inspect MCP-B bridge connection strings.