@hotmeshio/long-tail 0.16.2 → 0.16.4

package/dashboard/dist/assets/{index-DSfY8oDp.js → index-CunrdEfT.js}

@@ -1,2 +1,2 @@
-import{j as e,a as u}from"./vendor-query-RUZdMvN6.js";import{d as B,e as H,f as O,g as U}from"./mcp-Bb1k5rv-.js";import{P as z}from"./PageHeader-CFVw67M6.js";import{T as J}from"./TagInput-BLwxTNsI.js";import{X as K,a6 as Y,aK as q,aL as V}from"./vendor-icons-h-jlRSb9.js";import{e as X,u as G,f as W}from"./vendor-react-CdqEC2zv.js";import"./index-zrTQcPjB.js";function Q({steps:s,currentStep:t,onStepClick:n}){return e.jsx("div",{className:"flex items-center justify-center gap-1 pb-4 border-b border-surface-border mb-4",children:s.map((a,l)=>{const c=l<t,i=l===t,r=!!n;return e.jsxs("div",{className:"flex items-center gap-1",children:[l>0&&e.jsx("div",{className:`w-4 h-px ${c?"bg-accent":"bg-surface-border"}`}),e.jsxs("button",{type:"button",onClick:r?()=>n(l):void 0,className:`flex items-center gap-1 ${r?"cursor-pointer":"cursor-default"}`,children:[e.jsx("span",{className:`w-5 h-5 rounded-full text-2xs font-semibold flex items-center justify-center shrink-0 transition-colors ${i?"bg-accent text-text-inverse":c?"bg-accent-muted text-accent":"bg-surface-sunken text-text-tertiary"} ${r&&!i?"hover:bg-accent-muted hover:text-accent":""}`,children:l+1}),e.jsx("span",{className:`text-2xs font-semibold uppercase tracking-wider whitespace-nowrap transition-colors ${i?"text-text-primary":"text-text-tertiary"} ${r&&!i?"hover:text-text-primary":""}`,children:a})]})]},a)})})}const T={name:"",description:"",mode:"network",transport_type:"sse",command:"",args:"",env_vars:"{}",url:"",auto_connect:!1,tags:[],compile_hints:"",credential_providers:[],discovered_tools:null};function Z(s){const t=s.transport_config??{},n=!!t.builtin;let a="network";return n?a="in-process":s.transport_type==="stdio"&&(a="local-process"),{name:s.name,description:s.description??"",mode:a,transport_type:s.transport_type,command:t.command??"",args:(t.args??[]).join(", "),env_vars:t.env?JSON.stringify(t.env,null,2):"{}",url:t.url??"",auto_connect:s.auto_connect,tags:s.tags??[],compile_hints:s.compile_hints??"",credential_providers:s.credential_providers??[],discovered_tools:s.tool_manifest??null}}function M(s){let t={};return s.mode==="local-process"?t={command:s.command.trim(),args:s.args.split(",").map(n=>n.trim()).filter(Boolean),env:s.env_vars.trim()?JSON.parse(s.env_vars):void 0}:s.mode==="network"&&(t={url:s.url.trim()}),{name:s.name.trim(),description:s.description.trim()||void 0,transport_type:s.mode==="local-process"?"stdio":s.transport_type,transport_config:t,auto_connect:s.auto_connect,tags:s.tags,compile_hints:s.compile_hints.trim()||void 0,credential_providers:s.credential_providers.length>0?s.credential_providers:void 0}}const L=["Transport","Discovery","Test","Review"];function E(s,t){return s===1?!(!t.name.trim()||t.mode==="network"&&!t.url.trim()||t.mode==="local-process"&&!t.command.trim()):!0}const o="label",v="hint",ee=[{value:"in-process",label:"In-Process",hint:"Built-in server running inside the app"},{value:"network",label:"Network Service",hint:"Remote server via SSE or Streamable HTTP"},{value:"local-process",label:"Local Process",hint:"Spawn a local command via stdio"}];function se({form:s,set:t,isBuiltin:n}){return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Connection Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-3 mt-1",children:ee.map(a=>{const l=s.mode===a.value,c=n&&a.value!=="in-process";return e.jsxs("button",{type:"button",disabled:c,onClick:()=>{t("mode",a.value),a.value==="local-process"&&t("transport_type","stdio"),a.value==="network"&&t("transport_type","sse")},className:`text-left p-3 rounded-md border transition-colors ${l?"border-accent bg-accent/5":c?"border-surface-border bg-surface-sunken opacity-50 cursor-not-allowed":"border-surface-border hover:border-text-tertiary cursor-pointer"}`,children:[e.jsx("span",{className:`text-xs font-medium ${l?"text-accent":"text-text-primary"}`,children:a.label}),e.jsx("span",{className:"block text-2xs text-text-tertiary mt-0.5",children:a.hint})]},a.value)})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Name"}),e.jsx("input",{type:"text",value:s.name,onChange:a=>t("name",a.target.value),placeholder:"e.g., vision-server",className:"input text-xs w-full",disabled:n})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Description"}),e.jsx("input",{type:"text",value:s.description,onChange:a=>t("description",a.target.value),placeholder:"Optional description",className:"input text-xs w-full"})]})]}),s.mode==="in-process"&&e.jsx("div",{children:e.jsx("p",{className:v,children:"This server runs in-process via InMemoryTransport. Transport is managed automatically — no configuration needed."})}),s.mode==="network"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Server URL"}),e.jsx("input",{type:"text",value:s.url,onChange:a=>t("url",a.target.value),placeholder:"https://mcp-server.example.com/sse",className:"input text-xs w-full font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Transport Protocol"}),e.jsx("div",{className:"flex gap-2 mt-1",children:["sse","streamable-http"].map(a=>e.jsx("button",{type:"button",onClick:()=>t("transport_type",a),className:`px-3 py-1.5 text-xs rounded-md border transition-colors ${s.transport_type===a?"border-accent bg-accent/5 text-accent font-medium":"border-surface-border text-text-secondary hover:border-text-tertiary"}`,children:a==="sse"?"SSE":"Streamable HTTP"},a))})]})]}),s.mode==="local-process"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Command"}),e.jsx("input",{type:"text",value:s.command,onChange:a=>t("command",a.target.value),placeholder:"e.g., npx",className:"input text-xs w-full font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Arguments (comma-separated)"}),e.jsx("input",{type:"text",value:s.args,onChange:a=>t("args",a.target.value),placeholder:"e.g., -y, @modelcontextprotocol/server-filesystem, /tmp",className:"input text-xs w-full font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Environment Variables (JSON)"}),e.jsx("textarea",{value:s.env_vars,onChange:a=>t("env_vars",a.target.value),className:"input-json w-full",rows:3,spellCheck:!1})]})]}),e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:s.auto_connect,onChange:a=>t("auto_connect",a.target.checked),className:"w-4 h-4 rounded border-border accent-accent"}),e.jsx("span",{className:"text-xs text-text-primary",children:"Auto-connect on startup"})]})]})}function te({form:s,set:t}){const[n,a]=u.useState(""),l=r=>{const d=r.trim().toLowerCase();d&&!s.credential_providers.includes(d)&&t("credential_providers",[...s.credential_providers,d]),a("")},c=r=>{t("credential_providers",s.credential_providers.filter(d=>d!==r))},i=r=>{r.key==="Enter"||r.key===","?(r.preventDefault(),l(n)):r.key==="Backspace"&&!n&&s.credential_providers.length>0&&c(s.credential_providers[s.credential_providers.length-1])};return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Tags"}),e.jsx(J,{tags:s.tags,onChange:r=>t("tags",r),placeholder:"Add tag (e.g., database, analytics)..."}),e.jsx("p",{className:v,children:"Tags enable tool discovery. Workflows filter available MCP servers by tags to find relevant tools."})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Compile Hints"}),e.jsx("textarea",{value:s.compile_hints,onChange:r=>t("compile_hints",r.target.value),placeholder:"Guidance for the workflow compiler when generating YAML from this server's tools...",className:"input text-xs w-full leading-relaxed",rows:4,spellCheck:!1}),e.jsx("p",{className:v,children:"Free-form text that guides the workflow compiler. Describe how tools should be composed, sequenced, or parameterized."})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Credential Providers"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-1.5 bg-surface-sunken border border-surface-border rounded-md px-2 py-1.5 focus-within:ring-1 focus-within:ring-accent-primary",children:[s.credential_providers.map(r=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:[r,e.jsx("button",{type:"button",onClick:()=>c(r),className:"hover:text-status-error transition-colors",children:e.jsx(K,{className:"w-2.5 h-2.5"})})]},r)),e.jsx("input",{type:"text",value:n,onChange:r=>a(r.target.value),onKeyDown:i,onBlur:()=>{n.trim()&&l(n)},placeholder:s.credential_providers.length===0?"Add provider (e.g., github, slack)...":"",className:"flex-1 min-w-[80px] bg-transparent text-xs text-text-primary outline-none placeholder:text-text-tertiary"})]}),e.jsx("p",{className:v,children:"IAM credential providers required by this server's tools. Users will be prompted to connect these before tool execution."})]})]})}function ae({form:s,set:t}){const n=B(),a=s.mode==="in-process",l=()=>{const r=M(s);n.mutate({transport_type:r.transport_type,transport_config:r.transport_config},{onSuccess:d=>{d.success&&t("discovered_tools",d.tools)}})},c=n.data,i=s.discovered_tools??(c==null?void 0:c.tools)??[];return e.jsx("div",{className:"space-y-5",children:a?e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-text-secondary",children:"In-process servers connect lazily on first tool call. No connection test needed."}),s.discovered_tools&&s.discovered_tools.length>0&&e.jsxs("div",{className:"mt-4",children:[e.jsxs("p",{className:"text-xs text-text-tertiary mb-2",children:[s.discovered_tools.length," tool",s.discovered_tools.length!==1?"s":""," cached from last connection"]}),e.jsx(I,{tools:s.discovered_tools})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{type:"button",onClick:l,disabled:n.isPending,className:"btn-primary text-xs",children:n.isPending?e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(Y,{className:"w-3 h-3 animate-spin"}),"Connecting..."]}):"Test Connection"}),(c==null?void 0:c.success)&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success",children:[e.jsx(q,{className:"w-3.5 h-3.5"}),"Connected — ",i.length," tool",i.length!==1?"s":""," discovered"]}),c&&!c.success&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-error",children:[e.jsx(V,{className:"w-3.5 h-3.5"}),c.error||"Connection failed"]})]}),i.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-xs text-text-tertiary mb-2",children:"Discovered tools"}),e.jsx(I,{tools:i})]}),e.jsx("p",{className:v,children:"Tests connectivity by connecting to the server and listing available tools. The server must be reachable from this machine."})]})})}function I({tools:s}){return e.jsx("div",{className:"max-h-[280px] overflow-y-auto border border-surface-border rounded-md divide-y divide-surface-border",children:s.map(t=>e.jsxs("div",{className:"px-3 py-2",children:[e.jsx("span",{className:"text-xs font-medium text-text-primary font-mono",children:t.name}),t.description&&e.jsx("span",{className:"block text-2xs text-text-tertiary mt-0.5 line-clamp-2",children:t.description})]},t.name))})}const re={"in-process":"In-Process",network:"Network Service","local-process":"Local Process"},ne={stdio:"stdio",sse:"SSE","streamable-http":"Streamable HTTP"};function ce({form:s}){const t=s.discovered_tools??[];return e.jsxs("div",{className:"space-y-4",children:[e.jsx(x,{label:"Name",value:s.name}),s.description&&e.jsx(x,{label:"Description",value:s.description}),e.jsx(x,{label:"Mode",value:re[s.mode]??s.mode}),s.mode==="network"&&e.jsxs(e.Fragment,{children:[e.jsx(x,{label:"Transport",value:ne[s.transport_type]??s.transport_type}),e.jsx(x,{label:"URL",value:s.url,mono:!0})]}),s.mode==="local-process"&&e.jsxs(e.Fragment,{children:[e.jsx(x,{label:"Command",value:s.command,mono:!0}),s.args&&e.jsx(x,{label:"Args",value:s.args,mono:!0})]}),e.jsx(x,{label:"Auto-connect",value:s.auto_connect?"Yes":"No"}),s.tags.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Tags"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.tags.map(n=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:n},n))})]}),s.credential_providers.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Credential Providers"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.credential_providers.map(n=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:n},n))})]}),s.compile_hints&&e.jsx(x,{label:"Compile Hints",value:s.compile_hints}),t.length>0&&e.jsx(x,{label:"Discovered Tools",value:`${t.length} tool${t.length!==1?"s":""}`})]})}function x({label:s,value:t,mono:n}){return e.jsxs("div",{children:[e.jsx("label",{className:o,children:s}),e.jsx("p",{className:`text-xs text-text-primary mt-0.5 ${n?"font-mono":""}`,children:t})]})}function ue(){var C,k,P;const{serverId:s}=X(),t=!s,n=G(),{data:a,isLoading:l}=H(s??""),c=O(),i=U(),[r,d]=u.useState(T),[N,y]=u.useState(!1),[$,f]=u.useState(""),[R,_]=W(),p=parseInt(R.get("step")||"1",10),b=u.useCallback(m=>{_(h=>{const g=new URLSearchParams(h);return g.set("step",String(m)),g},{replace:!1})},[_]);u.useEffect(()=>{if(!N){if(t){d(T),y(!0);return}a&&(d(Z(a)),y(!0))}},[a,t,N]);const j=(m,h)=>d(g=>({...g,[m]:h})),D=!!((C=a==null?void 0:a.transport_config)!=null&&C.builtin),A=()=>{f("");const m=M(r);a?i.mutate({id:a.id,...m},{onSuccess:()=>n("/mcp/servers")}):c.mutate(m,{onSuccess:()=>n("/mcp/servers"),onError:h=>f(h.message)})};if(!t&&l)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-60 bg-surface-sunken rounded"})]});if(!t&&!a&&!l)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Server not found."});const F=p===L.length,w=c.isPending||i.isPending,S=$||((k=c.error)==null?void 0:k.message)||((P=i.error)==null?void 0:P.message);return e.jsxs("div",{children:[e.jsx(z,{title:t?"Register MCP Server":(a==null?void 0:a.name)??""}),e.jsxs("div",{className:"max-w-3xl",children:[e.jsx(Q,{steps:L,currentStep:p-1,onStepClick:m=>b(m+1)}),e.jsxs("div",{className:"min-h-[360px] py-2",children:[p===1&&e.jsx(se,{form:r,set:j,isBuiltin:D}),p===2&&e.jsx(te,{form:r,set:j}),p===3&&e.jsx(ae,{form:r,set:j}),p===4&&e.jsx(ce,{form:r})]}),S&&e.jsx("p",{className:"text-xs text-status-error mt-4",children:S}),e.jsxs("div",{className:"flex justify-between items-center pt-4 border-t border-surface-border mt-4",children:[e.jsx("div",{children:p>1&&e.jsx("button",{onClick:()=>b(p-1),className:"btn-secondary text-xs",children:"Back"})}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("button",{onClick:()=>n("/mcp/servers"),className:"btn-ghost text-xs",children:"Cancel"}),F?e.jsx("button",{onClick:A,disabled:!E(p,r)||w,className:"btn-primary text-xs",children:w?"Saving...":a?"Save":"Register"}):e.jsx("button",{onClick:()=>b(p+1),disabled:!E(p,r),className:"btn-primary text-xs",children:"Next"})]})]})]})]})}export{ue as McpServerDetailPage};
-//# sourceMappingURL=index-DSfY8oDp.js.map
+import{j as e,a as u}from"./vendor-query-RUZdMvN6.js";import{d as B,e as H,f as O,g as U}from"./mcp-D2WA-SHc.js";import{P as z}from"./PageHeader-CFVw67M6.js";import{T as J}from"./TagInput-BLwxTNsI.js";import{X as K,a6 as Y,aK as q,aL as V}from"./vendor-icons-h-jlRSb9.js";import{e as X,u as G,f as W}from"./vendor-react-CdqEC2zv.js";import"./index-zqoZDL5j.js";function Q({steps:s,currentStep:t,onStepClick:n}){return e.jsx("div",{className:"flex items-center justify-center gap-1 pb-4 border-b border-surface-border mb-4",children:s.map((a,l)=>{const c=l<t,i=l===t,r=!!n;return e.jsxs("div",{className:"flex items-center gap-1",children:[l>0&&e.jsx("div",{className:`w-4 h-px ${c?"bg-accent":"bg-surface-border"}`}),e.jsxs("button",{type:"button",onClick:r?()=>n(l):void 0,className:`flex items-center gap-1 ${r?"cursor-pointer":"cursor-default"}`,children:[e.jsx("span",{className:`w-5 h-5 rounded-full text-2xs font-semibold flex items-center justify-center shrink-0 transition-colors ${i?"bg-accent text-text-inverse":c?"bg-accent-muted text-accent":"bg-surface-sunken text-text-tertiary"} ${r&&!i?"hover:bg-accent-muted hover:text-accent":""}`,children:l+1}),e.jsx("span",{className:`text-2xs font-semibold uppercase tracking-wider whitespace-nowrap transition-colors ${i?"text-text-primary":"text-text-tertiary"} ${r&&!i?"hover:text-text-primary":""}`,children:a})]})]},a)})})}const T={name:"",description:"",mode:"network",transport_type:"sse",command:"",args:"",env_vars:"{}",url:"",auto_connect:!1,tags:[],compile_hints:"",credential_providers:[],discovered_tools:null};function Z(s){const t=s.transport_config??{},n=!!t.builtin;let a="network";return n?a="in-process":s.transport_type==="stdio"&&(a="local-process"),{name:s.name,description:s.description??"",mode:a,transport_type:s.transport_type,command:t.command??"",args:(t.args??[]).join(", "),env_vars:t.env?JSON.stringify(t.env,null,2):"{}",url:t.url??"",auto_connect:s.auto_connect,tags:s.tags??[],compile_hints:s.compile_hints??"",credential_providers:s.credential_providers??[],discovered_tools:s.tool_manifest??null}}function M(s){let t={};return s.mode==="local-process"?t={command:s.command.trim(),args:s.args.split(",").map(n=>n.trim()).filter(Boolean),env:s.env_vars.trim()?JSON.parse(s.env_vars):void 0}:s.mode==="network"&&(t={url:s.url.trim()}),{name:s.name.trim(),description:s.description.trim()||void 0,transport_type:s.mode==="local-process"?"stdio":s.transport_type,transport_config:t,auto_connect:s.auto_connect,tags:s.tags,compile_hints:s.compile_hints.trim()||void 0,credential_providers:s.credential_providers.length>0?s.credential_providers:void 0}}const L=["Transport","Discovery","Test","Review"];function E(s,t){return s===1?!(!t.name.trim()||t.mode==="network"&&!t.url.trim()||t.mode==="local-process"&&!t.command.trim()):!0}const o="label",v="hint",ee=[{value:"in-process",label:"In-Process",hint:"Built-in server running inside the app"},{value:"network",label:"Network Service",hint:"Remote server via SSE or Streamable HTTP"},{value:"local-process",label:"Local Process",hint:"Spawn a local command via stdio"}];function se({form:s,set:t,isBuiltin:n}){return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Connection Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-3 mt-1",children:ee.map(a=>{const l=s.mode===a.value,c=n&&a.value!=="in-process";return e.jsxs("button",{type:"button",disabled:c,onClick:()=>{t("mode",a.value),a.value==="local-process"&&t("transport_type","stdio"),a.value==="network"&&t("transport_type","sse")},className:`text-left p-3 rounded-md border transition-colors ${l?"border-accent bg-accent/5":c?"border-surface-border bg-surface-sunken opacity-50 cursor-not-allowed":"border-surface-border hover:border-text-tertiary cursor-pointer"}`,children:[e.jsx("span",{className:`text-xs font-medium ${l?"text-accent":"text-text-primary"}`,children:a.label}),e.jsx("span",{className:"block text-2xs text-text-tertiary mt-0.5",children:a.hint})]},a.value)})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Name"}),e.jsx("input",{type:"text",value:s.name,onChange:a=>t("name",a.target.value),placeholder:"e.g., vision-server",className:"input text-xs w-full",disabled:n})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Description"}),e.jsx("input",{type:"text",value:s.description,onChange:a=>t("description",a.target.value),placeholder:"Optional description",className:"input text-xs w-full"})]})]}),s.mode==="in-process"&&e.jsx("div",{children:e.jsx("p",{className:v,children:"This server runs in-process via InMemoryTransport. Transport is managed automatically — no configuration needed."})}),s.mode==="network"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Server URL"}),e.jsx("input",{type:"text",value:s.url,onChange:a=>t("url",a.target.value),placeholder:"https://mcp-server.example.com/sse",className:"input text-xs w-full font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Transport Protocol"}),e.jsx("div",{className:"flex gap-2 mt-1",children:["sse","streamable-http"].map(a=>e.jsx("button",{type:"button",onClick:()=>t("transport_type",a),className:`px-3 py-1.5 text-xs rounded-md border transition-colors ${s.transport_type===a?"border-accent bg-accent/5 text-accent font-medium":"border-surface-border text-text-secondary hover:border-text-tertiary"}`,children:a==="sse"?"SSE":"Streamable HTTP"},a))})]})]}),s.mode==="local-process"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Command"}),e.jsx("input",{type:"text",value:s.command,onChange:a=>t("command",a.target.value),placeholder:"e.g., npx",className:"input text-xs w-full font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Arguments (comma-separated)"}),e.jsx("input",{type:"text",value:s.args,onChange:a=>t("args",a.target.value),placeholder:"e.g., -y, @modelcontextprotocol/server-filesystem, /tmp",className:"input text-xs w-full font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Environment Variables (JSON)"}),e.jsx("textarea",{value:s.env_vars,onChange:a=>t("env_vars",a.target.value),className:"input-json w-full",rows:3,spellCheck:!1})]})]}),e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:s.auto_connect,onChange:a=>t("auto_connect",a.target.checked),className:"w-4 h-4 rounded border-border accent-accent"}),e.jsx("span",{className:"text-xs text-text-primary",children:"Auto-connect on startup"})]})]})}function te({form:s,set:t}){const[n,a]=u.useState(""),l=r=>{const d=r.trim().toLowerCase();d&&!s.credential_providers.includes(d)&&t("credential_providers",[...s.credential_providers,d]),a("")},c=r=>{t("credential_providers",s.credential_providers.filter(d=>d!==r))},i=r=>{r.key==="Enter"||r.key===","?(r.preventDefault(),l(n)):r.key==="Backspace"&&!n&&s.credential_providers.length>0&&c(s.credential_providers[s.credential_providers.length-1])};return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Tags"}),e.jsx(J,{tags:s.tags,onChange:r=>t("tags",r),placeholder:"Add tag (e.g., database, analytics)..."}),e.jsx("p",{className:v,children:"Tags enable tool discovery. Workflows filter available MCP servers by tags to find relevant tools."})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Compile Hints"}),e.jsx("textarea",{value:s.compile_hints,onChange:r=>t("compile_hints",r.target.value),placeholder:"Guidance for the workflow compiler when generating YAML from this server's tools...",className:"input text-xs w-full leading-relaxed",rows:4,spellCheck:!1}),e.jsx("p",{className:v,children:"Free-form text that guides the workflow compiler. Describe how tools should be composed, sequenced, or parameterized."})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Credential Providers"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-1.5 bg-surface-sunken border border-surface-border rounded-md px-2 py-1.5 focus-within:ring-1 focus-within:ring-accent-primary",children:[s.credential_providers.map(r=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:[r,e.jsx("button",{type:"button",onClick:()=>c(r),className:"hover:text-status-error transition-colors",children:e.jsx(K,{className:"w-2.5 h-2.5"})})]},r)),e.jsx("input",{type:"text",value:n,onChange:r=>a(r.target.value),onKeyDown:i,onBlur:()=>{n.trim()&&l(n)},placeholder:s.credential_providers.length===0?"Add provider (e.g., github, slack)...":"",className:"flex-1 min-w-[80px] bg-transparent text-xs text-text-primary outline-none placeholder:text-text-tertiary"})]}),e.jsx("p",{className:v,children:"IAM credential providers required by this server's tools. Users will be prompted to connect these before tool execution."})]})]})}function ae({form:s,set:t}){const n=B(),a=s.mode==="in-process",l=()=>{const r=M(s);n.mutate({transport_type:r.transport_type,transport_config:r.transport_config},{onSuccess:d=>{d.success&&t("discovered_tools",d.tools)}})},c=n.data,i=s.discovered_tools??(c==null?void 0:c.tools)??[];return e.jsx("div",{className:"space-y-5",children:a?e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-text-secondary",children:"In-process servers connect lazily on first tool call. No connection test needed."}),s.discovered_tools&&s.discovered_tools.length>0&&e.jsxs("div",{className:"mt-4",children:[e.jsxs("p",{className:"text-xs text-text-tertiary mb-2",children:[s.discovered_tools.length," tool",s.discovered_tools.length!==1?"s":""," cached from last connection"]}),e.jsx(I,{tools:s.discovered_tools})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{type:"button",onClick:l,disabled:n.isPending,className:"btn-primary text-xs",children:n.isPending?e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(Y,{className:"w-3 h-3 animate-spin"}),"Connecting..."]}):"Test Connection"}),(c==null?void 0:c.success)&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success",children:[e.jsx(q,{className:"w-3.5 h-3.5"}),"Connected — ",i.length," tool",i.length!==1?"s":""," discovered"]}),c&&!c.success&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-error",children:[e.jsx(V,{className:"w-3.5 h-3.5"}),c.error||"Connection failed"]})]}),i.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-xs text-text-tertiary mb-2",children:"Discovered tools"}),e.jsx(I,{tools:i})]}),e.jsx("p",{className:v,children:"Tests connectivity by connecting to the server and listing available tools. The server must be reachable from this machine."})]})})}function I({tools:s}){return e.jsx("div",{className:"max-h-[280px] overflow-y-auto border border-surface-border rounded-md divide-y divide-surface-border",children:s.map(t=>e.jsxs("div",{className:"px-3 py-2",children:[e.jsx("span",{className:"text-xs font-medium text-text-primary font-mono",children:t.name}),t.description&&e.jsx("span",{className:"block text-2xs text-text-tertiary mt-0.5 line-clamp-2",children:t.description})]},t.name))})}const re={"in-process":"In-Process",network:"Network Service","local-process":"Local Process"},ne={stdio:"stdio",sse:"SSE","streamable-http":"Streamable HTTP"};function ce({form:s}){const t=s.discovered_tools??[];return e.jsxs("div",{className:"space-y-4",children:[e.jsx(x,{label:"Name",value:s.name}),s.description&&e.jsx(x,{label:"Description",value:s.description}),e.jsx(x,{label:"Mode",value:re[s.mode]??s.mode}),s.mode==="network"&&e.jsxs(e.Fragment,{children:[e.jsx(x,{label:"Transport",value:ne[s.transport_type]??s.transport_type}),e.jsx(x,{label:"URL",value:s.url,mono:!0})]}),s.mode==="local-process"&&e.jsxs(e.Fragment,{children:[e.jsx(x,{label:"Command",value:s.command,mono:!0}),s.args&&e.jsx(x,{label:"Args",value:s.args,mono:!0})]}),e.jsx(x,{label:"Auto-connect",value:s.auto_connect?"Yes":"No"}),s.tags.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Tags"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.tags.map(n=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:n},n))})]}),s.credential_providers.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Credential Providers"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.credential_providers.map(n=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:n},n))})]}),s.compile_hints&&e.jsx(x,{label:"Compile Hints",value:s.compile_hints}),t.length>0&&e.jsx(x,{label:"Discovered Tools",value:`${t.length} tool${t.length!==1?"s":""}`})]})}function x({label:s,value:t,mono:n}){return e.jsxs("div",{children:[e.jsx("label",{className:o,children:s}),e.jsx("p",{className:`text-xs text-text-primary mt-0.5 ${n?"font-mono":""}`,children:t})]})}function ue(){var C,k,P;const{serverId:s}=X(),t=!s,n=G(),{data:a,isLoading:l}=H(s??""),c=O(),i=U(),[r,d]=u.useState(T),[N,y]=u.useState(!1),[$,f]=u.useState(""),[R,_]=W(),p=parseInt(R.get("step")||"1",10),b=u.useCallback(m=>{_(h=>{const g=new URLSearchParams(h);return g.set("step",String(m)),g},{replace:!1})},[_]);u.useEffect(()=>{if(!N){if(t){d(T),y(!0);return}a&&(d(Z(a)),y(!0))}},[a,t,N]);const j=(m,h)=>d(g=>({...g,[m]:h})),D=!!((C=a==null?void 0:a.transport_config)!=null&&C.builtin),A=()=>{f("");const m=M(r);a?i.mutate({id:a.id,...m},{onSuccess:()=>n("/mcp/servers")}):c.mutate(m,{onSuccess:()=>n("/mcp/servers"),onError:h=>f(h.message)})};if(!t&&l)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-60 bg-surface-sunken rounded"})]});if(!t&&!a&&!l)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Server not found."});const F=p===L.length,w=c.isPending||i.isPending,S=$||((k=c.error)==null?void 0:k.message)||((P=i.error)==null?void 0:P.message);return e.jsxs("div",{children:[e.jsx(z,{title:t?"Register MCP Server":(a==null?void 0:a.name)??""}),e.jsxs("div",{className:"max-w-3xl",children:[e.jsx(Q,{steps:L,currentStep:p-1,onStepClick:m=>b(m+1)}),e.jsxs("div",{className:"min-h-[360px] py-2",children:[p===1&&e.jsx(se,{form:r,set:j,isBuiltin:D}),p===2&&e.jsx(te,{form:r,set:j}),p===3&&e.jsx(ae,{form:r,set:j}),p===4&&e.jsx(ce,{form:r})]}),S&&e.jsx("p",{className:"text-xs text-status-error mt-4",children:S}),e.jsxs("div",{className:"flex justify-between items-center pt-4 border-t border-surface-border mt-4",children:[e.jsx("div",{children:p>1&&e.jsx("button",{onClick:()=>b(p-1),className:"btn-secondary text-xs",children:"Back"})}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("button",{onClick:()=>n("/mcp/servers"),className:"btn-ghost text-xs",children:"Cancel"}),F?e.jsx("button",{onClick:A,disabled:!E(p,r)||w,className:"btn-primary text-xs",children:w?"Saving...":a?"Save":"Register"}):e.jsx("button",{onClick:()=>b(p+1),disabled:!E(p,r),className:"btn-primary text-xs",children:"Next"})]})]})]})]})}export{ue as McpServerDetailPage};
+//# sourceMappingURL=index-CunrdEfT.js.map

package/dashboard/dist/assets/{index-DSfY8oDp.js.map → index-CunrdEfT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DSfY8oDp.js","sources":["../../src/components/common/layout/StepIndicator.tsx","../../src/pages/mcp/servers/detail/server-form-types.ts","../../src/pages/mcp/servers/detail/TransportStep.tsx","../../src/pages/mcp/servers/detail/DiscoveryStep.tsx","../../src/pages/mcp/servers/detail/TestStep.tsx","../../src/pages/mcp/servers/detail/ReviewStep.tsx","../../src/pages/mcp/servers/detail/McpServerDetailPage.tsx"],"sourcesContent":["interface StepIndicatorProps {\n  steps: string[];\n  currentStep: number;\n  onStepClick?: (step: number) => void;\n}\n\nexport function StepIndicator({ steps, currentStep, onStepClick }: StepIndicatorProps) {\n  return (\n    <div className=\"flex items-center justify-center gap-1 pb-4 border-b border-surface-border mb-4\">\n      {steps.map((label, i) => {\n        const done = i < currentStep;\n        const active = i === currentStep;\n        const clickable = !!onStepClick;\n        return (\n          <div key={label} className=\"flex items-center gap-1\">\n            {i > 0 && (\n              <div className={`w-4 h-px ${done ? 'bg-accent' : 'bg-surface-border'}`} />\n            )}\n            <button\n              type=\"button\"\n              onClick={clickable ? () => onStepClick(i) : undefined}\n              className={`flex items-center gap-1 ${clickable ? 'cursor-pointer' : 'cursor-default'}`}\n            >\n              <span\n                className={`w-5 h-5 rounded-full text-2xs font-semibold flex items-center justify-center shrink-0 transition-colors ${\n                  active\n                    ? 'bg-accent text-text-inverse'\n                    : done\n                      ? 'bg-accent-muted text-accent'\n                      : 'bg-surface-sunken text-text-tertiary'\n                } ${clickable && !active ? 'hover:bg-accent-muted hover:text-accent' : ''}`}\n              >\n                {i + 1}\n              </span>\n              <span\n                className={`text-2xs font-semibold uppercase tracking-wider whitespace-nowrap transition-colors ${\n                  active ? 'text-text-primary' : 'text-text-tertiary'\n                } ${clickable && !active ? 'hover:text-text-primary' : ''}`}\n              >\n                {label}\n              </span>\n            </button>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","import type { McpServerRecord, McpToolManifest } from '../../../../api/types';\n\nexport interface ServerFormState {\n  name: string;\n  description: string;\n  mode: 'in-process' | 'network' | 'local-process';\n  transport_type: 'stdio' | 'sse' | 'streamable-http';\n  // stdio fields\n  command: string;\n  args: string;\n  env_vars: string;\n  // network fields\n  url: string;\n  // shared\n  auto_connect: boolean;\n  tags: string[];\n  compile_hints: string;\n  credential_providers: string[];\n  discovered_tools: McpToolManifest[] | null;\n}\n\nexport const EMPTY_FORM: ServerFormState = {\n  name: '',\n  description: '',\n  mode: 'network',\n  transport_type: 'sse',\n  command: '',\n  args: '',\n  env_vars: '{}',\n  url: '',\n  auto_connect: false,\n  tags: [],\n  compile_hints: '',\n  credential_providers: [],\n  discovered_tools: null,\n};\n\nexport function serverToForm(s: McpServerRecord): ServerFormState {\n  const config = s.transport_config ?? {};\n  const isBuiltin = !!(config as any).builtin;\n\n  let mode: ServerFormState['mode'] = 'network';\n  if (isBuiltin) mode = 'in-process';\n  else if (s.transport_type === 'stdio') mode = 'local-process';\n\n  return {\n    name: s.name,\n    description: s.description ?? '',\n    mode,\n    transport_type: s.transport_type,\n    command: (config as any).command ?? '',\n    args: ((config as any).args ?? []).join(', '),\n    env_vars: (config as any).env ? JSON.stringify((config as any).env, null, 2) : '{}',\n    url: (config as any).url ?? '',\n    auto_connect: s.auto_connect,\n    tags: s.tags ?? [],\n    compile_hints: (s as any).compile_hints ?? '',\n    credential_providers: s.credential_providers ?? [],\n    discovered_tools: s.tool_manifest ?? null,\n  };\n}\n\nexport function formToPayload(form: ServerFormState) {\n  let transport_config: Record<string, unknown> = {};\n\n  if (form.mode === 'local-process') {\n    transport_config = {\n      command: form.command.trim(),\n      args: form.args.split(',').map((a) => a.trim()).filter(Boolean),\n      env: form.env_vars.trim() ? JSON.parse(form.env_vars) : undefined,\n    };\n  } else if (form.mode === 'network') {\n    transport_config = { url: form.url.trim() };\n  }\n  // in-process: transport_config stays empty (server manages it)\n\n  return {\n    name: form.name.trim(),\n    description: form.description.trim() || undefined,\n    transport_type: form.mode === 'local-process' ? 'stdio' as const : form.transport_type,\n    transport_config,\n    auto_connect: form.auto_connect,\n    tags: form.tags,\n    compile_hints: form.compile_hints.trim() || undefined,\n    credential_providers: form.credential_providers.length > 0 ? form.credential_providers : undefined,\n  };\n}\n\nexport const STEP_LABELS = ['Transport', 'Discovery', 'Test', 'Review'];\n\nexport function isStepValid(step: number, form: ServerFormState): boolean {\n  if (step === 1) {\n    if (!form.name.trim()) return false;\n    if (form.mode === 'network' && !form.url.trim()) return false;\n    if (form.mode === 'local-process' && !form.command.trim()) return false;\n    return true;\n  }\n  return true;\n}\n\nexport const labelCls = 'label';\nexport const hintCls = 'hint';\n","import type { ServerFormState } from './server-form-types';\nimport { labelCls, hintCls } from './server-form-types';\n\ninterface Props {\n  form: ServerFormState;\n  set: (field: keyof ServerFormState, value: any) => void;\n  isBuiltin: boolean;\n}\n\nconst modes = [\n  { value: 'in-process', label: 'In-Process', hint: 'Built-in server running inside the app' },\n  { value: 'network', label: 'Network Service', hint: 'Remote server via SSE or Streamable HTTP' },\n  { value: 'local-process', label: 'Local Process', hint: 'Spawn a local command via stdio' },\n] as const;\n\nexport function TransportStep({ form, set, isBuiltin }: Props) {\n  return (\n    <div className=\"space-y-5\">\n      {/* Mode selector */}\n      <div>\n        <label className={labelCls}>Connection Mode</label>\n        <div className=\"grid grid-cols-3 gap-3 mt-1\">\n          {modes.map((m) => {\n            const active = form.mode === m.value;\n            const disabled = isBuiltin && m.value !== 'in-process';\n            return (\n              <button\n                key={m.value}\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => {\n                  set('mode', m.value);\n                  if (m.value === 'local-process') set('transport_type', 'stdio');\n                  if (m.value === 'network') set('transport_type', 'sse');\n                }}\n                className={`text-left p-3 rounded-md border transition-colors ${\n                  active\n                    ? 'border-accent bg-accent/5'\n                    : disabled\n                      ? 'border-surface-border bg-surface-sunken opacity-50 cursor-not-allowed'\n                      : 'border-surface-border hover:border-text-tertiary cursor-pointer'\n                }`}\n              >\n                <span className={`text-xs font-medium ${active ? 'text-accent' : 'text-text-primary'}`}>\n                  {m.label}\n                </span>\n                <span className=\"block text-2xs text-text-tertiary mt-0.5\">{m.hint}</span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n\n      {/* Name + Description (always shown) */}\n      <div className=\"grid grid-cols-2 gap-4\">\n        <div>\n          <label className={labelCls}>Name</label>\n          <input\n            type=\"text\"\n            value={form.name}\n            onChange={(e) => set('name', e.target.value)}\n            placeholder=\"e.g., vision-server\"\n            className=\"input text-xs w-full\"\n            disabled={isBuiltin}\n          />\n        </div>\n        <div>\n          <label className={labelCls}>Description</label>\n          <input\n            type=\"text\"\n            value={form.description}\n            onChange={(e) => set('description', e.target.value)}\n            placeholder=\"Optional description\"\n            className=\"input text-xs w-full\"\n          />\n        </div>\n      </div>\n\n      {/* In-Process: read-only info */}\n      {form.mode === 'in-process' && (\n        <div>\n          <p className={hintCls}>\n            This server runs in-process via InMemoryTransport. Transport is managed automatically — no configuration needed.\n          </p>\n        </div>\n      )}\n\n      {/* Network: URL + transport toggle */}\n      {form.mode === 'network' && (\n        <>\n          <div>\n            <label className={labelCls}>Server URL</label>\n            <input\n              type=\"text\"\n              value={form.url}\n              onChange={(e) => set('url', e.target.value)}\n              placeholder=\"https://mcp-server.example.com/sse\"\n              className=\"input text-xs w-full font-mono\"\n            />\n          </div>\n          <div>\n            <label className={labelCls}>Transport Protocol</label>\n            <div className=\"flex gap-2 mt-1\">\n              {(['sse', 'streamable-http'] as const).map((t) => (\n                <button\n                  key={t}\n                  type=\"button\"\n                  onClick={() => set('transport_type', t)}\n                  className={`px-3 py-1.5 text-xs rounded-md border transition-colors ${\n                    form.transport_type === t\n                      ? 'border-accent bg-accent/5 text-accent font-medium'\n                      : 'border-surface-border text-text-secondary hover:border-text-tertiary'\n                  }`}\n                >\n                  {t === 'sse' ? 'SSE' : 'Streamable HTTP'}\n                </button>\n              ))}\n            </div>\n          </div>\n        </>\n      )}\n\n      {/* Local Process: command + args + env */}\n      {form.mode === 'local-process' && (\n        <>\n          <div>\n            <label className={labelCls}>Command</label>\n            <input\n              type=\"text\"\n              value={form.command}\n              onChange={(e) => set('command', e.target.value)}\n              placeholder=\"e.g., npx\"\n              className=\"input text-xs w-full font-mono\"\n            />\n          </div>\n          <div>\n            <label className={labelCls}>Arguments (comma-separated)</label>\n            <input\n              type=\"text\"\n              value={form.args}\n              onChange={(e) => set('args', e.target.value)}\n              placeholder=\"e.g., -y, @modelcontextprotocol/server-filesystem, /tmp\"\n              className=\"input text-xs w-full font-mono\"\n            />\n          </div>\n          <div>\n            <label className={labelCls}>Environment Variables (JSON)</label>\n            <textarea\n              value={form.env_vars}\n              onChange={(e) => set('env_vars', e.target.value)}\n              className=\"input-json w-full\"\n              rows={3}\n              spellCheck={false}\n            />\n          </div>\n        </>\n      )}\n\n      {/* Auto-connect */}\n      <label className=\"flex items-center gap-2 cursor-pointer\">\n        <input\n          type=\"checkbox\"\n          checked={form.auto_connect}\n          onChange={(e) => set('auto_connect', e.target.checked)}\n          className=\"w-4 h-4 rounded border-border accent-accent\"\n        />\n        <span className=\"text-xs text-text-primary\">Auto-connect on startup</span>\n      </label>\n    </div>\n  );\n}\n","import { useState, type KeyboardEvent } from 'react';\nimport { X } from 'lucide-react';\nimport { TagInput } from '../../../../components/common/form/TagInput';\nimport type { ServerFormState } from './server-form-types';\nimport { labelCls, hintCls } from './server-form-types';\n\ninterface Props {\n  form: ServerFormState;\n  set: (field: keyof ServerFormState, value: any) => void;\n}\n\nexport function DiscoveryStep({ form, set }: Props) {\n  const [cpInput, setCpInput] = useState('');\n\n  const addProvider = (raw: string) => {\n    const v = raw.trim().toLowerCase();\n    if (v && !form.credential_providers.includes(v)) {\n      set('credential_providers', [...form.credential_providers, v]);\n    }\n    setCpInput('');\n  };\n\n  const removeProvider = (p: string) => {\n    set('credential_providers', form.credential_providers.filter((x) => x !== p));\n  };\n\n  const handleCpKey = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter' || e.key === ',') {\n      e.preventDefault();\n      addProvider(cpInput);\n    } else if (e.key === 'Backspace' && !cpInput && form.credential_providers.length > 0) {\n      removeProvider(form.credential_providers[form.credential_providers.length - 1]);\n    }\n  };\n\n  return (\n    <div className=\"space-y-5\">\n      {/* Tags */}\n      <div>\n        <label className={labelCls}>Tags</label>\n        <TagInput\n          tags={form.tags}\n          onChange={(tags) => set('tags', tags)}\n          placeholder=\"Add tag (e.g., database, analytics)...\"\n        />\n        <p className={hintCls}>\n          Tags enable tool discovery. Workflows filter available MCP servers by tags to find relevant tools.\n        </p>\n      </div>\n\n      {/* Compile Hints */}\n      <div>\n        <label className={labelCls}>Compile Hints</label>\n        <textarea\n          value={form.compile_hints}\n          onChange={(e) => set('compile_hints', e.target.value)}\n          placeholder=\"Guidance for the workflow compiler when generating YAML from this server's tools...\"\n          className=\"input text-xs w-full leading-relaxed\"\n          rows={4}\n          spellCheck={false}\n        />\n        <p className={hintCls}>\n          Free-form text that guides the workflow compiler. Describe how tools should be composed, sequenced, or parameterized.\n        </p>\n      </div>\n\n      {/* Credential Providers */}\n      <div>\n        <label className={labelCls}>Credential Providers</label>\n        <div className=\"flex flex-wrap items-center gap-1.5 bg-surface-sunken border border-surface-border rounded-md px-2 py-1.5 focus-within:ring-1 focus-within:ring-accent-primary\">\n          {form.credential_providers.map((p) => (\n            <span\n              key={p}\n              className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium\"\n            >\n              {p}\n              <button\n                type=\"button\"\n                onClick={() => removeProvider(p)}\n                className=\"hover:text-status-error transition-colors\"\n              >\n                <X className=\"w-2.5 h-2.5\" />\n              </button>\n            </span>\n          ))}\n          <input\n            type=\"text\"\n            value={cpInput}\n            onChange={(e) => setCpInput(e.target.value)}\n            onKeyDown={handleCpKey}\n            onBlur={() => { if (cpInput.trim()) addProvider(cpInput); }}\n            placeholder={form.credential_providers.length === 0 ? 'Add provider (e.g., github, slack)...' : ''}\n            className=\"flex-1 min-w-[80px] bg-transparent text-xs text-text-primary outline-none placeholder:text-text-tertiary\"\n          />\n        </div>\n        <p className={hintCls}>\n          IAM credential providers required by this server's tools. Users will be prompted to connect these before tool execution.\n        </p>\n      </div>\n    </div>\n  );\n}\n","import { CheckCircle2, XCircle, Loader2 } from 'lucide-react';\nimport { useTestConnection } from '../../../../api/mcp';\nimport type { ServerFormState } from './server-form-types';\nimport { formToPayload } from './server-form-types';\nimport { hintCls } from './server-form-types';\n\ninterface Props {\n  form: ServerFormState;\n  set: (field: keyof ServerFormState, value: any) => void;\n}\n\nexport function TestStep({ form, set }: Props) {\n  const test = useTestConnection();\n  const isInProcess = form.mode === 'in-process';\n\n  const handleTest = () => {\n    const payload = formToPayload(form);\n    test.mutate(\n      { transport_type: payload.transport_type, transport_config: payload.transport_config },\n      {\n        onSuccess: (result) => {\n          if (result.success) {\n            set('discovered_tools', result.tools);\n          }\n        },\n      },\n    );\n  };\n\n  const result = test.data;\n  const tools = form.discovered_tools ?? result?.tools ?? [];\n\n  return (\n    <div className=\"space-y-5\">\n      {isInProcess ? (\n        <div>\n          <p className=\"text-sm text-text-secondary\">\n            In-process servers connect lazily on first tool call. No connection test needed.\n          </p>\n          {form.discovered_tools && form.discovered_tools.length > 0 && (\n            <div className=\"mt-4\">\n              <p className=\"text-xs text-text-tertiary mb-2\">\n                {form.discovered_tools.length} tool{form.discovered_tools.length !== 1 ? 's' : ''} cached from last connection\n              </p>\n              <ToolList tools={form.discovered_tools} />\n            </div>\n          )}\n        </div>\n      ) : (\n        <>\n          <div className=\"flex items-center gap-3\">\n            <button\n              type=\"button\"\n              onClick={handleTest}\n              disabled={test.isPending}\n              className=\"btn-primary text-xs\"\n            >\n              {test.isPending ? (\n                <span className=\"flex items-center gap-1.5\">\n                  <Loader2 className=\"w-3 h-3 animate-spin\" />\n                  Connecting...\n                </span>\n              ) : (\n                'Test Connection'\n              )}\n            </button>\n            {result?.success && (\n              <span className=\"flex items-center gap-1 text-xs text-status-success\">\n                <CheckCircle2 className=\"w-3.5 h-3.5\" />\n                Connected — {tools.length} tool{tools.length !== 1 ? 's' : ''} discovered\n              </span>\n            )}\n            {result && !result.success && (\n              <span className=\"flex items-center gap-1 text-xs text-status-error\">\n                <XCircle className=\"w-3.5 h-3.5\" />\n                {result.error || 'Connection failed'}\n              </span>\n            )}\n          </div>\n\n          {tools.length > 0 && (\n            <div>\n              <p className=\"text-xs text-text-tertiary mb-2\">Discovered tools</p>\n              <ToolList tools={tools} />\n            </div>\n          )}\n\n          <p className={hintCls}>\n            Tests connectivity by connecting to the server and listing available tools. The server must be reachable from this machine.\n          </p>\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction ToolList({ tools }: { tools: { name: string; description?: string }[] }) {\n  return (\n    <div className=\"max-h-[280px] overflow-y-auto border border-surface-border rounded-md divide-y divide-surface-border\">\n      {tools.map((t) => (\n        <div key={t.name} className=\"px-3 py-2\">\n          <span className=\"text-xs font-medium text-text-primary font-mono\">{t.name}</span>\n          {t.description && (\n            <span className=\"block text-2xs text-text-tertiary mt-0.5 line-clamp-2\">{t.description}</span>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import type { ServerFormState } from './server-form-types';\nimport { labelCls } from './server-form-types';\n\ninterface Props {\n  form: ServerFormState;\n}\n\nconst modeLabels: Record<string, string> = {\n  'in-process': 'In-Process',\n  'network': 'Network Service',\n  'local-process': 'Local Process',\n};\n\nconst transportLabels: Record<string, string> = {\n  stdio: 'stdio',\n  sse: 'SSE',\n  'streamable-http': 'Streamable HTTP',\n};\n\nexport function ReviewStep({ form }: Props) {\n  const tools = form.discovered_tools ?? [];\n\n  return (\n    <div className=\"space-y-4\">\n      <Row label=\"Name\" value={form.name} />\n      {form.description && <Row label=\"Description\" value={form.description} />}\n      <Row label=\"Mode\" value={modeLabels[form.mode] ?? form.mode} />\n\n      {form.mode === 'network' && (\n        <>\n          <Row label=\"Transport\" value={transportLabels[form.transport_type] ?? form.transport_type} />\n          <Row label=\"URL\" value={form.url} mono />\n        </>\n      )}\n      {form.mode === 'local-process' && (\n        <>\n          <Row label=\"Command\" value={form.command} mono />\n          {form.args && <Row label=\"Args\" value={form.args} mono />}\n        </>\n      )}\n\n      <Row label=\"Auto-connect\" value={form.auto_connect ? 'Yes' : 'No'} />\n\n      {form.tags.length > 0 && (\n        <div>\n          <label className={labelCls}>Tags</label>\n          <div className=\"flex flex-wrap gap-1.5 mt-1\">\n            {form.tags.map((t) => (\n              <span key={t} className=\"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium\">\n                {t}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {form.credential_providers.length > 0 && (\n        <div>\n          <label className={labelCls}>Credential Providers</label>\n          <div className=\"flex flex-wrap gap-1.5 mt-1\">\n            {form.credential_providers.map((p) => (\n              <span key={p} className=\"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium\">\n                {p}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {form.compile_hints && <Row label=\"Compile Hints\" value={form.compile_hints} />}\n\n      {tools.length > 0 && (\n        <Row label=\"Discovered Tools\" value={`${tools.length} tool${tools.length !== 1 ? 's' : ''}`} />\n      )}\n    </div>\n  );\n}\n\nfunction Row({ label, value, mono }: { label: string; value: string; mono?: boolean }) {\n  return (\n    <div>\n      <label className={labelCls}>{label}</label>\n      <p className={`text-xs text-text-primary mt-0.5 ${mono ? 'font-mono' : ''}`}>{value}</p>\n    </div>\n  );\n}\n","import { useState, useEffect, useCallback } from 'react';\nimport { useParams, useNavigate, useSearchParams } from 'react-router-dom';\nimport { useMcpServer, useCreateMcpServer, useUpdateMcpServer } from '../../../../api/mcp';\nimport { StepIndicator } from '../../../../components/common/layout/StepIndicator';\nimport { PageHeader } from '../../../../components/common/layout/PageHeader';\nimport {\n  EMPTY_FORM,\n  serverToForm,\n  formToPayload,\n  STEP_LABELS,\n  isStepValid,\n} from './server-form-types';\nimport type { ServerFormState } from './server-form-types';\nimport { TransportStep } from './TransportStep';\nimport { DiscoveryStep } from './DiscoveryStep';\nimport { TestStep } from './TestStep';\nimport { ReviewStep } from './ReviewStep';\n\nexport function McpServerDetailPage() {\n  const { serverId } = useParams<{ serverId: string }>();\n  const isNew = !serverId;\n  const navigate = useNavigate();\n  const { data: existing, isLoading } = useMcpServer(serverId ?? '');\n  const createServer = useCreateMcpServer();\n  const updateServer = useUpdateMcpServer();\n\n  const [form, setForm] = useState<ServerFormState>(EMPTY_FORM);\n  const [initialized, setInitialized] = useState(false);\n  const [saveError, setSaveError] = useState('');\n\n  // Step via URL search param\n  const [searchParams, setSearchParams] = useSearchParams();\n  const step = parseInt(searchParams.get('step') || '1', 10);\n  const setStep = useCallback((s: number) => {\n    setSearchParams((prev) => {\n      const next = new URLSearchParams(prev);\n      next.set('step', String(s));\n      return next;\n    }, { replace: false });\n  }, [setSearchParams]);\n\n  // Initialize form from existing record\n  useEffect(() => {\n    if (initialized) return;\n    if (isNew) {\n      setForm(EMPTY_FORM);\n      setInitialized(true);\n      return;\n    }\n    if (existing) {\n      setForm(serverToForm(existing));\n      setInitialized(true);\n    }\n  }, [existing, isNew, initialized]);\n\n  const set = (field: keyof ServerFormState, value: any) =>\n    setForm((f) => ({ ...f, [field]: value }));\n\n  const isBuiltin = !!(existing?.transport_config as any)?.builtin;\n\n  // Save\n  const handleSave = () => {\n    setSaveError('');\n    const payload = formToPayload(form);\n\n    if (existing) {\n      updateServer.mutate(\n        { id: existing.id, ...payload },\n        { onSuccess: () => navigate('/mcp/servers') },\n      );\n    } else {\n      createServer.mutate(payload, {\n        onSuccess: () => navigate('/mcp/servers'),\n        onError: (err) => setSaveError(err.message),\n      });\n    }\n  };\n\n  if (!isNew && isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-60 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!isNew && !existing && !isLoading) {\n    return <p className=\"text-sm text-text-secondary\">Server not found.</p>;\n  }\n\n  const isLast = step === STEP_LABELS.length;\n  const isPending = createServer.isPending || updateServer.isPending;\n  const error = saveError || (createServer.error as Error | null)?.message || (updateServer.error as Error | null)?.message;\n\n  return (\n    <div>\n      <PageHeader title={isNew ? 'Register MCP Server' : existing?.name ?? ''} />\n\n      <div className=\"max-w-3xl\">\n        <StepIndicator steps={STEP_LABELS} currentStep={step - 1} onStepClick={(i) => setStep(i + 1)} />\n\n        <div className=\"min-h-[360px] py-2\">\n          {step === 1 && <TransportStep form={form} set={set} isBuiltin={isBuiltin} />}\n          {step === 2 && <DiscoveryStep form={form} set={set} />}\n          {step === 3 && <TestStep form={form} set={set} />}\n          {step === 4 && <ReviewStep form={form} />}\n        </div>\n\n        {error && (\n          <p className=\"text-xs text-status-error mt-4\">{error}</p>\n        )}\n\n        {/* Navigation */}\n        <div className=\"flex justify-between items-center pt-4 border-t border-surface-border mt-4\">\n          <div>\n            {step > 1 && (\n              <button onClick={() => setStep(step - 1)} className=\"btn-secondary text-xs\">\n                Back\n              </button>\n            )}\n          </div>\n          <div className=\"flex gap-3\">\n            <button onClick={() => navigate('/mcp/servers')} className=\"btn-ghost text-xs\">\n              Cancel\n            </button>\n            {isLast ? (\n              <button\n                onClick={handleSave}\n                disabled={!isStepValid(step, form) || isPending}\n                className=\"btn-primary text-xs\"\n              >\n                {isPending ? 'Saving...' : existing ? 'Save' : 'Register'}\n              </button>\n            ) : (\n              <button\n                onClick={() => setStep(step + 1)}\n                disabled={!isStepValid(step, form)}\n                className=\"btn-primary text-xs\"\n              >\n                Next\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["StepIndicator","steps","currentStep","onStepClick","jsx","label","i","done","active","clickable","jsxs","EMPTY_FORM","serverToForm","config","isBuiltin","mode","formToPayload","form","transport_config","a","STEP_LABELS","isStepValid","step","labelCls","hintCls","modes","TransportStep","set","m","disabled","e","Fragment","t","DiscoveryStep","cpInput","setCpInput","useState","addProvider","raw","v","removeProvider","p","x","handleCpKey","TagInput","tags","X","TestStep","test","useTestConnection","isInProcess","handleTest","payload","result","tools","ToolList","Loader2","CheckCircle2","XCircle","modeLabels","transportLabels","ReviewStep","Row","value","mono","McpServerDetailPage","serverId","useParams","isNew","navigate","useNavigate","existing","isLoading","useMcpServer","createServer","useCreateMcpServer","updateServer","useUpdateMcpServer","setForm","initialized","setInitialized","saveError","setSaveError","searchParams","setSearchParams","useSearchParams","setStep","useCallback","s","prev","next","useEffect","field","f","_a","handleSave","err","isLast","isPending","error","_b","_c","PageHeader"],"mappings":"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"}
+{"version":3,"file":"index-CunrdEfT.js","sources":["../../src/components/common/layout/StepIndicator.tsx","../../src/pages/mcp/servers/detail/server-form-types.ts","../../src/pages/mcp/servers/detail/TransportStep.tsx","../../src/pages/mcp/servers/detail/DiscoveryStep.tsx","../../src/pages/mcp/servers/detail/TestStep.tsx","../../src/pages/mcp/servers/detail/ReviewStep.tsx","../../src/pages/mcp/servers/detail/McpServerDetailPage.tsx"],"sourcesContent":["interface StepIndicatorProps {\n  steps: string[];\n  currentStep: number;\n  onStepClick?: (step: number) => void;\n}\n\nexport function StepIndicator({ steps, currentStep, onStepClick }: StepIndicatorProps) {\n  return (\n    <div className=\"flex items-center justify-center gap-1 pb-4 border-b border-surface-border mb-4\">\n      {steps.map((label, i) => {\n        const done = i < currentStep;\n        const active = i === currentStep;\n        const clickable = !!onStepClick;\n        return (\n          <div key={label} className=\"flex items-center gap-1\">\n            {i > 0 && (\n              <div className={`w-4 h-px ${done ? 'bg-accent' : 'bg-surface-border'}`} />\n            )}\n            <button\n              type=\"button\"\n              onClick={clickable ? () => onStepClick(i) : undefined}\n              className={`flex items-center gap-1 ${clickable ? 'cursor-pointer' : 'cursor-default'}`}\n            >\n              <span\n                className={`w-5 h-5 rounded-full text-2xs font-semibold flex items-center justify-center shrink-0 transition-colors ${\n                  active\n                    ? 'bg-accent text-text-inverse'\n                    : done\n                      ? 'bg-accent-muted text-accent'\n                      : 'bg-surface-sunken text-text-tertiary'\n                } ${clickable && !active ? 'hover:bg-accent-muted hover:text-accent' : ''}`}\n              >\n                {i + 1}\n              </span>\n              <span\n                className={`text-2xs font-semibold uppercase tracking-wider whitespace-nowrap transition-colors ${\n                  active ? 'text-text-primary' : 'text-text-tertiary'\n                } ${clickable && !active ? 'hover:text-text-primary' : ''}`}\n              >\n                {label}\n              </span>\n            </button>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","import type { McpServerRecord, McpToolManifest } from '../../../../api/types';\n\nexport interface ServerFormState {\n  name: string;\n  description: string;\n  mode: 'in-process' | 'network' | 'local-process';\n  transport_type: 'stdio' | 'sse' | 'streamable-http';\n  // stdio fields\n  command: string;\n  args: string;\n  env_vars: string;\n  // network fields\n  url: string;\n  // shared\n  auto_connect: boolean;\n  tags: string[];\n  compile_hints: string;\n  credential_providers: string[];\n  discovered_tools: McpToolManifest[] | null;\n}\n\nexport const EMPTY_FORM: ServerFormState = {\n  name: '',\n  description: '',\n  mode: 'network',\n  transport_type: 'sse',\n  command: '',\n  args: '',\n  env_vars: '{}',\n  url: '',\n  auto_connect: false,\n  tags: [],\n  compile_hints: '',\n  credential_providers: [],\n  discovered_tools: null,\n};\n\nexport function serverToForm(s: McpServerRecord): ServerFormState {\n  const config = s.transport_config ?? {};\n  const isBuiltin = !!(config as any).builtin;\n\n  let mode: ServerFormState['mode'] = 'network';\n  if (isBuiltin) mode = 'in-process';\n  else if (s.transport_type === 'stdio') mode = 'local-process';\n\n  return {\n    name: s.name,\n    description: s.description ?? '',\n    mode,\n    transport_type: s.transport_type,\n    command: (config as any).command ?? '',\n    args: ((config as any).args ?? []).join(', '),\n    env_vars: (config as any).env ? JSON.stringify((config as any).env, null, 2) : '{}',\n    url: (config as any).url ?? '',\n    auto_connect: s.auto_connect,\n    tags: s.tags ?? [],\n    compile_hints: (s as any).compile_hints ?? '',\n    credential_providers: s.credential_providers ?? [],\n    discovered_tools: s.tool_manifest ?? null,\n  };\n}\n\nexport function formToPayload(form: ServerFormState) {\n  let transport_config: Record<string, unknown> = {};\n\n  if (form.mode === 'local-process') {\n    transport_config = {\n      command: form.command.trim(),\n      args: form.args.split(',').map((a) => a.trim()).filter(Boolean),\n      env: form.env_vars.trim() ? JSON.parse(form.env_vars) : undefined,\n    };\n  } else if (form.mode === 'network') {\n    transport_config = { url: form.url.trim() };\n  }\n  // in-process: transport_config stays empty (server manages it)\n\n  return {\n    name: form.name.trim(),\n    description: form.description.trim() || undefined,\n    transport_type: form.mode === 'local-process' ? 'stdio' as const : form.transport_type,\n    transport_config,\n    auto_connect: form.auto_connect,\n    tags: form.tags,\n    compile_hints: form.compile_hints.trim() || undefined,\n    credential_providers: form.credential_providers.length > 0 ? form.credential_providers : undefined,\n  };\n}\n\nexport const STEP_LABELS = ['Transport', 'Discovery', 'Test', 'Review'];\n\nexport function isStepValid(step: number, form: ServerFormState): boolean {\n  if (step === 1) {\n    if (!form.name.trim()) return false;\n    if (form.mode === 'network' && !form.url.trim()) return false;\n    if (form.mode === 'local-process' && !form.command.trim()) return false;\n    return true;\n  }\n  return true;\n}\n\nexport const labelCls = 'label';\nexport const hintCls = 'hint';\n","import type { ServerFormState } from './server-form-types';\nimport { labelCls, hintCls } from './server-form-types';\n\ninterface Props {\n  form: ServerFormState;\n  set: (field: keyof ServerFormState, value: any) => void;\n  isBuiltin: boolean;\n}\n\nconst modes = [\n  { value: 'in-process', label: 'In-Process', hint: 'Built-in server running inside the app' },\n  { value: 'network', label: 'Network Service', hint: 'Remote server via SSE or Streamable HTTP' },\n  { value: 'local-process', label: 'Local Process', hint: 'Spawn a local command via stdio' },\n] as const;\n\nexport function TransportStep({ form, set, isBuiltin }: Props) {\n  return (\n    <div className=\"space-y-5\">\n      {/* Mode selector */}\n      <div>\n        <label className={labelCls}>Connection Mode</label>\n        <div className=\"grid grid-cols-3 gap-3 mt-1\">\n          {modes.map((m) => {\n            const active = form.mode === m.value;\n            const disabled = isBuiltin && m.value !== 'in-process';\n            return (\n              <button\n                key={m.value}\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => {\n                  set('mode', m.value);\n                  if (m.value === 'local-process') set('transport_type', 'stdio');\n                  if (m.value === 'network') set('transport_type', 'sse');\n                }}\n                className={`text-left p-3 rounded-md border transition-colors ${\n                  active\n                    ? 'border-accent bg-accent/5'\n                    : disabled\n                      ? 'border-surface-border bg-surface-sunken opacity-50 cursor-not-allowed'\n                      : 'border-surface-border hover:border-text-tertiary cursor-pointer'\n                }`}\n              >\n                <span className={`text-xs font-medium ${active ? 'text-accent' : 'text-text-primary'}`}>\n                  {m.label}\n                </span>\n                <span className=\"block text-2xs text-text-tertiary mt-0.5\">{m.hint}</span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n\n      {/* Name + Description (always shown) */}\n      <div className=\"grid grid-cols-2 gap-4\">\n        <div>\n          <label className={labelCls}>Name</label>\n          <input\n            type=\"text\"\n            value={form.name}\n            onChange={(e) => set('name', e.target.value)}\n            placeholder=\"e.g., vision-server\"\n            className=\"input text-xs w-full\"\n            disabled={isBuiltin}\n          />\n        </div>\n        <div>\n          <label className={labelCls}>Description</label>\n          <input\n            type=\"text\"\n            value={form.description}\n            onChange={(e) => set('description', e.target.value)}\n            placeholder=\"Optional description\"\n            className=\"input text-xs w-full\"\n          />\n        </div>\n      </div>\n\n      {/* In-Process: read-only info */}\n      {form.mode === 'in-process' && (\n        <div>\n          <p className={hintCls}>\n            This server runs in-process via InMemoryTransport. Transport is managed automatically — no configuration needed.\n          </p>\n        </div>\n      )}\n\n      {/* Network: URL + transport toggle */}\n      {form.mode === 'network' && (\n        <>\n          <div>\n            <label className={labelCls}>Server URL</label>\n            <input\n              type=\"text\"\n              value={form.url}\n              onChange={(e) => set('url', e.target.value)}\n              placeholder=\"https://mcp-server.example.com/sse\"\n              className=\"input text-xs w-full font-mono\"\n            />\n          </div>\n          <div>\n            <label className={labelCls}>Transport Protocol</label>\n            <div className=\"flex gap-2 mt-1\">\n              {(['sse', 'streamable-http'] as const).map((t) => (\n                <button\n                  key={t}\n                  type=\"button\"\n                  onClick={() => set('transport_type', t)}\n                  className={`px-3 py-1.5 text-xs rounded-md border transition-colors ${\n                    form.transport_type === t\n                      ? 'border-accent bg-accent/5 text-accent font-medium'\n                      : 'border-surface-border text-text-secondary hover:border-text-tertiary'\n                  }`}\n                >\n                  {t === 'sse' ? 'SSE' : 'Streamable HTTP'}\n                </button>\n              ))}\n            </div>\n          </div>\n        </>\n      )}\n\n      {/* Local Process: command + args + env */}\n      {form.mode === 'local-process' && (\n        <>\n          <div>\n            <label className={labelCls}>Command</label>\n            <input\n              type=\"text\"\n              value={form.command}\n              onChange={(e) => set('command', e.target.value)}\n              placeholder=\"e.g., npx\"\n              className=\"input text-xs w-full font-mono\"\n            />\n          </div>\n          <div>\n            <label className={labelCls}>Arguments (comma-separated)</label>\n            <input\n              type=\"text\"\n              value={form.args}\n              onChange={(e) => set('args', e.target.value)}\n              placeholder=\"e.g., -y, @modelcontextprotocol/server-filesystem, /tmp\"\n              className=\"input text-xs w-full font-mono\"\n            />\n          </div>\n          <div>\n            <label className={labelCls}>Environment Variables (JSON)</label>\n            <textarea\n              value={form.env_vars}\n              onChange={(e) => set('env_vars', e.target.value)}\n              className=\"input-json w-full\"\n              rows={3}\n              spellCheck={false}\n            />\n          </div>\n        </>\n      )}\n\n      {/* Auto-connect */}\n      <label className=\"flex items-center gap-2 cursor-pointer\">\n        <input\n          type=\"checkbox\"\n          checked={form.auto_connect}\n          onChange={(e) => set('auto_connect', e.target.checked)}\n          className=\"w-4 h-4 rounded border-border accent-accent\"\n        />\n        <span className=\"text-xs text-text-primary\">Auto-connect on startup</span>\n      </label>\n    </div>\n  );\n}\n","import { useState, type KeyboardEvent } from 'react';\nimport { X } from 'lucide-react';\nimport { TagInput } from '../../../../components/common/form/TagInput';\nimport type { ServerFormState } from './server-form-types';\nimport { labelCls, hintCls } from './server-form-types';\n\ninterface Props {\n  form: ServerFormState;\n  set: (field: keyof ServerFormState, value: any) => void;\n}\n\nexport function DiscoveryStep({ form, set }: Props) {\n  const [cpInput, setCpInput] = useState('');\n\n  const addProvider = (raw: string) => {\n    const v = raw.trim().toLowerCase();\n    if (v && !form.credential_providers.includes(v)) {\n      set('credential_providers', [...form.credential_providers, v]);\n    }\n    setCpInput('');\n  };\n\n  const removeProvider = (p: string) => {\n    set('credential_providers', form.credential_providers.filter((x) => x !== p));\n  };\n\n  const handleCpKey = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter' || e.key === ',') {\n      e.preventDefault();\n      addProvider(cpInput);\n    } else if (e.key === 'Backspace' && !cpInput && form.credential_providers.length > 0) {\n      removeProvider(form.credential_providers[form.credential_providers.length - 1]);\n    }\n  };\n\n  return (\n    <div className=\"space-y-5\">\n      {/* Tags */}\n      <div>\n        <label className={labelCls}>Tags</label>\n        <TagInput\n          tags={form.tags}\n          onChange={(tags) => set('tags', tags)}\n          placeholder=\"Add tag (e.g., database, analytics)...\"\n        />\n        <p className={hintCls}>\n          Tags enable tool discovery. Workflows filter available MCP servers by tags to find relevant tools.\n        </p>\n      </div>\n\n      {/* Compile Hints */}\n      <div>\n        <label className={labelCls}>Compile Hints</label>\n        <textarea\n          value={form.compile_hints}\n          onChange={(e) => set('compile_hints', e.target.value)}\n          placeholder=\"Guidance for the workflow compiler when generating YAML from this server's tools...\"\n          className=\"input text-xs w-full leading-relaxed\"\n          rows={4}\n          spellCheck={false}\n        />\n        <p className={hintCls}>\n          Free-form text that guides the workflow compiler. Describe how tools should be composed, sequenced, or parameterized.\n        </p>\n      </div>\n\n      {/* Credential Providers */}\n      <div>\n        <label className={labelCls}>Credential Providers</label>\n        <div className=\"flex flex-wrap items-center gap-1.5 bg-surface-sunken border border-surface-border rounded-md px-2 py-1.5 focus-within:ring-1 focus-within:ring-accent-primary\">\n          {form.credential_providers.map((p) => (\n            <span\n              key={p}\n              className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium\"\n            >\n              {p}\n              <button\n                type=\"button\"\n                onClick={() => removeProvider(p)}\n                className=\"hover:text-status-error transition-colors\"\n              >\n                <X className=\"w-2.5 h-2.5\" />\n              </button>\n            </span>\n          ))}\n          <input\n            type=\"text\"\n            value={cpInput}\n            onChange={(e) => setCpInput(e.target.value)}\n            onKeyDown={handleCpKey}\n            onBlur={() => { if (cpInput.trim()) addProvider(cpInput); }}\n            placeholder={form.credential_providers.length === 0 ? 'Add provider (e.g., github, slack)...' : ''}\n            className=\"flex-1 min-w-[80px] bg-transparent text-xs text-text-primary outline-none placeholder:text-text-tertiary\"\n          />\n        </div>\n        <p className={hintCls}>\n          IAM credential providers required by this server's tools. Users will be prompted to connect these before tool execution.\n        </p>\n      </div>\n    </div>\n  );\n}\n","import { CheckCircle2, XCircle, Loader2 } from 'lucide-react';\nimport { useTestConnection } from '../../../../api/mcp';\nimport type { ServerFormState } from './server-form-types';\nimport { formToPayload } from './server-form-types';\nimport { hintCls } from './server-form-types';\n\ninterface Props {\n  form: ServerFormState;\n  set: (field: keyof ServerFormState, value: any) => void;\n}\n\nexport function TestStep({ form, set }: Props) {\n  const test = useTestConnection();\n  const isInProcess = form.mode === 'in-process';\n\n  const handleTest = () => {\n    const payload = formToPayload(form);\n    test.mutate(\n      { transport_type: payload.transport_type, transport_config: payload.transport_config },\n      {\n        onSuccess: (result) => {\n          if (result.success) {\n            set('discovered_tools', result.tools);\n          }\n        },\n      },\n    );\n  };\n\n  const result = test.data;\n  const tools = form.discovered_tools ?? result?.tools ?? [];\n\n  return (\n    <div className=\"space-y-5\">\n      {isInProcess ? (\n        <div>\n          <p className=\"text-sm text-text-secondary\">\n            In-process servers connect lazily on first tool call. No connection test needed.\n          </p>\n          {form.discovered_tools && form.discovered_tools.length > 0 && (\n            <div className=\"mt-4\">\n              <p className=\"text-xs text-text-tertiary mb-2\">\n                {form.discovered_tools.length} tool{form.discovered_tools.length !== 1 ? 's' : ''} cached from last connection\n              </p>\n              <ToolList tools={form.discovered_tools} />\n            </div>\n          )}\n        </div>\n      ) : (\n        <>\n          <div className=\"flex items-center gap-3\">\n            <button\n              type=\"button\"\n              onClick={handleTest}\n              disabled={test.isPending}\n              className=\"btn-primary text-xs\"\n            >\n              {test.isPending ? (\n                <span className=\"flex items-center gap-1.5\">\n                  <Loader2 className=\"w-3 h-3 animate-spin\" />\n                  Connecting...\n                </span>\n              ) : (\n                'Test Connection'\n              )}\n            </button>\n            {result?.success && (\n              <span className=\"flex items-center gap-1 text-xs text-status-success\">\n                <CheckCircle2 className=\"w-3.5 h-3.5\" />\n                Connected — {tools.length} tool{tools.length !== 1 ? 's' : ''} discovered\n              </span>\n            )}\n            {result && !result.success && (\n              <span className=\"flex items-center gap-1 text-xs text-status-error\">\n                <XCircle className=\"w-3.5 h-3.5\" />\n                {result.error || 'Connection failed'}\n              </span>\n            )}\n          </div>\n\n          {tools.length > 0 && (\n            <div>\n              <p className=\"text-xs text-text-tertiary mb-2\">Discovered tools</p>\n              <ToolList tools={tools} />\n            </div>\n          )}\n\n          <p className={hintCls}>\n            Tests connectivity by connecting to the server and listing available tools. The server must be reachable from this machine.\n          </p>\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction ToolList({ tools }: { tools: { name: string; description?: string }[] }) {\n  return (\n    <div className=\"max-h-[280px] overflow-y-auto border border-surface-border rounded-md divide-y divide-surface-border\">\n      {tools.map((t) => (\n        <div key={t.name} className=\"px-3 py-2\">\n          <span className=\"text-xs font-medium text-text-primary font-mono\">{t.name}</span>\n          {t.description && (\n            <span className=\"block text-2xs text-text-tertiary mt-0.5 line-clamp-2\">{t.description}</span>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import type { ServerFormState } from './server-form-types';\nimport { labelCls } from './server-form-types';\n\ninterface Props {\n  form: ServerFormState;\n}\n\nconst modeLabels: Record<string, string> = {\n  'in-process': 'In-Process',\n  'network': 'Network Service',\n  'local-process': 'Local Process',\n};\n\nconst transportLabels: Record<string, string> = {\n  stdio: 'stdio',\n  sse: 'SSE',\n  'streamable-http': 'Streamable HTTP',\n};\n\nexport function ReviewStep({ form }: Props) {\n  const tools = form.discovered_tools ?? [];\n\n  return (\n    <div className=\"space-y-4\">\n      <Row label=\"Name\" value={form.name} />\n      {form.description && <Row label=\"Description\" value={form.description} />}\n      <Row label=\"Mode\" value={modeLabels[form.mode] ?? form.mode} />\n\n      {form.mode === 'network' && (\n        <>\n          <Row label=\"Transport\" value={transportLabels[form.transport_type] ?? form.transport_type} />\n          <Row label=\"URL\" value={form.url} mono />\n        </>\n      )}\n      {form.mode === 'local-process' && (\n        <>\n          <Row label=\"Command\" value={form.command} mono />\n          {form.args && <Row label=\"Args\" value={form.args} mono />}\n        </>\n      )}\n\n      <Row label=\"Auto-connect\" value={form.auto_connect ? 'Yes' : 'No'} />\n\n      {form.tags.length > 0 && (\n        <div>\n          <label className={labelCls}>Tags</label>\n          <div className=\"flex flex-wrap gap-1.5 mt-1\">\n            {form.tags.map((t) => (\n              <span key={t} className=\"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium\">\n                {t}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {form.credential_providers.length > 0 && (\n        <div>\n          <label className={labelCls}>Credential Providers</label>\n          <div className=\"flex flex-wrap gap-1.5 mt-1\">\n            {form.credential_providers.map((p) => (\n              <span key={p} className=\"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium\">\n                {p}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {form.compile_hints && <Row label=\"Compile Hints\" value={form.compile_hints} />}\n\n      {tools.length > 0 && (\n        <Row label=\"Discovered Tools\" value={`${tools.length} tool${tools.length !== 1 ? 's' : ''}`} />\n      )}\n    </div>\n  );\n}\n\nfunction Row({ label, value, mono }: { label: string; value: string; mono?: boolean }) {\n  return (\n    <div>\n      <label className={labelCls}>{label}</label>\n      <p className={`text-xs text-text-primary mt-0.5 ${mono ? 'font-mono' : ''}`}>{value}</p>\n    </div>\n  );\n}\n","import { useState, useEffect, useCallback } from 'react';\nimport { useParams, useNavigate, useSearchParams } from 'react-router-dom';\nimport { useMcpServer, useCreateMcpServer, useUpdateMcpServer } from '../../../../api/mcp';\nimport { StepIndicator } from '../../../../components/common/layout/StepIndicator';\nimport { PageHeader } from '../../../../components/common/layout/PageHeader';\nimport {\n  EMPTY_FORM,\n  serverToForm,\n  formToPayload,\n  STEP_LABELS,\n  isStepValid,\n} from './server-form-types';\nimport type { ServerFormState } from './server-form-types';\nimport { TransportStep } from './TransportStep';\nimport { DiscoveryStep } from './DiscoveryStep';\nimport { TestStep } from './TestStep';\nimport { ReviewStep } from './ReviewStep';\n\nexport function McpServerDetailPage() {\n  const { serverId } = useParams<{ serverId: string }>();\n  const isNew = !serverId;\n  const navigate = useNavigate();\n  const { data: existing, isLoading } = useMcpServer(serverId ?? '');\n  const createServer = useCreateMcpServer();\n  const updateServer = useUpdateMcpServer();\n\n  const [form, setForm] = useState<ServerFormState>(EMPTY_FORM);\n  const [initialized, setInitialized] = useState(false);\n  const [saveError, setSaveError] = useState('');\n\n  // Step via URL search param\n  const [searchParams, setSearchParams] = useSearchParams();\n  const step = parseInt(searchParams.get('step') || '1', 10);\n  const setStep = useCallback((s: number) => {\n    setSearchParams((prev) => {\n      const next = new URLSearchParams(prev);\n      next.set('step', String(s));\n      return next;\n    }, { replace: false });\n  }, [setSearchParams]);\n\n  // Initialize form from existing record\n  useEffect(() => {\n    if (initialized) return;\n    if (isNew) {\n      setForm(EMPTY_FORM);\n      setInitialized(true);\n      return;\n    }\n    if (existing) {\n      setForm(serverToForm(existing));\n      setInitialized(true);\n    }\n  }, [existing, isNew, initialized]);\n\n  const set = (field: keyof ServerFormState, value: any) =>\n    setForm((f) => ({ ...f, [field]: value }));\n\n  const isBuiltin = !!(existing?.transport_config as any)?.builtin;\n\n  // Save\n  const handleSave = () => {\n    setSaveError('');\n    const payload = formToPayload(form);\n\n    if (existing) {\n      updateServer.mutate(\n        { id: existing.id, ...payload },\n        { onSuccess: () => navigate('/mcp/servers') },\n      );\n    } else {\n      createServer.mutate(payload, {\n        onSuccess: () => navigate('/mcp/servers'),\n        onError: (err) => setSaveError(err.message),\n      });\n    }\n  };\n\n  if (!isNew && isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-60 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!isNew && !existing && !isLoading) {\n    return <p className=\"text-sm text-text-secondary\">Server not found.</p>;\n  }\n\n  const isLast = step === STEP_LABELS.length;\n  const isPending = createServer.isPending || updateServer.isPending;\n  const error = saveError || (createServer.error as Error | null)?.message || (updateServer.error as Error | null)?.message;\n\n  return (\n    <div>\n      <PageHeader title={isNew ? 'Register MCP Server' : existing?.name ?? ''} />\n\n      <div className=\"max-w-3xl\">\n        <StepIndicator steps={STEP_LABELS} currentStep={step - 1} onStepClick={(i) => setStep(i + 1)} />\n\n        <div className=\"min-h-[360px] py-2\">\n          {step === 1 && <TransportStep form={form} set={set} isBuiltin={isBuiltin} />}\n          {step === 2 && <DiscoveryStep form={form} set={set} />}\n          {step === 3 && <TestStep form={form} set={set} />}\n          {step === 4 && <ReviewStep form={form} />}\n        </div>\n\n        {error && (\n          <p className=\"text-xs text-status-error mt-4\">{error}</p>\n        )}\n\n        {/* Navigation */}\n        <div className=\"flex justify-between items-center pt-4 border-t border-surface-border mt-4\">\n          <div>\n            {step > 1 && (\n              <button onClick={() => setStep(step - 1)} className=\"btn-secondary text-xs\">\n                Back\n              </button>\n            )}\n          </div>\n          <div className=\"flex gap-3\">\n            <button onClick={() => navigate('/mcp/servers')} className=\"btn-ghost text-xs\">\n              Cancel\n            </button>\n            {isLast ? (\n              <button\n                onClick={handleSave}\n                disabled={!isStepValid(step, form) || isPending}\n                className=\"btn-primary text-xs\"\n              >\n                {isPending ? 'Saving...' : existing ? 'Save' : 'Register'}\n              </button>\n            ) : (\n              <button\n                onClick={() => setStep(step + 1)}\n                disabled={!isStepValid(step, form)}\n                className=\"btn-primary text-xs\"\n              >\n                Next\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["StepIndicator","steps","currentStep","onStepClick","jsx","label","i","done","active","clickable","jsxs","EMPTY_FORM","serverToForm","config","isBuiltin","mode","formToPayload","form","transport_config","a","STEP_LABELS","isStepValid","step","labelCls","hintCls","modes","TransportStep","set","m","disabled","e","Fragment","t","DiscoveryStep","cpInput","setCpInput","useState","addProvider","raw","v","removeProvider","p","x","handleCpKey","TagInput","tags","X","TestStep","test","useTestConnection","isInProcess","handleTest","payload","result","tools","ToolList","Loader2","CheckCircle2","XCircle","modeLabels","transportLabels","ReviewStep","Row","value","mono","McpServerDetailPage","serverId","useParams","isNew","navigate","useNavigate","existing","isLoading","useMcpServer","createServer","useCreateMcpServer","updateServer","useUpdateMcpServer","setForm","initialized","setInitialized","saveError","setSaveError","searchParams","setSearchParams","useSearchParams","setStep","useCallback","s","prev","next","useEffect","field","f","_a","handleSave","err","isLast","isPending","error","_b","_c","PageHeader"],"mappings":"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"}

package/dashboard/dist/assets/{index-D2IRxjSf.js → index-DajlugVw.js}

@@ -1,6 +1,6 @@
-import{a as n,j as e}from"./vendor-query-RUZdMvN6.js";import{c as z,u as K,d as H,e as U}from"./workflows-D8uMBPvQ.js";import{P as Y}from"./PageHeader-CFVw67M6.js";import{F as V,b as X,a as G}from"./FilterBar-DWYGkVRH.js";import{L as Q,a0 as Z,Y as ee}from"./index-zrTQcPjB.js";import{W as te}from"./WorkflowPill-CN-952iI.js";import{N as se}from"./NamespacePill-DONj6eUU.js";import{A as ae,aC as re,e as B,aq as ne,i as oe,aD as le,aE as ce,X as ie}from"./vendor-icons-h-jlRSb9.js";import{B as de}from"./BotPicker-GU44inXA.js";import{L as ue,u as xe,f as me}from"./vendor-react-CdqEC2zv.js";import"./bots-B9zS0z7D.js";function fe(t){const[a,d]=n.useState(()=>{try{return window.matchMedia(t).matches}catch{return!1}});return n.useEffect(()=>{let f;try{f=window.matchMedia(t)}catch{return}d(f.matches);const o=j=>d(j.matches);return f.addEventListener("change",o),()=>f.removeEventListener("change",o)},[t]),a}function J(t){return[...new Set(t.map(a=>a.task_queue).filter(Boolean))].sort()}function pe({configs:t,selectedType:a,onSelect:d,tierMap:f,activeTypes:o,search:j,activeQueue:g}){const c=n.useMemo(()=>J(t),[t]),y=n.useMemo(()=>{const i=j.toLowerCase().trim(),x=r=>{var h;return!i||r.workflow_type.toLowerCase().includes(i)||((h=r.description)==null?void 0:h.toLowerCase().includes(i))},v=(g?[g]:c).map(r=>({queue:r,workflows:t.filter(h=>h.task_queue===r&&x(h))})).filter(r=>r.workflows.length>0);if(!g){const r=t.filter(h=>!h.task_queue&&x(h));r.length>0&&v.push({queue:"",workflows:r})}return v},[t,c,j,g]);return e.jsx("div",{children:y.length===0?e.jsx("p",{className:"text-sm text-text-tertiary py-8 text-center",children:"No workflows match your filter."}):e.jsx("div",{className:"space-y-10",children:y.map(({queue:i,workflows:x})=>e.jsxs("div",{children:[e.jsxs("div",{className:"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border",children:[i?e.jsx(ae,{className:"w-3 h-3 text-accent",strokeWidth:1.5}):e.jsx(re,{className:"w-3 h-3 text-text-quaternary",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:i||"No Queue"}),e.jsx("span",{className:"text-xs text-text-quaternary",children:x.length})]}),e.jsx("div",{className:"divide-y divide-surface-border/30",children:x.map(l=>e.jsx(he,{config:l,isSelected:a===l.workflow_type,tier:f.get(l.workflow_type)??"durable",cronActive:(o==null?void 0:o.has(l.workflow_type))??!1,onSelect:d},l.workflow_type))})]},i||"__none__"))})})}function he({config:t,isSelected:a,tier:d,cronActive:f,onSelect:o}){const j=d==="certified"?"certified":d==="registered"?"registered":"durable";return e.jsxs("button",{onClick:()=>o(t),className:"group relative w-full text-left py-2 px-3 -mx-3 rounded-md hover:bg-surface-hover/30 transition-colors duration-150",children:[a&&e.jsx("span",{className:"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(te,{type:t.workflow_type,size:"md",variant:j}),t.description&&e.jsx("p",{className:"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors",children:t.description}),e.jsxs("span",{className:"ml-auto flex items-center gap-2 shrink-0",children:[t.execute_as&&e.jsxs("span",{className:"inline-flex items-center gap-0.5 px-1.5 py-0.5 text-2xs bg-accent/10 text-accent rounded",children:[e.jsx(B,{className:"w-2.5 h-2.5"}),t.execute_as]}),f&&e.jsx("span",{title:"Cron schedule active",children:e.jsx(ne,{className:"w-3 h-3 text-status-success/70 shrink-0"})}),e.jsx(se,{namespace:"durable"}),e.jsx("span",{title:"Configure & invoke",children:e.jsx(oe,{className:`w-3 h-3 transition-opacity ${a?"text-accent opacity-100":"text-accent opacity-0 group-hover:opacity-100"}`,strokeWidth:1.5})})]})]})]})}const T=`{
+import{a as n,j as e}from"./vendor-query-RUZdMvN6.js";import{c as z,u as K,d as H,e as U}from"./workflows-5sds1Ko8.js";import{P as Y}from"./PageHeader-CFVw67M6.js";import{F as V,b as X,a as G}from"./FilterBar-D6JDMSHi.js";import{L as Q,a0 as Z,Y as ee}from"./index-zqoZDL5j.js";import{W as te}from"./WorkflowPill-CN-952iI.js";import{N as se}from"./NamespacePill-DONj6eUU.js";import{A as ae,aC as re,e as B,aq as ne,i as oe,aD as le,aE as ce,X as ie}from"./vendor-icons-h-jlRSb9.js";import{B as de}from"./BotPicker-xpPjRnkf.js";import{L as ue,u as xe,f as me}from"./vendor-react-CdqEC2zv.js";import"./bots-pSLFdOm-.js";function fe(t){const[a,d]=n.useState(()=>{try{return window.matchMedia(t).matches}catch{return!1}});return n.useEffect(()=>{let f;try{f=window.matchMedia(t)}catch{return}d(f.matches);const o=j=>d(j.matches);return f.addEventListener("change",o),()=>f.removeEventListener("change",o)},[t]),a}function J(t){return[...new Set(t.map(a=>a.task_queue).filter(Boolean))].sort()}function pe({configs:t,selectedType:a,onSelect:d,tierMap:f,activeTypes:o,search:j,activeQueue:g}){const c=n.useMemo(()=>J(t),[t]),y=n.useMemo(()=>{const i=j.toLowerCase().trim(),x=r=>{var h;return!i||r.workflow_type.toLowerCase().includes(i)||((h=r.description)==null?void 0:h.toLowerCase().includes(i))},v=(g?[g]:c).map(r=>({queue:r,workflows:t.filter(h=>h.task_queue===r&&x(h))})).filter(r=>r.workflows.length>0);if(!g){const r=t.filter(h=>!h.task_queue&&x(h));r.length>0&&v.push({queue:"",workflows:r})}return v},[t,c,j,g]);return e.jsx("div",{children:y.length===0?e.jsx("p",{className:"text-sm text-text-tertiary py-8 text-center",children:"No workflows match your filter."}):e.jsx("div",{className:"space-y-10",children:y.map(({queue:i,workflows:x})=>e.jsxs("div",{children:[e.jsxs("div",{className:"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border",children:[i?e.jsx(ae,{className:"w-3 h-3 text-accent",strokeWidth:1.5}):e.jsx(re,{className:"w-3 h-3 text-text-quaternary",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:i||"No Queue"}),e.jsx("span",{className:"text-xs text-text-quaternary",children:x.length})]}),e.jsx("div",{className:"divide-y divide-surface-border/30",children:x.map(l=>e.jsx(he,{config:l,isSelected:a===l.workflow_type,tier:f.get(l.workflow_type)??"durable",cronActive:(o==null?void 0:o.has(l.workflow_type))??!1,onSelect:d},l.workflow_type))})]},i||"__none__"))})})}function he({config:t,isSelected:a,tier:d,cronActive:f,onSelect:o}){const j=d==="certified"?"certified":d==="registered"?"registered":"durable";return e.jsxs("button",{onClick:()=>o(t),className:"group relative w-full text-left py-2 px-3 -mx-3 rounded-md hover:bg-surface-hover/30 transition-colors duration-150",children:[a&&e.jsx("span",{className:"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(te,{type:t.workflow_type,size:"md",variant:j}),t.description&&e.jsx("p",{className:"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors",children:t.description}),e.jsxs("span",{className:"ml-auto flex items-center gap-2 shrink-0",children:[t.execute_as&&e.jsxs("span",{className:"inline-flex items-center gap-0.5 px-1.5 py-0.5 text-2xs bg-accent/10 text-accent rounded",children:[e.jsx(B,{className:"w-2.5 h-2.5"}),t.execute_as]}),f&&e.jsx("span",{title:"Cron schedule active",children:e.jsx(ne,{className:"w-3 h-3 text-status-success/70 shrink-0"})}),e.jsx(se,{namespace:"durable"}),e.jsx("span",{title:"Configure & invoke",children:e.jsx(oe,{className:`w-3 h-3 transition-opacity ${a?"text-accent opacity-100":"text-accent opacity-0 group-hover:opacity-100"}`,strokeWidth:1.5})})]})]})]})}const T=`{
   "data": {},
   "metadata": {}
 }`;function we(t){return typeof t=="boolean"?"boolean":typeof t=="number"?"number":Array.isArray(t)?"array":t!==null&&typeof t=="object"?"object":"string"}function D(t){if(!t)return[];const a=t.data;return!a||typeof a!="object"?[]:Object.entries(a).map(([d,f])=>({key:d,type:we(f),defaultValue:f}))}function A(t){return{...t}}function q(t,a){return JSON.stringify({data:t,metadata:a},null,2)}function je({config:t,overrideBot:a,onOverrideChange:d,showOverride:f}){const{user:o}=Q(),j=a||t.execute_as;return e.jsxs("div",{className:"bg-surface-sunken rounded-lg px-4 py-3 space-y-3",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("span",{className:"text-2xs text-text-tertiary uppercase tracking-wider font-medium",children:"Running as"}),j&&!a&&e.jsx("span",{className:"text-2xs text-text-tertiary",children:"configured default"}),a&&e.jsx("span",{className:"text-2xs text-accent",children:"admin override"})]}),e.jsx("div",{className:"field flex items-center gap-1.5",children:j?e.jsxs(e.Fragment,{children:[e.jsx(B,{className:"w-3.5 h-3.5 text-accent/70 shrink-0"}),e.jsx("span",{className:"text-xs text-text-primary font-mono",children:j})]}):e.jsxs(e.Fragment,{children:[e.jsx(le,{className:"w-3.5 h-3.5 text-text-tertiary shrink-0"}),e.jsx("span",{className:"text-xs text-text-primary",children:(o==null?void 0:o.displayName)||(o==null?void 0:o.username)||"you"})]})})]}),f&&d&&e.jsxs("div",{children:[e.jsx("label",{className:"text-2xs text-text-tertiary uppercase tracking-wider font-medium mb-1 block",children:"Override identity"}),e.jsx(de,{selected:a??"",onChange:d,placeholder:t.execute_as?`Default: ${t.execute_as}`:"Invoking user (default)"})]})]})}function ye({selectedConfig:t,isJsonMode:a,hasFormView:d,jsonInput:f,formFields:o,dataFields:j,onJsonChange:g,onToggleMode:c,onUpdateFormField:y,onSetFormFields:i}){return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-baseline justify-between mb-2",children:[e.jsx("label",{className:"block text-xs text-text-secondary",children:"Envelope"}),e.jsxs("div",{className:"flex items-center gap-3",children:[d&&e.jsx("button",{type:"button",onClick:c,className:"text-2xs text-accent hover:underline",children:a?"Form view":"JSON view"}),t.envelope_schema?e.jsx("span",{className:"text-2xs text-accent",children:"Pre-filled from workflow config"}):e.jsx("span",{className:"text-2xs text-status-warning",children:"No template"})]})]}),!t.envelope_schema&&e.jsx("div",{className:"bg-surface-sunken border border-surface-border rounded px-4 py-3 mb-3",children:e.jsxs("p",{className:"text-xs text-text-secondary leading-relaxed",children:["This workflow has no input template. Edit the JSON directly below, or ",e.jsx(ue,{to:"/workflows/registry/new",className:"text-status-success hover:underline",children:"register it"})," in the Workflow Registry with an envelope schema for pre-filled fields and form-based input."]})}),a||!d?e.jsx("textarea",{value:f,onChange:x=>g(x.target.value),className:"input-json",rows:12,spellCheck:!1}):e.jsx("div",{className:"space-y-3",children:j.map(({key:x,type:l})=>{var N,p;const v=o[x],r=typeof v=="string"?v:JSON.stringify(v??(l==="array"?[]:{}),null,2),h=Math.min(20,Math.max(4,((p=(N=r==null?void 0:r.split)==null?void 0:N.call(r,`
 `))==null?void 0:p.length)??4));return e.jsxs("div",{children:[e.jsxs("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[x,e.jsx("span",{className:"ml-2 font-normal normal-case",children:l})]}),l==="boolean"?e.jsxs("select",{value:String(v??!1),onChange:w=>y(x,w.target.value,l),className:"select text-xs w-full",children:[e.jsx("option",{value:"true",children:"true"}),e.jsx("option",{value:"false",children:"false"})]}):l==="object"||l==="array"?e.jsx("textarea",{value:r,onChange:w=>{try{y(x,JSON.parse(w.target.value),l)}catch{i({...o,[x]:w.target.value})}},className:"input-json w-full",rows:h,spellCheck:!1}):e.jsx("input",{type:l==="number"?"number":"text",value:String(v??""),onChange:w=>y(x,w.target.value,l),className:"input text-xs w-full"})]},x)})}),e.jsxs("p",{className:"text-2xs text-text-tertiary mt-1.5",children:["The envelope wraps your workflow input. ",e.jsx("code",{className:"text-accent/80",children:"data"})," holds workflow-specific fields; ",e.jsx("code",{className:"text-accent/80",children:"metadata"})," is optional context."]})]})}function $({selected:t,executionsPath:a,inline:d=!1}){const f=xe(),{isSuperAdmin:o,hasRoleType:j}=Q(),g=o||j("admin"),c=z(),[y,i]=n.useState(T),[x,l]=n.useState(""),[v,r]=n.useState({}),[h,N]=n.useState(!1),[p,w]=n.useState(""),O=t.certified,[M,_]=n.useState(O),S=n.useMemo(()=>D(t.envelope_schema??null),[t.envelope_schema]),W=S.length>0,C=n.useMemo(()=>{if(!t.envelope_schema)return{};const u=t.envelope_schema.metadata;return u&&typeof u=="object"?u:{}},[t.envelope_schema]);n.useEffect(()=>{var P;l(""),c.reset();const u=sessionStorage.getItem("lt:invoke:prefill");if(u){sessionStorage.removeItem("lt:invoke:prefill"),i(u);try{const b=JSON.parse(u),F=(b==null?void 0:b.data)??b;F&&typeof F=="object"&&r(A(F))}catch{}N(!0),w("");return}const m=t.envelope_schema?JSON.stringify(t.envelope_schema,null,2):T;i(m),(P=t.envelope_schema)!=null&&P.data&&typeof t.envelope_schema.data=="object"?r(A(t.envelope_schema.data)):r({}),N(!D(t.envelope_schema??null).length),w(""),_(O)},[t.workflow_type]);const I=()=>{if(h)try{const u=JSON.parse(y);u.data&&typeof u.data=="object"&&r(A(u.data))}catch{}else i(q(v,C));N(!h)},R=(u,m,P)=>{let b=m;P==="number"?b=m===""?0:Number(m):P==="boolean"&&(b=m==="true"||m===!0);const F={...v,[u]:b};r(F),i(q(F,C))},s=async()=>{l("");let u;try{u=JSON.parse(y)}catch{l("Invalid JSON");return}const{data:m,metadata:P}=u;if(!m||typeof m!="object"){l('Envelope must include a "data" object');return}try{const b={...P??{}};M&&(b.certified=!0),await c.mutateAsync({workflowType:t.workflow_type,data:m,metadata:b,...p?{execute_as:p}:{}}),f(a)}catch{}},k=e.jsxs(e.Fragment,{children:[t.description&&e.jsx("div",{className:"text-xs text-text-secondary leading-relaxed",children:e.jsx(Z,{content:t.description,compact:!0})}),e.jsx(je,{config:t,overrideBot:p,onOverrideChange:w,showOverride:g}),O&&e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:M,onChange:u=>_(u.target.checked),className:"rounded border-surface-border text-accent focus:ring-accent/30"}),e.jsx(ce,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-xs text-text-secondary",children:"Enable task tracking and escalation routing"})]}),e.jsx(ye,{selectedConfig:t,isJsonMode:h,hasFormView:W,jsonInput:y,formFields:v,dataFields:S,onJsonChange:u=>{i(u),l("")},onToggleMode:I,onUpdateFormField:R,onSetFormFields:r})]}),E=e.jsxs("div",{className:`shrink-0 border-t border-surface-border/40 pt-3 pb-4 space-y-2 ${d?"sticky bottom-0 z-10 bg-surface":"bg-surface-raised"}`,children:[x&&e.jsx("p",{className:"text-xs text-status-error",children:x}),c.error&&e.jsx("p",{className:"text-xs text-status-error",children:c.error.message}),c.isSuccess&&e.jsx("p",{className:"text-xs text-status-success",children:"Workflow started"}),e.jsx("button",{onClick:s,disabled:c.isPending,className:"btn-primary w-full",children:c.isPending?"Starting...":"Start Workflow"})]});return d?e.jsxs("div",{className:"space-y-6 max-w-2xl",children:[k,E]}):e.jsxs("div",{className:"h-full flex flex-col",children:[e.jsx("div",{className:"flex-1 overflow-y-auto space-y-6 pt-1 pb-4",children:k}),E]})}const L="invoke-run";function ve({config:t,executionsPath:a,onClose:d}){return e.jsxs("div",{className:"h-full flex flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3 px-5 pt-4 pb-2",children:[e.jsx("h2",{className:"text-base font-mono font-medium text-text-primary truncate",title:t.workflow_type,children:t.workflow_type}),e.jsx("button",{onClick:d,className:"icon-link shrink-0",title:"Close","aria-label":"Close",children:e.jsx(ie,{className:"w-4 h-4"})})]}),e.jsx("div",{className:"flex-1 min-h-0 px-5",children:e.jsx($,{selected:t,executionsPath:a})})]})}function ke(){const[t,a]=me(),{data:d,isLoading:f}=K(),{data:o,isLoading:j}=H(),{data:g}=U(),c=ee(),y=fe("(max-width: 1279px)"),i=t.get("type")??"",[x,l]=n.useState(""),[v,r]=n.useState(null),h=d??[],N=n.useMemo(()=>{const s=new Map;for(const k of o??[])s.set(k.workflow_type,k.tier??"durable");return s},[o]),p=n.useMemo(()=>{const s=h.filter(m=>m.invocable),k=new Set(h.map(m=>m.workflow_type)),u=(o??[]).filter(m=>m.active&&!k.has(m.workflow_type)).map(m=>({workflow_type:m.workflow_type,task_queue:m.task_queue??"",invocable:!0,certified:!1,description:null,default_role:"reviewer",roles:[],invocation_roles:[],consumes:[],envelope_schema:null,resolver_schema:null,cron_schedule:null,execute_as:null}));return[...s,...u]},[h,o]),w=p.find(s=>s.workflow_type===i),O=new Set((g??[]).filter(s=>s.active).map(s=>s.workflow_type)),M="/workflows/executions",_=n.useCallback(s=>{a(k=>{const E=new URLSearchParams(k);return s?E.set("type",s):E.delete("type"),E},{replace:!0})},[a]),S=n.useCallback(()=>_(null),[_]);n.useEffect(()=>{p.length===1&&!t.get("type")&&a({type:p[0].workflow_type},{replace:!0})},[p.length]);const W=n.useRef(null),C=n.useRef(!1);n.useEffect(()=>{if(!c)return;const s=!y&&w?i:null;s!==W.current&&(W.current=s,s&&w?c.setPanel(e.jsx(ve,{config:w,executionsPath:M,onClose:S}),{key:L,width:630}):(C.current=!1,c.closePanel(L)))},[i,w,c,S,M,y]),n.useEffect(()=>{if(!(!c||!i||y)){if(c.open&&c.ownerKey===L){C.current=!0;return}C.current&&(C.current=!1,S())}},[c,i,S,y]);const I=n.useRef(c);I.current=c,n.useEffect(()=>()=>{var s;W.current&&((s=I.current)==null||s.closePanel(L))},[]);const R=s=>{_(s.workflow_type)};return f||j?e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-40 bg-surface-sunken rounded"})]}):e.jsxs("div",{children:[e.jsx(Y,{title:"Invoke",docsHash:"#docs:dashboard.md:invoke-workflow"}),p.length===0?e.jsxs("div",{className:"py-16 text-center",children:[e.jsx("p",{className:"text-sm text-text-primary mb-1",children:"No invocable workflows"}),e.jsx("p",{className:"text-xs text-text-tertiary",children:"Mark workflows as invocable in the registry, or start the server with examples enabled."})]}):y?e.jsxs(e.Fragment,{children:[e.jsxs("label",{className:"block mb-6 max-w-2xl",children:[e.jsx("span",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Workflow"}),e.jsxs("select",{value:i,onChange:s=>_(s.target.value||null),className:"select text-xs font-mono w-full",children:[e.jsx("option",{value:"",children:"Choose a workflow…"}),J(p).map(s=>e.jsx("optgroup",{label:s,children:p.filter(k=>(k.task_queue||"")===s).map(k=>e.jsx("option",{value:k.workflow_type,children:k.workflow_type},k.workflow_type))},s)),p.filter(s=>!s.task_queue).map(s=>e.jsx("option",{value:s.workflow_type,children:s.workflow_type},s.workflow_type))]})]}),w?e.jsx($,{selected:w,executionsPath:M,inline:!0}):e.jsx("p",{className:"text-xs text-text-tertiary",children:"Choose a workflow to fill out its form."})]}):e.jsxs(e.Fragment,{children:[e.jsxs(V,{children:[J(p).length>1&&e.jsx(X,{label:"Queue",value:v??"",onChange:s=>r(s||null),options:J(p).map(s=>({value:s,label:s}))}),e.jsx(G,{label:"Search",value:x,onChange:l,placeholder:`${p.length} workflows…`})]}),e.jsx(pe,{configs:p,selectedType:i,onSelect:R,tierMap:N,activeTypes:O,search:x,activeQueue:v})]})]})}function We(){return e.jsx(ke,{})}export{We as DurableInvokePage,ke as StartWorkflowPage};
-//# sourceMappingURL=index-D2IRxjSf.js.map
+//# sourceMappingURL=index-DajlugVw.js.map