[{"_1":2,"_536":-5,"_537":-5},"loaderData",{"_3":4,"_338":339,"_434":435},"root",{"_5":6,"_11":-5,"_12":13,"_14":-5,"_15":16,"_17":18,"_102":103,"_105":106,"_107":16,"_108":109,"_171":111,"_172":113,"_114":115,"_173":174,"_195":196,"_220":-5,"_221":-5,"_222":223},"userId",{"_7":8,"_9":10},"id","uvvqqhtidetwwkxfh0pksdk1","type","cookie.randomId","preferences","progress",[],"user","userHasAccess",false,"apps",[19,26,30,34,38,42,46,50,54,58,62,66,70,74,78,82,86,90,94,98],{"_20":21,"_22":23,"_24":25},"name","01.01.problem","fullPath","/myapp/workshop-content/exercises/01.advanced-tools/01.problem.annotations","relativePath","exercises/01.advanced-tools/01.problem.annotations",{"_20":27,"_22":28,"_24":29},"01.01.solution","/myapp/workshop-content/exercises/01.advanced-tools/01.solution.annotations","exercises/01.advanced-tools/01.solution.annotations",{"_20":31,"_22":32,"_24":33},"01.02.problem","/myapp/workshop-content/exercises/01.advanced-tools/02.problem.structured","exercises/01.advanced-tools/02.problem.structured",{"_20":35,"_22":36,"_24":37},"01.02.solution","/myapp/workshop-content/exercises/01.advanced-tools/02.solution.structured","exercises/01.advanced-tools/02.solution.structured",{"_20":39,"_22":40,"_24":41},"02.01.problem","/myapp/workshop-content/exercises/02.elicitation/01.problem","exercises/02.elicitation/01.problem",{"_20":43,"_22":44,"_24":45},"02.01.solution","/myapp/workshop-content/exercises/02.elicitation/01.solution","exercises/02.elicitation/01.solution",{"_20":47,"_22":48,"_24":49},"03.01.problem","/myapp/workshop-content/exercises/03.sampling/01.problem.simple","exercises/03.sampling/01.problem.simple",{"_20":51,"_22":52,"_24":53},"03.01.solution","/myapp/workshop-content/exercises/03.sampling/01.solution.simple","exercises/03.sampling/01.solution.simple",{"_20":55,"_22":56,"_24":57},"03.02.problem","/myapp/workshop-content/exercises/03.sampling/02.problem.advanced","exercises/03.sampling/02.problem.advanced",{"_20":59,"_22":60,"_24":61},"03.02.solution","/myapp/workshop-content/exercises/03.sampling/02.solution.advanced","exercises/03.sampling/02.solution.advanced",{"_20":63,"_22":64,"_24":65},"04.01.problem","/myapp/workshop-content/exercises/04.long-running-tasks/01.problem.progress","exercises/04.long-running-tasks/01.problem.progress",{"_20":67,"_22":68,"_24":69},"04.01.solution","/myapp/workshop-content/exercises/04.long-running-tasks/01.solution.progress","exercises/04.long-running-tasks/01.solution.progress",{"_20":71,"_22":72,"_24":73},"04.02.problem","/myapp/workshop-content/exercises/04.long-running-tasks/02.problem.cancellation","exercises/04.long-running-tasks/02.problem.cancellation",{"_20":75,"_22":76,"_24":77},"04.02.solution","/myapp/workshop-content/exercises/04.long-running-tasks/02.solution.cancellation","exercises/04.long-running-tasks/02.solution.cancellation",{"_20":79,"_22":80,"_24":81},"05.01.problem","/myapp/workshop-content/exercises/05.changes/01.problem.list-changed","exercises/05.changes/01.problem.list-changed",{"_20":83,"_22":84,"_24":85},"05.01.solution","/myapp/workshop-content/exercises/05.changes/01.solution.list-changed","exercises/05.changes/01.solution.list-changed",{"_20":87,"_22":88,"_24":89},"05.02.problem","/myapp/workshop-content/exercises/05.changes/02.problem.resources-list-changed","exercises/05.changes/02.problem.resources-list-changed",{"_20":91,"_22":92,"_24":93},"05.02.solution","/myapp/workshop-content/exercises/05.changes/02.solution.resources-list-changed","exercises/05.changes/02.solution.resources-list-changed",{"_20":95,"_22":96,"_24":97},"05.03.problem","/myapp/workshop-content/exercises/05.changes/03.problem.subscriptions","exercises/05.changes/03.problem.subscriptions",{"_20":99,"_22":100,"_24":101},"05.03.solution","/myapp/workshop-content/exercises/05.changes/03.solution.subscriptions","exercises/05.changes/03.solution.subscriptions","repoUpdates",{"_104":16},"updatesAvailable","unmutedNotifications",[],"exerciseChanges","workshopConfig",{"_110":111,"_112":113,"_114":115,"_121":122,"_139":140,"_142":143,"_144":145,"_146":147,"_155":156,"_161":162,"_165":166,"_167":168,"_169":170},"title","Advanced MCP Features 🐡","subtitle","Dive deeper into the Model Context Protocol","instructor",{"_20":116,"_117":118,"_119":120},"Kent C. Dodds","avatar","/images/instructor.png","𝕏","kentcdodds","product",{"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136},"host","www.epicai.pro","displayName","EpicAI.pro","displayNameShort","Epic AI","logo","/logo.svg","slug","day-3-4-advanced-mcp-features","discordChannelId","1409600723716411494","discordTags",[137,138],"1409601169801871410","1409601303373549689","onboardingVideo",[141],"https://www.epicai.pro/get-started-with-epic-ai-workshops","githubRepo","https://github.com/epicweb-dev/advanced-mcp-features","githubRoot","https://github.com/epicweb-dev/advanced-mcp-features/tree/main","stackBlitzConfig",{"_148":149,"_150":151,"_152":153,"_154":151},"view","editor","hidedevtools","1","terminalHeight","0","hideNavigation","forms",{"_157":158,"_159":160},"workshop","https://docs.google.com/forms/d/e/1FAIpQLSdRmj9p8-5zyoqRzxp3UpqSbC3aFkweXvvJIKes0a5s894gzg/viewform?hl=en&embedded=true&entry.2123647600={workshopTitle}","exercise","https://docs.google.com/forms/d/e/1FAIpQLSf3o9xyjQepTlOTH5Z7ZwkeSTdXh6YWI_RGc9KiyD3oUN0p6w/viewform?hl=en&embedded=true&entry.1836176234={workshopTitle}&entry.428900931={exerciseTitle}","testTab",{"_163":164},"enabled",true,"initialRoute","/","notifications",[],"sidecarProcesses",{},"workshopTitle","workshopSubtitle","ENV",{"_175":176,"_177":178,"_179":180,"_181":143,"_182":145,"_183":164,"_184":185,"_186":187,"_188":189,"_190":164,"_191":192,"_193":194},"MODE","production","EPICSHOP_CONTEXT_CWD","/myapp/workshop-content","EPICSHOP_WORKSHOP_INSTANCE_ID","4e1570b81d1baf3d16bd3a08ece570cb","EPICSHOP_GITHUB_REPO","EPICSHOP_GITHUB_ROOT","EPICSHOP_DEPLOYED","EPICSHOP_APP_VERSION","6.36.0","EPICSHOP_PARENT_PORT","3742","EPICSHOP_PARENT_TOKEN","0eeb2863a812b423c3cb9a43e457287d5f7d541dbf88d5986246e5b189adb994","EPICSHOP_IS_PUBLISHED","SENTRY_DSN","https://cd51fbf4ca0834f7b3529a478a8ece4c@o913766.ingest.us.sentry.io/4509630082252800","SENTRY_PROJECT_ID","4509630082252800","requestInfo",{"_197":198,"_199":200,"_201":202,"_203":204,"_205":204,"_206":207,"_214":215,"_216":217,"_218":166,"_219":164},"protocol","http:","hostname","advanced-mcp-features.epicai.pro","port","","origin","http://advanced-mcp-features.epicai.pro","domain","hints",{"_208":209,"_210":211,"_212":213},"theme","light","timeZone","UTC","reducedMotion","no-preference","path","/exercise/04/finished","session",{"_208":-5},"separator","online","toast","confettiId","presence",{"_224":225},"users",[226,243,253,261,269,278,286,293,300,303,311,316,323,328,334],{"_7":227,"_228":164,"_229":230,"_231":232,"_20":233,"_234":235},"70078aa1-7b41-40f4-9930-79013303627b","hasAccess","imageUrlSmall","https://avatars.githubusercontent.com/u/4356894?v=4&size=64","imageUrlLarge","https://avatars.githubusercontent.com/u/4356894?v=4&size=512","Thor Anderson","location",{"_171":236,"_203":237,"_159":238},"MCP Fundamentals 🧱","http://localhost:5639",{"_9":239,"_240":241,"_242":241},"problem","exerciseNumber",2,"stepNumber",{"_7":244,"_228":164,"_229":245,"_231":246,"_20":247,"_234":248},"526ddc77-1cf9-4047-b9fa-188fdb28ccaa","https://www.gravatar.com/avatar/e6d493e2cc66bb2a77ec03df758f79ce?size=64&default=identicon","https://www.gravatar.com/avatar/e6d493e2cc66bb2a77ec03df758f79ce?size=512&default=identicon","Agility Developer",{"_171":249,"_203":237,"_159":250},"React Fundamentals ⚛",{"_9":239,"_240":251,"_242":252},10,3,{"_7":254,"_228":164,"_229":255,"_231":256,"_20":257,"_234":258},"d699b918-d466-4fce-9bcd-3a4dadcdae03","https://cdn.discordapp.com/avatars/693126544977166358/96b50eecfb132404aabaf9694ecbc04a.png?size=64","https://cdn.discordapp.com/avatars/693126544977166358/96b50eecfb132404aabaf9694ecbc04a.png?size=512","prathamesh",{"_171":236,"_203":237,"_159":259},{"_240":260},4,{"_7":262,"_228":164,"_229":263,"_231":264,"_20":265,"_234":266},"bcdaf6fc-90fb-4973-8906-5b9ae5078de5","https://www.gravatar.com/avatar/a9343a461729cc175331bcf4e2848588?size=64&default=identicon","https://www.gravatar.com/avatar/a9343a461729cc175331bcf4e2848588?size=512&default=identicon","Jennifer Dixon",{"_171":267,"_203":237,"_159":268},"React Suspense 🔀",{"_240":252},{"_7":270,"_228":164,"_229":271,"_231":272,"_20":273,"_234":274},"316fbb16-2201-4149-bb51-b004132c86de","https://www.gravatar.com/avatar/db38412cdd65408f34cf2e268f3111f8?size=64&default=identicon","https://www.gravatar.com/avatar/db38412cdd65408f34cf2e268f3111f8?size=512&default=identicon","Luiz A C Souza",{"_171":275,"_203":237,"_159":276},"Advanced React Patterns 🤯",{"_9":239,"_240":241,"_242":277},1,{"_7":279,"_228":164,"_229":280,"_231":281,"_20":282,"_234":283},"5cc86b55-3cf3-4fc4-a3af-19337c74816b","https://cdn.discordapp.com/avatars/747729180405399602/ea9aba5c94d6e582b9454ba99145c009.png?size=64","https://cdn.discordapp.com/avatars/747729180405399602/ea9aba5c94d6e582b9454ba99145c009.png?size=512","Oliver",{"_171":236,"_203":237,"_159":284},{"_9":285,"_240":241,"_242":252},"solution",{"_7":287,"_228":164,"_229":288,"_231":289,"_20":290,"_234":291},"5356fc58-f432-4ca8-a45b-44f448dd0797","https://avatars.githubusercontent.com/u/77640534?v=4&size=64","https://avatars.githubusercontent.com/u/77640534?v=4&size=512","pterechine",{"_171":292,"_203":237},"MCP UI 🪟",{"_7":294,"_228":164,"_229":295,"_231":296,"_20":297,"_234":298},"15837a67-5bc7-4128-b17b-d81678ee897e","https://www.gravatar.com/avatar/9cc69f7970a625abf97b56c9fa39e368?size=64&default=identicon","https://www.gravatar.com/avatar/9cc69f7970a625abf97b56c9fa39e368?size=512&default=identicon","Cris Curelaru",{"_171":275,"_203":237,"_159":299},{"_240":252},{"_7":301,"_234":302},"fl801bb6xt4k3eldr5e4d0x4",{"_171":111,"_203":204},{"_7":304,"_228":164,"_229":305,"_231":306,"_20":-5,"_234":307},"0c3548c0-5c2e-4dbb-aa86-96f7d9ac7264","https://cdn.discordapp.com/avatars/845542637581631498/9275261f3169de0ec86d2d1b7a74fb4a.png?size=64","https://cdn.discordapp.com/avatars/845542637581631498/9275261f3169de0ec86d2d1b7a74fb4a.png?size=512",{"_171":111,"_203":308,"_159":309},"http://localhost:5640",{"_240":310},5,{"_7":312,"_234":313},"ju29orsv0vjaha5n6kmoz3lw",{"_171":292,"_203":314,"_159":315},"http://mcp-ui.epicai.pro",{"_9":239,"_240":310,"_242":241},{"_7":317,"_228":164,"_229":318,"_231":319,"_20":-5,"_234":320},"37fbea6e-55a2-4c9d-b28f-a5a9cfdfb654","https://www.gravatar.com/avatar/fb4dea94f6af808e78bdd398c5409402?size=64&default=identicon","https://www.gravatar.com/avatar/fb4dea94f6af808e78bdd398c5409402?size=512&default=identicon",{"_171":321,"_203":237,"_159":322},"Professional Web Forms 📝",{"_240":310},{"_7":324,"_234":325},"azthe10wv0vx2lfgp86hgek8",{"_171":275,"_203":326,"_159":327},"http://advanced-patterns.epicreact.dev",{"_240":277},{"_7":329,"_228":164,"_229":330,"_231":331,"_20":-5,"_234":332},"d0c15df3-ee32-4757-8004-2b37ad485cd2","https://cdn.discordapp.com/avatars/690008320207224854/92bf9bebdbff03c8779e0a86f49834a7.png?size=64","https://cdn.discordapp.com/avatars/690008320207224854/92bf9bebdbff03c8779e0a86f49834a7.png?size=512",{"_171":292,"_203":237,"_159":333},{"_9":285,"_240":310,"_242":241},{"_7":335,"_234":336},"xoa7c1ppsoe82kxj1rd8wpgn",{"_171":111,"_203":204,"_159":337},{"_240":260,"_242":-5,"_9":-5},"routes/_app+/_layout",{"_171":111,"_340":341,"_430":431,"_433":16},"exercises",[342,362,373,390,407],{"_240":277,"_110":343,"_344":345,"_350":351,"_354":355},"Advanced Tools","solutions",[346,348],{"_242":277,"_110":347,"_20":27},"Annotations",{"_242":241,"_110":349,"_20":35},"Structured Output","problems",[352,353],{"_242":277,"_110":347,"_20":21},{"_242":241,"_110":349,"_20":31},"steps",[356,359],{"_242":277,"_110":347,"_20":21,"_239":357,"_285":358},{"_20":21,"_110":347},{"_20":27,"_110":347},{"_242":241,"_110":349,"_20":31,"_239":360,"_285":361},{"_20":31,"_110":349},{"_20":35,"_110":349},{"_240":241,"_110":363,"_344":364,"_350":367,"_354":369},"Elicitation",[365],{"_242":277,"_110":366,"_20":43},"Elicit Confirmation",[368],{"_242":277,"_110":366,"_20":39},[370],{"_242":277,"_110":366,"_20":39,"_239":371,"_285":372},{"_20":39,"_110":366},{"_20":43,"_110":366},{"_240":252,"_110":374,"_344":375,"_350":380,"_354":383},"Sampling",[376,378],{"_242":277,"_110":377,"_20":51},"Simple Sampling",{"_242":241,"_110":379,"_20":59},"Advanced Sampling Prompt",[381,382],{"_242":277,"_110":377,"_20":47},{"_242":241,"_110":379,"_20":55},[384,387],{"_242":277,"_110":377,"_20":47,"_239":385,"_285":386},{"_20":47,"_110":377},{"_20":51,"_110":377},{"_242":241,"_110":379,"_20":55,"_239":388,"_285":389},{"_20":55,"_110":379},{"_20":59,"_110":379},{"_240":260,"_110":391,"_344":392,"_350":397,"_354":400},"Long Running Tasks",[393,395],{"_242":277,"_110":394,"_20":67},"Progress Updates",{"_242":241,"_110":396,"_20":75},"Cancellation",[398,399],{"_242":277,"_110":394,"_20":63},{"_242":241,"_110":396,"_20":71},[401,404],{"_242":277,"_110":394,"_20":63,"_239":402,"_285":403},{"_20":63,"_110":394},{"_20":67,"_110":394},{"_242":241,"_110":396,"_20":71,"_239":405,"_285":406},{"_20":71,"_110":396},{"_20":75,"_110":396},{"_240":310,"_110":408,"_344":409,"_350":416,"_354":420},"Changes",[410,412,414],{"_242":277,"_110":411,"_20":83},"List Changed",{"_242":241,"_110":413,"_20":91},"Resource Template List Changed",{"_242":252,"_110":415,"_20":99},"Subscriptions",[417,418,419],{"_242":277,"_110":411,"_20":79},{"_242":241,"_110":413,"_20":87},{"_242":252,"_110":415,"_20":95},[421,424,427],{"_242":277,"_110":411,"_20":79,"_239":422,"_285":423},{"_20":79,"_110":411},{"_20":83,"_110":411},{"_242":241,"_110":413,"_20":87,"_239":425,"_285":426},{"_20":87,"_110":413},{"_20":91,"_110":413},{"_242":252,"_110":415,"_20":95,"_239":428,"_285":429},{"_20":95,"_110":415},{"_20":99,"_110":415},"playground",{"_432":-5,"_240":-2,"_242":-2,"_9":-7},"appName","isMenuOpened","routes/_app+/exercise+/$exerciseNumber_.finished",{"_436":437,"_171":111,"_159":438,"_518":519,"_520":521,"_522":523,"_527":528,"_533":534},"articleId","workshop-advanced-mcp-features-4-finished",{"_22":439,"_240":260,"_440":441,"_110":391,"_442":443,"_444":445,"_446":447,"_449":450,"_354":452,"_350":500,"_344":509},"/myapp/workshop-content/exercises/04.long-running-tasks","dirName","04.long-running-tasks","instructionsCode","var Component=(()=>{var p=Object.create;var r=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var v=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),u=(n,e)=>{for(var l in e)r(n,l,{get:e[l],enumerable:!0})},o=(n,e,l,t)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let s of b(e))!k.call(n,s)&&s!==l&&r(n,s,{get:()=>e[s],enumerable:!(t=m(e,s))||t.enumerable});return n};var f=(n,e,l)=>(l=n!=null?p(y(n)):{},o(e||!n||!n.__esModule?r(l,\"default\",{value:n,enumerable:!0}):l,n)),g=n=>o(r({},\"__esModule\",{value:!0}),n);var i=v((C,c)=>{c.exports=_jsx_runtime});var w={};u(w,{default:()=>h,frontmatter:()=>x});var a=f(i()),x=void 0;function d(n){let e={a:\"a\",code:\"code\",div:\"div\",h1:\"h1\",h2:\"h2\",h3:\"h3\",hr:\"hr\",li:\"li\",p:\"p\",pre:\"pre\",span:\"span\",strong:\"strong\",ul:\"ul\",...n.components},{EpicVideo:l}=e;return l||N(\"EpicVideo\",!0),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{children:\"Long Running Tasks\"}),`\n`,(0,a.jsx)(l,{url:\"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/intro~wjyc8\"}),`\n`,(0,a.jsxs)(e.p,{children:[\"In this exercise, you'll learn how to handle long-running tasks in the context of the Model Context Protocol (MCP), with a focus on \",(0,a.jsx)(e.strong,{children:\"progress reporting\"}),\" and \",(0,a.jsx)(e.strong,{children:\"cancellation\"}),\". (As a bonus, you'll also get hands-on experience with JavaScript's \",(0,a.jsx)(e.code,{children:\"AbortController\"}),\" and signals, which are essential for managing asynchronous operations that can be cancelled).\"]}),`\n`,(0,a.jsx)(e.h2,{children:\"Background\"}),`\n`,(0,a.jsx)(e.p,{children:\"Long-running operations are common in modern applications\\u2014think of file uploads, data processing, or external API calls. It's important to:\"}),`\n`,(0,a.jsxs)(e.ul,{children:[`\n`,(0,a.jsxs)(e.li,{children:[(0,a.jsx)(e.strong,{children:\"Report progress\"}),\" to users so they know something is happening.\"]}),`\n`,(0,a.jsxs)(e.li,{children:[(0,a.jsx)(e.strong,{children:\"Allow cancellation\"}),\" so users can stop an operation if they change their mind or if the operation is taking too long.\"]}),`\n`]}),`\n`,(0,a.jsx)(e.p,{children:\"The Model Context Protocol (MCP) provides built-in support for both progress and cancellation via notification messages:\"}),`\n`,(0,a.jsxs)(e.ul,{children:[`\n`,(0,a.jsx)(e.li,{children:(0,a.jsx)(e.a,{href:\"https://modelcontextprotocol.io/specification/2025-06-18/basic/utilities/progress\",children:\"MCP Progress Documentation\"})}),`\n`,(0,a.jsx)(e.li,{children:(0,a.jsx)(e.a,{href:\"https://modelcontextprotocol.io/specification/2025-06-18/basic/utilities/cancellation\",children:\"MCP Cancellation Documentation\"})}),`\n`]}),`\n`,(0,a.jsx)(e.hr,{}),`\n`,(0,a.jsx)(e.h2,{children:\"Progress Reporting\"}),`\n`,(0,a.jsxs)(e.p,{children:[\"When a client wants to receive progress updates for a long-running request, it includes a \",(0,a.jsx)(e.code,{children:\"progressToken\"}),\" in the request. The server can then send progress notifications as the operation advances.\"]}),`\n`,(0,a.jsx)(e.h3,{children:\"Sequence Diagram\"}),`\n`,(0,a.jsx)(e.div,{className:\"mermaid not-prose\",dangerouslySetInnerHTML:{__html:''}}),`\n`,(0,a.jsx)(e.h3,{children:\"Example Messages\"}),`\n`,(0,a.jsx)(e.p,{children:(0,a.jsx)(e.strong,{children:\"Client Request with Progress Token:\"})}),`\n`,(0,a.jsx)(e.pre,{\"data-filename\":\"client-request.json\",\"data-nocopy\":\"\",\"data-line-numbers\":\"true\",\"data-lang\":\"json\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,a.jsxs)(e.code,{children:[(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",children:[\"{\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"jsonrpc\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"2.0\"}),'\"',\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"id\"}),'\"',\": \",(0,a.jsx)(e.span,{style:{color:\"var(--base09)\"},children:\"5\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"method\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"tools/call\"}),'\"',\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"params\"}),'\"',\": {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",children:[\"\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"name\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"play_fetch\"}),'\"',\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",children:[\"\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"arguments\"}),'\"',\": {},\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",children:[\"\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"_meta\"}),'\"',\": {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",children:[\"\t\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"progressToken\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"abc123\"}),'\"',`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",children:[\"\t\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",children:[\"\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",children:[\"}\",`\n`]})]})}),`\n`,(0,a.jsx)(e.p,{children:(0,a.jsx)(e.strong,{children:\"Server Progress Notification:\"})}),`\n`,(0,a.jsx)(e.pre,{\"data-filename\":\"server-progress-notification-request.json\",\"data-nocopy\":\"\",\"data-line-numbers\":\"true\",\"data-lang\":\"json\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,a.jsxs)(e.code,{children:[(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",children:[\"{\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"jsonrpc\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"2.0\"}),'\"',\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"method\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"notifications/progress\"}),'\"',\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"params\"}),'\"',\": {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",children:[\"\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"progressToken\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"abc123\"}),'\"',\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",children:[\"\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"progress\"}),'\"',\": \",(0,a.jsx)(e.span,{style:{color:\"var(--base09)\"},children:\"50\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",children:[\"\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"total\"}),'\"',\": \",(0,a.jsx)(e.span,{style:{color:\"var(--base09)\"},children:\"100\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",children:[\"\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"message\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Stick thrown, dog is running\"}),'\"',`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",children:[\"\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",children:[\"}\",`\n`]})]})}),`\n`,(0,a.jsx)(e.p,{children:(0,a.jsx)(e.strong,{children:\"Server Final Response:\"})}),`\n`,(0,a.jsx)(e.pre,{\"data-filename\":\"server-response.json\",\"data-nocopy\":\"\",\"data-line-numbers\":\"true\",\"data-lang\":\"json\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,a.jsxs)(e.code,{children:[(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",children:[\"{\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"jsonrpc\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"2.0\"}),'\"',\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"id\"}),'\"',\": \",(0,a.jsx)(e.span,{style:{color:\"var(--base09)\"},children:\"5\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"result\"}),'\"',\": {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",children:[\"\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"content\"}),'\"',\": [\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",children:[\"\t\t\t{\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",children:[\"\t\t\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"type\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"text\"}),'\"',\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",children:[\"\t\t\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"text\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Dog successfully fetched stick\"}),'\"',`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",children:[\"\t\t\t},\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",children:[\"\t\t\t{\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",children:[\"\t\t\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"type\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"text\"}),'\"',\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",children:[\"\t\t\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"text\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"{\"}),(0,a.jsx)(e.span,{style:{color:\"var(--base0C)\"},children:'\\\\\"'}),(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"status\"}),(0,a.jsx)(e.span,{style:{color:\"var(--base0C)\"},children:'\\\\\"'}),(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\": \"}),(0,a.jsx)(e.span,{style:{color:\"var(--base0C)\"},children:'\\\\\"'}),(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"success\"}),(0,a.jsx)(e.span,{style:{color:\"var(--base0C)\"},children:'\\\\\"'}),(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"}\"}),'\"',`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"13\",children:[\"\t\t\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",children:[\"\t\t],\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",children:[\"\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"structuredContent\"}),'\"',\": {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",children:[\"\t\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"status\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"success\"}),'\"',`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",children:[\"\t\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"18\",children:[\"\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"19\",children:[\"}\",`\n`]})]})}),`\n`,(0,a.jsxs)(e.p,{children:[\"For more details, see the \",(0,a.jsx)(e.a,{href:\"https://modelcontextprotocol.io/specification/2025-06-18/basic/utilities/progress\",children:\"MCP Progress Documentation\"}),\".\"]}),`\n`,(0,a.jsx)(e.hr,{}),`\n`,(0,a.jsx)(e.h2,{children:\"Cancellation\"}),`\n`,(0,a.jsx)(e.p,{children:\"Either the client or server can request cancellation of an in-progress request by sending a cancellation notification. The receiver should stop processing the request and free any associated resources.\"}),`\n`,(0,a.jsx)(e.h3,{children:\"Sequence Diagram\"}),`\n`,(0,a.jsx)(e.div,{className:\"mermaid not-prose\",dangerouslySetInnerHTML:{__html:''}}),`\n`,(0,a.jsx)(e.h3,{children:\"Example Messages\"}),`\n`,(0,a.jsx)(e.p,{children:(0,a.jsx)(e.strong,{children:\"Client Cancellation Notification:\"})}),`\n`,(0,a.jsx)(e.pre,{\"data-filename\":\"client-cancelled-notification-request.json\",\"data-nocopy\":\"\",\"data-line-numbers\":\"true\",\"data-lang\":\"json\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,a.jsxs)(e.code,{children:[(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",children:[\"{\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"jsonrpc\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"2.0\"}),'\"',\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"method\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"notifications/cancelled\"}),'\"',\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",children:[\"\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"params\"}),'\"',\": {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",children:[\"\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"requestId\"}),'\"',\": \",(0,a.jsx)(e.span,{style:{color:\"var(--base09)\"},children:\"5\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",children:[\"\t\t\",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"reason\"}),'\"',\": \",'\"',(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"User requested cancellation, dog is too tired\"}),'\"',`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",children:[\"\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",children:[\"}\",`\n`]})]})}),`\n`,(0,a.jsxs)(e.ul,{children:[`\n`,(0,a.jsx)(e.li,{children:\"The server should stop processing the request and not send a response for the cancelled request.\"}),`\n`,(0,a.jsx)(e.li,{children:\"If the request is already complete or unknown, the server may ignore the cancellation notification.\"}),`\n`]}),`\n`,(0,a.jsxs)(e.p,{children:[\"For more details, see the \",(0,a.jsx)(e.a,{href:\"https://modelcontextprotocol.io/specification/2025-06-18/basic/utilities/cancellation\",children:\"MCP Cancellation Documentation\"}),\".\"]}),`\n`,(0,a.jsx)(e.hr,{}),`\n`,(0,a.jsx)(e.h2,{children:\"Example: Using AbortController and Signals\"}),`\n`,(0,a.jsxs)(e.p,{children:[\"Not everyone is familiar with signals and the \",(0,a.jsx)(e.code,{children:\"AbortController\"}),\" API. Here's a simple example to illustrate how it works:\"]}),`\n`,(0,a.jsx)(e.pre,{\"data-line-numbers\":\"true\",\"data-lang\":\"js\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,a.jsxs)(e.code,{children:[(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" { \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"spawn\"}),\" } \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"require\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"child_process\"}),\"'\",\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"controller\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"new\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"AbortController\"}),\"()\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"controller\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// Track the child process that needs cleanup\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base0A)\"},children:\"let\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"childProcess\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base09)\"},children:\"null\"}),`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// Add an event listener to the signal - this is crucial for cleanup!\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"addEventListener\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"abort\"}),\"'\",\", () \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"console\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"log\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Signal was aborted! Killing child process...\"}),\"'\",\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"if\"}),\" (\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"childProcess\"}),\") {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"childProcess\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"kill\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"SIGTERM\"}),\"'\",\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"13\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"childProcess\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base09)\"},children:\"null\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"console\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"log\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Child process killed\"}),\"'\",\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",children:[\"\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",children:[\"})\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"18\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"async\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"function\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"doLongTask\"}),\"(\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),\") {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"19\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// Start a child process that processes data\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"20\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"childProcess\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"spawn\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"data-processor\"}),\"'\",\", [\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"--input\"}),\"'\",\", \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"large-dataset.csv\"}),\"'\",\", \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"--output\"}),\"'\",\", \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"processed-data.json\"}),\"'\",\"], {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"21\",children:[\"\t\tstdio: [\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"pipe\"}),\"'\",\", \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"pipe\"}),\"'\",\", \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"pipe\"}),\"'\",\"]\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"22\",children:[\"\t})\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"23\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"24\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"try\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"25\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// Listen to the child process output\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"26\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"childProcess\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"stdout\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"on\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"data\"}),\"'\",\", (\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"data\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"27\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0A)\"},children:\"const\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"output\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"data\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"toString\"}),\"().\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"trim\"}),\"()\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"28\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"console\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"log\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Child output:\"}),\"'\",\", \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"output\"}),\")\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"29\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"30\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"if\"}),\" (\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"output\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"includes\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Processing complete!\"}),\"'\",\")) {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"31\",children:[\"\t\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"console\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"log\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"All items processed successfully!\"}),\"'\",\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"32\",children:[\"\t\t\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"33\",children:[\"\t\t})\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"34\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"35\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// Wait for the child process to complete\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"36\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"await\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"new\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0A)\"},children:\"Promise\"}),\"((\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"resolve\"}),\", \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"reject\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"37\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"childProcess\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"on\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"close\"}),\"'\",\", (\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"code\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"38\",children:[\"\t\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"if\"}),\" (\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"code\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"===\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base09)\"},children:\"0\"}),\") {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"39\",children:[\"\t\t\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"resolve\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Processing completed successfully\"}),\"'\",\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"40\",children:[\"\t\t\t\t} \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"else\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"41\",children:[\"\t\t\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"reject\"}),\"(\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"new\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"Error\"}),\"(\\\\\",\"`\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Child process exited with code \"}),(0,a.jsx)(e.span,{style:{color:\"var(--base0C)\"},children:\"\\\\$\"}),(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"{code}\"}),(0,a.jsx)(e.span,{style:{color:\"var(--base0C)\"},children:\"\\\\`\"}),\"`\",\"))\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"42\",children:[\"\t\t\t\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"43\",children:[\"\t\t\t})\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"44\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"45\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"childProcess\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"on\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"error\"}),\"'\",\", \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"reject\"}),\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"46\",children:[\"\t\t})\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"47\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"48\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),\" \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Done!\"}),\"'\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"49\",children:[\"\t} \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"finally\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"50\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// Clean up child process when task completes normally\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"51\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"if\"}),\" (\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"childProcess\"}),\") {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"52\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"childProcess\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"kill\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"SIGTERM\"}),\"'\",\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"53\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"childProcess\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base09)\"},children:\"null\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"54\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"console\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"log\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Child process cleaned up normally\"}),\"'\",\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"55\",children:[\"\t\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"56\",children:[\"\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"57\",children:[\"}\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"58\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"59\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"doLongTask\"}),\"(\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"60\",children:[\"\t.\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"then\"}),\"((\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"result\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"console\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"log\"}),\"(\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"result\"}),\"))\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"61\",children:[\"\t.\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"catch\"}),\"((\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"err\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"console\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"error\"}),\"(\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"err\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"message\"}),\"))\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"62\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"63\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// Cancel the operation after 2 seconds\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"64\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"setTimeout\"}),\"(() \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"65\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"controller\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"abort\"}),\"()\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"66\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"console\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"log\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Cancellation requested\"}),\"'\",\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"67\",children:[\"}, \",(0,a.jsx)(e.span,{style:{color:\"var(--base09)\"},children:\"2000\"}),\")\",`\n`]})]})}),`\n`,(0,a.jsxs)(e.ul,{children:[`\n`,(0,a.jsxs)(e.li,{children:[\"The \",(0,a.jsx)(e.code,{children:\"AbortController\"}),\" creates a \",(0,a.jsx)(e.code,{children:\"signal\"}),\" that can be passed to any async function that supports cancellation.\"]}),`\n`,(0,a.jsxs)(e.li,{children:[\"The function checks \",(0,a.jsx)(e.code,{children:\"signal.aborted\"}),\" to know if it should stop early.\"]}),`\n`,(0,a.jsxs)(e.li,{children:[\"Calling \",(0,a.jsx)(e.code,{children:\"controller.abort()\"}),\" triggers the cancellation.\"]}),`\n`]}),`\n`,(0,a.jsxs)(e.p,{children:[\"For more details, see the \",(0,a.jsx)(e.a,{href:\"https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\",children:\"MDN AbortController documentation\"}),\".\"]})]})}function h(n={}){let{wrapper:e}=n.components||{};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(d,{...n})}):d(n)}function N(n,e){throw new Error(\"Expected \"+(e?\"component\":\"object\")+\" `\"+n+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return g(w);})();\n;return Component;","finishedCode","var Component=(()=>{var m=Object.create;var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var h=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),w=(n,e)=>{for(var o in e)s(n,o,{get:e[o],enumerable:!0})},a=(n,e,o,i)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let r of f(e))!x.call(n,r)&&r!==o&&s(n,r,{get:()=>e[r],enumerable:!(i=l(e,r))||i.enumerable});return n};var j=(n,e,o)=>(o=n!=null?m(g(n)):{},a(e||!n||!n.__esModule?s(o,\"default\",{value:n,enumerable:!0}):o,n)),_=n=>a(s({},\"__esModule\",{value:!0}),n);var p=h((M,c)=>{c.exports=_jsx_runtime});var b={};w(b,{default:()=>u,frontmatter:()=>k});var t=j(p()),k=void 0;function d(n){let e={h1:\"h1\",p:\"p\",...n.components},{EpicVideo:o}=e;return o||y(\"EpicVideo\",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h1,{children:\"Long Running Tasks\"}),`\n`,(0,t.jsx)(o,{url:\"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/break~j3a9t\"}),`\n`,(0,t.jsx)(e.p,{children:\"You can now manage long-running tasks in your tools, reporting progress and allowing users to cancel operations. Good job!\"})]})}function u(n={}){let{wrapper:e}=n.components||{};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(d,{...n})}):d(n)}function y(n,e){throw new Error(\"Expected \"+(e?\"component\":\"object\")+\" `\"+n+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return _(b);})();\n;return Component;","instructionsEpicVideoEmbeds",[448],"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/intro~wjyc8","finishedEpicVideoEmbeds",[451],"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/break~j3a9t",[453,481],{"_242":277,"_239":454,"_285":471},{"_20":63,"_110":394,"_440":455,"_22":64,"_24":65,"_442":456,"_457":458,"_460":461,"_464":465,"_468":469,"_240":260,"_242":277,"_9":239,"_470":67},"01.problem.progress","var Component=(()=>{var h=Object.create;var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var y=(s,e)=>()=>(e||s((e={exports:{}}).exports,e),e.exports),g=(s,e)=>{for(var t in e)r(s,t,{get:e[t],enumerable:!0})},o=(s,e,t,l)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let n of f(e))!k.call(s,n)&&n!==t&&r(s,n,{get:()=>e[n],enumerable:!(l=p(e,n))||l.enumerable});return s};var x=(s,e,t)=>(t=s!=null?h(b(s)):{},o(e||!s||!s.__esModule?r(t,\"default\",{value:s,enumerable:!0}):t,s)),u=s=>o(r({},\"__esModule\",{value:!0}),s);var i=y((E,c)=>{c.exports=_jsx_runtime});var N={};g(N,{default:()=>m,frontmatter:()=>v});var a=x(i()),v=void 0;function d(s){let e={a:\"a\",code:\"code\",div:\"div\",h1:\"h1\",p:\"p\",pre:\"pre\",span:\"span\",strong:\"strong\",...s.components},{EpicVideo:t}=e;return t||w(\"EpicVideo\",!0),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{children:\"Progress Updates\"}),`\n`,(0,a.jsx)(t,{url:\"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/progress-updates~a3g0l\"}),`\n`,(0,a.jsx)(e.p,{children:\"\\u{1F468}\\u200D\\u{1F4BC} When users ask our mcp server to generate their journal wrapped video, it can take some time and they want to know that things are moving along. Nobody likes staring at a blank screen, wondering if the app is frozen or if their request was even received. Progress updates are how we keep users in the loop, making the wait feel shorter and the experience more delightful.\"}),`\n`,(0,a.jsx)(e.p,{children:\"Here's an example of how to perform progress updates in your MCP server:\"}),`\n`,(0,a.jsx)(e.pre,{\"data-line-numbers\":\"true\",\"data-lang\":\"ts\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,a.jsxs)(e.code,{children:[(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"agent\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"server\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"registerTool\"}),\"(\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",children:[\"\t\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"make_sandwich\"}),\"'\",\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",children:[\"\t{\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",children:[\"\t\tdescription: \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Make a sandwich\"}),\"'\",\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",children:[\"\t\tinputSchema: {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",children:[\"\t\t\tingredients: \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"z\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"array\"}),\"(\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"z\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"string\"}),\"()),\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",children:[\"\t\t},\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",children:[\"\t},\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"async\"}),\" ({ \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"ingredients\"}),\" }, { \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"sendNotification\"}),\", \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"_meta\"}),\" }) \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// ...\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"orderStatus\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"await\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"assembleSandwichOrder\"}),\"({\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"ingredients\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"13\",children:[\"\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"onProgress\"}),\": (\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"progress\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",children:[\"\t\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\" { \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"progressToken\"}),\" } \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"_meta\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"??\"}),\" {}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",children:[\"\t\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"if\"}),\" (\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"!\"}),(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"progressToken\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",children:[\"\t\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"void\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"sendNotification\"}),\"({\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",children:[\"\t\t\t\t\tmethod: \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"notifications/progress\"}),\"'\",\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"18\",children:[\"\t\t\t\t\tparams: {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"19\",children:[\"\t\t\t\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"progressToken\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"20\",children:[\"\t\t\t\t\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"progress\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"21\",children:[\"\t\t\t\t\t\ttotal: \",(0,a.jsx)(e.span,{style:{color:\"var(--base09)\"},children:\"1\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"22\",children:[\"\t\t\t\t\t\tmessage: \",\"`\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Stacking pickles...\"}),\"`\",\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"23\",children:[\"\t\t\t\t\t},\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"24\",children:[\"\t\t\t\t})\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"25\",children:[\"\t\t\t},\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"26\",children:[\"\t\t})\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"27\",children:[\"\t},\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"28\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// ...\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"29\",children:[\")\",`\n`]})]})}),`\n`,(0,a.jsx)(\"callout-success\",{children:(0,a.jsx)(e.p,{children:`Progress updates can be as simple as a percentage, or as fun as a custom\nmessage. The key is to keep users informed while they wait.`})}),`\n`,(0,a.jsx)(e.div,{className:\"mermaid not-prose\",dangerouslySetInnerHTML:{__html:''}}),`\n`,(0,a.jsx)(\"callout-muted\",{children:(0,a.jsxs)(e.p,{children:[\"\\u{1F4DC} For more details on how to implement progress notifications, see the \",(0,a.jsx)(e.a,{href:\"https://modelcontextprotocol.io/specification/2025-06-18/basic/utilities/progress\",children:`MCP\nProgress\nDocumentation`}),\".\"]})}),`\n`,(0,a.jsx)(e.p,{children:\"The goal is to make waiting feel like part of the experience, not a chore. Progress updates turn a long-running task into a journey the user can follow, one delicious layer at a time.\"}),`\n`,(0,a.jsxs)(e.p,{children:[\"Test this one out in the MCP inspector by using the \",(0,a.jsx)(e.code,{children:\"create_wrapped_video\"}),\" tool.\"]}),`\n`,(0,a.jsx)(\"callout-info\",{children:(0,a.jsxs)(e.p,{children:[(0,a.jsx)(e.strong,{children:\"NOTE\"}),`: This particular tool requires ffmpeg to be installed globally on\nyour machine. If it is not, you can still test this out using the mock time\ninput (you just won't get the video actually generated).`]})})]})}function m(s={}){let{wrapper:e}=s.components||{};return e?(0,a.jsx)(e,{...s,children:(0,a.jsx)(d,{...s})}):d(s)}function w(s,e){throw new Error(\"Expected \"+(e?\"component\":\"object\")+\" `\"+s+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return u(N);})();\n;return Component;","epicVideoEmbeds",[459],"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/progress-updates~a3g0l","test",{"_9":462,"_462":463},"script","vitest","dev",{"_9":462,"_466":467,"_165":166},"portNumber",6031,"stackBlitzUrl","https://stackblitz.com/github/epicweb-dev/advanced-mcp-features/tree/main/exercises/04.long-running-tasks/01.problem.progress?view=editor&hidedevtools=1&terminalHeight=0&hideNavigation=1&title=Progress+Updates+%28problem%29","solutionName",{"_20":67,"_110":394,"_440":472,"_22":68,"_24":69,"_442":473,"_457":474,"_460":476,"_464":477,"_468":479,"_240":260,"_242":277,"_9":285,"_480":-5},"01.solution.progress","var Component=(()=>{var u=Object.create;var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var w=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),x=(n,e)=>{for(var r in e)s(n,r,{get:e[r],enumerable:!0})},a=(n,e,r,i)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let o of g(e))!f.call(n,o)&&o!==r&&s(n,o,{get:()=>e[o],enumerable:!(i=l(e,o))||i.enumerable});return n};var y=(n,e,r)=>(r=n!=null?u(m(n)):{},a(e||!n||!n.__esModule?s(r,\"default\",{value:n,enumerable:!0}):r,n)),j=n=>a(s({},\"__esModule\",{value:!0}),n);var p=w((E,d)=>{d.exports=_jsx_runtime});var _={};x(_,{default:()=>h,frontmatter:()=>k});var t=y(p()),k=void 0;function c(n){let e={h1:\"h1\",p:\"p\",...n.components},{EpicVideo:r}=e;return r||v(\"EpicVideo\",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h1,{children:\"Progress Updates\"}),`\n`,(0,t.jsx)(r,{url:\"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/progress-updates~a3g0l/solution\"}),`\n`,(0,t.jsx)(e.p,{children:\"\\u{1F468}\\u200D\\u{1F4BC} Fantastic news! We've just made waiting for a journal wrapped video a much better experience. Now, when users request their video, they receive real-time progress updates throughout the process. Instead of staring at a blank screen and wondering if anything is happening, users see clear, friendly notifications that keep them in the loop from start to finish.\"}),`\n`,(0,t.jsx)(e.p,{children:\"This means users always know their request is being handled, and they can follow along as their video is assembled\\u2014making the wait feel shorter and the experience more delightful. Progress updates transform a long-running task into a transparent, engaging journey, building trust and satisfaction with every step.\"}),`\n`,(0,t.jsx)(e.p,{children:\"Let's keep this momentum going and continue making our app a joy to use!\"})]})}function h(n={}){let{wrapper:e}=n.components||{};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(c,{...n})}):c(n)}function v(n,e){throw new Error(\"Expected \"+(e?\"component\":\"object\")+\" `\"+n+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return j(_);})();\n;return Component;",[475],"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/progress-updates~a3g0l/solution",{"_9":462,"_462":463},{"_9":462,"_466":478,"_165":166},7031,"https://stackblitz.com/github/epicweb-dev/advanced-mcp-features/tree/main/exercises/04.long-running-tasks/01.solution.progress?view=editor&hidedevtools=1&terminalHeight=0&hideNavigation=1&title=Progress+Updates+%28solution%29","problemName",{"_242":241,"_239":482,"_285":491},{"_20":71,"_110":396,"_440":483,"_22":72,"_24":73,"_442":484,"_457":485,"_460":487,"_464":488,"_468":490,"_240":260,"_242":241,"_9":239,"_470":75},"02.problem.cancellation","var Component=(()=>{var m=Object.create;var l=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var k=(s,e)=>()=>(e||s((e={exports:{}}).exports,e),e.exports),u=(s,e)=>{for(var n in e)l(s,n,{get:e[n],enumerable:!0})},o=(s,e,n,t)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let r of b(e))!f.call(s,r)&&r!==n&&l(s,r,{get:()=>e[r],enumerable:!(t=p(e,r))||t.enumerable});return s};var g=(s,e,n)=>(n=s!=null?m(y(s)):{},o(e||!s||!s.__esModule?l(n,\"default\",{value:s,enumerable:!0}):n,s)),v=s=>o(l({},\"__esModule\",{value:!0}),s);var i=k((z,c)=>{c.exports=_jsx_runtime});var N={};u(N,{default:()=>h,frontmatter:()=>x});var a=g(i()),x=void 0;function d(s){let e={a:\"a\",code:\"code\",div:\"div\",h1:\"h1\",p:\"p\",pre:\"pre\",span:\"span\",strong:\"strong\",...s.components},{EpicVideo:n}=e;return n||w(\"EpicVideo\",!0),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{children:\"Cancellation\"}),`\n`,(0,a.jsx)(n,{url:\"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/cancellation~6o5mm\"}),`\n`,(0,a.jsx)(e.p,{children:\"\\u{1F468}\\u200D\\u{1F4BC} When users embark on creating their personalized wrapped video, the process can take a while (especially if they journal a lot). Sometimes, halfway through, they realize they picked the wrong year, or maybe their cat walks across the keyboard and they want to stop the operation immediately. It's essential that our app gives users the power to cancel these long-running tasks, so they always feel in control and never stuck waiting for something they no longer want.\"}),`\n`,(0,a.jsx)(e.p,{children:`Let's make sure users can hit the \"Stop\" button and have their request canceled right away, freeing up system resources and making the experience feel responsive and modern.`}),`\n`,(0,a.jsx)(\"callout-warning\",{children:(0,a.jsxs)(e.p,{children:[(0,a.jsx)(e.strong,{children:\"NOTE\"}),`: As of this writing, there is no support for a stop button in the MCP\ninspector. Follow `,(0,a.jsx)(e.a,{href:\"https://github.com/modelcontextprotocol/inspector/issues/591\",children:`this\nissue`}),` for\nupdates.`]})}),`\n`,(0,a.jsxs)(e.p,{children:[\"Here's an example of how cancellation can be handled in our MCP server using the \",(0,a.jsx)(e.code,{children:\"AbortController\"}),\" and signals:\"]}),`\n`,(0,a.jsx)(e.pre,{\"data-line-numbers\":\"true\",\"data-lang\":\"ts\",style:{color:\"var(--base05)\",backgroundColor:\"var(--base00)\"},children:(0,a.jsxs)(e.code,{children:[(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"1\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// the signal comes from the SDK and is passed to our tool\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"2\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"controller\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"new\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"AbortController\"}),\"()\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"3\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"controller\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"4\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"5\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"async\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"function\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"createPlaylistMashup\"}),\"({\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"6\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"songs\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"7\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"onProgress\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"8\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// we pass the signal to our utility so we can add an event listener to it\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"9\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),\",\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"10\",children:[\"}\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\":\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"11\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"songs\"}),(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\":\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0C)\"},children:\"string\"}),\"[]\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"12\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"onProgress\"}),(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"?:\"}),\" (\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"progress\"}),(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\":\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0C)\"},children:\"number\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0C)\"},children:\"void\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"13\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"?:\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0A)\"},children:\"AbortSignal\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"14\",children:[\"}) {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"15\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"if\"}),\" (\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),\"?.\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"aborted\"}),\") \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"throw\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"new\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"Error\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Mashup creation was cancelled\"}),\"'\",\")\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"16\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"17\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// our logic...\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"18\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"const\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"promise\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"=\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"doTheAsyncThing\"}),\"()\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"19\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"20\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"function\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"onAbort\"}),\"() {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"21\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// we can do something here, like send a notification to the user\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"22\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// that the mashup was cancelled. This should trigger the async thing to throw an error.\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"23\",children:[\"\t}\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"24\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"addEventListener\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"abort\"}),\"'\",\", \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"onAbort\"}),\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"25\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"await\"}),\" \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"promise\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"finally\"}),\"(() \",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"=>\"}),\" {\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"26\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// make sure to clean up regardless of whether the promise resolves or rejects\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"27\",children:[\"\t\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"signal\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"removeEventListener\"}),\"(\",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"abort\"}),\"'\",\", \",(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"onAbort\"}),\")\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"28\",children:[\"\t})\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"29\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"30\",children:[\"\t\",(0,a.jsx)(e.span,{style:{color:\"var(--base0E)\"},children:\"return\"}),\" \",\"'\",(0,a.jsx)(e.span,{style:{color:\"var(--base0B)\"},children:\"Mashup complete!\"}),\"'\",`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"31\",children:[\"}\",`\n`]}),(0,a.jsx)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"32\",children:`\n`}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"33\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base03)\"},children:\"// Somewhere in the SDK, this gets called when the user wants to cancel:\"}),`\n`]}),(0,a.jsxs)(e.span,{className:\"codeblock-line\",\"data-line-number\":\"34\",children:[(0,a.jsx)(e.span,{style:{color:\"var(--base08)\"},children:\"controller\"}),\".\",(0,a.jsx)(e.span,{style:{color:\"var(--base0D)\"},children:\"abort\"}),\"()\",`\n`]})]})}),`\n`,(0,a.jsx)(e.div,{className:\"mermaid not-prose\",dangerouslySetInnerHTML:{__html:''}}),`\n`,(0,a.jsx)(\"callout-muted\",{children:(0,a.jsxs)(e.p,{children:[\"\\u{1F4DC} For more details on how to implement cancellation, see the \",(0,a.jsx)(e.a,{href:\"https://modelcontextprotocol.io/specification/2025-06-18/basic/utilities/cancellation\",children:`MCP\nCancellation\nDocumentation`}),\".\"]})}),`\n`,(0,a.jsx)(e.p,{children:\"The goal is to empower users to stop long-running operations at any time, making the app feel fast, flexible, and user-friendly\\u2014even when things don't go as planned.\"}),`\n`,(0,a.jsxs)(e.p,{children:[\"Now, please update our \",(0,a.jsx)(e.code,{children:\"create_wrapped_video\"}),\" tool to support cancellation.\"]}),`\n`,(0,a.jsx)(e.p,{children:\"Because the MCP Inspector does not support cancellation yet, you'll need to rely on the tests to verify your cancellation is working.\"})]})}function h(s={}){let{wrapper:e}=s.components||{};return e?(0,a.jsx)(e,{...s,children:(0,a.jsx)(d,{...s})}):d(s)}function w(s,e){throw new Error(\"Expected \"+(e?\"component\":\"object\")+\" `\"+s+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return v(N);})();\n;return Component;",[486],"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/cancellation~6o5mm",{"_9":462,"_462":463},{"_9":462,"_466":489,"_165":166},6032,"https://stackblitz.com/github/epicweb-dev/advanced-mcp-features/tree/main/exercises/04.long-running-tasks/02.problem.cancellation?view=editor&hidedevtools=1&terminalHeight=0&hideNavigation=1&title=Cancellation+%28problem%29",{"_20":75,"_110":396,"_440":492,"_22":76,"_24":77,"_442":493,"_457":494,"_460":496,"_464":497,"_468":499,"_240":260,"_242":241,"_9":285,"_480":-5},"02.solution.cancellation","var Component=(()=>{var u=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var w=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),x=(t,e)=>{for(var o in e)s(t,o,{get:e[o],enumerable:!0})},a=(t,e,o,i)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let r of m(e))!g.call(t,r)&&r!==o&&s(t,r,{get:()=>e[r],enumerable:!(i=h(e,r))||i.enumerable});return t};var y=(t,e,o)=>(o=t!=null?u(f(t)):{},a(e||!t||!t.__esModule?s(o,\"default\",{value:t,enumerable:!0}):o,t)),k=t=>a(s({},\"__esModule\",{value:!0}),t);var d=w((E,c)=>{c.exports=_jsx_runtime});var j={};x(j,{default:()=>p,frontmatter:()=>v});var n=y(d()),v=void 0;function l(t){let e={h1:\"h1\",p:\"p\",...t.components},{EpicVideo:o}=e;return o||_(\"EpicVideo\",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h1,{children:\"Cancellation\"}),`\n`,(0,n.jsx)(o,{url:\"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/cancellation~6o5mm/solution\"}),`\n`,(0,n.jsx)(e.p,{children:\"\\u{1F468}\\u200D\\u{1F4BC} Outstanding progress! We've just empowered our users with the ability to cancel long-running operations\\u2014like generating their personalized wrapped video\\u2014at any time. This means that if a user changes their mind, makes a mistake, or simply needs to stop the process, they can do so instantly, without waiting for the task to finish.\"}),`\n`,(0,n.jsx)(e.p,{children:\"This enhancement puts users in control, making the app feel faster, more flexible, and responsive. No more feeling stuck or frustrated by accidental requests or long waits. And it's more efficient for our servers as well to not continue processing a request that was cancelled. Now, users can confidently start and stop operations as needed, knowing the system will respect their choices and free up resources right away.\"}),`\n`,(0,n.jsx)(e.p,{children:\"Let's keep building on this momentum to deliver even more delightful, user-centric experiences!\"})]})}function p(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(l,{...t})}):l(t)}function _(t,e){throw new Error(\"Expected \"+(e?\"component\":\"object\")+\" `\"+t+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return k(j);})();\n;return Component;",[495],"https://www.epicai.pro/workshops/day-3-4-advanced-mcp-features/cancellation~6o5mm/solution",{"_9":462,"_462":463},{"_9":462,"_466":498,"_165":166},7032,"https://stackblitz.com/github/epicweb-dev/advanced-mcp-features/tree/main/exercises/04.long-running-tasks/02.solution.cancellation?view=editor&hidedevtools=1&terminalHeight=0&hideNavigation=1&title=Cancellation+%28solution%29",[501,505],{"_20":63,"_110":394,"_440":455,"_22":64,"_24":65,"_442":456,"_457":502,"_460":503,"_464":504,"_468":469,"_240":260,"_242":277,"_9":239,"_470":67},[459],{"_9":462,"_462":463},{"_9":462,"_466":467,"_165":166},{"_20":71,"_110":396,"_440":483,"_22":72,"_24":73,"_442":484,"_457":506,"_460":507,"_464":508,"_468":490,"_240":260,"_242":241,"_9":239,"_470":75},[486],{"_9":462,"_462":463},{"_9":462,"_466":489,"_165":166},[510,514],{"_20":67,"_110":394,"_440":472,"_22":68,"_24":69,"_442":473,"_457":511,"_460":512,"_464":513,"_468":479,"_240":260,"_242":277,"_9":285,"_480":-5},[475],{"_9":462,"_462":463},{"_9":462,"_466":478,"_165":166},{"_20":75,"_110":396,"_440":492,"_22":76,"_24":77,"_442":493,"_457":515,"_460":516,"_464":517,"_468":499,"_240":260,"_242":241,"_9":285,"_480":-5},[495],{"_9":462,"_462":463},{"_9":462,"_466":498,"_165":166},"exerciseFormEmbedUrl","https://docs.google.com/forms/d/e/1FAIpQLSf3o9xyjQepTlOTH5Z7ZwkeSTdXh6YWI_RGc9KiyD3oUN0p6w/viewform?hl=en&embedded=true&entry.1836176234=Advanced%20MCP%20Features%20%F0%9F%90%A1&entry.428900931=Long%20Running%20Tasks","epicVideoInfosPromise",["P",521],"exerciseFinished",{"_524":525,"_24":526},"file","/myapp/workshop-content/exercises/04.long-running-tasks/FINISHED.mdx","exercises/04.long-running-tasks/FINISHED.mdx","prevStepLink",{"_529":530,"_531":532},"to","/exercise/04/02/solution","aria-label","Cancellation (solution)","nextStepLink",{"_529":535,"_531":408},"/exercise/05","actionData","errors"]

04. Long Running Tasks/Elaboration