@hotmeshio/long-tail 0.4.18 → 0.4.20

package/dashboard/dist/assets/{index-DdKbIZNE.js → index-CbrMW-gM.js}

@@ -1,2 +1,2 @@
-import{j as e,a as g}from"./vendor-query-B2UbickB.js";import{u as M,a as D,b as E,c as R}from"./mcp-BXN7-wGF.js";import{E as z}from"./EmptyState-BcsfPq9T.js";import{C as F}from"./ConfirmDeleteModal-D9_1b4MW.js";import{P}from"./PageHeader-CR6TpJG_.js";import{F as I,a as $,b as T}from"./FilterBar-Ck4K4rzu.js";import{S as _}from"./StickyPagination-BWhFSr2d.js";import{u as q}from"./useFilterParams-x-Dg0Vgz.js";import{u as A}from"./useExpandedRows-CkcEntB-.js";import{T as B}from"./ToolTestPanel-Dosq1cqG.js";import{R as H,a as v}from"./RowActions-Dg-Fsm5O.js";import{S as G}from"./StatusBadge-XQlNFwmH.js";import{T as O}from"./ToolPill-HcRTggHo.js";import{S as U}from"./ServerName-Q6okiv4f.js";import{r as W,an as J,ao as K,$ as Q,u as V,P as X}from"./vendor-icons-CrrAvF2g.js";import{c as Y}from"./vendor-react-CXumBFUA.js";import"./index-BpN31nuC.js";import"./Modal-CSrxpXeM.js";import"./RunAsSelector-C20rdNsC.js";import"./BotPicker-BQp_Vs73.js";import"./bots-CZz9iVys.js";function Z(r){var t,a;return!!((t=r.metadata)!=null&&t.builtin)||!!((a=r.transport_config)!=null&&a.builtin)}function ee(r,t){var o;if(!t)return!0;const a=t.toLowerCase();return r.name.toLowerCase().includes(a)||(o=r.description)!=null&&o.toLowerCase().includes(a)||(r.tags??[]).some(d=>d.toLowerCase().includes(a))?!0:(r.tool_manifest??[]).some(d=>{var p;return d.name.toLowerCase().includes(a)||((p=d.description)==null?void 0:p.toLowerCase().includes(a))})}function te(r,t){if(!t)return r;const a=t.toLowerCase();return r.filter(c=>{var o;return c.name.toLowerCase().includes(a)||((o=c.description)==null?void 0:o.toLowerCase().includes(a))})}function se({server:r,expanded:t,onToggle:a,onEdit:c,onDelete:o,onTryTool:d,connect:p,disconnect:b,visibleTools:h}){const n=r.tool_manifest??[],u=Z(r),x=r.tags??[];return e.jsxs(e.Fragment,{children:[e.jsxs("tr",{onClick:n.length>0?a:void 0,className:`group/row border-b border-surface-border/50 transition-colors duration-100 ${n.length>0?"cursor-pointer row-hover":""}`,children:[e.jsx("td",{className:"px-6 py-2.5",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:`transition-transform duration-150 ${t?"rotate-90":""} ${n.length===0?"opacity-0":"text-text-tertiary"}`,children:e.jsx(W,{size:14})}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(U,{name:r.name,serverId:r.id,short:!1}),n.length>0&&e.jsx("sup",{className:"text-[9px] font-normal text-accent/70",children:n.length})]}),x.length>0&&e.jsxs("div",{className:"flex gap-1 ml-auto shrink-0",children:[x.slice(0,3).map(i=>e.jsx("span",{className:"inline-block px-1.5 py-0 text-[9px] text-text-tertiary bg-surface-sunken rounded",children:i},i)),x.length>3&&e.jsx("span",{className:"text-[9px] text-text-quaternary",title:x.slice(3).join(", "),children:"…"})]})]})}),e.jsx("td",{className:"px-4 py-2.5 w-28 whitespace-nowrap",children:e.jsx(G,{status:r.status})}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsxs(H,{children:[!u&&(r.status==="connected"?e.jsx(v,{icon:J,title:"Disconnect server",onClick:()=>b.mutate(r.id)}):e.jsx(v,{icon:K,title:"Connect server",onClick:()=>p.mutate(r.id),colorClass:"text-text-tertiary hover:text-status-success"})),e.jsx(v,{icon:Q,title:"Edit server",onClick:c}),!u&&e.jsx(v,{icon:V,title:"Delete server",onClick:o,colorClass:"text-text-tertiary hover:text-status-error"})]})})]}),t&&h.map(i=>e.jsxs("tr",{onClick:()=>d(i),className:"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15",children:[e.jsxs("td",{className:"pl-14 pr-6 py-2.5",children:[e.jsx(O,{name:i.name,size:"md"}),i.description&&e.jsx("p",{className:"text-[11px] leading-snug text-text-quaternary mt-0.5",children:i.description})]}),e.jsx("td",{className:"px-4 py-2.5 w-28"}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsx("div",{className:"flex items-center justify-end",children:e.jsx("button",{onClick:m=>{m.stopPropagation(),d(i)},className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent",title:"Try tool",children:e.jsx(X,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})})]},i.name))]})}function Se(){const r=Y(),{filters:t,setFilter:a,pagination:c}=q({filters:{status:"",search:"",tag:""}}),{data:o,isLoading:d}=M({status:t.status||void 0,search:t.search||void 0,tags:t.tag||void 0}),p=D(),b=E(),h=R(),[n,u]=g.useState(null),{expandedIds:x,toggle:i}=A("lt:expanded:mcp-servers"),[m,y]=g.useState(null),f=(o==null?void 0:o.servers)??[],w=(o==null?void 0:o.total)??0,k=g.useMemo(()=>{const s=new Set;for(const l of f)for(const C of l.tags??[])s.add(C);return[...s].sort().map(l=>({value:l,label:l}))},[f]),j=g.useMemo(()=>t.search?f.filter(s=>ee(s,t.search)):f,[f,t.search]);g.useEffect(()=>{if(!t.search)return;const s=t.search.toLowerCase();for(const l of j)(l.tool_manifest??[]).some(N=>{var S;return N.name.toLowerCase().includes(s)||((S=N.description)==null?void 0:S.toLowerCase().includes(s))})&&!x.has(l.id)&&i(l.id)},[t.search,j]);const L=()=>{n&&h.mutate(n.id,{onSuccess:()=>u(null)})};return d?e.jsxs("div",{children:[e.jsx(P,{title:"Servers & Tools"}),e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((s,l)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},l))})]}):e.jsxs("div",{children:[e.jsx(P,{title:"Servers & Tools",docsHash:"#docs:dashboard.md:mcp-server-tools",actions:e.jsx("button",{onClick:()=>r("/mcp/servers/new"),className:"btn-primary text-xs",children:"Register Server"})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed",children:"Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer."}),e.jsxs(I,{children:[e.jsx($,{label:"Search",value:t.search,onChange:s=>a("search",s),placeholder:"Server or tool name..."}),e.jsx(T,{label:"Tag",value:t.tag,onChange:s=>a("tag",s),options:k}),e.jsx(T,{label:"Status",value:t.status,onChange:s=>a("status",s),options:[{value:"registered",label:"Registered"},{value:"connected",label:"Connected"},{value:"error",label:"Error"},{value:"disconnected",label:"Disconnected"}]})]}),e.jsxs("div",{className:"flex gap-0 ",children:[e.jsxs("div",{className:`${m?"flex-1 min-w-0":"w-full"} transition-all`,children:[j.length===0?e.jsx(z,{title:"No servers found"}):e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",children:[e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Server / Tool"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary w-28",children:"Status"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface w-16"})]})}),e.jsx("tbody",{children:j.map(s=>e.jsx(se,{server:s,expanded:x.has(s.id),onToggle:()=>i(s.id),onEdit:()=>r(`/mcp/servers/${s.id}`),onDelete:()=>u(s),onTryTool:l=>y({serverId:s.id,serverName:s.name,tool:l}),connect:p,disconnect:b,visibleTools:te(s.tool_manifest??[],t.search)},s.id))})]}),e.jsx(_,{page:c.page,totalPages:c.totalPages(w),onPageChange:c.setPage,total:w,pageSize:c.pageSize,onPageSizeChange:c.setPageSize})]}),m&&e.jsx("div",{className:"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto",children:e.jsx(B,{serverId:m.serverId,serverName:m.serverName,tool:m.tool,onClose:()=>y(null)})})]}),e.jsx(F,{open:!!n,onClose:()=>u(null),onConfirm:L,title:"Delete MCP Server",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:n==null?void 0:n.name}),"? This will remove the server registration."]}),isPending:h.isPending,error:h.error})]})}export{Se as McpServersPage};
-//# sourceMappingURL=index-DdKbIZNE.js.map
+import{j as e,a as g}from"./vendor-query-B2UbickB.js";import{u as M,a as D,b as E,c as R}from"./mcp-MtXuky8q.js";import{E as z}from"./EmptyState-BcsfPq9T.js";import{C as F}from"./ConfirmDeleteModal-D9_1b4MW.js";import{P}from"./PageHeader-BuJpMxyu.js";import{F as I,a as _,b as T}from"./FilterBar-Ck4K4rzu.js";import{S as q}from"./StickyPagination-BWhFSr2d.js";import{u as $}from"./useFilterParams-x-Dg0Vgz.js";import{u as A}from"./useExpandedRows-CkcEntB-.js";import{T as B}from"./ToolTestPanel-fLzNp79U.js";import{R as H,a as v}from"./RowActions-Dg-Fsm5O.js";import{S as G}from"./StatusBadge-XQlNFwmH.js";import{T as O}from"./ToolPill-1aTqYtzp.js";import{S as U}from"./ServerName-CHspudaC.js";import{q as W,an as J,ao as K,_ as Q,t as V,P as X}from"./vendor-icons-Doy0g69_.js";import{c as Y}from"./vendor-react-CXumBFUA.js";import"./index-_BRA9uFL.js";import"./Modal-CSrxpXeM.js";import"./RunAsSelector-B-ksMoEj.js";import"./BotPicker-BKtjl6IL.js";import"./bots-CzuMCVgU.js";function Z(r){var t,a;return!!((t=r.metadata)!=null&&t.builtin)||!!((a=r.transport_config)!=null&&a.builtin)}function ee(r,t){var o;if(!t)return!0;const a=t.toLowerCase();return r.name.toLowerCase().includes(a)||(o=r.description)!=null&&o.toLowerCase().includes(a)||(r.tags??[]).some(d=>d.toLowerCase().includes(a))?!0:(r.tool_manifest??[]).some(d=>{var p;return d.name.toLowerCase().includes(a)||((p=d.description)==null?void 0:p.toLowerCase().includes(a))})}function te(r,t){if(!t)return r;const a=t.toLowerCase();return r.filter(c=>{var o;return c.name.toLowerCase().includes(a)||((o=c.description)==null?void 0:o.toLowerCase().includes(a))})}function se({server:r,expanded:t,onToggle:a,onEdit:c,onDelete:o,onTryTool:d,connect:p,disconnect:b,visibleTools:h}){const n=r.tool_manifest??[],u=Z(r),x=r.tags??[];return e.jsxs(e.Fragment,{children:[e.jsxs("tr",{onClick:n.length>0?a:void 0,className:`group/row border-b border-surface-border/50 transition-colors duration-100 ${n.length>0?"cursor-pointer row-hover":""}`,children:[e.jsx("td",{className:"px-6 py-2.5",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:`transition-transform duration-150 ${t?"rotate-90":""} ${n.length===0?"opacity-0":"text-text-tertiary"}`,children:e.jsx(W,{size:14})}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(U,{name:r.name,serverId:r.id,short:!1}),n.length>0&&e.jsx("sup",{className:"text-[9px] font-normal text-accent/70",children:n.length})]}),x.length>0&&e.jsxs("div",{className:"flex gap-1 ml-auto shrink-0",children:[x.slice(0,3).map(i=>e.jsx("span",{className:"inline-block px-1.5 py-0 text-[9px] text-text-tertiary bg-surface-sunken rounded",children:i},i)),x.length>3&&e.jsx("span",{className:"text-[9px] text-text-quaternary",title:x.slice(3).join(", "),children:"…"})]})]})}),e.jsx("td",{className:"px-4 py-2.5 w-28 whitespace-nowrap",children:e.jsx(G,{status:r.status})}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsxs(H,{children:[!u&&(r.status==="connected"?e.jsx(v,{icon:J,title:"Disconnect server",onClick:()=>b.mutate(r.id)}):e.jsx(v,{icon:K,title:"Connect server",onClick:()=>p.mutate(r.id),colorClass:"text-text-tertiary hover:text-status-success"})),e.jsx(v,{icon:Q,title:"Edit server",onClick:c}),!u&&e.jsx(v,{icon:V,title:"Delete server",onClick:o,colorClass:"text-text-tertiary hover:text-status-error"})]})})]}),t&&h.map(i=>e.jsxs("tr",{onClick:()=>d(i),className:"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15",children:[e.jsxs("td",{className:"pl-14 pr-6 py-2.5",children:[e.jsx(O,{name:i.name,size:"md"}),i.description&&e.jsx("p",{className:"text-[11px] leading-snug text-text-quaternary mt-0.5",children:i.description})]}),e.jsx("td",{className:"px-4 py-2.5 w-28"}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsx("div",{className:"flex items-center justify-end",children:e.jsx("button",{onClick:m=>{m.stopPropagation(),d(i)},className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent",title:"Try tool",children:e.jsx(X,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})})]},i.name))]})}function Se(){const r=Y(),{filters:t,setFilter:a,pagination:c}=$({filters:{status:"",search:"",tag:""}}),{data:o,isLoading:d}=M({status:t.status||void 0,search:t.search||void 0,tags:t.tag||void 0}),p=D(),b=E(),h=R(),[n,u]=g.useState(null),{expandedIds:x,toggle:i}=A("lt:expanded:mcp-servers"),[m,y]=g.useState(null),f=(o==null?void 0:o.servers)??[],w=(o==null?void 0:o.total)??0,k=g.useMemo(()=>{const s=new Set;for(const l of f)for(const C of l.tags??[])s.add(C);return[...s].sort().map(l=>({value:l,label:l}))},[f]),j=g.useMemo(()=>t.search?f.filter(s=>ee(s,t.search)):f,[f,t.search]);g.useEffect(()=>{if(!t.search)return;const s=t.search.toLowerCase();for(const l of j)(l.tool_manifest??[]).some(N=>{var S;return N.name.toLowerCase().includes(s)||((S=N.description)==null?void 0:S.toLowerCase().includes(s))})&&!x.has(l.id)&&i(l.id)},[t.search,j]);const L=()=>{n&&h.mutate(n.id,{onSuccess:()=>u(null)})};return d?e.jsxs("div",{children:[e.jsx(P,{title:"Servers & Tools"}),e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((s,l)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},l))})]}):e.jsxs("div",{children:[e.jsx(P,{title:"Servers & Tools",docsHash:"#docs:dashboard.md:mcp-server-tools",actions:e.jsx("button",{onClick:()=>r("/mcp/servers/new"),className:"btn-primary text-xs",children:"Register Server"})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed",children:"Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer."}),e.jsxs(I,{children:[e.jsx(_,{label:"Search",value:t.search,onChange:s=>a("search",s),placeholder:"Server or tool name..."}),e.jsx(T,{label:"Tag",value:t.tag,onChange:s=>a("tag",s),options:k}),e.jsx(T,{label:"Status",value:t.status,onChange:s=>a("status",s),options:[{value:"registered",label:"Registered"},{value:"connected",label:"Connected"},{value:"error",label:"Error"},{value:"disconnected",label:"Disconnected"}]})]}),e.jsxs("div",{className:"flex gap-0 ",children:[e.jsxs("div",{className:`${m?"flex-1 min-w-0":"w-full"} transition-all`,children:[j.length===0?e.jsx(z,{title:"No servers found"}):e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",children:[e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Server / Tool"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary w-28",children:"Status"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface w-16"})]})}),e.jsx("tbody",{children:j.map(s=>e.jsx(se,{server:s,expanded:x.has(s.id),onToggle:()=>i(s.id),onEdit:()=>r(`/mcp/servers/${s.id}`),onDelete:()=>u(s),onTryTool:l=>y({serverId:s.id,serverName:s.name,tool:l}),connect:p,disconnect:b,visibleTools:te(s.tool_manifest??[],t.search)},s.id))})]}),e.jsx(q,{page:c.page,totalPages:c.totalPages(w),onPageChange:c.setPage,total:w,pageSize:c.pageSize,onPageSizeChange:c.setPageSize})]}),m&&e.jsx("div",{className:"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto",children:e.jsx(B,{serverId:m.serverId,serverName:m.serverName,tool:m.tool,onClose:()=>y(null)})})]}),e.jsx(F,{open:!!n,onClose:()=>u(null),onConfirm:L,title:"Delete MCP Server",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:n==null?void 0:n.name}),"? This will remove the server registration."]}),isPending:h.isPending,error:h.error})]})}export{Se as McpServersPage};
+//# sourceMappingURL=index-CbrMW-gM.js.map

package/dashboard/dist/assets/{index-DdKbIZNE.js.map → index-CbrMW-gM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DdKbIZNE.js","sources":["../../src/pages/mcp/servers/helpers.ts","../../src/pages/mcp/servers/ServerRow.tsx","../../src/pages/mcp/servers/McpServersPage.tsx"],"sourcesContent":["import type { McpServerRecord, McpToolManifest } from '../../../api/types';\n\nexport function isBuiltIn(row: McpServerRecord): boolean {\n  return !!(row.metadata as Record<string, unknown> | null)?.builtin\n    || !!(row.transport_config as Record<string, unknown> | null)?.builtin;\n}\n\n/** Check if a server or any of its tools match the search term */\nexport function matchesSearch(server: McpServerRecord, search: string): boolean {\n  if (!search) return true;\n  const q = search.toLowerCase();\n  if (server.name.toLowerCase().includes(q)) return true;\n  if (server.description?.toLowerCase().includes(q)) return true;\n  if ((server.tags ?? []).some((t) => t.toLowerCase().includes(q))) return true;\n  const tools = (server.tool_manifest ?? []) as McpToolManifest[];\n  return tools.some(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n\n/** Filter tools within a server that match the search term */\nexport function filterTools(tools: McpToolManifest[], search: string): McpToolManifest[] {\n  if (!search) return tools;\n  const q = search.toLowerCase();\n  return tools.filter(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n","import { ChevronRight, Pencil, Trash2, Plug, Unplug, Play } from 'lucide-react';\nimport { RowAction, RowActionGroup } from '../../../components/common/layout/RowActions';\nimport {\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n} from '../../../api/mcp';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { ToolPill } from '../../../components/common/display/ToolPill';\nimport { ServerName } from '../../../components/common/display/ServerName';\n\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { isBuiltIn } from './helpers';\n\nexport function ServerRow({\n  server,\n  expanded,\n  onToggle,\n  onEdit,\n  onDelete,\n  onTryTool,\n  connect,\n  disconnect,\n  visibleTools,\n}: {\n  server: McpServerRecord;\n  expanded: boolean;\n  onToggle: () => void;\n  onEdit: () => void;\n  onDelete: () => void;\n  onTryTool: (tool: McpToolManifest) => void;\n  connect: ReturnType<typeof useConnectMcpServer>;\n  disconnect: ReturnType<typeof useDisconnectMcpServer>;\n  visibleTools: McpToolManifest[];\n}) {\n  const allTools = (server.tool_manifest ?? []) as McpToolManifest[];\n  const builtin = isBuiltIn(server);\n  const tags = server.tags ?? [];\n\n  return (\n    <>\n      {/* Server header row */}\n      <tr\n        onClick={allTools.length > 0 ? onToggle : undefined}\n        className={`group/row border-b border-surface-border/50 transition-colors duration-100 ${\n          allTools.length > 0 ? 'cursor-pointer row-hover' : ''\n        }`}\n      >\n        {/* Name + tags */}\n        <td className=\"px-6 py-2.5\">\n          <div className=\"flex items-center gap-3\">\n            <span className={`transition-transform duration-150 ${expanded ? 'rotate-90' : ''} ${allTools.length === 0 ? 'opacity-0' : 'text-text-tertiary'}`}>\n              <ChevronRight size={14} />\n            </span>\n            <span className=\"flex items-center gap-1.5\">\n              <ServerName name={server.name} serverId={server.id} short={false} />\n              {allTools.length > 0 && (\n                <sup className=\"text-[9px] font-normal text-accent/70\">{allTools.length}</sup>\n              )}\n            </span>\n            {tags.length > 0 && (\n              <div className=\"flex gap-1 ml-auto shrink-0\">\n                {tags.slice(0, 3).map((tag) => (\n                  <span key={tag} className=\"inline-block px-1.5 py-0 text-[9px] text-text-tertiary bg-surface-sunken rounded\">\n                    {tag}\n                  </span>\n                ))}\n                {tags.length > 3 && (\n                  <span className=\"text-[9px] text-text-quaternary\" title={tags.slice(3).join(', ')}>&hellip;</span>\n                )}\n              </div>\n            )}\n          </div>\n        </td>\n\n        {/* Status */}\n        <td className=\"px-4 py-2.5 w-28 whitespace-nowrap\">\n          <StatusBadge status={server.status} />\n        </td>\n\n        {/* Actions */}\n        <td className=\"px-4 py-2.5 w-16\">\n          <RowActionGroup>\n            {!builtin && (\n              server.status === 'connected' ? (\n                <RowAction\n                  icon={Unplug}\n                  title=\"Disconnect server\"\n                  onClick={() => disconnect.mutate(server.id)}\n                />\n              ) : (\n                <RowAction\n                  icon={Plug}\n                  title=\"Connect server\"\n                  onClick={() => connect.mutate(server.id)}\n                  colorClass=\"text-text-tertiary hover:text-status-success\"\n                />\n              )\n            )}\n            <RowAction\n              icon={Pencil}\n              title=\"Edit server\"\n              onClick={onEdit}\n            />\n            {!builtin && (\n              <RowAction\n                icon={Trash2}\n                title=\"Delete server\"\n                onClick={onDelete}\n                colorClass=\"text-text-tertiary hover:text-status-error\"\n              />\n            )}\n          </RowActionGroup>\n        </td>\n      </tr>\n\n      {/* Expanded tool rows — real table rows for column alignment */}\n      {expanded && visibleTools.map((tool) => (\n        <tr\n          key={tool.name}\n          onClick={() => onTryTool(tool)}\n          className=\"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15\"\n        >\n          {/* Tool name + description */}\n          <td className=\"pl-14 pr-6 py-2.5\">\n            <ToolPill name={tool.name} size=\"md\" />\n            {tool.description && (\n              <p className=\"text-[11px] leading-snug text-text-quaternary mt-0.5\">{tool.description}</p>\n            )}\n          </td>\n\n          {/* Status — empty for tools */}\n          <td className=\"px-4 py-2.5 w-28\" />\n\n          {/* Actions — play on hover */}\n          <td className=\"px-4 py-2.5 w-16\">\n            <div className=\"flex items-center justify-end\">\n              <button\n                onClick={(e) => { e.stopPropagation(); onTryTool(tool); }}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent\"\n                title=\"Try tool\"\n              >\n                <Play className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              </button>\n            </div>\n          </td>\n        </tr>\n      ))}\n    </>\n  );\n}\n","import { useState, useMemo, useEffect } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  useMcpServers,\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n  useDeleteMcpServer,\n} from '../../../api/mcp';\nimport { EmptyState } from '../../../components/common/display/EmptyState';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useExpandedRows } from '../../../hooks/useExpandedRows';\nimport { ToolTestPanel } from '../../../components/common/test/ToolTestPanel';\nimport { matchesSearch, filterTools } from './helpers';\nimport { ServerRow } from './ServerRow';\n\nexport function McpServersPage() {\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { status: '', search: '', tag: '' },\n  });\n\n  const { data, isLoading } = useMcpServers({\n    status: filters.status || undefined,\n    search: filters.search || undefined,\n    tags: filters.tag || undefined,\n  });\n  const connect = useConnectMcpServer();\n  const disconnect = useDisconnectMcpServer();\n  const deleteServer = useDeleteMcpServer();\n\n  const [confirmDelete, setConfirmDelete] = useState<McpServerRecord | null>(null);\n  const { expandedIds, toggle: toggleExpand } = useExpandedRows('lt:expanded:mcp-servers');\n  const [tryTool, setTryTool] = useState<{\n    serverId: string;\n    serverName: string;\n    tool: McpToolManifest;\n  } | null>(null);\n\n  const servers = data?.servers ?? [];\n  const total = data?.total ?? 0;\n\n  // Derive unique tags from current result set for the filter dropdown\n  const tagOptions = useMemo(() => {\n    const allTags = new Set<string>();\n    for (const s of servers) {\n      for (const t of s.tags ?? []) allTags.add(t);\n    }\n    return [...allTags].sort().map((t) => ({ value: t, label: t }));\n  }, [servers]);\n\n  // Client-side search filtering for tool-level matches within expanded rows\n  const filteredServers = useMemo(() => {\n    if (!filters.search) return servers;\n    return servers.filter((s) => matchesSearch(s, filters.search));\n  }, [servers, filters.search]);\n\n  // Auto-expand servers whose tools match the search (so results are visible)\n  useEffect(() => {\n    if (!filters.search) return;\n    const q = filters.search.toLowerCase();\n    for (const s of filteredServers) {\n      const tools = (s.tool_manifest ?? []) as McpToolManifest[];\n      const hasToolMatch = tools.some(\n        (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n      );\n      if (hasToolMatch && !expandedIds.has(s.id)) {\n        toggleExpand(s.id);\n      }\n    }\n  }, [filters.search, filteredServers]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleDelete = () => {\n    if (!confirmDelete) return;\n    deleteServer.mutate(confirmDelete.id, {\n      onSuccess: () => setConfirmDelete(null),\n    });\n  };\n\n  if (isLoading) {\n    return (\n      <div>\n        <PageHeader title=\"Servers & Tools\" />\n        <div className=\"animate-pulse space-y-0\">\n          {Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"h-14 border-b last:border-b-0 px-6 flex items-center\">\n              <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Servers & Tools\"\n        docsHash=\"#docs:dashboard.md:mcp-server-tools\"\n        actions={\n          <button\n            onClick={() => navigate('/mcp/servers/new')}\n            className=\"btn-primary text-xs\"\n          >\n            Register Server\n          </button>\n        }\n      />\n\n      <p className=\"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed\">\n        Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer.\n      </p>\n\n      <FilterBar>\n        <FilterInput\n          label=\"Search\"\n          value={filters.search}\n          onChange={(v) => setFilter('search', v)}\n          placeholder=\"Server or tool name...\"\n        />\n        <FilterSelect\n          label=\"Tag\"\n          value={filters.tag}\n          onChange={(v) => setFilter('tag', v)}\n          options={tagOptions}\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={[\n            { value: 'registered', label: 'Registered' },\n            { value: 'connected', label: 'Connected' },\n            { value: 'error', label: 'Error' },\n            { value: 'disconnected', label: 'Disconnected' },\n          ]}\n        />\n      </FilterBar>\n\n      <div className={`flex gap-0 ${tryTool ? '' : ''}`}>\n        {/* Server list */}\n        <div className={`${tryTool ? 'flex-1 min-w-0' : 'w-full'} transition-all`}>\n          {filteredServers.length === 0 ? (\n            <EmptyState title=\"No servers found\" />\n          ) : (\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b\">\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n                    Server / Tool\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary w-28\">\n                    Status\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface w-16\" />\n                </tr>\n              </thead>\n              <tbody>\n                {filteredServers.map((server) => (\n                  <ServerRow\n                    key={server.id}\n                    server={server}\n                    expanded={expandedIds.has(server.id)}\n                    onToggle={() => toggleExpand(server.id)}\n                    onEdit={() => navigate(`/mcp/servers/${server.id}`)}\n                    onDelete={() => setConfirmDelete(server)}\n                    onTryTool={(tool) =>\n                      setTryTool({\n                        serverId: server.id,\n                        serverName: server.name,\n                        tool,\n                      })\n                    }\n                    connect={connect}\n                    disconnect={disconnect}\n                    visibleTools={filterTools(\n                      (server.tool_manifest ?? []) as McpToolManifest[],\n                      filters.search,\n                    )}\n                  />\n                ))}\n              </tbody>\n            </table>\n          )}\n\n          <StickyPagination\n            page={pagination.page}\n            totalPages={pagination.totalPages(total)}\n            onPageChange={pagination.setPage}\n            total={total}\n            pageSize={pagination.pageSize}\n            onPageSizeChange={pagination.setPageSize}\n          />\n        </div>\n\n        {/* Test panel — slides in from right */}\n        {tryTool && (\n          <div className=\"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto\">\n            <ToolTestPanel\n              serverId={tryTool.serverId}\n              serverName={tryTool.serverName}\n              tool={tryTool.tool}\n              onClose={() => setTryTool(null)}\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Delete confirmation modal */}\n      <ConfirmDeleteModal\n        open={!!confirmDelete}\n        onClose={() => setConfirmDelete(null)}\n        onConfirm={handleDelete}\n        title=\"Delete MCP Server\"\n        description={\n          <>\n            Delete{' '}\n            <span className=\"font-medium text-text-primary\">{confirmDelete?.name}</span>?\n            This will remove the server registration.\n          </>\n        }\n        isPending={deleteServer.isPending}\n        error={deleteServer.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["isBuiltIn","row","_a","_b","matchesSearch","server","search","q","t","filterTools","tools","ServerRow","expanded","onToggle","onEdit","onDelete","onTryTool","connect","disconnect","visibleTools","allTools","builtin","tags","jsxs","Fragment","jsx","ChevronRight","ServerName","tag","StatusBadge","RowActionGroup","RowAction","Unplug","Plug","Pencil","Trash2","tool","ToolPill","e","Play","McpServersPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","data","isLoading","useMcpServers","useConnectMcpServer","useDisconnectMcpServer","deleteServer","useDeleteMcpServer","confirmDelete","setConfirmDelete","useState","expandedIds","toggleExpand","useExpandedRows","tryTool","setTryTool","servers","total","tagOptions","useMemo","allTags","s","filteredServers","useEffect","handleDelete","PageHeader","_","i","FilterBar","FilterInput","v","FilterSelect","EmptyState","StickyPagination","ToolTestPanel","ConfirmDeleteModal"],"mappings":"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"}
+{"version":3,"file":"index-CbrMW-gM.js","sources":["../../src/pages/mcp/servers/helpers.ts","../../src/pages/mcp/servers/ServerRow.tsx","../../src/pages/mcp/servers/McpServersPage.tsx"],"sourcesContent":["import type { McpServerRecord, McpToolManifest } from '../../../api/types';\n\nexport function isBuiltIn(row: McpServerRecord): boolean {\n  return !!(row.metadata as Record<string, unknown> | null)?.builtin\n    || !!(row.transport_config as Record<string, unknown> | null)?.builtin;\n}\n\n/** Check if a server or any of its tools match the search term */\nexport function matchesSearch(server: McpServerRecord, search: string): boolean {\n  if (!search) return true;\n  const q = search.toLowerCase();\n  if (server.name.toLowerCase().includes(q)) return true;\n  if (server.description?.toLowerCase().includes(q)) return true;\n  if ((server.tags ?? []).some((t) => t.toLowerCase().includes(q))) return true;\n  const tools = (server.tool_manifest ?? []) as McpToolManifest[];\n  return tools.some(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n\n/** Filter tools within a server that match the search term */\nexport function filterTools(tools: McpToolManifest[], search: string): McpToolManifest[] {\n  if (!search) return tools;\n  const q = search.toLowerCase();\n  return tools.filter(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n","import { ChevronRight, Pencil, Trash2, Plug, Unplug, Play } from 'lucide-react';\nimport { RowAction, RowActionGroup } from '../../../components/common/layout/RowActions';\nimport {\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n} from '../../../api/mcp';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { ToolPill } from '../../../components/common/display/ToolPill';\nimport { ServerName } from '../../../components/common/display/ServerName';\n\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { isBuiltIn } from './helpers';\n\nexport function ServerRow({\n  server,\n  expanded,\n  onToggle,\n  onEdit,\n  onDelete,\n  onTryTool,\n  connect,\n  disconnect,\n  visibleTools,\n}: {\n  server: McpServerRecord;\n  expanded: boolean;\n  onToggle: () => void;\n  onEdit: () => void;\n  onDelete: () => void;\n  onTryTool: (tool: McpToolManifest) => void;\n  connect: ReturnType<typeof useConnectMcpServer>;\n  disconnect: ReturnType<typeof useDisconnectMcpServer>;\n  visibleTools: McpToolManifest[];\n}) {\n  const allTools = (server.tool_manifest ?? []) as McpToolManifest[];\n  const builtin = isBuiltIn(server);\n  const tags = server.tags ?? [];\n\n  return (\n    <>\n      {/* Server header row */}\n      <tr\n        onClick={allTools.length > 0 ? onToggle : undefined}\n        className={`group/row border-b border-surface-border/50 transition-colors duration-100 ${\n          allTools.length > 0 ? 'cursor-pointer row-hover' : ''\n        }`}\n      >\n        {/* Name + tags */}\n        <td className=\"px-6 py-2.5\">\n          <div className=\"flex items-center gap-3\">\n            <span className={`transition-transform duration-150 ${expanded ? 'rotate-90' : ''} ${allTools.length === 0 ? 'opacity-0' : 'text-text-tertiary'}`}>\n              <ChevronRight size={14} />\n            </span>\n            <span className=\"flex items-center gap-1.5\">\n              <ServerName name={server.name} serverId={server.id} short={false} />\n              {allTools.length > 0 && (\n                <sup className=\"text-[9px] font-normal text-accent/70\">{allTools.length}</sup>\n              )}\n            </span>\n            {tags.length > 0 && (\n              <div className=\"flex gap-1 ml-auto shrink-0\">\n                {tags.slice(0, 3).map((tag) => (\n                  <span key={tag} className=\"inline-block px-1.5 py-0 text-[9px] text-text-tertiary bg-surface-sunken rounded\">\n                    {tag}\n                  </span>\n                ))}\n                {tags.length > 3 && (\n                  <span className=\"text-[9px] text-text-quaternary\" title={tags.slice(3).join(', ')}>&hellip;</span>\n                )}\n              </div>\n            )}\n          </div>\n        </td>\n\n        {/* Status */}\n        <td className=\"px-4 py-2.5 w-28 whitespace-nowrap\">\n          <StatusBadge status={server.status} />\n        </td>\n\n        {/* Actions */}\n        <td className=\"px-4 py-2.5 w-16\">\n          <RowActionGroup>\n            {!builtin && (\n              server.status === 'connected' ? (\n                <RowAction\n                  icon={Unplug}\n                  title=\"Disconnect server\"\n                  onClick={() => disconnect.mutate(server.id)}\n                />\n              ) : (\n                <RowAction\n                  icon={Plug}\n                  title=\"Connect server\"\n                  onClick={() => connect.mutate(server.id)}\n                  colorClass=\"text-text-tertiary hover:text-status-success\"\n                />\n              )\n            )}\n            <RowAction\n              icon={Pencil}\n              title=\"Edit server\"\n              onClick={onEdit}\n            />\n            {!builtin && (\n              <RowAction\n                icon={Trash2}\n                title=\"Delete server\"\n                onClick={onDelete}\n                colorClass=\"text-text-tertiary hover:text-status-error\"\n              />\n            )}\n          </RowActionGroup>\n        </td>\n      </tr>\n\n      {/* Expanded tool rows — real table rows for column alignment */}\n      {expanded && visibleTools.map((tool) => (\n        <tr\n          key={tool.name}\n          onClick={() => onTryTool(tool)}\n          className=\"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15\"\n        >\n          {/* Tool name + description */}\n          <td className=\"pl-14 pr-6 py-2.5\">\n            <ToolPill name={tool.name} size=\"md\" />\n            {tool.description && (\n              <p className=\"text-[11px] leading-snug text-text-quaternary mt-0.5\">{tool.description}</p>\n            )}\n          </td>\n\n          {/* Status — empty for tools */}\n          <td className=\"px-4 py-2.5 w-28\" />\n\n          {/* Actions — play on hover */}\n          <td className=\"px-4 py-2.5 w-16\">\n            <div className=\"flex items-center justify-end\">\n              <button\n                onClick={(e) => { e.stopPropagation(); onTryTool(tool); }}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent\"\n                title=\"Try tool\"\n              >\n                <Play className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              </button>\n            </div>\n          </td>\n        </tr>\n      ))}\n    </>\n  );\n}\n","import { useState, useMemo, useEffect } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  useMcpServers,\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n  useDeleteMcpServer,\n} from '../../../api/mcp';\nimport { EmptyState } from '../../../components/common/display/EmptyState';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useExpandedRows } from '../../../hooks/useExpandedRows';\nimport { ToolTestPanel } from '../../../components/common/test/ToolTestPanel';\nimport { matchesSearch, filterTools } from './helpers';\nimport { ServerRow } from './ServerRow';\n\nexport function McpServersPage() {\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { status: '', search: '', tag: '' },\n  });\n\n  const { data, isLoading } = useMcpServers({\n    status: filters.status || undefined,\n    search: filters.search || undefined,\n    tags: filters.tag || undefined,\n  });\n  const connect = useConnectMcpServer();\n  const disconnect = useDisconnectMcpServer();\n  const deleteServer = useDeleteMcpServer();\n\n  const [confirmDelete, setConfirmDelete] = useState<McpServerRecord | null>(null);\n  const { expandedIds, toggle: toggleExpand } = useExpandedRows('lt:expanded:mcp-servers');\n  const [tryTool, setTryTool] = useState<{\n    serverId: string;\n    serverName: string;\n    tool: McpToolManifest;\n  } | null>(null);\n\n  const servers = data?.servers ?? [];\n  const total = data?.total ?? 0;\n\n  // Derive unique tags from current result set for the filter dropdown\n  const tagOptions = useMemo(() => {\n    const allTags = new Set<string>();\n    for (const s of servers) {\n      for (const t of s.tags ?? []) allTags.add(t);\n    }\n    return [...allTags].sort().map((t) => ({ value: t, label: t }));\n  }, [servers]);\n\n  // Client-side search filtering for tool-level matches within expanded rows\n  const filteredServers = useMemo(() => {\n    if (!filters.search) return servers;\n    return servers.filter((s) => matchesSearch(s, filters.search));\n  }, [servers, filters.search]);\n\n  // Auto-expand servers whose tools match the search (so results are visible)\n  useEffect(() => {\n    if (!filters.search) return;\n    const q = filters.search.toLowerCase();\n    for (const s of filteredServers) {\n      const tools = (s.tool_manifest ?? []) as McpToolManifest[];\n      const hasToolMatch = tools.some(\n        (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n      );\n      if (hasToolMatch && !expandedIds.has(s.id)) {\n        toggleExpand(s.id);\n      }\n    }\n  }, [filters.search, filteredServers]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleDelete = () => {\n    if (!confirmDelete) return;\n    deleteServer.mutate(confirmDelete.id, {\n      onSuccess: () => setConfirmDelete(null),\n    });\n  };\n\n  if (isLoading) {\n    return (\n      <div>\n        <PageHeader title=\"Servers & Tools\" />\n        <div className=\"animate-pulse space-y-0\">\n          {Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"h-14 border-b last:border-b-0 px-6 flex items-center\">\n              <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Servers & Tools\"\n        docsHash=\"#docs:dashboard.md:mcp-server-tools\"\n        actions={\n          <button\n            onClick={() => navigate('/mcp/servers/new')}\n            className=\"btn-primary text-xs\"\n          >\n            Register Server\n          </button>\n        }\n      />\n\n      <p className=\"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed\">\n        Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer.\n      </p>\n\n      <FilterBar>\n        <FilterInput\n          label=\"Search\"\n          value={filters.search}\n          onChange={(v) => setFilter('search', v)}\n          placeholder=\"Server or tool name...\"\n        />\n        <FilterSelect\n          label=\"Tag\"\n          value={filters.tag}\n          onChange={(v) => setFilter('tag', v)}\n          options={tagOptions}\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={[\n            { value: 'registered', label: 'Registered' },\n            { value: 'connected', label: 'Connected' },\n            { value: 'error', label: 'Error' },\n            { value: 'disconnected', label: 'Disconnected' },\n          ]}\n        />\n      </FilterBar>\n\n      <div className={`flex gap-0 ${tryTool ? '' : ''}`}>\n        {/* Server list */}\n        <div className={`${tryTool ? 'flex-1 min-w-0' : 'w-full'} transition-all`}>\n          {filteredServers.length === 0 ? (\n            <EmptyState title=\"No servers found\" />\n          ) : (\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b\">\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n                    Server / Tool\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary w-28\">\n                    Status\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface w-16\" />\n                </tr>\n              </thead>\n              <tbody>\n                {filteredServers.map((server) => (\n                  <ServerRow\n                    key={server.id}\n                    server={server}\n                    expanded={expandedIds.has(server.id)}\n                    onToggle={() => toggleExpand(server.id)}\n                    onEdit={() => navigate(`/mcp/servers/${server.id}`)}\n                    onDelete={() => setConfirmDelete(server)}\n                    onTryTool={(tool) =>\n                      setTryTool({\n                        serverId: server.id,\n                        serverName: server.name,\n                        tool,\n                      })\n                    }\n                    connect={connect}\n                    disconnect={disconnect}\n                    visibleTools={filterTools(\n                      (server.tool_manifest ?? []) as McpToolManifest[],\n                      filters.search,\n                    )}\n                  />\n                ))}\n              </tbody>\n            </table>\n          )}\n\n          <StickyPagination\n            page={pagination.page}\n            totalPages={pagination.totalPages(total)}\n            onPageChange={pagination.setPage}\n            total={total}\n            pageSize={pagination.pageSize}\n            onPageSizeChange={pagination.setPageSize}\n          />\n        </div>\n\n        {/* Test panel — slides in from right */}\n        {tryTool && (\n          <div className=\"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto\">\n            <ToolTestPanel\n              serverId={tryTool.serverId}\n              serverName={tryTool.serverName}\n              tool={tryTool.tool}\n              onClose={() => setTryTool(null)}\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Delete confirmation modal */}\n      <ConfirmDeleteModal\n        open={!!confirmDelete}\n        onClose={() => setConfirmDelete(null)}\n        onConfirm={handleDelete}\n        title=\"Delete MCP Server\"\n        description={\n          <>\n            Delete{' '}\n            <span className=\"font-medium text-text-primary\">{confirmDelete?.name}</span>?\n            This will remove the server registration.\n          </>\n        }\n        isPending={deleteServer.isPending}\n        error={deleteServer.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["isBuiltIn","row","_a","_b","matchesSearch","server","search","q","t","filterTools","tools","ServerRow","expanded","onToggle","onEdit","onDelete","onTryTool","connect","disconnect","visibleTools","allTools","builtin","tags","jsxs","Fragment","jsx","ChevronRight","ServerName","tag","StatusBadge","RowActionGroup","RowAction","Unplug","Plug","Pencil","Trash2","tool","ToolPill","e","Play","McpServersPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","data","isLoading","useMcpServers","useConnectMcpServer","useDisconnectMcpServer","deleteServer","useDeleteMcpServer","confirmDelete","setConfirmDelete","useState","expandedIds","toggleExpand","useExpandedRows","tryTool","setTryTool","servers","total","tagOptions","useMemo","allTags","s","filteredServers","useEffect","handleDelete","PageHeader","_","i","FilterBar","FilterInput","v","FilterSelect","EmptyState","StickyPagination","ToolTestPanel","ConfirmDeleteModal"],"mappings":"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"}

package/dashboard/dist/assets/{index-aJRDh4zW.js → index-CvOGgvzP.js}

@@ -1,2 +1,2 @@
-import{j as e,a as u}from"./vendor-query-B2UbickB.js";import{d as H,e as $,f as O,g as U}from"./mcp-BXN7-wGF.js";import{S as z}from"./StepIndicator-CuUIGxKk.js";import{P as q}from"./PageHeader-CR6TpJG_.js";import{T as J}from"./TagInput-D6l1SPWd.js";import{X as Y,_ as K,ap as V,aq as X}from"./vendor-icons-CrrAvF2g.js";import{e as G,c as W,f as Q}from"./vendor-react-CXumBFUA.js";import"./index-BpN31nuC.js";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??{},r=!!t.builtin;let a="network";return r?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(r=>r.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 c="label",h="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:r}){return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:c,children:"Connection Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-3 mt-1",children:ee.map(a=>{const d=s.mode===a.value,l=r&&a.value!=="in-process";return e.jsxs("button",{type:"button",disabled:l,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 ${d?"border-accent bg-accent/5":l?"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 ${d?"text-accent":"text-text-primary"}`,children:a.label}),e.jsx("span",{className:"block text-[10px] 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:c,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:r})]}),e.jsxs("div",{children:[e.jsx("label",{className:c,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:h,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:c,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:c,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:c,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:c,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:c,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[r,a]=u.useState(""),d=n=>{const i=n.trim().toLowerCase();i&&!s.credential_providers.includes(i)&&t("credential_providers",[...s.credential_providers,i]),a("")},l=n=>{t("credential_providers",s.credential_providers.filter(i=>i!==n))},p=n=>{n.key==="Enter"||n.key===","?(n.preventDefault(),d(r)):n.key==="Backspace"&&!r&&s.credential_providers.length>0&&l(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:c,children:"Tags"}),e.jsx(J,{tags:s.tags,onChange:n=>t("tags",n),placeholder:"Add tag (e.g., database, analytics)..."}),e.jsx("p",{className:h,children:"Tags enable tool discovery. Workflows filter available MCP servers by tags to find relevant tools."})]}),e.jsxs("div",{children:[e.jsx("label",{className:c,children:"Compile Hints"}),e.jsx("textarea",{value:s.compile_hints,onChange:n=>t("compile_hints",n.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:h,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:c,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(n=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-[11px] font-medium",children:[n,e.jsx("button",{type:"button",onClick:()=>l(n),className:"hover:text-status-error transition-colors",children:e.jsx(Y,{className:"w-2.5 h-2.5"})})]},n)),e.jsx("input",{type:"text",value:r,onChange:n=>a(n.target.value),onKeyDown:p,onBlur:()=>{r.trim()&&d(r)},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:h,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 r=H(),a=s.mode==="in-process",d=()=>{const n=M(s);r.mutate({transport_type:n.transport_type,transport_config:n.transport_config},{onSuccess:i=>{i.success&&t("discovered_tools",i.tools)}})},l=r.data,p=s.discovered_tools??(l==null?void 0:l.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:d,disabled:r.isPending,className:"btn-primary text-xs",children:r.isPending?e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(K,{className:"w-3 h-3 animate-spin"}),"Connecting..."]}):"Test Connection"}),(l==null?void 0:l.success)&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success",children:[e.jsx(V,{className:"w-3.5 h-3.5"}),"Connected — ",p.length," tool",p.length!==1?"s":""," discovered"]}),l&&!l.success&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-error",children:[e.jsx(X,{className:"w-3.5 h-3.5"}),l.error||"Connection failed"]})]}),p.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-xs text-text-tertiary mb-2",children:"Discovered tools"}),e.jsx(I,{tools:p})]}),e.jsx("p",{className:h,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-[10px] 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 le({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:c,children:"Tags"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.tags.map(r=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-[11px] font-medium",children:r},r))})]}),s.credential_providers.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:c,children:"Credential Providers"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.credential_providers.map(r=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-[11px] font-medium",children:r},r))})]}),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:r}){return e.jsxs("div",{children:[e.jsx("label",{className:c,children:s}),e.jsx("p",{className:`text-xs text-text-primary mt-0.5 ${r?"font-mono":""}`,children:t})]})}function ve(){var C,k,P;const{serverId:s}=G(),t=!s,r=W(),{data:a,isLoading:d}=$(s??""),l=O(),p=U(),[n,i]=u.useState(T),[N,y]=u.useState(!1),[R,_]=u.useState(""),[D,f]=Q(),o=parseInt(D.get("step")||"1",10),j=u.useCallback(m=>{f(v=>{const g=new URLSearchParams(v);return g.set("step",String(m)),g},{replace:!1})},[f]);u.useEffect(()=>{if(!N){if(t){i(T),y(!0);return}a&&(i(Z(a)),y(!0))}},[a,t,N]);const b=(m,v)=>i(g=>({...g,[m]:v})),A=!!((C=a==null?void 0:a.transport_config)!=null&&C.builtin),F=()=>{_("");const m=M(n);a?p.mutate({id:a.id,...m},{onSuccess:()=>r("/mcp/servers")}):l.mutate(m,{onSuccess:()=>r("/mcp/servers"),onError:v=>_(v.message)})};if(!t&&d)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&&!d)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Server not found."});const B=o===L.length,w=l.isPending||p.isPending,S=R||((k=l.error)==null?void 0:k.message)||((P=p.error)==null?void 0:P.message);return e.jsxs("div",{children:[e.jsx(q,{title:t?"Register MCP Server":(a==null?void 0:a.name)??""}),e.jsxs("div",{className:"max-w-3xl",children:[e.jsx(z,{steps:L,currentStep:o-1,onStepClick:m=>j(m+1)}),e.jsxs("div",{className:"min-h-[360px] py-2",children:[o===1&&e.jsx(se,{form:n,set:b,isBuiltin:A}),o===2&&e.jsx(te,{form:n,set:b}),o===3&&e.jsx(ae,{form:n,set:b}),o===4&&e.jsx(le,{form:n})]}),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:o>1&&e.jsx("button",{onClick:()=>j(o-1),className:"btn-secondary text-xs",children:"Back"})}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("button",{onClick:()=>r("/mcp/servers"),className:"btn-ghost text-xs",children:"Cancel"}),B?e.jsx("button",{onClick:F,disabled:!E(o,n)||w,className:"btn-primary text-xs",children:w?"Saving...":a?"Save":"Register"}):e.jsx("button",{onClick:()=>j(o+1),disabled:!E(o,n),className:"btn-primary text-xs",children:"Next"})]})]})]})]})}export{ve as McpServerDetailPage};
-//# sourceMappingURL=index-aJRDh4zW.js.map
+import{j as e,a as u}from"./vendor-query-B2UbickB.js";import{d as H,e as $,f as O,g as U}from"./mcp-MtXuky8q.js";import{S as z}from"./StepIndicator-CuUIGxKk.js";import{P as Y}from"./PageHeader-BuJpMxyu.js";import{T as q}from"./TagInput-DvF3j8MA.js";import{X as J,Y as K,ap as V,aq as X}from"./vendor-icons-Doy0g69_.js";import{e as G,c as W,f as Q}from"./vendor-react-CXumBFUA.js";import"./index-_BRA9uFL.js";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??{},r=!!t.builtin;let a="network";return r?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(r=>r.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 c="label",h="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:r}){return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:c,children:"Connection Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-3 mt-1",children:ee.map(a=>{const d=s.mode===a.value,l=r&&a.value!=="in-process";return e.jsxs("button",{type:"button",disabled:l,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 ${d?"border-accent bg-accent/5":l?"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 ${d?"text-accent":"text-text-primary"}`,children:a.label}),e.jsx("span",{className:"block text-[10px] 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:c,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:r})]}),e.jsxs("div",{children:[e.jsx("label",{className:c,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:h,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:c,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:c,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:c,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:c,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:c,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[r,a]=u.useState(""),d=n=>{const i=n.trim().toLowerCase();i&&!s.credential_providers.includes(i)&&t("credential_providers",[...s.credential_providers,i]),a("")},l=n=>{t("credential_providers",s.credential_providers.filter(i=>i!==n))},p=n=>{n.key==="Enter"||n.key===","?(n.preventDefault(),d(r)):n.key==="Backspace"&&!r&&s.credential_providers.length>0&&l(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:c,children:"Tags"}),e.jsx(q,{tags:s.tags,onChange:n=>t("tags",n),placeholder:"Add tag (e.g., database, analytics)..."}),e.jsx("p",{className:h,children:"Tags enable tool discovery. Workflows filter available MCP servers by tags to find relevant tools."})]}),e.jsxs("div",{children:[e.jsx("label",{className:c,children:"Compile Hints"}),e.jsx("textarea",{value:s.compile_hints,onChange:n=>t("compile_hints",n.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:h,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:c,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(n=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-[11px] font-medium",children:[n,e.jsx("button",{type:"button",onClick:()=>l(n),className:"hover:text-status-error transition-colors",children:e.jsx(J,{className:"w-2.5 h-2.5"})})]},n)),e.jsx("input",{type:"text",value:r,onChange:n=>a(n.target.value),onKeyDown:p,onBlur:()=>{r.trim()&&d(r)},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:h,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 r=H(),a=s.mode==="in-process",d=()=>{const n=M(s);r.mutate({transport_type:n.transport_type,transport_config:n.transport_config},{onSuccess:i=>{i.success&&t("discovered_tools",i.tools)}})},l=r.data,p=s.discovered_tools??(l==null?void 0:l.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:d,disabled:r.isPending,className:"btn-primary text-xs",children:r.isPending?e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(K,{className:"w-3 h-3 animate-spin"}),"Connecting..."]}):"Test Connection"}),(l==null?void 0:l.success)&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success",children:[e.jsx(V,{className:"w-3.5 h-3.5"}),"Connected — ",p.length," tool",p.length!==1?"s":""," discovered"]}),l&&!l.success&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-error",children:[e.jsx(X,{className:"w-3.5 h-3.5"}),l.error||"Connection failed"]})]}),p.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-xs text-text-tertiary mb-2",children:"Discovered tools"}),e.jsx(I,{tools:p})]}),e.jsx("p",{className:h,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-[10px] 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 le({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:c,children:"Tags"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.tags.map(r=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-[11px] font-medium",children:r},r))})]}),s.credential_providers.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:c,children:"Credential Providers"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.credential_providers.map(r=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-[11px] font-medium",children:r},r))})]}),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:r}){return e.jsxs("div",{children:[e.jsx("label",{className:c,children:s}),e.jsx("p",{className:`text-xs text-text-primary mt-0.5 ${r?"font-mono":""}`,children:t})]})}function ve(){var C,k,P;const{serverId:s}=G(),t=!s,r=W(),{data:a,isLoading:d}=$(s??""),l=O(),p=U(),[n,i]=u.useState(T),[N,y]=u.useState(!1),[R,_]=u.useState(""),[D,f]=Q(),o=parseInt(D.get("step")||"1",10),j=u.useCallback(m=>{f(v=>{const g=new URLSearchParams(v);return g.set("step",String(m)),g},{replace:!1})},[f]);u.useEffect(()=>{if(!N){if(t){i(T),y(!0);return}a&&(i(Z(a)),y(!0))}},[a,t,N]);const b=(m,v)=>i(g=>({...g,[m]:v})),A=!!((C=a==null?void 0:a.transport_config)!=null&&C.builtin),F=()=>{_("");const m=M(n);a?p.mutate({id:a.id,...m},{onSuccess:()=>r("/mcp/servers")}):l.mutate(m,{onSuccess:()=>r("/mcp/servers"),onError:v=>_(v.message)})};if(!t&&d)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&&!d)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Server not found."});const B=o===L.length,w=l.isPending||p.isPending,S=R||((k=l.error)==null?void 0:k.message)||((P=p.error)==null?void 0:P.message);return e.jsxs("div",{children:[e.jsx(Y,{title:t?"Register MCP Server":(a==null?void 0:a.name)??""}),e.jsxs("div",{className:"max-w-3xl",children:[e.jsx(z,{steps:L,currentStep:o-1,onStepClick:m=>j(m+1)}),e.jsxs("div",{className:"min-h-[360px] py-2",children:[o===1&&e.jsx(se,{form:n,set:b,isBuiltin:A}),o===2&&e.jsx(te,{form:n,set:b}),o===3&&e.jsx(ae,{form:n,set:b}),o===4&&e.jsx(le,{form:n})]}),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:o>1&&e.jsx("button",{onClick:()=>j(o-1),className:"btn-secondary text-xs",children:"Back"})}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("button",{onClick:()=>r("/mcp/servers"),className:"btn-ghost text-xs",children:"Cancel"}),B?e.jsx("button",{onClick:F,disabled:!E(o,n)||w,className:"btn-primary text-xs",children:w?"Saving...":a?"Save":"Register"}):e.jsx("button",{onClick:()=>j(o+1),disabled:!E(o,n),className:"btn-primary text-xs",children:"Next"})]})]})]})]})}export{ve as McpServerDetailPage};
+//# sourceMappingURL=index-CvOGgvzP.js.map

package/dashboard/dist/assets/{index-aJRDh4zW.js.map → index-CvOGgvzP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-aJRDh4zW.js","sources":["../../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":["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-[10px] 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-[11px] 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-[10px] 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-[11px] 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-[11px] 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":["EMPTY_FORM","serverToForm","config","isBuiltin","mode","formToPayload","form","transport_config","a","STEP_LABELS","isStepValid","step","labelCls","hintCls","modes","TransportStep","set","jsxs","jsx","m","active","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","label","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","StepIndicator","i"],"mappings":"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"}
+{"version":3,"file":"index-CvOGgvzP.js","sources":["../../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":["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-[10px] 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-[11px] 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-[10px] 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-[11px] 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-[11px] 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":["EMPTY_FORM","serverToForm","config","isBuiltin","mode","formToPayload","form","transport_config","a","STEP_LABELS","isStepValid","step","labelCls","hintCls","modes","TransportStep","set","jsxs","jsx","m","active","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","label","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","StepIndicator","i"],"mappings":"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"}

package/dashboard/dist/assets/{index-D1MywQ2z.js → index-DDlrQeTj.js}

@@ -1,2 +1,2 @@
-import{u as D,j as t,a as y}from"./vendor-query-B2UbickB.js";import{a as M}from"./vendor-react-CXumBFUA.js";import{b as R,S as d,J as A,d as L}from"./index-BpN31nuC.js";import{a as O}from"./controlplane-cj-1c-1C.js";import{u as z}from"./useFilterParams-x-Dg0Vgz.js";import{D as E}from"./DataTable-D9yuBv0w.js";import{S as I}from"./StickyPagination-BWhFSr2d.js";import{F as J,b,a as v}from"./FilterBar-Ck4K4rzu.js";import{T as j}from"./TimestampCell-BBCf8zsN.js";import{P as q}from"./PageHeader-CR6TpJG_.js";import{L as U}from"./ListToolbar-DEef1_-T.js";import{y as W,X as _}from"./vendor-icons-CrrAvF2g.js";import"./EmptyState-BcsfPq9T.js";function B(e){const a=new URLSearchParams;return a.set("namespace",e.namespace),a.set("source",e.source),e.limit&&a.set("limit",String(e.limit)),e.offset&&a.set("offset",String(e.offset)),e.sort_by&&a.set("sort_by",e.sort_by),e.order&&a.set("order",e.order),e.status&&a.set("status",e.status),e.stream_name&&a.set("stream_name",e.stream_name),e.msg_type&&a.set("msg_type",e.msg_type),e.topic&&a.set("topic",e.topic),e.workflow_name&&a.set("workflow_name",e.workflow_name),e.jid&&a.set("jid",e.jid),e.aid&&a.set("aid",e.aid),R(`/controlplane/stream-messages?${a}`)}function H(e){return D({queryKey:["controlplane","stream-messages",e],queryFn:()=>B(e),enabled:!!e.namespace,staleTime:15e3})}const f={pending:"bg-text-tertiary",claimed:"bg-status-warning",processed:"bg-status-success",dead_lettered:"bg-status-error"},N={pending:"Pending",claimed:"Claimed",processed:"Processed",dead_lettered:"Dead Lettered"},k="inline-block px-1.5 py-0.5 text-[10px] font-mono rounded bg-surface-sunken text-text-secondary",K=[{value:"pending",label:"Pending"},{value:"claimed",label:"Claimed"},{value:"processed",label:"Processed"},{value:"dead_lettered",label:"Dead Lettered"}],V=[{value:"engine",label:"Engine"},{value:"worker",label:"Worker"}];function m({label:e,value:a}){return a?t.jsxs("div",{children:[t.jsx("span",{className:"text-text-tertiary",children:e}),t.jsx("div",{className:"mt-0.5",children:t.jsx(L,{date:a,format:"datetime"})})]}):null}function x({label:e,value:a}){return a?t.jsxs("div",{children:[t.jsx("span",{className:"text-text-tertiary",children:e}),t.jsx("p",{className:"text-xs text-text-primary font-mono break-all",children:a})]}):null}function l({label:e,value:a,onFilter:r}){return a?t.jsxs("div",{children:[t.jsx("span",{className:"text-text-tertiary",children:e}),t.jsxs("button",{onClick:()=>r==null?void 0:r(a),className:"flex items-center gap-1 group text-left w-full",title:`Filter by ${e.toLowerCase()}: ${a}`,children:[t.jsx("p",{className:"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors",children:a}),t.jsx(W,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity"})]})]}):null}function G({message:e,filters:a}){return e?t.jsxs("div",{className:"space-y-5 text-[11px]",children:[t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[t.jsx("span",{className:`w-2 h-2 rounded-full shrink-0 ${f[e.status]}`}),t.jsx(l,{label:"",value:N[e.status],onFilter:()=>{var r;return(r=a==null?void 0:a.onFilterStatus)==null?void 0:r.call(a,e.status)}}),t.jsx("span",{className:k,children:e.source})]}),t.jsx(l,{label:"",value:e.stream_name,onFilter:()=>{var r;return(r=a==null?void 0:a.onFilterStreamName)==null?void 0:r.call(a,e.stream_name)}}),t.jsxs("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:["ID: ",e.id]})]}),t.jsxs("div",{className:"space-y-2",children:[t.jsx(d,{children:"Timestamps"}),t.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[t.jsx(m,{label:"Created",value:e.created_at}),t.jsx(m,{label:"Reserved",value:e.reserved_at}),t.jsx(m,{label:"Processed",value:e.expired_at}),t.jsx(m,{label:"Dead-lettered",value:e.dead_lettered_at})]})]}),t.jsxs("div",{className:"space-y-2",children:[t.jsx(d,{children:"Metadata"}),t.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[t.jsx(x,{label:"Priority",value:String(e.priority)}),t.jsx(x,{label:"Retries",value:`${e.retry_attempt} / ${e.max_retry_attempts}`}),t.jsx(x,{label:"Reserved by",value:e.reserved_by})]})]}),e.jid&&t.jsxs("div",{className:"space-y-2",children:[t.jsx(d,{children:"Job"}),t.jsx("div",{className:"grid grid-cols-1 gap-2",children:t.jsx(l,{label:"Job ID",value:e.jid,onFilter:a==null?void 0:a.onFilterJid})})]}),e.source==="worker"&&t.jsxs("div",{className:"space-y-2",children:[t.jsx(d,{children:"Worker Details"}),t.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[t.jsx(l,{label:"Workflow",value:e.workflow_name,onFilter:a==null?void 0:a.onFilterWorkflow}),t.jsx(l,{label:"Activity",value:e.aid,onFilter:a==null?void 0:a.onFilterAid}),t.jsx(x,{label:"Dimension",value:e.dad}),t.jsx(l,{label:"Type",value:e.msg_type,onFilter:a==null?void 0:a.onFilterMsgType}),t.jsx(l,{label:"Topic",value:e.topic,onFilter:a==null?void 0:a.onFilterTopic})]})]}),t.jsx("div",{className:"space-y-2",children:t.jsx(A,{data:e.message,label:"Payload",defaultCollapsed:!1})})]}):null}function Q(e,a){if(e.length<=a)return e;const r=Math.floor((a-1)/2);return`${e.slice(0,r)}…${e.slice(-r)}`}function de(){const{filters:e,setFilter:a,pagination:r,sort:u,setSort:w}=z({filters:{namespace:"durable",source:"worker",status:"",stream_name:"",msg_type:"",topic:"",workflow_name:"",jid:"",aid:""}}),[n,h]=y.useState(null),{data:c}=O(),S=y.useMemo(()=>((c==null?void 0:c.apps)??[]).map(s=>({value:s.appId,label:s.appId})),[c]),{data:o,isLoading:F,refetch:P,isFetching:T}=H({namespace:e.namespace||"durable",source:e.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:u.sort_by||"created_at",order:u.order||"desc",status:e.status||void 0,stream_name:e.stream_name||void 0,msg_type:e.msg_type||void 0,topic:e.topic||void 0,workflow_name:e.workflow_name||void 0,jid:e.jid||void 0,aid:e.aid||void 0}),p=(o==null?void 0:o.messages)??[],g=(o==null?void 0:o.total)??0,i=y.useMemo(()=>n?p.find(s=>s.id===n.id&&s.source===n.source)??n:null,[p,n]),C=!!i,$=[{key:"status",label:"Status",render:s=>t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:`w-2 h-2 rounded-full shrink-0 ${f[s.status]}`}),t.jsx("span",{className:"text-xs",children:N[s.status]})]}),className:"w-28"},{key:"source",label:"Source",render:s=>t.jsx("span",{className:k,children:s.source}),className:"w-20"},{key:"stream_name",label:"Stream",sortable:!0,render:s=>t.jsx("span",{className:"font-mono text-xs text-text-secondary truncate block max-w-[240px]",title:s.stream_name,children:s.stream_name})},{key:"msg_type",label:"Type",render:s=>t.jsx("span",{className:"text-xs text-text-secondary",children:s.msg_type||"—"}),className:"w-24"},{key:"created_at",label:"Created",sortable:!0,render:s=>t.jsx(j,{date:s.created_at}),className:"w-44"},{key:"reserved_at",label:"Reserved",render:s=>s.reserved_at?t.jsx(j,{date:s.reserved_at}):t.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-44"},{key:"expired_at",label:"Processed",render:s=>s.expired_at?t.jsx(j,{date:s.expired_at}):t.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-44"},{key:"priority",label:"Pri",sortable:!0,render:s=>t.jsx("span",{className:"text-xs text-text-secondary",children:s.priority}),className:"w-12 text-right"},{key:"retry_attempt",label:"Retries",render:s=>t.jsxs("span",{className:"text-xs text-text-secondary",children:[s.retry_attempt,"/",s.max_retry_attempts]}),className:"w-16"}];return t.jsxs("div",{children:[t.jsx(q,{title:"Messages",docsHash:"#docs:dashboard.md:messages"}),t.jsxs(J,{actions:t.jsx(U,{onRefresh:()=>P(),isFetching:T,apiPath:`/controlplane/stream-messages?namespace=${e.namespace||"durable"}&source=${e.source||"worker"}&limit=${r.pageSize}&offset=${r.offset}${e.status?`&status=${e.status}`:""}${e.stream_name?`&stream_name=${e.stream_name}`:""}`}),children:[t.jsx(b,{label:"Namespace",value:e.namespace,onChange:s=>a("namespace",s),options:S,required:!0}),t.jsx(b,{label:"Source",value:e.source,onChange:s=>a("source",s),options:V,required:!0}),t.jsx(b,{label:"Status",value:e.status,onChange:s=>a("status",s),options:K}),t.jsx(v,{label:"Stream",value:e.stream_name,onChange:s=>a("stream_name",s),placeholder:"Filter by stream name…"}),t.jsx(v,{label:"Job ID",value:e.jid,onChange:s=>a("jid",s),placeholder:"Filter by jid…"}),[{key:"topic",label:"Topic",value:e.topic},{key:"workflow_name",label:"Workflow",value:e.workflow_name},{key:"aid",label:"Activity",value:e.aid},{key:"msg_type",label:"Type",value:e.msg_type}].filter(s=>s.value).map(s=>t.jsxs("button",{onClick:()=>a(s.key,""),className:"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors",title:`Clear ${s.label} filter: ${s.value}`,children:[s.label,": ",Q(s.value,12),t.jsx(_,{className:"w-2.5 h-2.5"})]},s.key))]}),t.jsx(E,{columns:$,data:p,keyFn:s=>`${s.source}:${s.id}`,isLoading:F,emptyMessage:"No stream messages found",onRowClick:s=>h(s),activeRowKey:i?`${i.source}:${i.id}`:null,sort:u,onSort:w}),t.jsx(I,{page:r.page,totalPages:r.totalPages(g),onPageChange:r.setPage,total:g,pageSize:r.pageSize,onPageSizeChange:r.setPageSize}),C&&M.createPortal(t.jsxs("div",{className:"fixed right-0 bottom-0 w-[400px] z-40 border-l border-surface-border bg-surface overflow-y-auto shadow-lg",style:{top:"3.5rem"},children:[t.jsxs("div",{className:"sticky top-0 z-10 flex items-center justify-between px-4 py-3 bg-surface border-b border-surface-border/50",children:[t.jsx("span",{className:"text-xs font-medium text-text-primary",children:"Message Detail"}),t.jsx("button",{onClick:()=>h(null),className:"p-1 rounded hover:bg-surface-hover text-text-tertiary hover:text-text-primary transition-colors",title:"Close",children:t.jsx(_,{className:"w-4 h-4"})})]}),t.jsx("div",{className:"px-4 py-4",children:t.jsx(G,{message:i,filters:{onFilterStatus:s=>a("status",s),onFilterStreamName:s=>a("stream_name",s),onFilterMsgType:s=>a("msg_type",s),onFilterTopic:s=>a("topic",s),onFilterWorkflow:s=>a("workflow_name",s),onFilterJid:s=>a("jid",s),onFilterAid:s=>a("aid",s)}})})]}),document.body)]})}export{de as StreamMessagesPage};
-//# sourceMappingURL=index-D1MywQ2z.js.map
+import{u as D,j as t,a as y}from"./vendor-query-B2UbickB.js";import{a as M}from"./vendor-react-CXumBFUA.js";import{b as R,S as d,J as A,d as L}from"./index-_BRA9uFL.js";import{a as O}from"./controlplane-DGvwkuYx.js";import{u as z}from"./useFilterParams-x-Dg0Vgz.js";import{D as E}from"./DataTable-D9yuBv0w.js";import{S as I}from"./StickyPagination-BWhFSr2d.js";import{F as J,b,a as v}from"./FilterBar-Ck4K4rzu.js";import{T as j}from"./TimestampCell-DL6zMNEQ.js";import{P as q}from"./PageHeader-BuJpMxyu.js";import{L as U}from"./ListToolbar-jrVba7QN.js";import{x as W,X as _}from"./vendor-icons-Doy0g69_.js";import"./EmptyState-BcsfPq9T.js";function B(e){const a=new URLSearchParams;return a.set("namespace",e.namespace),a.set("source",e.source),e.limit&&a.set("limit",String(e.limit)),e.offset&&a.set("offset",String(e.offset)),e.sort_by&&a.set("sort_by",e.sort_by),e.order&&a.set("order",e.order),e.status&&a.set("status",e.status),e.stream_name&&a.set("stream_name",e.stream_name),e.msg_type&&a.set("msg_type",e.msg_type),e.topic&&a.set("topic",e.topic),e.workflow_name&&a.set("workflow_name",e.workflow_name),e.jid&&a.set("jid",e.jid),e.aid&&a.set("aid",e.aid),R(`/controlplane/stream-messages?${a}`)}function H(e){return D({queryKey:["controlplane","stream-messages",e],queryFn:()=>B(e),enabled:!!e.namespace,staleTime:15e3})}const f={pending:"bg-text-tertiary",claimed:"bg-status-warning",processed:"bg-status-success",dead_lettered:"bg-status-error"},N={pending:"Pending",claimed:"Claimed",processed:"Processed",dead_lettered:"Dead Lettered"},k="inline-block px-1.5 py-0.5 text-[10px] font-mono rounded bg-surface-sunken text-text-secondary",K=[{value:"pending",label:"Pending"},{value:"claimed",label:"Claimed"},{value:"processed",label:"Processed"},{value:"dead_lettered",label:"Dead Lettered"}],V=[{value:"engine",label:"Engine"},{value:"worker",label:"Worker"}];function m({label:e,value:a}){return a?t.jsxs("div",{children:[t.jsx("span",{className:"text-text-tertiary",children:e}),t.jsx("div",{className:"mt-0.5",children:t.jsx(L,{date:a,format:"datetime"})})]}):null}function x({label:e,value:a}){return a?t.jsxs("div",{children:[t.jsx("span",{className:"text-text-tertiary",children:e}),t.jsx("p",{className:"text-xs text-text-primary font-mono break-all",children:a})]}):null}function l({label:e,value:a,onFilter:r}){return a?t.jsxs("div",{children:[t.jsx("span",{className:"text-text-tertiary",children:e}),t.jsxs("button",{onClick:()=>r==null?void 0:r(a),className:"flex items-center gap-1 group text-left w-full",title:`Filter by ${e.toLowerCase()}: ${a}`,children:[t.jsx("p",{className:"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors",children:a}),t.jsx(W,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity"})]})]}):null}function G({message:e,filters:a}){return e?t.jsxs("div",{className:"space-y-5 text-[11px]",children:[t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[t.jsx("span",{className:`w-2 h-2 rounded-full shrink-0 ${f[e.status]}`}),t.jsx(l,{label:"",value:N[e.status],onFilter:()=>{var r;return(r=a==null?void 0:a.onFilterStatus)==null?void 0:r.call(a,e.status)}}),t.jsx("span",{className:k,children:e.source})]}),t.jsx(l,{label:"",value:e.stream_name,onFilter:()=>{var r;return(r=a==null?void 0:a.onFilterStreamName)==null?void 0:r.call(a,e.stream_name)}}),t.jsxs("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:["ID: ",e.id]})]}),t.jsxs("div",{className:"space-y-2",children:[t.jsx(d,{children:"Timestamps"}),t.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[t.jsx(m,{label:"Created",value:e.created_at}),t.jsx(m,{label:"Reserved",value:e.reserved_at}),t.jsx(m,{label:"Processed",value:e.expired_at}),t.jsx(m,{label:"Dead-lettered",value:e.dead_lettered_at})]})]}),t.jsxs("div",{className:"space-y-2",children:[t.jsx(d,{children:"Metadata"}),t.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[t.jsx(x,{label:"Priority",value:String(e.priority)}),t.jsx(x,{label:"Retries",value:`${e.retry_attempt} / ${e.max_retry_attempts}`}),t.jsx(x,{label:"Reserved by",value:e.reserved_by})]})]}),e.jid&&t.jsxs("div",{className:"space-y-2",children:[t.jsx(d,{children:"Job"}),t.jsx("div",{className:"grid grid-cols-1 gap-2",children:t.jsx(l,{label:"Job ID",value:e.jid,onFilter:a==null?void 0:a.onFilterJid})})]}),e.source==="worker"&&t.jsxs("div",{className:"space-y-2",children:[t.jsx(d,{children:"Worker Details"}),t.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[t.jsx(l,{label:"Workflow",value:e.workflow_name,onFilter:a==null?void 0:a.onFilterWorkflow}),t.jsx(l,{label:"Activity",value:e.aid,onFilter:a==null?void 0:a.onFilterAid}),t.jsx(x,{label:"Dimension",value:e.dad}),t.jsx(l,{label:"Type",value:e.msg_type,onFilter:a==null?void 0:a.onFilterMsgType}),t.jsx(l,{label:"Topic",value:e.topic,onFilter:a==null?void 0:a.onFilterTopic})]})]}),t.jsx("div",{className:"space-y-2",children:t.jsx(A,{data:e.message,label:"Payload",defaultCollapsed:!1})})]}):null}function Q(e,a){if(e.length<=a)return e;const r=Math.floor((a-1)/2);return`${e.slice(0,r)}…${e.slice(-r)}`}function de(){const{filters:e,setFilter:a,pagination:r,sort:u,setSort:w}=z({filters:{namespace:"durable",source:"worker",status:"",stream_name:"",msg_type:"",topic:"",workflow_name:"",jid:"",aid:""}}),[n,h]=y.useState(null),{data:c}=O(),S=y.useMemo(()=>((c==null?void 0:c.apps)??[]).map(s=>({value:s.appId,label:s.appId})),[c]),{data:o,isLoading:F,refetch:P,isFetching:T}=H({namespace:e.namespace||"durable",source:e.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:u.sort_by||"created_at",order:u.order||"desc",status:e.status||void 0,stream_name:e.stream_name||void 0,msg_type:e.msg_type||void 0,topic:e.topic||void 0,workflow_name:e.workflow_name||void 0,jid:e.jid||void 0,aid:e.aid||void 0}),p=(o==null?void 0:o.messages)??[],g=(o==null?void 0:o.total)??0,i=y.useMemo(()=>n?p.find(s=>s.id===n.id&&s.source===n.source)??n:null,[p,n]),C=!!i,$=[{key:"status",label:"Status",render:s=>t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:`w-2 h-2 rounded-full shrink-0 ${f[s.status]}`}),t.jsx("span",{className:"text-xs",children:N[s.status]})]}),className:"w-28"},{key:"source",label:"Source",render:s=>t.jsx("span",{className:k,children:s.source}),className:"w-20"},{key:"stream_name",label:"Stream",sortable:!0,render:s=>t.jsx("span",{className:"font-mono text-xs text-text-secondary truncate block max-w-[240px]",title:s.stream_name,children:s.stream_name})},{key:"msg_type",label:"Type",render:s=>t.jsx("span",{className:"text-xs text-text-secondary",children:s.msg_type||"—"}),className:"w-24"},{key:"created_at",label:"Created",sortable:!0,render:s=>t.jsx(j,{date:s.created_at}),className:"w-44"},{key:"reserved_at",label:"Reserved",render:s=>s.reserved_at?t.jsx(j,{date:s.reserved_at}):t.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-44"},{key:"expired_at",label:"Processed",render:s=>s.expired_at?t.jsx(j,{date:s.expired_at}):t.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-44"},{key:"priority",label:"Pri",sortable:!0,render:s=>t.jsx("span",{className:"text-xs text-text-secondary",children:s.priority}),className:"w-12 text-right"},{key:"retry_attempt",label:"Retries",render:s=>t.jsxs("span",{className:"text-xs text-text-secondary",children:[s.retry_attempt,"/",s.max_retry_attempts]}),className:"w-16"}];return t.jsxs("div",{children:[t.jsx(q,{title:"Messages",docsHash:"#docs:dashboard.md:messages"}),t.jsxs(J,{actions:t.jsx(U,{onRefresh:()=>P(),isFetching:T,apiPath:`/controlplane/stream-messages?namespace=${e.namespace||"durable"}&source=${e.source||"worker"}&limit=${r.pageSize}&offset=${r.offset}${e.status?`&status=${e.status}`:""}${e.stream_name?`&stream_name=${e.stream_name}`:""}`}),children:[t.jsx(b,{label:"Namespace",value:e.namespace,onChange:s=>a("namespace",s),options:S,required:!0}),t.jsx(b,{label:"Source",value:e.source,onChange:s=>a("source",s),options:V,required:!0}),t.jsx(b,{label:"Status",value:e.status,onChange:s=>a("status",s),options:K}),t.jsx(v,{label:"Stream",value:e.stream_name,onChange:s=>a("stream_name",s),placeholder:"Filter by stream name…"}),t.jsx(v,{label:"Job ID",value:e.jid,onChange:s=>a("jid",s),placeholder:"Filter by jid…"}),[{key:"topic",label:"Topic",value:e.topic},{key:"workflow_name",label:"Workflow",value:e.workflow_name},{key:"aid",label:"Activity",value:e.aid},{key:"msg_type",label:"Type",value:e.msg_type}].filter(s=>s.value).map(s=>t.jsxs("button",{onClick:()=>a(s.key,""),className:"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors",title:`Clear ${s.label} filter: ${s.value}`,children:[s.label,": ",Q(s.value,12),t.jsx(_,{className:"w-2.5 h-2.5"})]},s.key))]}),t.jsx(E,{columns:$,data:p,keyFn:s=>`${s.source}:${s.id}`,isLoading:F,emptyMessage:"No stream messages found",onRowClick:s=>h(s),activeRowKey:i?`${i.source}:${i.id}`:null,sort:u,onSort:w}),t.jsx(I,{page:r.page,totalPages:r.totalPages(g),onPageChange:r.setPage,total:g,pageSize:r.pageSize,onPageSizeChange:r.setPageSize}),C&&M.createPortal(t.jsxs("div",{className:"fixed right-0 bottom-0 w-[400px] z-40 border-l border-surface-border bg-surface overflow-y-auto shadow-lg",style:{top:"3.5rem"},children:[t.jsxs("div",{className:"sticky top-0 z-10 flex items-center justify-between px-4 py-3 bg-surface border-b border-surface-border/50",children:[t.jsx("span",{className:"text-xs font-medium text-text-primary",children:"Message Detail"}),t.jsx("button",{onClick:()=>h(null),className:"p-1 rounded hover:bg-surface-hover text-text-tertiary hover:text-text-primary transition-colors",title:"Close",children:t.jsx(_,{className:"w-4 h-4"})})]}),t.jsx("div",{className:"px-4 py-4",children:t.jsx(G,{message:i,filters:{onFilterStatus:s=>a("status",s),onFilterStreamName:s=>a("stream_name",s),onFilterMsgType:s=>a("msg_type",s),onFilterTopic:s=>a("topic",s),onFilterWorkflow:s=>a("workflow_name",s),onFilterJid:s=>a("jid",s),onFilterAid:s=>a("aid",s)}})})]}),document.body)]})}export{de as StreamMessagesPage};
+//# sourceMappingURL=index-DDlrQeTj.js.map