[{"data":1,"prerenderedAt":385},["ShallowReactive",2],{"i-simple-icons:github":3,"i-lucide:arrow-right":8,"doc-\u002Fdocs\u002Fexamples\u002Frestaurant-booking":10,"docs-sidebar":245,"i-lucide:file-text":377,"i-lucide:arrow-left":379,"i-lucide:utensils":381,"i-lucide:arrow-up-right":383},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",{"id":11,"title":12,"body":13,"description":234,"extension":235,"group":236,"groupOrder":237,"meta":238,"navTitle":239,"navigation":240,"order":207,"path":241,"seo":242,"stem":243,"__hash__":244},"docs\u002Fdocs\u002Fexamples\u002Frestaurant-booking.md","Book a table in one sentence",{"type":14,"value":15,"toc":230},"minimark",[16,20,24,27,32,116,120,134,220,223,226],[17,18,12],"h1",{"id":19},"book-a-table-in-one-sentence",[21,22,23],"p",{},"\"Book a table for 4 on Friday at 7.\" That's the whole interaction. The agent fills the day, time, and party-size selects — each an enum-typed tool, so it can only pick values the form actually offers — and then opens the confirmation for you to approve.",[25,26],"restaurant-booking-demo",{},[28,29,31],"h2",{"id":30},"the-tools","The tools",[33,34,35,51],"table",{},[36,37,38],"thead",{},[39,40,41,45,48],"tr",{},[42,43,44],"th",{},"Tool",[42,46,47],{},"Kind",[42,49,50],{},"What it does",[52,53,54,73,87,101],"tbody",{},[39,55,56,63,70],{},[57,58,59],"td",{},[60,61,62],"code",{},"fill_day",[57,64,65,66,69],{},"Element (",[60,67,68],{},"\u003Cwmcp-select expose>",")",[57,71,72],{},"Sets the day — enum of Monday–Sunday",[39,74,75,80,84],{},[57,76,77],{},[60,78,79],{},"fill_time",[57,81,65,82,69],{},[60,83,68],{},[57,85,86],{},"Sets the time — enum of open slots",[39,88,89,94,98],{},[57,90,91],{},[60,92,93],{},"fill_party_size",[57,95,65,96,69],{},[60,97,68],{},[57,99,100],{},"Sets the guest count — enum of 1–8",[39,102,103,108,113],{},[57,104,105],{},[60,106,107],{},"confirm_reservation",[57,109,65,110,69],{},[60,111,112],{},"\u003Cwmcp-dialog expose>",[57,114,115],{},"Opens the summary for the human to confirm",[28,117,119],{"id":118},"how-it-works","How it works",[21,121,122,123,128,129,133],{},"Unlike the ",[124,125,127],"a",{"href":126},"\u002Fdocs\u002Fexamples\u002Frecipe-cart","recipe cart",", this page needs ",[130,131,132],"strong",{},"zero custom tool code"," — every tool comes from an exposed element:",[135,136,141],"pre",{"className":137,"code":138,"language":139,"meta":140,"style":140},"language-html shiki shiki-themes github-light-default ayu-dark","\u003Cwmcp-select name=\"day\" label=\"Day\" expose>\n  \u003Coption>Monday\u003C\u002Foption>\n  …\n\u003C\u002Fwmcp-select>\n","html","",[60,142,143,182,205,211],{"__ignoreMap":140},[144,145,148,152,156,160,164,168,171,173,176,179],"span",{"class":146,"line":147},"line",1,[144,149,151],{"class":150},"sqV5G","\u003C",[144,153,155],{"class":154},"sfBZl","wmcp-select",[144,157,159],{"class":158},"sI192"," name",[144,161,163],{"class":162},"siQKT","=",[144,165,167],{"class":166},"sxLuP","\"day\"",[144,169,170],{"class":158}," label",[144,172,163],{"class":162},[144,174,175],{"class":166},"\"Day\"",[144,177,178],{"class":158}," expose",[144,180,181],{"class":150},">\n",[144,183,185,188,191,194,198,201,203],{"class":146,"line":184},2,[144,186,187],{"class":150},"  \u003C",[144,189,190],{"class":154},"option",[144,192,193],{"class":150},">",[144,195,197],{"class":196},"sBz_o","Monday",[144,199,200],{"class":150},"\u003C\u002F",[144,202,190],{"class":154},[144,204,181],{"class":150},[144,206,208],{"class":146,"line":207},3,[144,209,210],{"class":196},"  …\n",[144,212,214,216,218],{"class":146,"line":213},4,[144,215,200],{"class":150},[144,217,155],{"class":154},[144,219,181],{"class":150},[21,221,222],{},"A select's tool schema is an enum of its option values, which is the quiet superpower here: the agent literally cannot book \"Fridayish at 7-ish\" — it has to pick a real slot, the same ones a human would see in the dropdown. Validation is structural, not defensive.",[21,224,225],{},"Confirming is the human's click. The agent gets you to a filled form and an open dialog; the reservation happens when you say so.",[227,228,229],"style",{},"html pre.shiki code .sqV5G, html code.shiki .sqV5G{--shiki-default:#1F2328;--shiki-dark:#39BAE680}html pre.shiki code .sfBZl, html code.shiki .sfBZl{--shiki-default:#116329;--shiki-dark:#39BAE6}html pre.shiki code .sI192, html code.shiki .sI192{--shiki-default:#0550AE;--shiki-dark:#FFB454}html pre.shiki code .siQKT, html code.shiki .siQKT{--shiki-default:#1F2328;--shiki-dark:#BFBDB6B3}html pre.shiki code .sxLuP, html code.shiki .sxLuP{--shiki-default:#0A3069;--shiki-dark:#AAD94C}html pre.shiki code .sBz_o, html code.shiki .sBz_o{--shiki-default:#1F2328;--shiki-dark:#BFBDB6}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":140,"searchDepth":184,"depth":184,"links":231},[232,233],{"id":30,"depth":184,"text":31},{"id":118,"depth":184,"text":119},"One natural-language sentence becomes three filled selects and a confirmation dialog — all element-exposed tools.","md","Examples",5,{},"Restaurant booking",true,"\u002Fdocs\u002Fexamples\u002Frestaurant-booking",{"title":12,"description":234},"docs\u002Fexamples\u002Frestaurant-booking","pOwa1-Y3vj4la1FT9JcDbcKL5ImQcYyBw4dJJhlspd8",[246,251,255,259,264,269,274,278,282,286,290,294,298,302,306,311,316,320,324,328,332,336,340,343,347,351,354,357,358,362,365,368,371,374],{"path":247,"title":248,"navTitle":249,"group":250,"order":184,"groupOrder":213},"\u002Fdocs\u002Felements\u002Falert","\u003Cwmcp-alert>","Alert","Presentational",{"path":252,"title":253,"navTitle":254,"group":250,"order":207,"groupOrder":213},"\u002Fdocs\u002Felements\u002Favatar","\u003Cwmcp-avatar>","Avatar",{"path":256,"title":257,"navTitle":258,"group":250,"order":147,"groupOrder":213},"\u002Fdocs\u002Felements\u002Fbadge","\u003Cwmcp-badge>","Badge",{"path":260,"title":261,"navTitle":262,"group":263,"order":147,"groupOrder":207},"\u002Fdocs\u002Felements\u002Fbutton","\u003Cwmcp-button>","Button","Interaction",{"path":265,"title":266,"navTitle":267,"group":250,"order":268,"groupOrder":213},"\u002Fdocs\u002Felements\u002Fcard","\u003Cwmcp-card>","Card",6,{"path":270,"title":271,"navTitle":272,"group":273,"order":213,"groupOrder":184},"\u002Fdocs\u002Felements\u002Fcheckbox","\u003Cwmcp-checkbox>","Checkbox","Elements",{"path":275,"title":276,"navTitle":277,"group":263,"order":184,"groupOrder":207},"\u002Fdocs\u002Felements\u002Fdialog","\u003Cwmcp-dialog>","Dialog",{"path":279,"title":280,"navTitle":281,"group":273,"order":147,"groupOrder":184},"\u002Fdocs\u002Felements\u002Finput","\u003Cwmcp-input>","Input",{"path":283,"title":284,"navTitle":285,"group":263,"order":207,"groupOrder":207},"\u002Fdocs\u002Felements\u002Fmenu","\u003Cwmcp-menu>","Menu",{"path":287,"title":288,"navTitle":289,"group":263,"order":237,"groupOrder":207},"\u002Fdocs\u002Felements\u002Fpopover","\u003Cwmcp-popover>","Popover",{"path":291,"title":292,"navTitle":293,"group":250,"order":213,"groupOrder":213},"\u002Fdocs\u002Felements\u002Fprogress","\u003Cwmcp-progress>","Progress",{"path":295,"title":296,"navTitle":297,"group":273,"order":237,"groupOrder":184},"\u002Fdocs\u002Felements\u002Fradio","\u003Cwmcp-radio-group>","Radio group",{"path":299,"title":300,"navTitle":301,"group":273,"order":207,"groupOrder":184},"\u002Fdocs\u002Felements\u002Fselect","\u003Cwmcp-select>","Select",{"path":303,"title":304,"navTitle":305,"group":250,"order":237,"groupOrder":213},"\u002Fdocs\u002Felements\u002Fseparator","\u003Cwmcp-separator>","Separator",{"path":307,"title":308,"navTitle":309,"group":250,"order":310,"groupOrder":213},"\u002Fdocs\u002Felements\u002Fskeleton","\u003Cwmcp-skeleton>","Skeleton",7,{"path":312,"title":313,"navTitle":314,"group":250,"order":315,"groupOrder":213},"\u002Fdocs\u002Felements\u002Fspinner","\u003Cwmcp-spinner>","Spinner",8,{"path":317,"title":318,"navTitle":319,"group":263,"order":310,"groupOrder":207},"\u002Fdocs\u002Felements\u002Fswitch","\u003Cwmcp-switch>","Switch",{"path":321,"title":322,"navTitle":323,"group":263,"order":213,"groupOrder":207},"\u002Fdocs\u002Felements\u002Ftabs","\u003Cwmcp-tabs>","Tabs",{"path":325,"title":326,"navTitle":327,"group":273,"order":184,"groupOrder":184},"\u002Fdocs\u002Felements\u002Ftextarea","\u003Cwmcp-textarea>","Textarea",{"path":329,"title":330,"navTitle":331,"group":263,"order":268,"groupOrder":207},"\u002Fdocs\u002Felements\u002Ftoast","\u003Cwmcp-toast>","Toast",{"path":333,"title":334,"navTitle":335,"group":263,"order":315,"groupOrder":207},"\u002Fdocs\u002Felements\u002Ftooltip","\u003Cwmcp-tooltip>","Tooltip",{"path":337,"title":338,"navTitle":339,"group":236,"order":213,"groupOrder":237},"\u002Fdocs\u002Fexamples\u002Fbrain-dump","Brain-dump → to-do list","Brain-dump → to-dos",{"path":341,"title":342,"navTitle":342,"group":236,"order":237,"groupOrder":237},"\u002Fdocs\u002Fexamples\u002Fcrm-lead","Email → CRM lead",{"path":344,"title":345,"navTitle":346,"group":236,"order":310,"groupOrder":237},"\u002Fdocs\u002Fexamples\u002Fdashboard","Ask the dashboard a question","Dashboard control",{"path":348,"title":349,"navTitle":350,"group":236,"order":268,"groupOrder":237},"\u002Fdocs\u002Fexamples\u002Fexpense-report","Receipt → expense report","Receipt → expense",{"path":352,"title":236,"navTitle":353,"group":236,"order":147,"groupOrder":237},"\u002Fdocs\u002Fexamples","Overview",{"path":126,"title":355,"navTitle":356,"group":236,"order":184,"groupOrder":237},"Recipe → grocery cart","Recipe → cart",{"path":241,"title":12,"navTitle":239,"group":236,"order":207,"groupOrder":237},{"path":359,"title":360,"navTitle":360,"group":361,"order":268,"groupOrder":147},"\u002Fdocs\u002Fframeworks","React & Vue","Getting started",{"path":363,"title":364,"navTitle":364,"group":361,"order":147,"groupOrder":147},"\u002Fdocs","Introduction",{"path":366,"title":367,"navTitle":367,"group":361,"order":184,"groupOrder":147},"\u002Fdocs\u002Finstallation","Installation",{"path":369,"title":370,"navTitle":370,"group":361,"order":237,"groupOrder":147},"\u002Fdocs\u002Ftesting","Testing",{"path":372,"title":373,"navTitle":373,"group":361,"order":207,"groupOrder":147},"\u002Fdocs\u002Fvalidation","Validation",{"path":375,"title":376,"navTitle":376,"group":361,"order":213,"groupOrder":147},"\u002Fdocs\u002Fwebmcp","WebMCP exposure",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":378},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":380},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":382},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2M7 2v20m14-7V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2zm0 0v7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":384},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",1784517900896]