mcp-deploy 0.1.0

package/.next/static/chunks/app/mcps/[slug]/page-8e0aa560f0622f11.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[526],{3321:(e,t,s)=>{"use strict";var r=s(4645);s.o(r,"usePathname")&&s.d(t,{usePathname:function(){return r.usePathname}}),s.o(r,"useRouter")&&s.d(t,{useRouter:function(){return r.useRouter}}),s.o(r,"useSearchParams")&&s.d(t,{useSearchParams:function(){return r.useSearchParams}})},4959:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>m});var r=s(5155),a=s(2115),n=s(3321),l=s(5341);function o({open:e}){return e?(0,r.jsxs)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:[(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"}),(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"})]}):(0,r.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"})})}function d({className:e="w-3 h-3 inline-block ml-0.5"}){return(0,r.jsxs)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"}),(0,r.jsx)("polyline",{points:"15 3 21 3 21 9"}),(0,r.jsx)("line",{x1:"10",y1:"14",x2:"21",y2:"3"})]})}function i({slug:e,fields:t,configuredKeys:s,enabledPlatforms:n}){let l=t.filter(e=>!!e.required||!e.forPlatform||!n||n.includes(e.forPlatform)),[i,c]=(0,a.useState)({}),[u,x]=(0,a.useState)({}),[m,p]=(0,a.useState)({}),[h,f]=(0,a.useState)(!1),[g,y]=(0,a.useState)(null),[b,j]=(0,a.useState)(null),[v,k]=(0,a.useState)({}),[N,w]=(0,a.useState)(s),[C,S]=(0,a.useState)(null),T=(0,a.useRef)(new Set);async function $(t){if(confirm("Are you sure you want to clear this value? This will remove it from Cloudflare.")){y(t),S(null);try{let s=await fetch(`/api/mcps/${e}/secrets`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({deleteKeys:[t]})}),r=await s.json();s.ok?(S({type:"success",text:"Cleared successfully"}),w(N.filter(e=>e!==t)),p({...m,[t]:!1})):S({type:"error",text:r.error??"Failed to delete"})}catch{S({type:"error",text:"Failed to connect to server"})}finally{y(null)}}}async function U(e,s=!1){if(!e.test)return;let r=i[e.key];if(!r?.trim()){s||k({...v,[e.key]:{success:!1,message:"Enter a value first"}});return}j(e.key),k({...v,[e.key]:void 0});try{let s={};for(let e of t)i[e.key]?.trim()&&(s[e.key]=i[e.key]);let a=await fetch("/api/test-connection",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({spec:e.test,value:r,allValues:s})}),n=await a.json();k({...v,[e.key]:{success:n.success,message:n.success?n.message??"Connection successful":n.error??"Test failed"}})}catch{k({...v,[e.key]:{success:!1,message:"Failed to test connection"}})}finally{j(null)}}let A=/^[^\s@]+@[^\s@]+\.[^\s@]+$/;async function P(t){t.preventDefault(),f(!0),S(null);let s={};for(let[e,t]of Object.entries(i))t.trim()&&(s[e]=t.trim());if(0===Object.keys(s).length){S({type:"error",text:"No changes to save."}),f(!1);return}for(let e of l){let t=s[e.key];if("email"===e.type&&t&&!A.test(t)){S({type:"error",text:`${e.label}: enter a valid email address`}),f(!1);return}}try{let t=await fetch(`/api/mcps/${e}/secrets`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({secrets:s})}),r=await t.json();t.ok?(S({type:"success",text:"Saved successfully"}),c({}),p({}),w([...new Set([...N,...r.updatedKeys])])):S({type:"error",text:r.error??"Failed to update"})}catch{S({type:"error",text:"Failed to connect to server"})}finally{f(!1)}}return 0===l.length?null:(0,r.jsxs)("form",{onSubmit:P,className:"space-y-4",children:[l.map(t=>{let s=N.includes(t.key),a=m[t.key]||!s,n=!!t.test,l=!!i[t.key]?.trim();return(0,r.jsxs)("div",{children:[(0,r.jsxs)("label",{className:"flex items-center gap-2 text-sm font-medium text-fg-secondary mb-1.5",children:[t.label,t.required?(0,r.jsx)("span",{className:"text-accent-fg text-xs",children:"required"}):(0,r.jsx)("span",{className:"text-fg-faint text-xs",children:"optional"})]}),t.helpText&&(0,r.jsxs)("p",{className:"text-xs text-fg-faint mb-2",children:[t.helpText,t.helpUrl&&(0,r.jsxs)(r.Fragment,{children:[" ",(0,r.jsxs)("a",{href:t.helpUrl,target:"_blank",rel:"noopener noreferrer",className:"text-accent-fg hover:underline",children:["Get key ",(0,r.jsx)(d,{})]})]})]}),s&&!a?(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)("div",{className:"flex-1 px-4 py-2.5 bg-surface-raised/50 border border-success-mid/30 rounded-lg text-sm text-fg-muted font-mono",children:"••••••••••••"}),(0,r.jsx)("button",{type:"button",onClick:()=>{var e;return e=t.key,void p({...m,[e]:!0})},className:"px-4 py-2.5 bg-surface-overlay hover:bg-edge-subtle text-fg-secondary text-sm font-medium rounded-lg transition-colors whitespace-nowrap",children:"Change"}),(0,r.jsx)("button",{type:"button",onClick:()=>$(t.key),disabled:g===t.key,className:"px-4 py-2.5 bg-danger-mid/10 hover:bg-danger-mid/20 border border-danger-mid/30 text-danger text-sm font-medium rounded-lg transition-colors whitespace-nowrap disabled:opacity-50",children:g===t.key?"Clearing...":"Clear"})]}):(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsxs)("div",{className:"relative flex-1",children:[(0,r.jsx)("input",{type:"password"!==t.type||u[t.key]?"text":"password",id:`${e}-update-${t.key}`,name:`${e}-update-${t.key}`,autoComplete:"off","data-1p-ignore":!0,"data-lpignore":"true",value:i[t.key]??"",onChange:e=>{var s,r;let a;return s=t.key,r=e.target.value,a=i[s]??"",void((Math.abs(r.length-a.length)>5||!r)&&(T.current.delete(s),v[s]&&k({...v,[s]:void 0})),c({...i,[s]:r}))},onBlur:()=>{let e;return e=i[t.key],void(t.test&&e?.trim()&&!T.current.has(t.key)&&(T.current.add(t.key),U(t,!0)))},placeholder:t.placeholder,className:`w-full px-4 py-2.5 bg-surface-raised border border-edge-subtle rounded-lg text-sm text-fg placeholder-fg-faint focus:outline-none focus:border-accent-edge focus:ring-1 focus:ring-accent-edge${"password"===t.type?" pr-10":""}`}),"password"===t.type&&(0,r.jsx)("button",{type:"button",onClick:()=>x({...u,[t.key]:!u[t.key]}),className:"absolute right-3 top-1/2 -translate-y-1/2 text-fg-faint hover:text-fg-secondary transition-colors",children:(0,r.jsx)(o,{open:u[t.key]??!1})})]}),n&&l&&(0,r.jsx)("button",{type:"button",onClick:()=>U(t),disabled:b===t.key,className:"px-4 py-2.5 bg-surface-overlay hover:bg-edge-subtle disabled:bg-surface-raised disabled:text-fg-disabled text-fg-secondary text-sm font-medium rounded-lg transition-colors whitespace-nowrap",children:b===t.key?"Testing...":"Test"}),s&&a&&(0,r.jsx)("button",{type:"button",onClick:()=>{p({...m,[t.key]:!1}),c({...i,[t.key]:""}),k({...v,[t.key]:void 0})},className:"px-4 py-2.5 bg-surface-overlay hover:bg-edge-subtle text-fg-muted text-sm font-medium rounded-lg transition-colors whitespace-nowrap",children:"Cancel"})]}),v[t.key]&&(0,r.jsxs)("p",{className:`text-xs mt-2 ${v[t.key].success?"text-success":"text-danger"}`,children:[v[t.key].success?"✓":"✗"," ",v[t.key].message]})]},t.key)}),C&&(0,r.jsx)("p",{className:`text-sm rounded-lg px-4 py-2 ${"success"===C.type?"text-success bg-success-mid/10 border border-success-mid/20":"text-danger bg-danger-mid/10 border border-danger-mid/20"}`,children:C.text}),Object.values(i).some(e=>e?.trim())&&(0,r.jsx)("button",{type:"submit",disabled:h,className:"px-6 py-2.5 bg-accent hover:bg-accent-hover disabled:opacity-50 disabled:cursor-not-allowed text-white text-sm font-medium rounded-lg transition-colors",children:h?"Saving...":"Save Changes"})]})}function c({fields:e,values:t,onChange:s}){return 0===e.length?null:(0,r.jsx)("div",{className:"space-y-4",children:e.map(e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"block text-sm font-medium text-fg-secondary mb-1.5",children:e.label}),e.helpText&&(0,r.jsx)("p",{className:"text-xs text-fg-faint mb-2",children:e.helpText}),"multiselect"===e.type&&e.options?(0,r.jsx)(u,{field:e,value:t[e.key]??e.default??"",onChange:r=>s({...t,[e.key]:r})}):"select"===e.type&&e.options?(0,r.jsx)("select",{value:t[e.key]??e.default??"",onChange:r=>s({...t,[e.key]:r.target.value}),className:"w-full px-4 py-2.5 bg-surface-raised border border-edge-subtle rounded-lg text-sm text-fg focus:outline-none focus:border-accent-edge focus:ring-1 focus:ring-accent-edge",children:e.options.map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))}):(0,r.jsx)("input",{type:"text",value:t[e.key]??e.default??"",onChange:r=>s({...t,[e.key]:r.target.value}),className:"w-full px-4 py-2.5 bg-surface-raised border border-edge-subtle rounded-lg text-sm text-fg focus:outline-none focus:border-accent-edge focus:ring-1 focus:ring-accent-edge"})]},e.key))})}function u({field:e,value:t,onChange:s}){let[n,l]=(0,a.useState)(new Set(t.split(",").filter(Boolean)));return(0,r.jsx)("div",{className:"flex flex-wrap gap-2",children:e.options?.map(e=>(0,r.jsx)("button",{type:"button",onClick:()=>{var t;let r;return t=e.value,void((r=new Set(n)).has(t)?r.delete(t):r.add(t),l(r),s(Array.from(r).join(",")))},className:`px-3 py-1.5 rounded-lg text-sm border transition-colors ${n.has(e.value)?"bg-accent-edge/15 border-accent-edge/40 text-accent-fg":"bg-surface-raised border-edge-subtle text-fg-muted hover:border-fg-disabled"}`,children:e.label},e.value))})}function x({mcpUrl:e,mcpUrlWithToken:t,bearerToken:s,slug:n,authMode:l="bearer",oauthPassword:d}){let[i,c]=(0,a.useState)("ui"),[u,x]=(0,a.useState)(!1),[m,p]=(0,a.useState)(!1),[h,f]=(0,a.useState)(!1),g="bearer"===l?t:e,y=JSON.stringify("bearer"===l?{mcpServers:{[n]:{command:"npx",args:["mcp-remote",e,"--header","Authorization:${AUTH_HEADER}"],env:{AUTH_HEADER:`Bearer ${s??""}`}}}}:{mcpServers:{[n]:{command:"npx",args:["mcp-remote",e]}}},null,2);async function b(e){try{await navigator.clipboard.writeText(e)}catch{let t=document.createElement("textarea");t.value=e,t.style.position="fixed",t.style.opacity="0",document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}x(!0),setTimeout(()=>x(!1),2e3)}async function j(){if(d){try{await navigator.clipboard.writeText(d)}catch{let e=document.createElement("textarea");e.value=d,e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e)}f(!0),setTimeout(()=>f(!1),2e3)}}let v=d&&"oauth"===l&&(0,r.jsxs)("div",{className:"mt-3 pt-3 border-t border-edge-subtle/50",children:[(0,r.jsx)("p",{className:"text-xs text-fg-faint mb-2",children:"OAuth password"}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)("div",{className:"relative flex-1",children:[(0,r.jsx)("div",{className:"w-full px-4 py-2.5 pr-10 bg-surface-raised border border-edge-subtle rounded-lg text-sm text-fg font-mono break-all",children:m?d:"•".repeat(24)}),(0,r.jsx)("button",{onClick:()=>p(!m),className:"absolute right-3 top-1/2 -translate-y-1/2 text-fg-faint hover:text-fg-secondary transition-colors",title:m?"Hide password":"Show password",children:(0,r.jsx)(o,{open:m})})]}),(0,r.jsx)("button",{onClick:j,className:"px-3 py-2.5 bg-surface-overlay hover:bg-edge-subtle rounded-lg text-xs text-fg-secondary transition-colors shrink-0",children:h?"Copied!":"Copy"})]})]});return(0,r.jsxs)("div",{className:"border border-edge rounded-xl overflow-hidden",children:[(0,r.jsx)("div",{className:"flex border-b border-edge",children:[{id:"ui",label:"Claude Desktop UI"},{id:"json",label:"JSON Config"}].map(e=>(0,r.jsx)("button",{onClick:()=>c(e.id),className:`px-4 py-2.5 text-xs font-medium transition-colors ${i===e.id?"bg-surface-raised text-accent-fg border-b-2 border-accent-fg":"text-fg-faint hover:text-fg-secondary"}`,children:e.label},e.id))}),(0,r.jsxs)("div",{className:"p-4",children:["ui"===i&&(0,r.jsxs)("div",{className:"space-y-3",children:[(0,r.jsxs)("p",{className:"text-sm text-fg-muted",children:["Go to"," ",(0,r.jsx)("strong",{children:"Settings → Connectors → Add custom connector"})," ","and paste this URL:"]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("code",{className:"flex-1 px-3 py-2 bg-surface-raised border border-edge-subtle rounded-lg text-sm text-accent-fg break-all",children:g}),(0,r.jsx)("button",{onClick:()=>b(g),className:"px-3 py-2 bg-surface-overlay hover:bg-edge-subtle rounded-lg text-xs text-fg-secondary transition-colors shrink-0",children:u?"Copied!":"Copy"})]}),"bearer"===l&&(0,r.jsx)("p",{className:"text-xs text-fg-faint",children:"Your bearer token is embedded in the URL. Keep it private."}),"oauth"===l&&(0,r.jsxs)("p",{className:"text-xs text-fg-faint",children:["After adding the connector, click ",(0,r.jsx)("strong",{children:"Configure"})," when prompted. Enter the password below in the authorization dialog."]}),"open"===l&&(0,r.jsx)("p",{className:"text-xs text-danger",children:"This MCP is deployed without authentication. Anyone with the URL can access it."}),v]}),"json"===i&&(0,r.jsxs)("div",{className:"space-y-3",children:[(0,r.jsxs)("p",{className:"text-sm text-fg-muted",children:["Add to your"," ",(0,r.jsx)("code",{className:"text-accent-fg",children:"claude_desktop_config.json"}),":"]}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("pre",{className:"px-4 py-3 bg-surface-raised rounded-lg text-xs text-fg-secondary overflow-x-auto",children:y}),(0,r.jsx)("button",{onClick:()=>b(y),className:"absolute top-2 right-2 px-2 py-1 bg-surface-overlay hover:bg-edge-subtle rounded text-xs text-fg-muted transition-colors",children:u?"Copied!":"Copy"})]}),"bearer"===l&&(0,r.jsxs)("p",{className:"text-xs text-fg-faint",children:["Uses ",(0,r.jsx)("code",{children:"mcp-remote"})," with bearer token authentication."]}),"oauth"===l&&(0,r.jsx)("p",{className:"text-xs text-fg-faint",children:"On first connect, your browser will open for OAuth authorization. Enter the password below when prompted."}),"open"===l&&(0,r.jsx)("p",{className:"text-xs text-danger",children:"This MCP is open. No authentication headers are sent."}),v]})]})]})}function m({params:e}){let t,s,u,m,p,h,{slug:f}=(0,a.use)(e),g=(0,n.useRouter)(),[y,b]=(0,a.useState)(null),[j,v]=(0,a.useState)(!0),[k,N]=(0,a.useState)(!1),[w,C]=(0,a.useState)(null),[S,T]=(0,a.useState)(null),[$,U]=(0,a.useState)({}),[A,P]=(0,a.useState)({}),[O,M]=(0,a.useState)({}),[L,E]=(0,a.useState)({}),[R,_]=(0,a.useState)(null),[B,D]=(0,a.useState)({}),[F,W]=(0,a.useState)("bearer"),[H,q]=(0,a.useState)(!1),[J,z]=(0,a.useState)(!1),[K,V]=(0,a.useState)(!1),[I,G]=(0,a.useState)(null),[Y,Z]=(0,a.useState)(!1),[Q,X]=(0,a.useState)(!1),ee=(0,a.useRef)(new Set);async function et(e,t=!1){if(!e.test)return;let s=A[e.key];if(!s?.trim()){t||E({...L,[e.key]:{success:!1,message:"Enter a value first"}});return}E({...L,[e.key]:void 0});try{let t={};for(let e of y?.secrets??[])A[e.key]?.trim()&&(t[e.key]=A[e.key]);let r=await fetch("/api/test-connection",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({spec:e.test,value:s,allValues:t})}),a=await r.json();E({...L,[e.key]:{success:a.success,message:a.success?a.message??"Connection successful":a.error??"Test failed"}})}catch{E({...L,[e.key]:{success:!1,message:"Failed to test connection"}})}}async function es(){if(ea||function(){let e={};for(let t of el){let s=A[t.key]?.trim()??"";t.required&&!s?e[t.key]=`${t.label} is required`:"email"===t.type&&s&&!eo.test(s)&&(e[t.key]="Enter a valid email address")}return D(e),0===Object.keys(e).length}()){if(H&&ea){let e="oauth"===F?"OAuth password":"bearer token";if(!confirm(`This will regenerate your ${e} and invalidate existing connections. Continue?`))return}N(!0),T(null),C(null),z(!1);try{let e=await fetch(`/api/mcps/${f}/deploy`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({secrets:A,config:$,authMode:F,...H&&"bearer"===F?{regenerateToken:!0}:{},...H&&"oauth"===F?{regenerateOAuthPassword:!0}:{}})}),t=await e.json();if(e.ok){C(t),H&&z(!0);let e=await fetch(`/api/mcps/${f}`).then(e=>e.json());b(e),q(!1)}else T(t.error??"Deployment failed")}catch{T("Failed to connect to server")}finally{N(!1)}}}async function er(){V(!0),G(null);try{await fetch("/api/mcps/check-updates",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({slugs:[f]})});let e=await fetch(`/api/mcps/${f}`).then(e=>e.json());b(e),G(e.updateAvailable?"Update available!":"Already up to date"),setTimeout(()=>G(null),3e3)}catch{}finally{V(!1)}}if((0,a.useEffect)(()=>{fetch(`/api/mcps/${f}`).then(e=>e.json()).then(e=>{b(e),e.deployment?.authMode&&W(e.deployment.authMode);let t={};for(let s of e.config??[])t[s.key]=s.default??"";U(t)}).catch(()=>{}).finally(()=>v(!1))},[f]),(0,a.useEffect)(()=>{y?.deployment?.status==="deployed"&&fetch(`/api/mcps/${f}/status`).then(e=>e.json()).then(_).catch(()=>{})},[f,y?.deployment?.status]),j)return(0,r.jsx)("div",{className:"flex items-center justify-center py-20",children:(0,r.jsx)("div",{className:"text-fg-faint",children:"Loading..."})});if(!y)return(0,r.jsx)("div",{className:"text-center py-20",children:(0,r.jsx)("p",{className:"text-fg-faint",children:"MCP not found."})});let ea=y.deployment?.status==="deployed",en=new Set(($.ENABLED_PLATFORMS||"").split(",").filter(Boolean)),el=(y.secrets??[]).filter(e=>!!e.required||!e.forPlatform||en.has(e.forPlatform)),eo=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,ed=!ea&&el.some(e=>e.required&&!A[e.key]?.trim());return(0,r.jsxs)("div",{className:"space-y-8",children:[(0,r.jsx)("div",{className:"flex items-start justify-between",children:(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-center gap-3 mb-1",children:[(0,r.jsx)("h1",{className:"text-2xl font-bold",children:y.name}),(0,r.jsx)(l.W,{status:y.deployment?.status??"not_deployed"})]}),(0,r.jsx)("p",{className:"text-fg-muted text-sm",children:y.description}),(0,r.jsxs)("div",{className:"flex items-center gap-4 mt-2 text-xs text-fg-faint",children:[(0,r.jsxs)("span",{children:["v",y.version]}),(0,r.jsxs)("button",{onClick:er,disabled:K,className:"inline-flex items-center gap-1.5 px-3 py-1 bg-surface-raised hover:bg-surface-overlay border border-edge-subtle rounded-lg text-xs text-fg-secondary transition-colors disabled:opacity-50",children:[(0,r.jsx)("svg",{className:`w-3 h-3 ${K?"animate-spin":""}`,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})}),K?"Checking...":"Check for updates"]}),I&&(0,r.jsx)("span",{className:`inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ${"Update available!"===I?"bg-success-mid/10 text-success":"bg-surface-overlay/50 text-fg-muted"}`,children:I}),y.githubRepo&&(0,r.jsxs)("a",{href:`https://github.com/${y.githubRepo}`,target:"_blank",rel:"noopener noreferrer",className:"text-accent-fg hover:underline",children:["Source ",(0,r.jsx)(d,{})]})]})]})}),ea&&R&&(0,r.jsx)("div",{className:`border rounded-xl p-4 ${R.healthy?"border-success-mid/30 bg-success-mid/5":"border-danger-mid/30 bg-danger-mid/5"}`,children:(0,r.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,r.jsx)("span",{className:`w-2 h-2 rounded-full ${R.healthy?"bg-success":"bg-danger"}`}),(0,r.jsx)("span",{className:R.healthy?"text-success":"text-danger",children:R.healthy?"Healthy":"Unhealthy"}),y.deployment?.workerUrl&&(0,r.jsx)("span",{className:"text-fg-faint ml-2",children:y.deployment.workerUrl})]})}),y.updateAvailable&&y.deployedVersion&&y.latestVersion&&(0,r.jsx)("div",{className:"border border-info-mid/30 bg-info-mid/5 rounded-xl p-4",children:(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-full bg-info-mid/20 flex items-center justify-center",children:(0,r.jsx)("svg",{className:"w-4 h-4 text-info",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-sm font-medium text-info",children:"Update Available"}),(0,r.jsxs)("p",{className:"text-xs text-fg-muted",children:[y.deployedVersion," → ",y.latestVersion]})]})]}),(0,r.jsx)("button",{onClick:es,disabled:k,className:"px-4 py-2 bg-info-mid/20 hover:bg-info-mid/30 border border-info-mid/30 text-info text-sm font-medium rounded-lg transition-colors",children:k?"Updating...":"Update Now"})]})}),y.deployment?.status==="failed"&&y.deployment.error&&(0,r.jsx)("div",{className:"border border-danger-mid/30 bg-danger-mid/5 rounded-xl p-4",children:(0,r.jsxs)("p",{className:"text-sm text-danger",children:["Last deployment failed: ",y.deployment.error]})}),(y.config??[]).length>0&&(0,r.jsxs)("div",{className:"border border-edge rounded-xl p-6 bg-surface/80",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Configuration"}),(0,r.jsx)(c,{fields:y.config,values:$,onChange:U})]}),!ea&&el.length>0&&(0,r.jsxs)("div",{className:"border border-edge rounded-xl p-6 bg-surface/80",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"API Keys"}),(0,r.jsx)("div",{className:"space-y-4",children:el.map(e=>(0,r.jsxs)("div",{children:[(0,r.jsxs)("label",{className:"flex items-center gap-2 text-sm font-medium text-fg-secondary mb-1.5",children:[e.label,e.required?(0,r.jsx)("span",{className:"text-accent-fg text-xs",children:"required"}):(0,r.jsx)("span",{className:"text-fg-faint text-xs",children:"optional"})]}),e.helpText&&(0,r.jsxs)("p",{className:"text-xs text-fg-faint mb-2",children:[e.helpText,e.helpUrl&&(0,r.jsxs)(r.Fragment,{children:[" ",(0,r.jsxs)("a",{href:e.helpUrl,target:"_blank",rel:"noopener noreferrer",className:"text-accent-fg hover:underline",children:["Get key ",(0,r.jsx)(d,{})]})]})]}),(0,r.jsx)("div",{className:"flex gap-2",children:(0,r.jsxs)("div",{className:"relative flex-1",children:[(0,r.jsx)("input",{type:"password"!==e.type||O[e.key]?"text":"password",id:`${f}-${e.key}`,name:`${f}-${e.key}`,autoComplete:"off","data-1p-ignore":!0,"data-lpignore":"true",value:A[e.key]??"",onChange:t=>{var s,r;let a;return s=e.key,r=t.target.value,a=A[s]??"",void((Math.abs(r.length-a.length)>5||!r)&&(ee.current.delete(s),L[s]&&E({...L,[s]:void 0})),B[s]&&D(e=>{let t={...e};return delete t[s],t}),P({...A,[s]:r}))},onBlur:()=>{let t;return t=A[e.key],void(e.test&&t?.trim()&&!ee.current.has(e.key)&&function(e){if(!e.test||!A[e.key]?.trim())return!1;for(let t of[...e.test.url.match(/\{\{([^}]+)\}\}/g)?.map(e=>e.slice(2,-2))??[],...Object.values(e.test.headers??{}).join("").match(/\{\{([^}]+)\}\}/g)?.map(e=>e.slice(2,-2))??[]].filter(e=>"value"!==e))if(!A[t]?.trim())return!1;return!0}(e)&&(ee.current.add(e.key),et(e,!0)))},placeholder:e.placeholder,className:`w-full px-4 py-2.5 pr-10 bg-surface-raised border rounded-lg text-sm text-fg placeholder-fg-faint focus:outline-none focus:ring-1 ${B[e.key]?"border-danger-mid focus:border-danger-mid focus:ring-danger-mid":"border-edge-subtle focus:border-accent-edge focus:ring-accent-edge"}`}),"password"===e.type&&(0,r.jsx)("button",{type:"button",onClick:()=>M({...O,[e.key]:!O[e.key]}),className:"absolute right-3 top-1/2 -translate-y-1/2 text-fg-faint hover:text-fg-secondary transition-colors",children:(0,r.jsx)(o,{open:O[e.key]??!1})})]})}),L[e.key]&&(0,r.jsxs)("p",{className:`text-xs mt-2 ${L[e.key].success?"text-success":"text-danger"}`,children:[L[e.key].success?"✓":"✗"," ",L[e.key].message]}),B[e.key]&&(0,r.jsx)("p",{className:"text-xs mt-1.5 text-danger",children:B[e.key]})]},e.key))})]}),ea&&(y.secrets??[]).length>0&&(0,r.jsxs)("div",{className:"border border-edge rounded-xl p-6 bg-surface/80",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Update Secrets"}),(0,r.jsx)("p",{className:"text-sm text-fg-muted mb-4",children:"Update API keys without redeploying. Leave fields blank to keep existing values."}),(0,r.jsx)(i,{slug:f,fields:y.secrets,configuredKeys:y.configuredSecrets,enabledPlatforms:Array.from(en)})]}),(0,r.jsxs)("div",{className:"border border-edge rounded-xl p-6 bg-surface/80",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold",children:ea?"Redeploy":"Deploy"}),(0,r.jsx)("p",{className:"text-sm text-fg-muted mt-1",children:ea?"Redeploy with the latest bundle and configuration.":"Deploy this MCP server to your Cloudflare Workers account."}),(0,r.jsxs)("div",{className:"mt-5",children:[(0,r.jsx)("label",{className:"block text-sm font-medium text-fg-secondary mb-2",children:"Authentication"}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsxs)("select",{value:F,onChange:e=>W(e.target.value),className:"w-full appearance-none px-4 py-2.5 pr-10 bg-surface-raised border border-edge-subtle rounded-lg text-sm text-fg focus:outline-none focus:border-accent-edge focus:ring-1 focus:ring-accent-edge",children:[(0,r.jsx)("option",{value:"bearer",children:"Bearer token (default)"}),(0,r.jsx)("option",{value:"oauth",children:"OAuth 2.1 (password protected)"}),(0,r.jsx)("option",{value:"open",children:"Open (no authentication)"})]}),(0,r.jsx)("svg",{className:"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-fg-muted",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),"oauth"===F&&(0,r.jsx)("p",{className:"text-xs text-fg-faint mt-2",children:"OAuth requires a password prompt during authorization. Bearer tokens are not accepted."}),"open"===F&&(0,r.jsx)("p",{className:"text-xs text-danger mt-2",children:"Warning: Anyone with the URL can access this MCP."})]}),ea&&"open"!==F&&(0,r.jsx)("div",{className:"mt-4 pt-4 border-t border-edge",children:(0,r.jsxs)("label",{className:"flex items-center gap-3 cursor-pointer group",children:[(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("input",{type:"checkbox",checked:H,onChange:e=>q(e.target.checked),className:"sr-only peer"}),(0,r.jsx)("div",{className:"w-9 h-5 bg-surface-overlay rounded-full peer-checked:bg-warning transition-colors"}),(0,r.jsx)("div",{className:"absolute top-0.5 left-0.5 w-4 h-4 bg-surface-page shadow-sm rounded-full peer-checked:translate-x-4 transition-transform"})]}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("p",{className:"text-sm font-medium text-fg-secondary group-hover:text-fg transition-colors",children:["Regenerate ","oauth"===F?"OAuth password":"bearer token"]}),(0,r.jsx)("p",{className:"text-xs text-fg-faint",children:"Invalidates existing connections. Use if compromised."})]})]})}),(0,r.jsx)("div",{className:"mt-5 flex items-center justify-end gap-3",children:(0,r.jsx)("button",{onClick:es,disabled:k||ed,className:`px-6 py-2.5 text-white text-sm font-medium rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed ${H&&ea?"bg-warning hover:bg-warning-hover":"bg-accent hover:bg-accent-hover"}`,children:k?"Deploying...":H&&ea?"Regenerate & redeploy":ea?"Redeploy":"Deploy to Cloudflare"})}),S&&(0,r.jsx)("p",{className:"mt-4 text-sm text-danger bg-danger-mid/10 border border-danger-mid/20 rounded-lg px-4 py-2",children:S})]}),w&&(0,r.jsx)("div",{className:"border border-success-mid/30 bg-success-mid/5 rounded-xl p-4",children:(0,r.jsx)("p",{className:"text-sm text-success",children:J&&"oauth"===w.authMode?"OAuth password regenerated. Update your client connections.":J?"Bearer token regenerated. Update your client connections.":`Successfully deployed to ${w.workerUrl}`})}),(t=w?.oauthPassword??y.credentials?.oauthPassword,s=w?.bearerToken??y.credentials?.bearerToken??null,u=w?.authMode??y.deployment?.authMode??"bearer",m=w?.workerUrl??y.deployment?.workerUrl,p=w?.mcpUrl??(m?`${m}/mcp`:null),h=w?.mcpUrlWithToken??(s&&m?`${m}/mcp/t/${s}`:p),ea||w?(0,r.jsx)("div",{className:"space-y-4",children:p&&(0,r.jsxs)("div",{className:"border border-edge rounded-xl p-6 bg-surface/80",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold mb-3",children:"Connect to Claude"}),(0,r.jsx)(x,{mcpUrl:p,mcpUrlWithToken:h??p,bearerToken:s,slug:f,authMode:u,oauthPassword:t})]})}):null),(0,r.jsxs)("div",{className:"border border-danger-mid/20 rounded-xl p-6 bg-danger-mid/5",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-danger mb-4",children:"Danger Zone"}),(0,r.jsxs)("div",{className:"space-y-4",children:[ea&&(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-sm text-fg-secondary",children:"Undeploy"}),(0,r.jsx)("p",{className:"text-xs text-fg-faint mt-1",children:"Take the worker offline. You can redeploy later."})]}),(0,r.jsx)("button",{onClick:async()=>{if(confirm("This will delete the deployed worker. You can redeploy later. Continue?")){X(!0);try{let e=await fetch(`/api/mcps/${f}/undeploy`,{method:"DELETE"});if(e.ok){let e=await fetch(`/api/mcps/${f}`).then(e=>e.json());b(e),_(null),C(null)}else{let t=await e.json();alert(t.error??"Failed to undeploy")}}catch{alert("Failed to connect to server")}finally{X(!1)}}},disabled:Q,className:"px-4 py-2 bg-danger-dark/50 hover:bg-danger-dark/70 border border-danger-strong/50 rounded-lg text-sm text-danger transition-colors shrink-0 disabled:opacity-50",children:Q?"Undeploying...":"Undeploy"})]}),ea&&(0,r.jsx)("div",{className:"border-t border-danger-mid/10"}),(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-sm text-fg-secondary",children:"Remove"}),(0,r.jsx)("p",{className:"text-xs text-fg-faint mt-1",children:"Undeploy the worker and permanently remove this MCP from the dashboard."})]}),(0,r.jsx)("button",{onClick:async()=>{if(confirm("This will permanently remove this MCP from the dashboard. Continue?")){Z(!0);try{let e=await fetch(`/api/mcps/${f}/remove`,{method:"DELETE"});if(e.ok)g.push("/");else{let t=await e.json();alert(t.error??"Failed to remove MCP")}}catch{alert("Failed to connect to server")}finally{Z(!1)}}},disabled:Y,className:"px-4 py-2 bg-danger-dark/50 hover:bg-danger-dark/70 border border-danger-strong/50 rounded-lg text-sm text-danger transition-colors shrink-0 disabled:opacity-50",children:Y?"Removing...":"Remove"})]})]})]})]})}},5087:(e,t,s)=>{Promise.resolve().then(s.bind(s,4959))},5341:(e,t,s)=>{"use strict";s.d(t,{W:()=>a});var r=s(5155);function a({status:e}){let t={deployed:"bg-success-mid/15 text-success border-success-mid/30",failed:"bg-danger-mid/15 text-danger border-danger-mid/30",not_deployed:"bg-fg-faint/15 text-fg-muted border-fg-faint/30"},s="deployed"===e?(0,r.jsxs)("span",{className:"relative flex h-1.5 w-1.5",children:[(0,r.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full bg-success opacity-30"}),(0,r.jsx)("span",{className:"relative inline-flex rounded-full h-1.5 w-1.5 bg-success"})]}):(0,r.jsx)("span",{className:`w-1.5 h-1.5 rounded-full ${"failed"===e?"bg-danger":"bg-fg-muted"}`});return(0,r.jsxs)("span",{className:`inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium border ${t[e]??t.not_deployed}`,children:[s,{deployed:"Deployed",failed:"Failed",not_deployed:"Not Deployed"}[e]??"Unknown"]})}}},e=>{e.O(0,[441,794,358],()=>e(e.s=5087)),_N_E=e.O()}]);

package/.next/static/chunks/app/oauth/authorize/page-4bd19b3d61084ff4.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[826],{3321:(e,s,t)=>{"use strict";var r=t(4645);t.o(r,"usePathname")&&t.d(s,{usePathname:function(){return r.usePathname}}),t.o(r,"useRouter")&&t.d(s,{useRouter:function(){return r.useRouter}}),t.o(r,"useSearchParams")&&t.d(s,{useSearchParams:function(){return r.useSearchParams}})},5665:(e,s,t)=>{Promise.resolve().then(t.bind(t,9018))},9018:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>d});var r=t(5155),a=t(3321),n=t(2115);function c(){let e=(0,a.useSearchParams)(),s=e.get("client_id")??"",t=e.get("redirect_uri")??"",n=e.get("response_type")??"",c=e.get("code_challenge")??"",d=e.get("code_challenge_method")??"",i=e.get("scope")??"mcp",l=e.get("state")??"",o=e.get("resource")??"",u=e.get("error"),m=o?new URL(o).hostname.replace(".workers.dev",""):"an MCP server",x=!s||!t||!c;return(0,r.jsx)("div",{className:"min-h-screen bg-surface-page flex items-center justify-center p-4",children:(0,r.jsx)("div",{className:"w-full max-w-md",children:(0,r.jsxs)("div",{className:"border border-edge rounded-xl bg-surface p-8",children:[(0,r.jsxs)("div",{className:"text-center mb-8",children:[(0,r.jsx)("div",{className:"w-12 h-12 rounded-full bg-accent-edge/20 flex items-center justify-center mx-auto mb-4",children:(0,r.jsx)("svg",{className:"w-6 h-6 text-accent-fg",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"})})}),(0,r.jsx)("h1",{className:"text-xl font-bold text-fg",children:"Authorize MCP Access"}),(0,r.jsx)("p",{className:"text-fg-muted text-sm mt-2",children:"An application is requesting access to:"}),(0,r.jsx)("p",{className:"text-accent-fg font-mono text-sm mt-1",children:m})]}),x?(0,r.jsx)("div",{className:"text-center",children:(0,r.jsx)("p",{className:"text-danger text-sm",children:"Invalid authorization request. Missing required parameters."})}):(0,r.jsxs)("form",{action:"/api/oauth/approve",method:"POST",children:[(0,r.jsx)("input",{type:"hidden",name:"client_id",value:s}),(0,r.jsx)("input",{type:"hidden",name:"redirect_uri",value:t}),(0,r.jsx)("input",{type:"hidden",name:"response_type",value:n}),(0,r.jsx)("input",{type:"hidden",name:"code_challenge",value:c}),(0,r.jsx)("input",{type:"hidden",name:"code_challenge_method",value:d}),(0,r.jsx)("input",{type:"hidden",name:"scope",value:i}),(0,r.jsx)("input",{type:"hidden",name:"state",value:l}),(0,r.jsx)("input",{type:"hidden",name:"resource",value:o}),(0,r.jsxs)("div",{className:"mb-6 p-3 bg-surface-raised rounded-lg",children:[(0,r.jsx)("p",{className:"text-xs text-fg-faint uppercase tracking-wide mb-2",children:"Requested permissions"}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"w-2 h-2 rounded-full bg-success"}),(0,r.jsx)("span",{className:"text-sm text-fg-secondary",children:"Access MCP tools and resources"})]})]}),(0,r.jsxs)("div",{className:"mb-6",children:[(0,r.jsx)("label",{htmlFor:"password",className:"block text-sm font-medium text-fg-secondary mb-1.5",children:"Authorization password"}),(0,r.jsx)("input",{type:"password",id:"password",name:"password",autoComplete:"current-password",placeholder:"Enter your deploy password",className:"w-full px-4 py-2.5 bg-surface-raised border border-edge-subtle rounded-lg text-sm text-fg placeholder-fg-faint focus:outline-none focus:border-accent-edge focus:ring-1 focus:ring-accent-edge"}),(0,r.jsx)("p",{className:"text-xs text-fg-faint mt-1",children:"The password configured in your mcp-deploy instance."})]}),"invalid_password"===u&&(0,r.jsx)("div",{className:"mb-4 p-3 bg-danger-mid/10 border border-danger-mid/20 rounded-lg",children:(0,r.jsx)("p",{className:"text-sm text-danger",children:"Incorrect password. Please try again."})}),(0,r.jsxs)("div",{className:"flex gap-3",children:[(0,r.jsx)("button",{type:"submit",className:"flex-1 px-4 py-2.5 bg-accent hover:bg-accent-hover text-white text-sm font-medium rounded-lg transition-colors",children:"Authorize"}),(0,r.jsx)("a",{href:`${t}?error=access_denied&error_description=User%20denied%20access${l?`&state=${encodeURIComponent(l)}`:""}`,className:"flex-1 px-4 py-2.5 bg-surface-raised hover:bg-surface-overlay text-fg-secondary text-sm font-medium rounded-lg transition-colors text-center",children:"Deny"})]})]}),(0,r.jsx)("p",{className:"text-xs text-fg-disabled text-center mt-6",children:"Powered by mcp-deploy"})]})})})}function d(){return(0,r.jsx)(n.Suspense,{fallback:(0,r.jsx)("div",{className:"min-h-screen bg-surface-page flex items-center justify-center",children:(0,r.jsx)("p",{className:"text-fg-faint",children:"Loading..."})}),children:(0,r.jsx)(c,{})})}}},e=>{e.O(0,[441,794,358],()=>e(e.s=5665)),_N_E=e.O()}]);

package/.next/static/chunks/app/page-a51bfb5b5fb2747a.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{893:(e,s,t)=>{Promise.resolve().then(t.bind(t,6268))},5341:(e,s,t)=>{"use strict";t.d(s,{W:()=>n});var r=t(5155);function n({status:e}){let s={deployed:"bg-success-mid/15 text-success border-success-mid/30",failed:"bg-danger-mid/15 text-danger border-danger-mid/30",not_deployed:"bg-fg-faint/15 text-fg-muted border-fg-faint/30"},t="deployed"===e?(0,r.jsxs)("span",{className:"relative flex h-1.5 w-1.5",children:[(0,r.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full bg-success opacity-30"}),(0,r.jsx)("span",{className:"relative inline-flex rounded-full h-1.5 w-1.5 bg-success"})]}):(0,r.jsx)("span",{className:`w-1.5 h-1.5 rounded-full ${"failed"===e?"bg-danger":"bg-fg-muted"}`});return(0,r.jsxs)("span",{className:`inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium border ${s[e]??s.not_deployed}`,children:[t,{deployed:"Deployed",failed:"Failed",not_deployed:"Not Deployed"}[e]??"Unknown"]})}},6268:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>c});var r=t(5155),n=t(2115),a=t(8500),l=t.n(a),d=t(5341);function o({slug:e,name:s,description:t,version:n,deployedVersion:a,latestVersion:o,updateAvailable:i,status:c,deployedAt:u}){return(0,r.jsx)(l(),{href:`/mcps/${e}`,children:(0,r.jsxs)("div",{className:"group border border-edge rounded-xl p-6 bg-surface hover:border-edge-subtle transition-colors cursor-pointer overflow-hidden",children:[(0,r.jsxs)("div",{className:"flex items-start justify-between mb-3",children:[(0,r.jsx)("h3",{className:"font-semibold text-fg group-hover:text-accent-fg transition-colors line-clamp-1",children:s}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[i&&(0,r.jsx)("span",{className:"px-2 py-0.5 rounded-full text-xs font-medium bg-info-mid/10 text-info border border-info-mid/20",children:"Update"}),(0,r.jsx)(d.W,{status:c})]})]}),(0,r.jsx)("p",{className:"text-sm text-fg-muted mb-4 line-clamp-2 min-h-[2.5rem]",children:t}),(0,r.jsxs)("div",{className:"flex items-center justify-between text-xs text-fg-faint",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)("span",{children:["v",n]}),i&&a&&o&&(0,r.jsxs)("span",{className:"text-info",children:["(",a," → ",o,")"]})]}),u&&(0,r.jsxs)("span",{children:["Deployed"," ",new Date(u).toLocaleDateString()]})]})]})})}function i({open:e,onClose:s,onAdded:t}){let[a,l]=(0,n.useState)(""),[d,o]=(0,n.useState)(!1),[i,c]=(0,n.useState)(null),[u,m]=(0,n.useState)(!1),[x,f]=(0,n.useState)(null),h=()=>{l(""),c(null),f(null),m(!1),o(!1),s()},p=async()=>{if(a.trim()){m(!0),c(null),f(null);try{let e=await fetch(`/api/mcps/validate?repo=${encodeURIComponent(a.trim())}`),s=await e.json();s.valid?f({valid:!0,name:s.name,version:s.version,repo:s.repo,slug:s.slug}):(c(s.error||"Invalid repository"),f(null))}catch{c("Failed to validate repository")}finally{m(!1)}}},g=async()=>{if(x?.valid){o(!0),c(null);try{let e=await fetch("/api/mcps/add",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({githubRepo:x.repo||a.trim(),slug:x.slug})}),s=await e.json();if(!e.ok)return void c(s.error||"Failed to add MCP");t(s.slug),h()}catch{c("Failed to add MCP")}finally{o(!1)}}};return e?(0,r.jsx)("div",{className:"fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4",children:(0,r.jsxs)("div",{className:"bg-surface border border-edge rounded-xl p-6 w-full max-w-md shadow-2xl",onClick:e=>e.stopPropagation(),children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-6",children:[(0,r.jsx)("h2",{className:"text-xl font-bold text-fg",children:"Add MCP Server"}),(0,r.jsx)("button",{onClick:h,className:"text-fg-faint hover:text-fg-secondary transition-colors",children:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{className:"block text-sm text-fg-muted mb-1.5",children:"GitHub Repository"}),(0,r.jsx)("input",{type:"text",value:a,onChange:e=>{l(e.target.value),f(null),c(null)},onKeyDown:e=>{"Enter"!==e.key||x?.valid||(e.preventDefault(),p())},placeholder:"owner/repo or https://github.com/owner/repo",className:"w-full bg-surface-raised border border-edge-subtle rounded-lg px-4 py-2.5 text-sm text-fg placeholder-fg-faint focus:outline-none focus:border-accent-edge focus:ring-1 focus:ring-accent-edge",autoFocus:!0}),(0,r.jsxs)("p",{className:"text-xs text-fg-faint mt-1.5",children:["Repository must have releases with ",(0,r.jsx)("code",{children:"worker.mjs"})," and"," ",(0,r.jsx)("code",{children:"mcp-deploy.json"})]})]}),i&&(0,r.jsx)("div",{className:"text-danger text-sm bg-danger-mid/10 border border-danger-mid/20 rounded-lg p-3",children:i}),x?.valid&&(0,r.jsxs)("div",{className:"text-success text-sm bg-success-mid/10 border border-success-mid/20 rounded-lg p-3",children:[(0,r.jsx)("div",{className:"font-medium",children:x.name}),(0,r.jsxs)("div",{className:"text-success/70 text-xs mt-0.5",children:["Version ",x.version]})]}),(0,r.jsxs)("div",{className:"flex gap-3 pt-2",children:[(0,r.jsx)("button",{onClick:h,className:"flex-1 px-4 py-2.5 rounded-lg bg-surface-raised hover:bg-surface-overlay text-fg-secondary text-sm font-medium transition-colors",children:"Cancel"}),x?.valid?(0,r.jsx)("button",{onClick:g,disabled:d,className:"flex-1 px-4 py-2.5 rounded-lg bg-accent hover:bg-accent-hover disabled:opacity-50 disabled:cursor-not-allowed text-white text-sm font-medium transition-colors",children:d?"Adding...":"Add MCP"}):(0,r.jsx)("button",{onClick:p,disabled:!a.trim()||u,className:"flex-1 px-4 py-2.5 rounded-lg bg-accent hover:bg-accent-hover disabled:opacity-50 disabled:cursor-not-allowed text-white text-sm font-medium transition-colors",children:u?"Checking...":"Check Repository"})]})]})]})}):null}function c(){let[e,s]=(0,n.useState)([]),[t,a]=(0,n.useState)(null),[l,d]=(0,n.useState)(!0),[c,u]=(0,n.useState)(!1),[m,x]=(0,n.useState)(!1),f=()=>{d(!0),Promise.all([fetch("/api/mcps").then(e=>e.json()),fetch("/api/cloudflare/status").then(e=>e.json())]).then(([e,t])=>{s(e.mcps??[]),a(t.configured??!1)}).catch(()=>{}).finally(()=>d(!1))},h=async()=>{x(!0);try{await fetch("/api/mcps/check-updates",{method:"POST"}),f()}catch{}finally{x(!1)}};return(0,n.useEffect)(()=>{f()},[]),(0,r.jsxs)("div",{className:"space-y-8",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-2xl font-bold mb-1",children:"MCP Servers"}),(0,r.jsx)("p",{className:"text-fg-muted text-sm",children:"Manage your Model Context Protocol servers on Cloudflare Workers."})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)("button",{onClick:h,disabled:m,className:"px-4 py-2 bg-surface-raised hover:bg-surface-overlay disabled:opacity-50 text-fg-secondary text-sm font-medium rounded-lg transition-colors flex items-center gap-2 border border-edge-subtle",children:[(0,r.jsx)("svg",{className:`w-4 h-4 ${m?"animate-spin":""}`,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})}),m?"Checking...":"Check for Updates"]}),(0,r.jsxs)("button",{onClick:()=>u(!0),className:"px-4 py-2 bg-accent hover:bg-accent-hover text-white text-sm font-medium rounded-lg transition-colors flex items-center gap-2",children:[(0,r.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})}),"Add MCP"]})]})]}),!1===t&&(0,r.jsx)("div",{className:"border border-accent-edge/30 bg-accent-edge/5 rounded-xl p-4",children:(0,r.jsxs)("p",{className:"text-sm text-accent-fg",children:["Cloudflare is not configured yet."," ",(0,r.jsx)("a",{href:"/setup",className:"underline font-medium",children:"Connect your account →"})]})}),(0,r.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[l&&0===e.length?Array.from({length:2}).map((e,s)=>(0,r.jsxs)("div",{className:"border border-edge rounded-xl p-6 bg-surface animate-pulse",children:[(0,r.jsxs)("div",{className:"flex items-start justify-between mb-3",children:[(0,r.jsx)("div",{className:"h-5 w-32 bg-surface-overlay rounded"}),(0,r.jsx)("div",{className:"h-5 w-16 bg-surface-overlay rounded-full"})]}),(0,r.jsxs)("div",{className:"space-y-2 mb-4",children:[(0,r.jsx)("div",{className:"h-3 w-full bg-surface-raised rounded"}),(0,r.jsx)("div",{className:"h-3 w-2/3 bg-surface-raised rounded"})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("div",{className:"h-3 w-16 bg-surface-raised rounded"}),(0,r.jsx)("div",{className:"h-3 w-24 bg-surface-raised rounded"})]})]},s)):e.map(e=>(0,r.jsx)(o,{...e},e.slug)),(0,r.jsxs)("button",{onClick:()=>u(!0),className:"border-2 border-dashed border-edge-subtle hover:border-fg-disabled rounded-xl p-8 flex flex-col items-center justify-center transition-colors group",children:[(0,r.jsx)("div",{className:"w-12 h-12 rounded-full bg-surface-raised group-hover:bg-surface-overlay flex items-center justify-center mb-3 transition-colors",children:(0,r.jsx)("svg",{className:"w-6 h-6 text-fg-faint group-hover:text-fg-muted",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})}),(0,r.jsx)("span",{className:"text-sm text-fg-faint group-hover:text-fg-muted font-medium",children:"Add MCP from GitHub"})]})]}),!l&&0===e.length&&(0,r.jsx)("div",{className:"text-center py-8 text-fg-faint",children:(0,r.jsx)("p",{children:"No MCPs added yet. Click the button above to add one."})}),(0,r.jsx)(i,{open:c,onClose:()=>u(!1),onAdded:()=>{f()}})]})}}},e=>{e.O(0,[500,441,794,358],()=>e(e.s=893)),_N_E=e.O()}]);

package/.next/static/chunks/app/setup/page-b7c341350a2c629c.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[620],{1777:(e,t,s)=>{"use strict";s.d(t,{ThemeToggle:()=>i});var n=s(5155),r=s(8946);let l=[{value:"light",label:"Light",icon:(0,n.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("circle",{cx:"12",cy:"12",r:"5"}),(0,n.jsx)("line",{x1:"12",y1:"1",x2:"12",y2:"3"}),(0,n.jsx)("line",{x1:"12",y1:"21",x2:"12",y2:"23"}),(0,n.jsx)("line",{x1:"4.22",y1:"4.22",x2:"5.64",y2:"5.64"}),(0,n.jsx)("line",{x1:"18.36",y1:"18.36",x2:"19.78",y2:"19.78"}),(0,n.jsx)("line",{x1:"1",y1:"12",x2:"3",y2:"12"}),(0,n.jsx)("line",{x1:"21",y1:"12",x2:"23",y2:"12"}),(0,n.jsx)("line",{x1:"4.22",y1:"19.78",x2:"5.64",y2:"18.36"}),(0,n.jsx)("line",{x1:"18.36",y1:"5.64",x2:"19.78",y2:"4.22"})]})},{value:"dark",label:"Dark",icon:(0,n.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"})})},{value:"system",label:"System",icon:(0,n.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2",ry:"2"}),(0,n.jsx)("line",{x1:"8",y1:"21",x2:"16",y2:"21"}),(0,n.jsx)("line",{x1:"12",y1:"17",x2:"12",y2:"21"})]})}];function i(){let{theme:e,setTheme:t}=(0,r.D)();return(0,n.jsx)("div",{className:"inline-flex rounded-lg border border-edge bg-surface-raised p-1 gap-1",children:l.map(s=>(0,n.jsxs)("button",{onClick:()=>t(s.value),className:`flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${e===s.value?"bg-surface-overlay text-fg shadow-sm":"text-fg-muted hover:text-fg-secondary"}`,children:[s.icon,s.label]},s.value))})}},8946:(e,t,s)=>{"use strict";s.d(t,{D:()=>d,ThemeProvider:()=>o});var n=s(5155),r=s(2115);let l="mcp-deploy-theme",i=(0,r.createContext)(void 0);function a(){return window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function c(e){return"system"===e?a():e}function o({children:e}){let[t,s]=(0,r.useState)("dark"),[o,d]=(0,r.useState)("dark");return(0,r.useEffect)(()=>{let e=localStorage.getItem(l),t=e&&["dark","light","system"].includes(e)?e:"dark";s(t),d(c(t)),document.documentElement.setAttribute("data-theme",t)},[]),(0,r.useEffect)(()=>{let e=window.matchMedia("(prefers-color-scheme: light)"),s=()=>{"system"===t&&d(a())};return e.addEventListener("change",s),()=>e.removeEventListener("change",s)},[t]),(0,n.jsx)(i.Provider,{value:{theme:t,resolvedTheme:o,setTheme:e=>{s(e),d(c(e)),localStorage.setItem(l,e),document.documentElement.setAttribute("data-theme",e)}},children:e})}function d(){let e=(0,r.useContext)(i);if(!e)throw Error("useTheme must be used within ThemeProvider");return e}},9322:(e,t,s)=>{"use strict";s.d(t,{CloudflareSetup:()=>l});var n=s(5155),r=s(2115);function l(){let[e,t]=(0,r.useState)(null),[s,l]=(0,r.useState)(!1),[i,a]=(0,r.useState)(null);async function c(){l(!0),a(null);try{let e=await fetch("/api/cloudflare/setup",{method:"POST"}),s=await e.json();if(!e.ok)return void a(s.error??"Login failed");t({configured:!0,accountId:s.account??null})}catch{a("Failed to connect to server")}finally{l(!1)}}return(0,r.useEffect)(()=>{fetch("/api/cloudflare/status").then(e=>e.json()).then(t).catch(()=>{})},[]),(0,n.jsxs)("div",{className:"border border-edge rounded-xl p-6 bg-surface",children:[(0,n.jsx)("h2",{className:"text-lg font-semibold mb-2",children:"Cloudflare Account"}),(0,n.jsxs)("div",{className:"flex items-center justify-between",children:[(0,n.jsxs)("div",{children:[null===e?(0,n.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,n.jsx)("span",{className:"w-2 h-2 rounded-full bg-fg-faint animate-pulse"}),(0,n.jsx)("span",{className:"text-fg-faint",children:"Checking..."})]}):e.configured?(0,n.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,n.jsx)("span",{className:"w-2 h-2 rounded-full bg-success"}),(0,n.jsx)("span",{className:"text-success",children:"Connected"}),e.accountId&&(0,n.jsx)("span",{className:"text-fg-faint",children:e.accountId})]}):(0,n.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,n.jsx)("span",{className:"w-2 h-2 rounded-full bg-fg-faint"}),(0,n.jsx)("span",{className:"text-fg-muted",children:"Not connected"})]}),(0,n.jsxs)("p",{className:"text-xs text-fg-faint mt-1",children:["Authentication via ",(0,n.jsx)("code",{className:"text-fg-muted",children:"wrangler login"})," (opens browser)"]})]}),(0,n.jsx)("button",{onClick:c,disabled:s||null===e,className:"px-4 py-2 bg-surface-raised hover:bg-surface-overlay border border-edge-subtle rounded-lg text-sm text-fg-secondary transition-colors disabled:opacity-50",children:s?"Connecting...":e?.configured?"Reconnect":"Connect"})]}),i&&(0,n.jsx)("p",{className:"mt-3 text-sm text-danger bg-danger-mid/10 border border-danger-mid/20 rounded-lg px-4 py-2",children:i})]})}},9567:(e,t,s)=>{Promise.resolve().then(s.bind(s,9322)),Promise.resolve().then(s.bind(s,1777))}},e=>{e.O(0,[441,794,358],()=>e(e.s=9567)),_N_E=e.O()}]);