1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/McpFlowDiagram-BxYVxDoF.js","assets/index-DnVLPFZO.js","assets/CTABannerFreeform-D2F7ZmZw.js","assets/client-I_0Mfhxd.js","assets/bot-C83lkOhD.js","assets/plug-B_7_iipy.js","assets/server-D1TUz38Y.js"])))=>i.map(i=>d[i]); 2import{r as a,j as e,_ as I}from"./index-DnVLPFZO.js";import{a as x,g as S,J as T,j as y,e as w,f as h,a0 as W,L as M,P as D}from"./client-I_0Mfhxd.js";import{H}from"./HeroSectionNoImage-BjCEUH-o.js";import{H as _}from"./HowItWorks-Cb1ko9G9.js";import{F as k}from"./FeatureGridWithHalo-DOM1z64w.js";import{P as L}from"./ProseSection-C6JuzXBv.js";import{L as E}from"./LazyMount-CJwP273R.js";import{F as R}from"./FAQSection-CDVCdEo6.js";import{u as O,C as G}from"./CTABannerFreeform-D2F7ZmZw.js";import{G as u}from"./GlassCard-BkaKvQIc.js";import{C as V}from"./copy-D013Zztr.js";import{S as l}from"./SectionHeading-DKMc-a1j.js";import{M as F,m as q,a as B,b as U,c as Y,d as z,e as $,f as Q,g as K,h as J}from"./mcp-copilot-poster.webp.asset-BgjUr59y.js";import{R as X}from"./rocket-ktB3hCjt.js";import{S as Z}from"./server-cog-DS-EeNkM.js";import{S as ee}from"./shield-check-CeSbfYV3.js";import{W as te}from"./workflow-CbRpTfmY.js";import{K as oe}from"./key-round-BesITv8m.js";import{S as ae}from"./sliders-horizontal-BovY39-V.js";import{C as se}from"./camera-BbtNzdc0.js";import"./SpotlightBlob-BX-TBiJF.js";import"./arrow-right-DSjigE3E.js";import"./inlineLinks-Du0jx7xY.js";import"./minus-jtnWI7aN.js";import"./plus-C9JUFAT3.js";import"./tabStyles-BNvNvCib.js";import"./play-BDTKQIf2.js";const re=[["path",{d:"m21 16-4 4-4-4",key:"f6ql7i"}],["path",{d:"M17 20V4",key:"1ejh1v"}],["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}]],ne=x("arrow-up-down",re);const ie=[["path",{d:"M11 2v2",key:"1539x4"}],["path",{d:"M5 2v2",key:"1yf1q8"}],["path",{d:"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1",key:"rb5t3r"}],["path",{d:"M8 15a6 6 0 0 0 12 0v-3",key:"x18d4x"}],["circle",{cx:"20",cy:"10",r:"2",key:"ts1r5v"}]],ce=x("stethoscope",ie);const de=[["line",{x1:"10",x2:"14",y1:"2",y2:"2",key:"14vaq8"}],["line",{x1:"12",x2:"15",y1:"14",y2:"11",key:"17fdiu"}],["circle",{cx:"12",cy:"14",r:"8",key:"1e1u0o"}]],le=x("timer",de);function v({value:t,label:o="Copy",className:s=""}){const[r,n]=a.useState(!1),i=async()=>{try{await navigator.clipboard.writeText(t),n(!0),window.setTimeout(()=>n(!1),2e3)}catch{n(!1)}};return e.jsxs("div",{className:`flex items-center justify-between gap-4 rounded-xl border border-white/[0.06] bg-black/40 px-4 py-3 ${s}`,children:[e.jsx("code",{className:"truncate font-mono text-[15px] text-[#55D396]",children:t}),e.jsxs("button",{type:"button",onClick:i,"aria-label":`${o}: ${t}`,className:"inline-flex shrink-0 items-center gap-2 rounded-lg border border-white/[0.08] bg-white/[0.06] px-3 py-1.5 text-[12px] font-medium text-white/85 transition-colors hover:bg-white/[0.12] hover:text-white",children:[r?e.jsx(S,{className:"h-3.5 w-3.5 text-[#55D396]","aria-hidden":"true"}):e.jsx(V,{className:"h-3.5 w-3.5","aria-hidden":"true"}),r?"Copied":o]})]})}function pe({text:t,shownInDemo:o}){const[s,r]=a.useState(!1);a.useEffect(()=>{if(!s)return;const i=setTimeout(()=>r(!1),2e3);return()=>clearTimeout(i)},[s]);const n=async()=>{try{await navigator.clipboard.writeText(t),r(!0)}catch{}};return e.jsx(u,{hoverLift:!1,className:"h-full p-5",children:e.jsxs("div",{className:"flex h-full flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[o?e.jsx("span",{className:"rounded-full border border-[#55D396]/35 px-2.5 py-0.5 text-[11px] text-[#55D396]",children:"Shown in the demo"}):e.jsx("span",{}),e.jsx("button",{type:"button",onClick:n,"aria-label":s?"Prompt copied":`Copy prompt: ${t}`,className:"rounded-md border border-white/[0.12] px-2.5 py-1 text-[12px] text-white/85 transition-colors hover:border-[#55D396]/50 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#55D396]/60",children:s?"Copied":"Copy"})]}),e.jsxs("p",{className:"mt-4 font-mono text-[14px] leading-relaxed text-[#55D396]",children:['"',t,'"']})]})})}function he({src:t,poster:o,label:s,className:r=""}){const{ref:n,inView:i}=O({threshold:0}),g=a.useRef(null),[d,j]=a.useState(!1),[f,N]=a.useState(!1);return a.useEffect(()=>{j(window.matchMedia("(prefers-reduced-motion: reduce)").matches)},[]),a.useEffect(()=>{i&&N(!0);const m=g.current;!m||d||(i?m.play().catch(()=>{}):m.pause())},[i,d,f]),e.jsx("div",{ref:n,className:r,children:e.jsx("video",{ref:g,className:"block h-auto w-full rounded-2xl border border-white/[0.06]",src:f?t:void 0,poster:o,muted:!0,loop:!d,playsInl
2ine:!0,controls:d,preload:"none","aria-label":s})})}const ue="/__l5e/assets-v1/364d592d-667b-425b-8ddc-6a4f8c71b1eb/mcp-prompting.mp4",me={url:ue},be="/__l5e/assets-v1/3fded697-3e13-47e1-96f0-438eaaef0faa/mcp-prompting-poster.webp",xe={url:be},ge=a.lazy(()=>I(()=>import("./McpFlowDiagram-BxYVxDoF.js"),__vite__mapDeps([0,1,2,3,4,5,6]))),p=W(h),C="https://docs.webdock.io/mcp-guides/",b="https://mcp.webdock.io",A="https://app.webdock.io/en/dash/account/ai-mcp",fe="https://docs.webdock.io/mcp-guides/getting-started-with-webdock-mcp/",ye="https://docs.webdock.io/mcp-guides/connect-webdock-mcp-to-other-clients/",c="text-[#55D396] underline underline-offset-2 decoration-[#55D396]/40 transition-colors hover:text-white hover:decoration-white",we=[["What it is","A remote MCP server operated by Webdock."],["Endpoint","https://mcp.webdock.io"],["Transport","Streamable HTTP over HTTPS (some AI chats label it HTTP)"],["Authentication","OAuth sign-in in your browser. No password or general API token in the AI chat."],["Permissions","Chosen by you at sign-in, from read-only to full server management."],["Works with","Claude, ChatGPT, Devin, GitHub Copilot in VS Code, and other AI chats that support remote MCP servers."],["Setup","From the Webdock dashboard (Account, then AI and MCP) or manually in your AI chat."],["Price","Included with your Webdock account. You only pay for the servers you run."],["Available since","September 2026."]],ke=["Show me all my Webdock servers and their current status.","Create a snapshot of my production server before we make changes.","Set up a new WordPress server using Webdock's managed WordPress functionality.","Upgrade my staging server to a bigger profile. Show me the new monthly price before you change anything."],ve=[{icon:oe,title:"OAuth, not passwords",description:"Your AI chat never holds your Webdock password or a long-lived API token. You sign in to Webdock and approve what it can do."},{icon:ae,title:"Scoped permissions",description:"Read-only for audits and troubleshooting. More only when you want changes. Reconnect any time to change what it's allowed to do."},{icon:le,title:"Waits for real results",description:"Some Webdock operations run in the background. Ask your AI chat to wait for each one to finish before starting the next."},{icon:se,title:"Snapshot first",description:"Ask for a snapshot before big changes. It's a safety net alongside your normal backups, not a replacement for them."}],P=["In your MCP client, add a new custom or remote server.","Choose HTTP or Streamable HTTP if asked for a transport.",`Enter ${b}`,"Choose OAuth if asked for an authentication method. Most AI chats detect it automatically.","Sign in to Webdock in the browser window that opens and approve the permissions you want to grant.","Return to your AI chat and confirm the Webdock tools are available."],Ce=[{title:"AI Assistant",text:"Answers your questions inside the Webdock panel. It never touches your account.",href:"/ai-assistant"},{title:"AI Agent hosting",text:"Deploy autonomous agents on Webdock infrastructure and keep them running 24/7.",href:"/ai-agent"},{title:"Webdock MCP",text:"Let your AI manage your entire infrastructure",href:null}],Ae=[{question:"What is Webdock MCP?",answer:"Webdock MCP is a remote MCP server operated by Webdock at https://mcp.webdock.io. MCP (Model Context Protocol) is an open standard that lets an AI chat use external tools in a consistent way. With Webdock MCP, Claude, ChatGPT and other AI chats can deploy and manage servers on your Webdock account in plain language."},{question:"Does Webdock MCP cost extra?",answer:"No. Webdock MCP is included with your Webdock account. You only pay for the servers you run, at normal Webdock prices."},{question:"Which AI chats work with Webdock MCP?",answer:"Claude, ChatGPT, Devin and GitHub Copilot in VS Code, each with its own setup guide. Any other AI chat that supports remote MCP servers can connect using the guide for other clients."},{question:"Do I need to install anything or use the Webdock dashboard?",answer:"No. Webdock runs the MCP server, so there is nothing to install. Add https://mcp.webdock.io in your AI chat, sign in once, and work entirely from the chat. The dashboard setup page (Account, then AI and MCP) is an optional shortcut."},{question:"How does Webdock MCP keep my account secure?",answer:"You sign in to Webdock through OAuth
2in your browser, so your password and long-lived API tokens never go into the AI chat. Claude does not need a separate OAuth client ID or secret either. You choose the permissions at sign-in, from read-only to full server management. Read-only works well for inventory, audits and troubleshooting. Reconnect at any time and approve a different set of permissions to change them."},{question:"Can it create, upgrade or downgrade servers?",answer:"Yes, with the right permissions. It can pick a profile, location and software image, including Webdock's LAMP and LEMP images, and create the server. It can also resize and reconfigure existing servers. It reads profiles and their monthly prices, so you can ask it to compare options and confirm the cost before anything billable happens."},{question:"Can it manage WordPress and databases?",answer:"Yes. It can manage MySQL databases on your servers and supported WordPress functionality. For Webdock-managed WordPress, ask it to pick the cheapest compatible profile that includes it and to use Webdock's managed tooling instead of a manual install."},{question:"Is it safe to use on production servers?",answer:"With good habits, yes. Ask for a snapshot before major changes, name the exact server it may touch, and ask it to verify the result afterwards. Review anything billable or destructive before approving it. A snapshot is a recovery point, not a replacement for your backups."},{question:"Is Webdock MCP the same as the Webdock AI Assistant?",answer:"No. The AI Assistant answers questions inside the Webdock panel and never changes anything. Webdock MCP lets your own AI chat deploy and manage servers on your account."},{question:"Does it work on Claude Team or Enterprise?",answer:"Yes. An organization Owner usually adds the Webdock connector first, then each team member connects their own Webdock account."},{question:"What if the Webdock tools don't show up or it hits a permission error?",answer:"Check that Webdock is enabled for the current conversation, reconnect it, and confirm you completed the OAuth sign-in and approved the permissions you need. For a permission error in the middle of a task, reconnect and approve the permission that operation needs."}];function Xe(){return e.jsxs(e.Fragment,{children:[e.jsx(T,{data:{"@context":"https://schema.org","@type":"HowTo",name:"Connect your AI chat to Webdock MCP",step:P.map((t,o)=>({"@type":"HowToStep",position:o+1,name:`Step ${o+1}`,text:t}))}}),e.jsx(H,{headline:"Deploy and manage your Webdock servers from your AI chat",subheadline:e.jsxs(e.Fragment,{children:["Connect Claude, ChatGPT, Devin or GitHub Copilot to Webdock using MCP.",e.jsx("br",{}),"Deploy, inspect, resize and manage your servers in plain language, without switching to the dashboard.",e.jsx("span",{className:"mt-4 block text-[14px] text-white/80",children:"Secure OAuth. Scoped permissions. No API tokens. Included with your Webdock account."})]}),ctaText:"Create free account & connect MCP",ctaHref:y,secondaryCtaText:"Read the setup guides",secondaryCtaHref:C}),e.jsx("section",{className:"relative w-full bg-black pb-12",children:e.jsx("div",{className:"mx-auto max-w-xl px-6",children:e.jsx(v,{value:b,label:"Copy endpoint"})})}),e.jsx(_,{glowDown:!0,subtitle:"How it works",title:"Stay in the AI chat you already use",steps:[{number:"1",title:"Open your AI chat",illustration:"aiChat",description:"Claude, ChatGPT, Devin or any MCP-compatible AI chat you already work in."},{number:"2",title:"Connect to Webdock MCP",illustration:"oauth",description:"Approve access through OAuth. No passwords, no API tokens."},{number:"3",title:"Start managing your infrastructure",illustration:"prompt",description:"Describe the outcome you want. Your AI chat picks the right Webdock tools."}]}),e.jsx("section",{className:"relative z-10 -mt-16 w-full pb-12 md:-mt-20",children:e.jsx("p",{className:"text-center text-[14px]",children:e.jsx("a",{href:"#connect",className:c,children:"Detailed setup below"})})}),e.jsx(F,{compositedOnly:!0,mobileHaloBlobs:p,eyebrow:"Works with your AI chat",title:"Use Webdock MCP with Claude, ChatGPT, Devin and GitHub Copilot",subt
2itle:"Pick your AI chat and watch it deploy and manage a Webdock server in plain language.",media:J.url,mediaAlt:"Setting up Claude with the Webdock MCP server and managing a Webdock VPS from the chat window",ctaText:"Create account",ctaHref:y,showCardGuideLink:!0,guideByClient:{Claude:"https://docs.webdock.io/mcp-guides/connect-webdock-mcp-to-claude/",ChatGPT:"https://docs.webdock.io/mcp-guides/connect-webdock-mcp-to-chatgpt/",Devin:"https://docs.webdock.io/mcp-guides/connect-webdock-mcp-to-devin/","GitHub Copilot":"https://docs.webdock.io/mcp-guides/connect-webdock-mcp-to-github-copilot-in-visual-studio-code/"},mediaByClient:{Claude:{src:K.url,poster:Q.url,alt:"Managing a Webdock VPS from Claude through the Webdock MCP server"},ChatGPT:{src:$.url,poster:z.url,alt:"Managing a Webdock VPS from ChatGPT through the Webdock MCP server"},Devin:{src:Y.url,poster:U.url,alt:"Managing a Webdock VPS from Devin through the Webdock MCP server"},"GitHub Copilot":{src:B.url,poster:q.url,alt:"Managing a Webdock VPS from GitHub Copilot through the Webdock MCP server"}},descriptionByClient:{Claude:"Add Webdock as a custom connector in Claude on the web or desktop, then sign in to Webdock in your browser.",ChatGPT:"Connect ChatGPT to https://mcp.webdock.io, sign in to Webdock through OAuth and approve the permissions you want to grant.",Devin:"Add Webdock as a custom MCP server. Webdock pre-selects the available permissions at sign-in, because Devin handles later permission requests less reliably. You can deselect any.","GitHub Copilot":"Use Webdock from GitHub Copilot in VS Code. As with Devin, Webdock pre-selects the available permissions at sign-in, and you can deselect any."},footer:e.jsxs(e.Fragment,{children:["Using another AI chat?"," ",e.jsx("a",{href:ye,target:"_blank",rel:"noopener noreferrer",className:c,children:"Follow the guide for other clients"})]})}),e.jsxs("section",{className:"relative w-full overflow-hidden bg-black py-20",children:[e.jsx(w,{blobs:h,mobileBlobs:p}),e.jsxs("div",{className:"relative mx-auto max-w-[1400px] px-6 lg:px-10",children:[e.jsx(l,{badge:"REFERENCE",title:"Webdock MCP at a glance"}),e.jsx("div",{className:"mx-auto mt-12 max-w-4xl",children:e.jsx(u,{hoverLift:!1,className:"p-2 md:p-4",children:e.jsx("dl",{children:we.map(([t,o])=>e.jsxs("div",{className:"grid gap-1 border-b border-white/[0.06] px-4 py-4 last:border-b-0 md:grid-cols-[1fr_2.5fr] md:gap-6",children:[e.jsx("dt",{className:"text-[14px] font-medium text-white",children:t}),e.jsx("dd",{className:"text-[14.5px] leading-relaxed text-white/85",children:o})]},t))})})})]})]}),e.jsx(L,{subtitle:"THE STANDARD",title:"One connection. No more dashboard switching.",paragraphs:["Webdock MCP gives your AI access to the real state of your Webdock account: Servers, profiles, locations, images and supported operations.",""],actions:e.jsxs("div",{className:"relative w-full",children:[e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute -inset-x-16 -inset-y-24",style:{background:"radial-gradient(60% 55% at 50% 50%, rgba(22,154,80,0.22) 0%, rgba(43,255,248,0.07) 45%, rgba(0,0,0,0) 78%)",filter:"blur(28px)"}}),e.jsx("div",{className:"relative px-6 py-7",children:e.jsx(E,{minHeight:"var(--mcp-flow-h)",className:"[--mcp-flow-h:552px] md:[--mcp-flow-h:96px]",children:e.jsx(a.Suspense,{fallback:e.jsx("div",{style:{minHeight:"var(--mcp-flow-h)"}}),children:e.jsx(ge,{})})})})]})}),e.jsx(k,{mobileHaloBlobs:p,eyebrow:"CAPABILITIES",title:"What you can do with Webdock MCP",features:[{icon:X,title:"Deploy Servers",description:"Create a new VPS, choose location, profile and image, and deploy it directly from your AI chat."}
2,{icon:Z,title:"Inspect infrastructure",description:"Ask about your servers, configurations, locations, images, account details and current state."},{icon:ne,title:"Upgrade or downgrade",description:"Upgrade or downgrade a server and review the new configuration before applying the change."},{icon:ee,title:"Create snapshots",description:"Take a snapshot before making risky changes so you have a recovery point."},{icon:ce,title:"Diagnose Issues",description:"Inspect server state and metrics before making changes to your infrastructure."},{icon:te,title:"Automate",description:"Execute supported server-side operations and chain multiple steps into a single workflow."}]}),e.jsx(k,{eyebrow:"CONTROL",title:"Built to keep you in control",haloVariant:2,mobileHaloBlobs:W(D[2]??h),features:ve}),e.jsx("section",{className:"relative w-full bg-black py-20",children:e.jsxs("div",{className:"relative mx-auto max-w-[1400px] px-6 lg:px-10",children:[e.jsx(l,{badge:"Try it yourself",title:"Tell your AI what you want. Let it handle the Webdock tools.",subtitle:""}),e.jsx("div",{className:"mx-auto mt-12 max-w-4xl overflow-hidden rounded-xl border border-white/[0.08]",children:e.jsx(he,{src:me.url,poster:xe.url,label:"Prompting Webdock MCP in an AI chat to deploy and manage a server"})}),e.jsx("div",{className:"mx-auto mt-8 grid max-w-4xl gap-4 md:grid-cols-2",children:ke.map((t,o)=>e.jsx(pe,{text:t,shownInDemo:o<2},t))})]})}),e.jsx("section",{id:"connect",className:"relative w-full scroll-mt-24 bg-black py-20",children:e.jsxs("div",{className:"relative mx-auto max-w-[1400px] px-6 lg:px-10",children:[e.jsx(l,{badge:"SETUP",title:"Connect in a few steps"}),e.jsxs("p",{className:"mx-auto mt-8 max-w-4xl text-center text-[15px] leading-relaxed text-white/85",children:["Fastest route: set it up from your"," ",e.jsx("a",{href:A,target:"_blank",rel:"noopener noreferrer",className:c,children:"Webdock dashboard"}),". Or connect manually:"]}),e.jsx("ol",{className:"mx-auto mt-8 max-w-4xl space-y-4",children:P.map((t,o)=>e.jsx("li",{children:e.jsx(u,{hoverLift:!1,className:"p-5",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-[#55D396]/35 font-mono text-[12px] text-[#55D396]",children:String(o+1).padStart(2,"0")}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("p",{className:"pt-1 text-[15px] leading-relaxed text-white/85",children:t}),o===2?e.jsx(v,{value:b,label:"Copy endpoint",className:"mt-3 max-w-md"}):null]})]})})},t))}),e.jsxs("p",{className:"mt-8 text-center text-[14px] text-white/85",children:["Full guides at"," ",e.jsx("a",{href:C,target:"_blank",rel:"noopener noreferrer",className:c,children:"docs.webdock.io/mcp-guides"})]})]})}),e.jsxs("section",{className:"relative w-full overflow-hidden bg-black py-20",children:[e.jsx("div",{className:"absolute inset-0 z-0",children:e.jsx(w,{blobs:h,mobileBlobs:p})}),e.jsxs("div",{className:"relative z-10 mx-auto max-w-[1400px] px-6 lg:px-10",children:[e.jsx(l,{badge:"Know the difference",title:"AI across the Webdock platform"}),e.jsx("div",{className:"mt-12 grid gap-6 md:grid-cols-3",children:Ce.map(t=>e.jsxs(u,{hoverLift:!1,className:"relative z-10 p-6",children:[e.jsx("h3",{className:"text-[17px] font-medium text-white",children:t.title}),e.jsx("p",{className:"mt-3 text-[15px] leading-relaxed text-white/85",children:t.text}),t.href?e.jsx(M,{to:t.href,className:`mt-4 inline-block text-[14px] ${c}`,children:t.title}):null]},t.title))})]})]}),e.jsx(R,{eyebrow:"FAQ",title:"Webdock MCP questions",subtitle:"Everything you need to know about connecting your AI chat to Webdock.",faqs:Ae}),e.jsx(G,{headline:"Run your servers from your AI chat",subheadline:"Connect once, keep control of every permission. Included with your Webdock account.",primaryButtonText:"Getting started with Webdock MCP",primaryButtonHref:fe,secondaryButtonText:"Set it up in your dashboard",secondaryButtonHref:A})]})}export{Xe as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.