[{"data":1,"prerenderedAt":623},["ShallowReactive",2],{"i-simple-icons:github":3,"i-lucide:arrow-right":8,"doc-\u002Fdocs\u002Fexamples\u002Fcrm-lead":10,"docs-sidebar":484,"i-lucide:file-text":615,"i-lucide:arrow-left":617,"i-lucide:contact":619,"i-lucide:arrow-up-right":621},{"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":476,"extension":477,"group":478,"groupOrder":272,"meta":479,"navTitle":12,"navigation":364,"order":272,"path":480,"seo":481,"stem":482,"__hash__":483},"docs\u002Fdocs\u002Fexamples\u002Fcrm-lead.md","Email → CRM lead",{"type":14,"value":15,"toc":472},"minimark",[16,20,24,27,32,132,136,143,434,437,468],[17,18,12],"h1",{"id":19},"email-crm-lead",[21,22,23],"p",{},"Every inquiry email means the same five minutes of retyping: who, where, how much, what do they want. Paste the email instead. The agent extracts the details, fills the form — budget snapped to your pipeline's real ranges — and clicks \"Create lead\". You see exactly what got filed, in a form you could still edit first.",[25,26],"crm-lead-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,102,117],"tbody",{},[39,55,56,63,70],{},[57,58,59],"td",{},[60,61,62],"code",{},"fill_contact",[57,64,65,66,69],{},"Element (",[60,67,68],{},"\u003Cwmcp-input expose>",")",[57,71,72],{},"Sets the contact name",[39,74,75,80,84],{},[57,76,77],{},[60,78,79],{},"fill_company",[57,81,65,82,69],{},[60,83,68],{},[57,85,86],{},"Sets the company",[39,88,89,94,99],{},[57,90,91],{},[60,92,93],{},"fill_budget",[57,95,65,96,69],{},[60,97,98],{},"\u003Cwmcp-select expose>",[57,100,101],{},"Picks a budget range — enum of your real buckets",[39,103,104,109,114],{},[57,105,106],{},[60,107,108],{},"fill_need",[57,110,65,111,69],{},[60,112,113],{},"\u003Cwmcp-textarea expose>",[57,115,116],{},"Summarizes what they're asking for",[39,118,119,124,129],{},[57,120,121],{},[60,122,123],{},"create_lead",[57,125,65,126,69],{},[60,127,128],{},"\u003Cwmcp-button expose>",[57,130,131],{},"Saves the lead — same handler as a human click",[28,133,135],{"id":134},"how-it-works","How it works",[21,137,138,139,142],{},"The whole agent surface is declared in markup — five ",[60,140,141],{},"expose"," attributes:",[144,145,150],"pre",{"className":146,"code":147,"language":148,"meta":149,"style":149},"language-html shiki shiki-themes github-light-default ayu-dark","\u003Cwmcp-input name=\"contact\" label=\"Contact\" expose \u002F>\n\u003Cwmcp-input name=\"company\" label=\"Company\" expose \u002F>\n\u003Cwmcp-select name=\"budget\" label=\"Budget\" expose>\n  \u003Coption>< $5k\u003C\u002Foption>\n  \u003Coption>$5–25k\u003C\u002Foption>\n  \u003Coption>$25–100k\u003C\u002Foption>\n  \u003Coption>$100k+\u003C\u002Foption>\n\u003C\u002Fwmcp-select>\n\u003Cwmcp-textarea name=\"need\" label=\"What they need\" expose \u002F>\n\n\u003Cwmcp-button\n  expose\n  tool-name=\"create_lead\"\n  tool-description=\"Save the filled-in lead form as a new CRM lead.\"\n  @click=\"createLead\"\n>\n  Create lead\n\u003C\u002Fwmcp-button>\n","html","",[60,151,152,191,216,243,270,288,306,324,333,359,366,374,380,391,402,413,418,424],{"__ignoreMap":149},[153,154,157,161,165,169,173,177,180,182,185,188],"span",{"class":155,"line":156},"line",1,[153,158,160],{"class":159},"sqV5G","\u003C",[153,162,164],{"class":163},"sfBZl","wmcp-input",[153,166,168],{"class":167},"sI192"," name",[153,170,172],{"class":171},"siQKT","=",[153,174,176],{"class":175},"sxLuP","\"contact\"",[153,178,179],{"class":167}," label",[153,181,172],{"class":171},[153,183,184],{"class":175},"\"Contact\"",[153,186,187],{"class":167}," expose",[153,189,190],{"class":159}," \u002F>\n",[153,192,194,196,198,200,202,205,207,209,212,214],{"class":155,"line":193},2,[153,195,160],{"class":159},[153,197,164],{"class":163},[153,199,168],{"class":167},[153,201,172],{"class":171},[153,203,204],{"class":175},"\"company\"",[153,206,179],{"class":167},[153,208,172],{"class":171},[153,210,211],{"class":175},"\"Company\"",[153,213,187],{"class":167},[153,215,190],{"class":159},[153,217,219,221,224,226,228,231,233,235,238,240],{"class":155,"line":218},3,[153,220,160],{"class":159},[153,222,223],{"class":163},"wmcp-select",[153,225,168],{"class":167},[153,227,172],{"class":171},[153,229,230],{"class":175},"\"budget\"",[153,232,179],{"class":167},[153,234,172],{"class":171},[153,236,237],{"class":175},"\"Budget\"",[153,239,187],{"class":167},[153,241,242],{"class":159},">\n",[153,244,246,249,252,255,259,263,266,268],{"class":155,"line":245},4,[153,247,248],{"class":159},"  \u003C",[153,250,251],{"class":163},"option",[153,253,254],{"class":159},">",[153,256,258],{"class":257},"sXtjN","<",[153,260,262],{"class":261},"sBz_o"," $5k",[153,264,265],{"class":159},"\u003C\u002F",[153,267,251],{"class":163},[153,269,242],{"class":159},[153,271,273,275,277,279,282,284,286],{"class":155,"line":272},5,[153,274,248],{"class":159},[153,276,251],{"class":163},[153,278,254],{"class":159},[153,280,281],{"class":261},"$5–25k",[153,283,265],{"class":159},[153,285,251],{"class":163},[153,287,242],{"class":159},[153,289,291,293,295,297,300,302,304],{"class":155,"line":290},6,[153,292,248],{"class":159},[153,294,251],{"class":163},[153,296,254],{"class":159},[153,298,299],{"class":261},"$25–100k",[153,301,265],{"class":159},[153,303,251],{"class":163},[153,305,242],{"class":159},[153,307,309,311,313,315,318,320,322],{"class":155,"line":308},7,[153,310,248],{"class":159},[153,312,251],{"class":163},[153,314,254],{"class":159},[153,316,317],{"class":261},"$100k+",[153,319,265],{"class":159},[153,321,251],{"class":163},[153,323,242],{"class":159},[153,325,327,329,331],{"class":155,"line":326},8,[153,328,265],{"class":159},[153,330,223],{"class":163},[153,332,242],{"class":159},[153,334,336,338,341,343,345,348,350,352,355,357],{"class":155,"line":335},9,[153,337,160],{"class":159},[153,339,340],{"class":163},"wmcp-textarea",[153,342,168],{"class":167},[153,344,172],{"class":171},[153,346,347],{"class":175},"\"need\"",[153,349,179],{"class":167},[153,351,172],{"class":171},[153,353,354],{"class":175},"\"What they need\"",[153,356,187],{"class":167},[153,358,190],{"class":159},[153,360,362],{"class":155,"line":361},10,[153,363,365],{"emptyLinePlaceholder":364},true,"\n",[153,367,369,371],{"class":155,"line":368},11,[153,370,160],{"class":159},[153,372,373],{"class":163},"wmcp-button\n",[153,375,377],{"class":155,"line":376},12,[153,378,379],{"class":167},"  expose\n",[153,381,383,386,388],{"class":155,"line":382},13,[153,384,385],{"class":167},"  tool-name",[153,387,172],{"class":171},[153,389,390],{"class":175},"\"create_lead\"\n",[153,392,394,397,399],{"class":155,"line":393},14,[153,395,396],{"class":167},"  tool-description",[153,398,172],{"class":171},[153,400,401],{"class":175},"\"Save the filled-in lead form as a new CRM lead.\"\n",[153,403,405,408,410],{"class":155,"line":404},15,[153,406,407],{"class":167},"  @click",[153,409,172],{"class":171},[153,411,412],{"class":175},"\"createLead\"\n",[153,414,416],{"class":155,"line":415},16,[153,417,242],{"class":159},[153,419,421],{"class":155,"line":420},17,[153,422,423],{"class":261},"  Create lead\n",[153,425,427,429,432],{"class":155,"line":426},18,[153,428,265],{"class":159},[153,430,431],{"class":163},"wmcp-button",[153,433,242],{"class":159},[21,435,436],{},"Two things worth stealing:",[438,439,440,451],"ul",{},[441,442,443,447,448,450],"li",{},[444,445,446],"strong",{},"The budget select is an enum."," The email says \"$40,000\"; the agent has to file it as ",[60,449,299],{}," because those are the only values the tool accepts. Your pipeline stages stay clean no matter how the money was phrased.",[441,452,453,462,463,467],{},[444,454,455,457,458,461],{},[60,456,123],{}," runs the same ",[60,459,460],{},"@click"," handler"," a human press would. There is no separate \"agent API\" to keep in sync with the UI — the button ",[464,465,466],"em",{},"is"," the API.",[469,470,471],"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 .sXtjN, html code.shiki .sXtjN{--shiki-default:#CF222E;--shiki-dark:#95E6CB}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":149,"searchDepth":193,"depth":193,"links":473},[474,475],{"id":30,"depth":193,"text":31},{"id":134,"depth":193,"text":135},"Paste a messy inquiry email; the agent extracts contact, company, budget, and need, fills the lead form, and files it.","md","Examples",{},"\u002Fdocs\u002Fexamples\u002Fcrm-lead",{"title":12,"description":476},"docs\u002Fexamples\u002Fcrm-lead","AWSG2hlIwt0BslLZ7WjsyGcm0ssGiKM1c73gs-YjdLI",[485,490,494,498,503,507,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572,576,577,581,585,588,592,596,600,603,606,609,612],{"path":486,"title":487,"navTitle":488,"group":489,"order":193,"groupOrder":245},"\u002Fdocs\u002Felements\u002Falert","\u003Cwmcp-alert>","Alert","Presentational",{"path":491,"title":492,"navTitle":493,"group":489,"order":218,"groupOrder":245},"\u002Fdocs\u002Felements\u002Favatar","\u003Cwmcp-avatar>","Avatar",{"path":495,"title":496,"navTitle":497,"group":489,"order":156,"groupOrder":245},"\u002Fdocs\u002Felements\u002Fbadge","\u003Cwmcp-badge>","Badge",{"path":499,"title":500,"navTitle":501,"group":502,"order":156,"groupOrder":218},"\u002Fdocs\u002Felements\u002Fbutton","\u003Cwmcp-button>","Button","Interaction",{"path":504,"title":505,"navTitle":506,"group":489,"order":290,"groupOrder":245},"\u002Fdocs\u002Felements\u002Fcard","\u003Cwmcp-card>","Card",{"path":508,"title":509,"navTitle":510,"group":511,"order":245,"groupOrder":193},"\u002Fdocs\u002Felements\u002Fcheckbox","\u003Cwmcp-checkbox>","Checkbox","Elements",{"path":513,"title":514,"navTitle":515,"group":502,"order":193,"groupOrder":218},"\u002Fdocs\u002Felements\u002Fdialog","\u003Cwmcp-dialog>","Dialog",{"path":517,"title":518,"navTitle":519,"group":511,"order":156,"groupOrder":193},"\u002Fdocs\u002Felements\u002Finput","\u003Cwmcp-input>","Input",{"path":521,"title":522,"navTitle":523,"group":502,"order":218,"groupOrder":218},"\u002Fdocs\u002Felements\u002Fmenu","\u003Cwmcp-menu>","Menu",{"path":525,"title":526,"navTitle":527,"group":502,"order":272,"groupOrder":218},"\u002Fdocs\u002Felements\u002Fpopover","\u003Cwmcp-popover>","Popover",{"path":529,"title":530,"navTitle":531,"group":489,"order":245,"groupOrder":245},"\u002Fdocs\u002Felements\u002Fprogress","\u003Cwmcp-progress>","Progress",{"path":533,"title":534,"navTitle":535,"group":511,"order":272,"groupOrder":193},"\u002Fdocs\u002Felements\u002Fradio","\u003Cwmcp-radio-group>","Radio group",{"path":537,"title":538,"navTitle":539,"group":511,"order":218,"groupOrder":193},"\u002Fdocs\u002Felements\u002Fselect","\u003Cwmcp-select>","Select",{"path":541,"title":542,"navTitle":543,"group":489,"order":272,"groupOrder":245},"\u002Fdocs\u002Felements\u002Fseparator","\u003Cwmcp-separator>","Separator",{"path":545,"title":546,"navTitle":547,"group":489,"order":308,"groupOrder":245},"\u002Fdocs\u002Felements\u002Fskeleton","\u003Cwmcp-skeleton>","Skeleton",{"path":549,"title":550,"navTitle":551,"group":489,"order":326,"groupOrder":245},"\u002Fdocs\u002Felements\u002Fspinner","\u003Cwmcp-spinner>","Spinner",{"path":553,"title":554,"navTitle":555,"group":502,"order":308,"groupOrder":218},"\u002Fdocs\u002Felements\u002Fswitch","\u003Cwmcp-switch>","Switch",{"path":557,"title":558,"navTitle":559,"group":502,"order":245,"groupOrder":218},"\u002Fdocs\u002Felements\u002Ftabs","\u003Cwmcp-tabs>","Tabs",{"path":561,"title":562,"navTitle":563,"group":511,"order":193,"groupOrder":193},"\u002Fdocs\u002Felements\u002Ftextarea","\u003Cwmcp-textarea>","Textarea",{"path":565,"title":566,"navTitle":567,"group":502,"order":290,"groupOrder":218},"\u002Fdocs\u002Felements\u002Ftoast","\u003Cwmcp-toast>","Toast",{"path":569,"title":570,"navTitle":571,"group":502,"order":326,"groupOrder":218},"\u002Fdocs\u002Felements\u002Ftooltip","\u003Cwmcp-tooltip>","Tooltip",{"path":573,"title":574,"navTitle":575,"group":478,"order":245,"groupOrder":272},"\u002Fdocs\u002Fexamples\u002Fbrain-dump","Brain-dump → to-do list","Brain-dump → to-dos",{"path":480,"title":12,"navTitle":12,"group":478,"order":272,"groupOrder":272},{"path":578,"title":579,"navTitle":580,"group":478,"order":308,"groupOrder":272},"\u002Fdocs\u002Fexamples\u002Fdashboard","Ask the dashboard a question","Dashboard control",{"path":582,"title":583,"navTitle":584,"group":478,"order":290,"groupOrder":272},"\u002Fdocs\u002Fexamples\u002Fexpense-report","Receipt → expense report","Receipt → expense",{"path":586,"title":478,"navTitle":587,"group":478,"order":156,"groupOrder":272},"\u002Fdocs\u002Fexamples","Overview",{"path":589,"title":590,"navTitle":591,"group":478,"order":193,"groupOrder":272},"\u002Fdocs\u002Fexamples\u002Frecipe-cart","Recipe → grocery cart","Recipe → cart",{"path":593,"title":594,"navTitle":595,"group":478,"order":218,"groupOrder":272},"\u002Fdocs\u002Fexamples\u002Frestaurant-booking","Book a table in one sentence","Restaurant booking",{"path":597,"title":598,"navTitle":598,"group":599,"order":290,"groupOrder":156},"\u002Fdocs\u002Fframeworks","React & Vue","Getting started",{"path":601,"title":602,"navTitle":602,"group":599,"order":156,"groupOrder":156},"\u002Fdocs","Introduction",{"path":604,"title":605,"navTitle":605,"group":599,"order":193,"groupOrder":156},"\u002Fdocs\u002Finstallation","Installation",{"path":607,"title":608,"navTitle":608,"group":599,"order":272,"groupOrder":156},"\u002Fdocs\u002Ftesting","Testing",{"path":610,"title":611,"navTitle":611,"group":599,"order":218,"groupOrder":156},"\u002Fdocs\u002Fvalidation","Validation",{"path":613,"title":614,"navTitle":614,"group":599,"order":245,"groupOrder":156},"\u002Fdocs\u002Fwebmcp","WebMCP exposure",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":616},"\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":618},"\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":620},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M16 2v2M7 22v-2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2M8 2v2\"\u002F>\u003Ccircle cx=\"12\" cy=\"11\" r=\"3\"\u002F>\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":622},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",1784517900898]