@hotmeshio/long-tail 0.4.7 → 0.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/build/adapters/express.d.ts +68 -0
  2. package/build/adapters/express.js +163 -0
  3. package/build/index.d.ts +1 -0
  4. package/build/index.js +3 -1
  5. package/build/lib/events/socketio.d.ts +3 -0
  6. package/build/lib/events/socketio.js +6 -1
  7. package/build/tsconfig.tsbuildinfo +1 -1
  8. package/dashboard/dist/assets/{AdminDashboard-qZYNzvw8.js → AdminDashboard-BVtpNGO1.js} +2 -2
  9. package/dashboard/dist/assets/{AdminDashboard-qZYNzvw8.js.map → AdminDashboard-BVtpNGO1.js.map} +1 -1
  10. package/dashboard/dist/assets/{AgentConfigPage-_SMbioNp.js → AgentConfigPage-BGDDZpxn.js} +2 -2
  11. package/dashboard/dist/assets/{AgentConfigPage-_SMbioNp.js.map → AgentConfigPage-BGDDZpxn.js.map} +1 -1
  12. package/dashboard/dist/assets/{AgentDetailPage-Cf_SRtbT.js → AgentDetailPage-9wlNBv63.js} +2 -2
  13. package/dashboard/dist/assets/{AgentDetailPage-Cf_SRtbT.js.map → AgentDetailPage-9wlNBv63.js.map} +1 -1
  14. package/dashboard/dist/assets/{AgentsPage-q53C1Xk_.js → AgentsPage-C8Sf-OUW.js} +2 -2
  15. package/dashboard/dist/assets/{AgentsPage-q53C1Xk_.js.map → AgentsPage-C8Sf-OUW.js.map} +1 -1
  16. package/dashboard/dist/assets/{AvailableEscalationsPage-DHWciaKb.js → AvailableEscalationsPage-BzfgOP5p.js} +2 -2
  17. package/dashboard/dist/assets/{AvailableEscalationsPage-DHWciaKb.js.map → AvailableEscalationsPage-BzfgOP5p.js.map} +1 -1
  18. package/dashboard/dist/assets/{BotPicker-638n5Jaz.js → BotPicker-6Xk1Fq1l.js} +2 -2
  19. package/dashboard/dist/assets/{BotPicker-638n5Jaz.js.map → BotPicker-6Xk1Fq1l.js.map} +1 -1
  20. package/dashboard/dist/assets/{CapabilitiesPage-PmgEhPl8.js → CapabilitiesPage-C30RqH3d.js} +2 -2
  21. package/dashboard/dist/assets/{CapabilitiesPage-PmgEhPl8.js.map → CapabilitiesPage-C30RqH3d.js.map} +1 -1
  22. package/dashboard/dist/assets/{CollapsibleSection-BEZoI6NU.js → CollapsibleSection-DR3D4kMt.js} +2 -2
  23. package/dashboard/dist/assets/{CollapsibleSection-BEZoI6NU.js.map → CollapsibleSection-DR3D4kMt.js.map} +1 -1
  24. package/dashboard/dist/assets/CredentialsPage-2nEwkFSm.js +2 -0
  25. package/dashboard/dist/assets/CredentialsPage-2nEwkFSm.js.map +1 -0
  26. package/dashboard/dist/assets/{CronLabel-Dg8U0s5a.js → CronLabel-Cfq2Hlsq.js} +2 -2
  27. package/dashboard/dist/assets/{CronLabel-Dg8U0s5a.js.map → CronLabel-Cfq2Hlsq.js.map} +1 -1
  28. package/dashboard/dist/assets/{CustomDurationPicker-BCbVMr-4.js → CustomDurationPicker-CSvIDpXD.js} +2 -2
  29. package/dashboard/dist/assets/{CustomDurationPicker-BCbVMr-4.js.map → CustomDurationPicker-CSvIDpXD.js.map} +1 -1
  30. package/dashboard/dist/assets/{ElapsedCell-fuG5wRDw.js → ElapsedCell-B4nhqILk.js} +2 -2
  31. package/dashboard/dist/assets/{ElapsedCell-fuG5wRDw.js.map → ElapsedCell-B4nhqILk.js.map} +1 -1
  32. package/dashboard/dist/assets/{EscalationsOverview-nYOZczYx.js → EscalationsOverview-CvMHVxgm.js} +2 -2
  33. package/dashboard/dist/assets/{EscalationsOverview-nYOZczYx.js.map → EscalationsOverview-CvMHVxgm.js.map} +1 -1
  34. package/dashboard/dist/assets/{EventTable-Cm0Ql46x.js → EventTable-faF8fMen.js} +2 -2
  35. package/dashboard/dist/assets/{EventTable-Cm0Ql46x.js.map → EventTable-faF8fMen.js.map} +1 -1
  36. package/dashboard/dist/assets/{HomePage-Cx6pvCFX.js → HomePage-DnSHq_dm.js} +2 -2
  37. package/dashboard/dist/assets/{HomePage-Cx6pvCFX.js.map → HomePage-DnSHq_dm.js.map} +1 -1
  38. package/dashboard/dist/assets/ListToolbar-C1EXfNfS.js +2 -0
  39. package/dashboard/dist/assets/ListToolbar-C1EXfNfS.js.map +1 -0
  40. package/dashboard/dist/assets/{McpOverview-BWsaxVKL.js → McpOverview-B9ZDlmUD.js} +2 -2
  41. package/dashboard/dist/assets/{McpOverview-BWsaxVKL.js.map → McpOverview-B9ZDlmUD.js.map} +1 -1
  42. package/dashboard/dist/assets/{McpQueryDetailPage-CQk3YpR-.js → McpQueryDetailPage-DdrdIa-N.js} +2 -2
  43. package/dashboard/dist/assets/{McpQueryDetailPage-CQk3YpR-.js.map → McpQueryDetailPage-DdrdIa-N.js.map} +1 -1
  44. package/dashboard/dist/assets/{McpQueryPage-Uf5DKujM.js → McpQueryPage-C9wb1cOa.js} +2 -2
  45. package/dashboard/dist/assets/{McpQueryPage-Uf5DKujM.js.map → McpQueryPage-C9wb1cOa.js.map} +1 -1
  46. package/dashboard/dist/assets/{McpRunDetailPage-D9GU27cS.js → McpRunDetailPage-b5ungm-L.js} +2 -2
  47. package/dashboard/dist/assets/{McpRunDetailPage-D9GU27cS.js.map → McpRunDetailPage-b5ungm-L.js.map} +1 -1
  48. package/dashboard/dist/assets/{McpRunsPage-5dVAu25-.js → McpRunsPage-wa62n3tp.js} +2 -2
  49. package/dashboard/dist/assets/{McpRunsPage-5dVAu25-.js.map → McpRunsPage-wa62n3tp.js.map} +1 -1
  50. package/dashboard/dist/assets/{OperatorDashboard-DNJtUDxl.js → OperatorDashboard-BDpk_HF5.js} +2 -2
  51. package/dashboard/dist/assets/{OperatorDashboard-DNJtUDxl.js.map → OperatorDashboard-BDpk_HF5.js.map} +1 -1
  52. package/dashboard/dist/assets/{ProcessDetailPage-BPsvlG0E.js → ProcessDetailPage-DHLKP0kz.js} +2 -2
  53. package/dashboard/dist/assets/{ProcessDetailPage-BPsvlG0E.js.map → ProcessDetailPage-DHLKP0kz.js.map} +1 -1
  54. package/dashboard/dist/assets/{ProcessesListPage-CnuCtHSP.js → ProcessesListPage-CpANHQGA.js} +2 -2
  55. package/dashboard/dist/assets/{ProcessesListPage-CnuCtHSP.js.map → ProcessesListPage-CpANHQGA.js.map} +1 -1
  56. package/dashboard/dist/assets/{RolesPage-BGJMx2S2.js → RolesPage-Ddta3UZX.js} +2 -2
  57. package/dashboard/dist/assets/{RolesPage-BGJMx2S2.js.map → RolesPage-Ddta3UZX.js.map} +1 -1
  58. package/dashboard/dist/assets/{RunAsSelector-CcNnj5AF.js → RunAsSelector-BpeN2J3V.js} +2 -2
  59. package/dashboard/dist/assets/{RunAsSelector-CcNnj5AF.js.map → RunAsSelector-BpeN2J3V.js.map} +1 -1
  60. package/dashboard/dist/assets/{SwimlaneTimeline-fWiYlTQw.js → SwimlaneTimeline-DSra_wMN.js} +2 -2
  61. package/dashboard/dist/assets/{SwimlaneTimeline-fWiYlTQw.js.map → SwimlaneTimeline-DSra_wMN.js.map} +1 -1
  62. package/dashboard/dist/assets/{TaskDetailPage-Byz19B5I.js → TaskDetailPage-Dqha2tKb.js} +2 -2
  63. package/dashboard/dist/assets/{TaskDetailPage-Byz19B5I.js.map → TaskDetailPage-Dqha2tKb.js.map} +1 -1
  64. package/dashboard/dist/assets/{TasksListPage-pe1Opw6s.js → TasksListPage-CM16b5S8.js} +2 -2
  65. package/dashboard/dist/assets/{TasksListPage-pe1Opw6s.js.map → TasksListPage-CM16b5S8.js.map} +1 -1
  66. package/dashboard/dist/assets/{TimeAgo-8aYUlXT9.js → TimeAgo-DCjPMPw-.js} +2 -2
  67. package/dashboard/dist/assets/{TimeAgo-8aYUlXT9.js.map → TimeAgo-DCjPMPw-.js.map} +1 -1
  68. package/dashboard/dist/assets/{TimestampCell-_1fW34op.js → TimestampCell-BBdTvZ08.js} +2 -2
  69. package/dashboard/dist/assets/{TimestampCell-_1fW34op.js.map → TimestampCell-BBdTvZ08.js.map} +1 -1
  70. package/dashboard/dist/assets/{ToolTestPanel-BD7ZkPeM.js → ToolTestPanel-Dz-76HVQ.js} +2 -2
  71. package/dashboard/dist/assets/{ToolTestPanel-BD7ZkPeM.js.map → ToolTestPanel-Dz-76HVQ.js.map} +1 -1
  72. package/dashboard/dist/assets/{TopicDetailPage-DL6QarSi.js → TopicDetailPage-Ccqf9h5E.js} +2 -2
  73. package/dashboard/dist/assets/{TopicDetailPage-DL6QarSi.js.map → TopicDetailPage-Ccqf9h5E.js.map} +1 -1
  74. package/dashboard/dist/assets/{TopicsPage-JYAk0csl.js → TopicsPage--1V67zFa.js} +2 -2
  75. package/dashboard/dist/assets/{TopicsPage-JYAk0csl.js.map → TopicsPage--1V67zFa.js.map} +1 -1
  76. package/dashboard/dist/assets/{UserName-Dcn8reNm.js → UserName-CfaTpV3T.js} +2 -2
  77. package/dashboard/dist/assets/{UserName-Dcn8reNm.js.map → UserName-CfaTpV3T.js.map} +1 -1
  78. package/dashboard/dist/assets/{WorkflowExecutionPage-DPie2xiD.js → WorkflowExecutionPage-Cp5_bsHY.js} +2 -2
  79. package/dashboard/dist/assets/{WorkflowExecutionPage-DPie2xiD.js.map → WorkflowExecutionPage-Cp5_bsHY.js.map} +1 -1
  80. package/dashboard/dist/assets/{WorkflowsDashboard-BRKurUye.js → WorkflowsDashboard-DaZZg4xU.js} +2 -2
  81. package/dashboard/dist/assets/{WorkflowsDashboard-BRKurUye.js.map → WorkflowsDashboard-DaZZg4xU.js.map} +1 -1
  82. package/dashboard/dist/assets/{WorkflowsOverview-C9Wob38P.js → WorkflowsOverview-D_ZkBVhB.js} +2 -2
  83. package/dashboard/dist/assets/{WorkflowsOverview-C9Wob38P.js.map → WorkflowsOverview-D_ZkBVhB.js.map} +1 -1
  84. package/dashboard/dist/assets/{YamlWorkflowsPage-BoKSRpKN.js → YamlWorkflowsPage-BKFXRwbK.js} +2 -2
  85. package/dashboard/dist/assets/{YamlWorkflowsPage-BoKSRpKN.js.map → YamlWorkflowsPage-BKFXRwbK.js.map} +1 -1
  86. package/dashboard/dist/assets/{agents-CpLOugsY.js → agents-GIg2jxet.js} +2 -2
  87. package/dashboard/dist/assets/{agents-CpLOugsY.js.map → agents-GIg2jxet.js.map} +1 -1
  88. package/dashboard/dist/assets/{bots-DRrquJqC.js → bots-CvrmNkL3.js} +2 -2
  89. package/dashboard/dist/assets/{bots-DRrquJqC.js.map → bots-CvrmNkL3.js.map} +1 -1
  90. package/dashboard/dist/assets/{capabilities-xbHvOXKc.js → capabilities-CQ5WgulO.js} +2 -2
  91. package/dashboard/dist/assets/{capabilities-xbHvOXKc.js.map → capabilities-CQ5WgulO.js.map} +1 -1
  92. package/dashboard/dist/assets/{controlplane-FilVp8jI.js → controlplane-sh5paKGB.js} +2 -2
  93. package/dashboard/dist/assets/{controlplane-FilVp8jI.js.map → controlplane-sh5paKGB.js.map} +1 -1
  94. package/dashboard/dist/assets/{escalation-SGea3mBy.js → escalation-DlTtA35J.js} +2 -2
  95. package/dashboard/dist/assets/{escalation-SGea3mBy.js.map → escalation-DlTtA35J.js.map} +1 -1
  96. package/dashboard/dist/assets/{escalation-columns-C6sLGnSX.js → escalation-columns-BHiDO_RZ.js} +2 -2
  97. package/dashboard/dist/assets/{escalation-columns-C6sLGnSX.js.map → escalation-columns-BHiDO_RZ.js.map} +1 -1
  98. package/dashboard/dist/assets/{helpers-wHzG3Maf.js → helpers-DuKOBZxw.js} +2 -2
  99. package/dashboard/dist/assets/{helpers-wHzG3Maf.js.map → helpers-DuKOBZxw.js.map} +1 -1
  100. package/dashboard/dist/assets/{index-C7k3xfpt.js → index-7icR5Pxv.js} +2 -2
  101. package/dashboard/dist/assets/index-7icR5Pxv.js.map +1 -0
  102. package/dashboard/dist/assets/{index-E1i1ADY1.js → index-BWXKb7C7.js} +2 -2
  103. package/dashboard/dist/assets/{index-E1i1ADY1.js.map → index-BWXKb7C7.js.map} +1 -1
  104. package/dashboard/dist/assets/{index-90jmsIHz.js → index-BXGMin7U.js} +2 -2
  105. package/dashboard/dist/assets/{index-90jmsIHz.js.map → index-BXGMin7U.js.map} +1 -1
  106. package/dashboard/dist/assets/{index-B7Vxutyl.js → index-B_e2uIz9.js} +28 -28
  107. package/dashboard/dist/assets/index-B_e2uIz9.js.map +1 -0
  108. package/dashboard/dist/assets/{index-Bu2EEWNN.js → index-C-JkowYp.js} +2 -2
  109. package/dashboard/dist/assets/{index-Bu2EEWNN.js.map → index-C-JkowYp.js.map} +1 -1
  110. package/dashboard/dist/assets/{index-H2tN256i.js → index-CRDT24gK.js} +2 -2
  111. package/dashboard/dist/assets/{index-H2tN256i.js.map → index-CRDT24gK.js.map} +1 -1
  112. package/dashboard/dist/assets/{index-BS3KIrQL.js → index-CglOyur2.js} +2 -2
  113. package/dashboard/dist/assets/{index-BS3KIrQL.js.map → index-CglOyur2.js.map} +1 -1
  114. package/dashboard/dist/assets/{index-DzgixtgL.js → index-CugmdGk-.js} +2 -2
  115. package/dashboard/dist/assets/{index-DzgixtgL.js.map → index-CugmdGk-.js.map} +1 -1
  116. package/dashboard/dist/assets/{index-WwUcAoas.js → index-DIpDSspp.js} +2 -2
  117. package/dashboard/dist/assets/{index-WwUcAoas.js.map → index-DIpDSspp.js.map} +1 -1
  118. package/dashboard/dist/assets/{index-DVxBi47d.js → index-Dbxp9Nvq.js} +2 -2
  119. package/dashboard/dist/assets/{index-DVxBi47d.js.map → index-Dbxp9Nvq.js.map} +1 -1
  120. package/dashboard/dist/assets/{index-CkYNpw4d.js → index-JH__2KWY.js} +2 -2
  121. package/dashboard/dist/assets/{index-CkYNpw4d.js.map → index-JH__2KWY.js.map} +1 -1
  122. package/dashboard/dist/assets/{index-C8xDd-Ys.js → index-PZaFsSGv.js} +2 -2
  123. package/dashboard/dist/assets/{index-C8xDd-Ys.js.map → index-PZaFsSGv.js.map} +1 -1
  124. package/dashboard/dist/assets/{index-Dr8WJAGM.js → index-qpt9aUuQ.js} +2 -2
  125. package/dashboard/dist/assets/{index-Dr8WJAGM.js.map → index-qpt9aUuQ.js.map} +1 -1
  126. package/dashboard/dist/assets/{knowledge-CQWNz28-.js → knowledge-tDl7bioT.js} +2 -2
  127. package/dashboard/dist/assets/{knowledge-CQWNz28-.js.map → knowledge-tDl7bioT.js.map} +1 -1
  128. package/dashboard/dist/assets/{mcp-J_cDlKuA.js → mcp-CvdtxZQK.js} +2 -2
  129. package/dashboard/dist/assets/{mcp-J_cDlKuA.js.map → mcp-CvdtxZQK.js.map} +1 -1
  130. package/dashboard/dist/assets/{mcp-query-C1zyeRvo.js → mcp-query-D5uxvom6.js} +2 -2
  131. package/dashboard/dist/assets/{mcp-query-C1zyeRvo.js.map → mcp-query-D5uxvom6.js.map} +1 -1
  132. package/dashboard/dist/assets/{mcp-runs-BR4fvXXw.js → mcp-runs-DBUF_MeD.js} +2 -2
  133. package/dashboard/dist/assets/{mcp-runs-BR4fvXXw.js.map → mcp-runs-DBUF_MeD.js.map} +1 -1
  134. package/dashboard/dist/assets/{namespaces-XOr9_XCV.js → namespaces-BYTDs3EH.js} +2 -2
  135. package/dashboard/dist/assets/{namespaces-XOr9_XCV.js.map → namespaces-BYTDs3EH.js.map} +1 -1
  136. package/dashboard/dist/assets/{roles-yuxJgQBf.js → roles-BWPoKy_E.js} +2 -2
  137. package/dashboard/dist/assets/{roles-yuxJgQBf.js.map → roles-BWPoKy_E.js.map} +1 -1
  138. package/dashboard/dist/assets/{tasks-CI3qsHdP.js → tasks-BQH9o3Ge.js} +2 -2
  139. package/dashboard/dist/assets/{tasks-CI3qsHdP.js.map → tasks-BQH9o3Ge.js.map} +1 -1
  140. package/dashboard/dist/assets/{topics-lm2GYKuv.js → topics-BjuxqPQn.js} +2 -2
  141. package/dashboard/dist/assets/{topics-lm2GYKuv.js.map → topics-BjuxqPQn.js.map} +1 -1
  142. package/dashboard/dist/assets/{useEventHooks-DpvfSw9p.js → useEventHooks-CZR0V3cW.js} +2 -2
  143. package/dashboard/dist/assets/{useEventHooks-DpvfSw9p.js.map → useEventHooks-CZR0V3cW.js.map} +1 -1
  144. package/dashboard/dist/assets/{useYamlActivityEvents-D-zuU9Ts.js → useYamlActivityEvents-DATwT-Bk.js} +2 -2
  145. package/dashboard/dist/assets/{useYamlActivityEvents-D-zuU9Ts.js.map → useYamlActivityEvents-DATwT-Bk.js.map} +1 -1
  146. package/dashboard/dist/assets/{users-DRkulG9o.js → users-DzO800OU.js} +2 -2
  147. package/dashboard/dist/assets/{users-DRkulG9o.js.map → users-DzO800OU.js.map} +1 -1
  148. package/dashboard/dist/assets/{workflows-dhvM792w.js → workflows-C093TSq9.js} +2 -2
  149. package/dashboard/dist/assets/{workflows-dhvM792w.js.map → workflows-C093TSq9.js.map} +1 -1
  150. package/dashboard/dist/assets/{yaml-workflows-DqbGpE2x.js → yaml-workflows-Du9N-ZOj.js} +2 -2
  151. package/dashboard/dist/assets/{yaml-workflows-DqbGpE2x.js.map → yaml-workflows-Du9N-ZOj.js.map} +1 -1
  152. package/dashboard/dist/index.html +6 -6
  153. package/package.json +1 -1
  154. package/dashboard/dist/assets/CredentialsPage-Dl15oW3U.js +0 -2
  155. package/dashboard/dist/assets/CredentialsPage-Dl15oW3U.js.map +0 -1
  156. package/dashboard/dist/assets/ListToolbar-YHesiWwN.js +0 -2
  157. package/dashboard/dist/assets/ListToolbar-YHesiWwN.js.map +0 -1
  158. package/dashboard/dist/assets/index-B7Vxutyl.js.map +0 -1
  159. package/dashboard/dist/assets/index-C7k3xfpt.js.map +0 -1
@@ -1,2 +1,2 @@
1
- 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-J_cDlKuA.js";import{S as z}from"./StepIndicator-CuUIGxKk.js";import{P as J}from"./PageHeader-B4w-LDUF.js";import{T as K}from"./TagInput-CYh3PFNq.js";import{X as Y,K as q,ak as V,al as X}from"./vendor-icons-5gSix3t2.js";import{e as G,c as W,f as Q}from"./vendor-react-CX88sFS5.js";import"./index-B7Vxutyl.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(K,{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(q,{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(J,{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};
2
- //# sourceMappingURL=index-C8xDd-Ys.js.map
1
+ 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-CvdtxZQK.js";import{S as z}from"./StepIndicator-CuUIGxKk.js";import{P as J}from"./PageHeader-B4w-LDUF.js";import{T as K}from"./TagInput-CYh3PFNq.js";import{X as Y,K as q,ak as V,al as X}from"./vendor-icons-5gSix3t2.js";import{e as G,c as W,f as Q}from"./vendor-react-CX88sFS5.js";import"./index-B_e2uIz9.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(K,{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(q,{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(J,{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};
2
+ //# sourceMappingURL=index-PZaFsSGv.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-C8xDd-Ys.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":"wZAqBO,MAAMA,EAA8B,CACzC,KAAM,GACN,YAAa,GACb,KAAM,UACN,eAAgB,MAChB,QAAS,GACT,KAAM,GACN,SAAU,KACV,IAAK,GACL,aAAc,GACd,KAAM,CAAA,EACN,cAAe,GACf,qBAAsB,CAAA,EACtB,iBAAkB,IACpB,EAEO,SAASC,EAAa,EAAqC,CAChE,MAAMC,EAAS,EAAE,kBAAoB,CAAA,EAC/BC,EAAY,CAAC,CAAED,EAAe,QAEpC,IAAIE,EAAgC,UACpC,OAAID,EAAWC,EAAO,aACb,EAAE,iBAAmB,UAASA,EAAO,iBAEvC,CACL,KAAM,EAAE,KACR,YAAa,EAAE,aAAe,GAC9B,KAAAA,EACA,eAAgB,EAAE,eAClB,QAAUF,EAAe,SAAW,GACpC,MAAQA,EAAe,MAAQ,CAAA,GAAI,KAAK,IAAI,EAC5C,SAAWA,EAAe,IAAM,KAAK,UAAWA,EAAe,IAAK,KAAM,CAAC,EAAI,KAC/E,IAAMA,EAAe,KAAO,GAC5B,aAAc,EAAE,aAChB,KAAM,EAAE,MAAQ,CAAA,EAChB,cAAgB,EAAU,eAAiB,GAC3C,qBAAsB,EAAE,sBAAwB,CAAA,EAChD,iBAAkB,EAAE,eAAiB,IAAA,CAEzC,CAEO,SAASG,EAAcC,EAAuB,CACnD,IAAIC,EAA4C,CAAA,EAEhD,OAAID,EAAK,OAAS,gBAChBC,EAAmB,CACjB,QAASD,EAAK,QAAQ,KAAA,EACtB,KAAMA,EAAK,KAAK,MAAM,GAAG,EAAE,IAAKE,GAAMA,EAAE,KAAA,CAAM,EAAE,OAAO,OAAO,EAC9D,IAAKF,EAAK,SAAS,KAAA,EAAS,KAAK,MAAMA,EAAK,QAAQ,EAAI,MAAA,EAEjDA,EAAK,OAAS,YACvBC,EAAmB,CAAE,IAAKD,EAAK,IAAI,MAAK,GAInC,CACL,KAAMA,EAAK,KAAK,KAAA,EAChB,YAAaA,EAAK,YAAY,KAAA,GAAU,OACxC,eAAgBA,EAAK,OAAS,gBAAkB,QAAmBA,EAAK,eACxE,iBAAAC,EACA,aAAcD,EAAK,aACnB,KAAMA,EAAK,KACX,cAAeA,EAAK,cAAc,KAAA,GAAU,OAC5C,qBAAsBA,EAAK,qBAAqB,OAAS,EAAIA,EAAK,qBAAuB,MAAA,CAE7F,CAEO,MAAMG,EAAc,CAAC,YAAa,YAAa,OAAQ,QAAQ,EAE/D,SAASC,EAAYC,EAAcL,EAAgC,CACxE,OAAIK,IAAS,EACP,GAACL,EAAK,KAAK,KAAA,GACXA,EAAK,OAAS,WAAa,CAACA,EAAK,IAAI,KAAA,GACrCA,EAAK,OAAS,iBAAmB,CAACA,EAAK,QAAQ,KAAA,GAG9C,EACT,CAEO,MAAMM,EAAW,QACXC,EAAU,OC5FjBC,GAAQ,CACZ,CAAE,MAAO,aAAc,MAAO,aAAc,KAAM,wCAAA,EAClD,CAAE,MAAO,UAAW,MAAO,kBAAmB,KAAM,0CAAA,EACpD,CAAE,MAAO,gBAAiB,MAAO,gBAAiB,KAAM,iCAAA,CAC1D,EAEO,SAASC,GAAc,CAAE,KAAAT,EAAM,IAAAU,EAAK,UAAAb,GAAoB,CAC7D,OACEc,EAAAA,KAAC,MAAA,CAAI,UAAU,YAEb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,kBAAe,QAC1C,MAAA,CAAI,UAAU,8BACZ,SAAAE,GAAM,IAAKK,GAAM,CAChB,MAAMC,EAASd,EAAK,OAASa,EAAE,MACzBE,EAAWlB,GAAagB,EAAE,QAAU,aAC1C,OACEF,EAAAA,KAAC,SAAA,CAEC,KAAK,SACL,SAAAI,EACA,QAAS,IAAM,CACbL,EAAI,OAAQG,EAAE,KAAK,EACfA,EAAE,QAAU,iBAAiBH,EAAI,iBAAkB,OAAO,EAC1DG,EAAE,QAAU,WAAWH,EAAI,iBAAkB,KAAK,CACxD,EACA,UAAW,qDACTI,EACI,4BACAC,EACE,wEACA,iEACR,GAEA,SAAA,CAAAH,EAAAA,IAAC,OAAA,CAAK,UAAW,uBAAuBE,EAAS,cAAgB,mBAAmB,GACjF,WAAE,KAAA,CACL,EACAF,EAAAA,IAAC,OAAA,CAAK,UAAU,8CAA+C,WAAE,IAAA,CAAK,CAAA,CAAA,EAnBjEC,EAAE,KAAA,CAsBb,CAAC,CAAA,CACH,CAAA,EACF,EAGAF,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,OAAI,EAChCM,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOZ,EAAK,KACZ,SAAWgB,GAAMN,EAAI,OAAQM,EAAE,OAAO,KAAK,EAC3C,YAAY,sBACZ,UAAU,uBACV,SAAUnB,CAAA,CAAA,CACZ,EACF,SACC,MAAA,CACC,SAAA,CAAAe,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,cAAW,EACvCM,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOZ,EAAK,YACZ,SAAWgB,GAAMN,EAAI,cAAeM,EAAE,OAAO,KAAK,EAClD,YAAY,uBACZ,UAAU,sBAAA,CAAA,CACZ,CAAA,CACF,CAAA,EACF,EAGChB,EAAK,OAAS,cACbY,EAAAA,IAAC,MAAA,CACC,eAAC,IAAA,CAAE,UAAWL,EAAS,SAAA,kHAAA,CAEvB,CAAA,CACF,EAIDP,EAAK,OAAS,WACbW,EAAAA,KAAAM,EAAAA,SAAA,CACE,SAAA,CAAAN,OAAC,MAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,aAAU,EACtCM,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOZ,EAAK,IACZ,SAAWgB,GAAMN,EAAI,MAAOM,EAAE,OAAO,KAAK,EAC1C,YAAY,qCACZ,UAAU,gCAAA,CAAA,CACZ,EACF,SACC,MAAA,CACC,SAAA,CAAAJ,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,qBAAkB,EAC9CM,EAAAA,IAAC,MAAA,CAAI,UAAU,kBACX,SAAA,CAAC,MAAO,iBAAiB,EAAY,IAAKM,GAC1CN,EAAAA,IAAC,SAAA,CAEC,KAAK,SACL,QAAS,IAAMF,EAAI,iBAAkBQ,CAAC,EACtC,UAAW,2DACTlB,EAAK,iBAAmBkB,EACpB,oDACA,sEACN,GAEC,SAAAA,IAAM,MAAQ,MAAQ,iBAAA,EATlBA,CAAA,CAWR,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EACF,EAIDlB,EAAK,OAAS,iBACbW,EAAAA,KAAAM,EAAAA,SAAA,CACE,SAAA,CAAAN,OAAC,MAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,UAAO,EACnCM,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOZ,EAAK,QACZ,SAAWgB,GAAMN,EAAI,UAAWM,EAAE,OAAO,KAAK,EAC9C,YAAY,YACZ,UAAU,gCAAA,CAAA,CACZ,EACF,SACC,MAAA,CACC,SAAA,CAAAJ,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,8BAA2B,EACvDM,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOZ,EAAK,KACZ,SAAWgB,GAAMN,EAAI,OAAQM,EAAE,OAAO,KAAK,EAC3C,YAAY,0DACZ,UAAU,gCAAA,CAAA,CACZ,EACF,SACC,MAAA,CACC,SAAA,CAAAJ,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,+BAA4B,EACxDM,EAAAA,IAAC,WAAA,CACC,MAAOZ,EAAK,SACZ,SAAWgB,GAAMN,EAAI,WAAYM,EAAE,OAAO,KAAK,EAC/C,UAAU,oBACV,KAAM,EACN,WAAY,EAAA,CAAA,CACd,CAAA,CACF,CAAA,EACF,EAIFL,EAAAA,KAAC,QAAA,CAAM,UAAU,yCACf,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,KAAK,WACL,QAASZ,EAAK,aACd,SAAWgB,GAAMN,EAAI,eAAgBM,EAAE,OAAO,OAAO,EACrD,UAAU,6CAAA,CAAA,EAEZJ,EAAAA,IAAC,OAAA,CAAK,UAAU,4BAA4B,SAAA,yBAAA,CAAuB,CAAA,CAAA,CACrE,CAAA,EACF,CAEJ,CC/JO,SAASO,GAAc,CAAE,KAAAnB,EAAM,IAAAU,GAAc,CAClD,KAAM,CAACU,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAE,EAEnCC,EAAeC,GAAgB,CACnC,MAAMC,EAAID,EAAI,KAAA,EAAO,YAAA,EACjBC,GAAK,CAACzB,EAAK,qBAAqB,SAASyB,CAAC,GAC5Cf,EAAI,uBAAwB,CAAC,GAAGV,EAAK,qBAAsByB,CAAC,CAAC,EAE/DJ,EAAW,EAAE,CACf,EAEMK,EAAkBC,GAAc,CACpCjB,EAAI,uBAAwBV,EAAK,qBAAqB,OAAQ4B,GAAMA,IAAMD,CAAC,CAAC,CAC9E,EAEME,EAAeb,GAAuC,CACtDA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,KACjCA,EAAE,eAAA,EACFO,EAAYH,CAAO,GACVJ,EAAE,MAAQ,aAAe,CAACI,GAAWpB,EAAK,qBAAqB,OAAS,GACjF0B,EAAe1B,EAAK,qBAAqBA,EAAK,qBAAqB,OAAS,CAAC,CAAC,CAElF,EAEA,OACEW,EAAAA,KAAC,MAAA,CAAI,UAAU,YAEb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,OAAI,EAChCM,EAAAA,IAACkB,EAAA,CACC,KAAM9B,EAAK,KACX,SAAW+B,GAASrB,EAAI,OAAQqB,CAAI,EACpC,YAAY,wCAAA,CAAA,EAEdnB,EAAAA,IAAC,IAAA,CAAE,UAAWL,EAAS,SAAA,oGAAA,CAEvB,CAAA,EACF,SAGC,MAAA,CACC,SAAA,CAAAK,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,gBAAa,EACzCM,EAAAA,IAAC,WAAA,CACC,MAAOZ,EAAK,cACZ,SAAWgB,GAAMN,EAAI,gBAAiBM,EAAE,OAAO,KAAK,EACpD,YAAY,sFACZ,UAAU,uCACV,KAAM,EACN,WAAY,EAAA,CAAA,EAEdJ,EAAAA,IAAC,IAAA,CAAE,UAAWL,EAAS,SAAA,uHAAA,CAEvB,CAAA,EACF,SAGC,MAAA,CACC,SAAA,CAAAK,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,uBAAoB,EAChDK,EAAAA,KAAC,MAAA,CAAI,UAAU,iKACZ,SAAA,CAAAX,EAAK,qBAAqB,IAAK2B,GAC9BhB,EAAAA,KAAC,OAAA,CAEC,UAAU,2GAET,SAAA,CAAAgB,EACDf,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMc,EAAeC,CAAC,EAC/B,UAAU,4CAEV,SAAAf,EAAAA,IAACoB,EAAA,CAAE,UAAU,aAAA,CAAc,CAAA,CAAA,CAC7B,CAAA,EAVKL,CAAA,CAYR,EACDf,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOQ,EACP,SAAWJ,GAAMK,EAAWL,EAAE,OAAO,KAAK,EAC1C,UAAWa,EACX,OAAQ,IAAM,CAAMT,EAAQ,QAAQG,EAAYH,CAAO,CAAG,EAC1D,YAAapB,EAAK,qBAAqB,SAAW,EAAI,wCAA0C,GAChG,UAAU,0GAAA,CAAA,CACZ,EACF,EACAY,EAAAA,IAAC,IAAA,CAAE,UAAWL,EAAS,SAAA,0HAAA,CAEvB,CAAA,CAAA,CACF,CAAA,EACF,CAEJ,CC1FO,SAAS0B,GAAS,CAAE,KAAAjC,EAAM,IAAAU,GAAc,CAC7C,MAAMwB,EAAOC,EAAA,EACPC,EAAcpC,EAAK,OAAS,aAE5BqC,EAAa,IAAM,CACvB,MAAMC,EAAUvC,EAAcC,CAAI,EAClCkC,EAAK,OACH,CAAE,eAAgBI,EAAQ,eAAgB,iBAAkBA,EAAQ,gBAAA,EACpE,CACE,UAAYC,GAAW,CACjBA,EAAO,SACT7B,EAAI,mBAAoB6B,EAAO,KAAK,CAExC,CAAA,CACF,CAEJ,EAEMA,EAASL,EAAK,KACdM,EAAQxC,EAAK,mBAAoBuC,GAAA,YAAAA,EAAQ,QAAS,CAAA,EAExD,aACG,MAAA,CAAI,UAAU,YACZ,SAAAH,SACE,MAAA,CACC,SAAA,CAAAxB,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA8B,SAAA,mFAE3C,EACCZ,EAAK,kBAAoBA,EAAK,iBAAiB,OAAS,GACvDW,EAAAA,KAAC,MAAA,CAAI,UAAU,OACb,SAAA,CAAAA,EAAAA,KAAC,IAAA,CAAE,UAAU,kCACV,SAAA,CAAAX,EAAK,iBAAiB,OAAO,QAAMA,EAAK,iBAAiB,SAAW,EAAI,IAAM,GAAG,8BAAA,EACpF,EACAY,EAAAA,IAAC6B,EAAA,CAAS,MAAOzC,EAAK,gBAAA,CAAkB,CAAA,CAAA,CAC1C,CAAA,CAAA,CAEJ,EAEAW,EAAAA,KAAAM,EAAAA,SAAA,CACE,SAAA,CAAAN,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAASyB,EACT,SAAUH,EAAK,UACf,UAAU,sBAET,SAAAA,EAAK,UACJvB,EAAAA,KAAC,OAAA,CAAK,UAAU,4BACd,SAAA,CAAAC,EAAAA,IAAC8B,EAAA,CAAQ,UAAU,sBAAA,CAAuB,EAAE,eAAA,CAAA,CAE9C,EAEA,iBAAA,CAAA,GAGHH,GAAA,YAAAA,EAAQ,UACP5B,OAAC,OAAA,CAAK,UAAU,sDACd,SAAA,CAAAC,EAAAA,IAAC+B,EAAA,CAAa,UAAU,aAAA,CAAc,EAAE,eAC3BH,EAAM,OAAO,QAAMA,EAAM,SAAW,EAAI,IAAM,GAAG,aAAA,EAChE,EAEDD,GAAU,CAACA,EAAO,SACjB5B,EAAAA,KAAC,OAAA,CAAK,UAAU,oDACd,SAAA,CAAAC,EAAAA,IAACgC,EAAA,CAAQ,UAAU,aAAA,CAAc,EAChCL,EAAO,OAAS,mBAAA,CAAA,CACnB,CAAA,EAEJ,EAECC,EAAM,OAAS,GACd7B,EAAAA,KAAC,MAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,IAAA,CAAE,UAAU,kCAAkC,SAAA,mBAAgB,EAC/DA,MAAC6B,GAAS,MAAAD,CAAA,CAAc,CAAA,EAC1B,EAGF5B,EAAAA,IAAC,IAAA,CAAE,UAAWL,EAAS,SAAA,6HAAA,CAEvB,CAAA,CAAA,CACF,CAAA,CAEJ,CAEJ,CAEA,SAASkC,EAAS,CAAE,MAAAD,GAA8D,CAChF,OACE5B,EAAAA,IAAC,MAAA,CAAI,UAAU,uGACZ,SAAA4B,EAAM,IAAK,GACV7B,EAAAA,KAAC,MAAA,CAAiB,UAAU,YAC1B,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,kDAAmD,SAAA,EAAE,KAAK,EACzE,EAAE,aACDA,EAAAA,IAAC,QAAK,UAAU,2DAA4D,WAAE,WAAA,CAAY,CAAA,CAAA,EAHpF,EAAE,IAKZ,CACD,EACH,CAEJ,CCtGA,MAAMiC,GAAqC,CACzC,aAAc,aACd,QAAW,kBACX,gBAAiB,eACnB,EAEMC,GAA0C,CAC9C,MAAO,QACP,IAAK,MACL,kBAAmB,iBACrB,EAEO,SAASC,GAAW,CAAE,KAAA/C,GAAe,CAC1C,MAAMwC,EAAQxC,EAAK,kBAAoB,CAAA,EAEvC,OACEW,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAC,EAAAA,IAACoC,EAAA,CAAI,MAAM,OAAO,MAAOhD,EAAK,KAAM,EACnCA,EAAK,aAAeY,EAAAA,IAACoC,EAAA,CAAI,MAAM,cAAc,MAAOhD,EAAK,YAAa,EACvEY,EAAAA,IAACoC,EAAA,CAAI,MAAM,OAAO,MAAOH,GAAW7C,EAAK,IAAI,GAAKA,EAAK,IAAA,CAAM,EAE5DA,EAAK,OAAS,WACbW,EAAAA,KAAAM,EAAAA,SAAA,CACE,SAAA,CAAAL,EAAAA,IAACoC,EAAA,CAAI,MAAM,YAAY,MAAOF,GAAgB9C,EAAK,cAAc,GAAKA,EAAK,cAAA,CAAgB,EAC3FY,MAACoC,GAAI,MAAM,MAAM,MAAOhD,EAAK,IAAK,KAAI,EAAA,CAAC,CAAA,EACzC,EAEDA,EAAK,OAAS,iBACbW,EAAAA,KAAAM,EAAAA,SAAA,CACE,SAAA,CAAAL,MAACoC,GAAI,MAAM,UAAU,MAAOhD,EAAK,QAAS,KAAI,GAAC,EAC9CA,EAAK,MAAQY,MAACoC,EAAA,CAAI,MAAM,OAAO,MAAOhD,EAAK,KAAM,KAAI,EAAA,CAAC,CAAA,EACzD,EAGFY,MAACoC,GAAI,MAAM,eAAe,MAAOhD,EAAK,aAAe,MAAQ,KAAM,EAElEA,EAAK,KAAK,OAAS,UACjB,MAAA,CACC,SAAA,CAAAY,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,OAAI,QAC/B,MAAA,CAAI,UAAU,8BACZ,SAAAN,EAAK,KAAK,IAAKkB,GACdN,MAAC,QAAa,UAAU,4EACrB,SAAAM,CAAA,EADQA,CAEX,CACD,CAAA,CACH,CAAA,EACF,EAGDlB,EAAK,qBAAqB,OAAS,UACjC,MAAA,CACC,SAAA,CAAAY,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAU,SAAA,uBAAoB,QAC/C,MAAA,CAAI,UAAU,8BACZ,SAAAN,EAAK,qBAAqB,IAAK2B,GAC9Bf,MAAC,QAAa,UAAU,4EACrB,SAAAe,CAAA,EADQA,CAEX,CACD,CAAA,CACH,CAAA,EACF,EAGD3B,EAAK,eAAiBY,EAAAA,IAACoC,EAAA,CAAI,MAAM,gBAAgB,MAAOhD,EAAK,cAAe,EAE5EwC,EAAM,OAAS,GACd5B,EAAAA,IAACoC,EAAA,CAAI,MAAM,mBAAmB,MAAO,GAAGR,EAAM,MAAM,QAAQA,EAAM,SAAW,EAAI,IAAM,EAAE,EAAA,CAAI,CAAA,EAEjG,CAEJ,CAEA,SAASQ,EAAI,CAAE,MAAAC,EAAO,MAAAC,EAAO,KAAAC,GAA0D,CACrF,cACG,MAAA,CACC,SAAA,CAAAvC,EAAAA,IAAC,QAAA,CAAM,UAAWN,EAAW,SAAA2C,EAAM,EACnCrC,EAAAA,IAAC,KAAE,UAAW,oCAAoCuC,EAAO,YAAc,EAAE,GAAK,SAAAD,CAAA,CAAM,CAAA,EACtF,CAEJ,CCnEO,SAASE,IAAsB,WACpC,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EACfC,EAAQ,CAACF,EACTG,EAAWC,EAAA,EACX,CAAE,KAAMC,EAAU,UAAAC,GAAcC,EAAaP,GAAY,EAAE,EAC3DQ,EAAeC,EAAA,EACfC,EAAeC,EAAA,EAEf,CAAChE,EAAMiE,CAAO,EAAI3C,EAAAA,SAA0B5B,CAAU,EACtD,CAACwE,EAAaC,CAAc,EAAI7C,EAAAA,SAAS,EAAK,EAC9C,CAAC8C,EAAWC,CAAY,EAAI/C,EAAAA,SAAS,EAAE,EAGvC,CAACgD,EAAcC,CAAe,EAAIC,EAAA,EAClCnE,EAAO,SAASiE,EAAa,IAAI,MAAM,GAAK,IAAK,EAAE,EACnDG,EAAUC,cAAaC,GAAc,CACzCJ,EAAiBK,GAAS,CACxB,MAAMC,EAAO,IAAI,gBAAgBD,CAAI,EACrC,OAAAC,EAAK,IAAI,OAAQ,OAAOF,CAAC,CAAC,EACnBE,CACT,EAAG,CAAE,QAAS,GAAO,CACvB,EAAG,CAACN,CAAe,CAAC,EAGpBO,EAAAA,UAAU,IAAM,CACd,GAAI,CAAAZ,EACJ,IAAIX,EAAO,CACTU,EAAQvE,CAAU,EAClByE,EAAe,EAAI,EACnB,MACF,CACIT,IACFO,EAAQtE,EAAa+D,CAAQ,CAAC,EAC9BS,EAAe,EAAI,GAEvB,EAAG,CAACT,EAAUH,EAAOW,CAAW,CAAC,EAEjC,MAAMxD,EAAM,CAACqE,EAA8B7B,IACzCe,EAASe,IAAO,CAAE,GAAGA,EAAG,CAACD,CAAK,EAAG7B,GAAQ,EAErCrD,EAAY,CAAC,GAAEoF,EAAAvB,GAAA,YAAAA,EAAU,mBAAV,MAAAuB,EAAoC,SAGnDC,EAAa,IAAM,CACvBb,EAAa,EAAE,EACf,MAAM/B,EAAUvC,EAAcC,CAAI,EAE9B0D,EACFK,EAAa,OACX,CAAE,GAAIL,EAAS,GAAI,GAAGpB,CAAA,EACtB,CAAE,UAAW,IAAMkB,EAAS,cAAc,CAAA,CAAE,EAG9CK,EAAa,OAAOvB,EAAS,CAC3B,UAAW,IAAMkB,EAAS,cAAc,EACxC,QAAU2B,GAAQd,EAAac,EAAI,OAAO,CAAA,CAC3C,CAEL,EAEA,GAAI,CAAC5B,GAASI,EACZ,OACEhD,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EACpDA,EAAAA,IAAC,MAAA,CAAI,UAAU,gCAAA,CAAiC,CAAA,EAClD,EAIJ,GAAI,CAAC2C,GAAS,CAACG,GAAY,CAACC,EAC1B,OAAO/C,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA8B,SAAA,oBAAiB,EAGrE,MAAMwE,EAAS/E,IAASF,EAAY,OAC9BkF,EAAYxB,EAAa,WAAaE,EAAa,UACnDuB,EAAQlB,KAAcmB,EAAA1B,EAAa,QAAb,YAAA0B,EAAqC,YAAYC,EAAAzB,EAAa,QAAb,YAAAyB,EAAqC,SAElH,cACG,MAAA,CACC,SAAA,CAAA5E,MAAC6E,GAAW,MAAOlC,EAAQ,uBAAwBG,GAAA,YAAAA,EAAU,OAAQ,GAAI,EAEzE/C,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAC,EAAAA,IAAC8E,EAAA,CAAc,MAAOvF,EAAa,YAAaE,EAAO,EAAG,YAAcsF,GAAMlB,EAAQkB,EAAI,CAAC,CAAA,CAAG,EAE9FhF,EAAAA,KAAC,MAAA,CAAI,UAAU,qBACZ,SAAA,CAAAN,IAAS,GAAKO,MAACH,GAAA,CAAc,KAAAT,EAAY,IAAAU,EAAU,UAAAb,EAAsB,EACzEQ,IAAS,GAAKO,EAAAA,IAACO,GAAA,CAAc,KAAAnB,EAAY,IAAAU,EAAU,EACnDL,IAAS,GAAKO,EAAAA,IAACqB,GAAA,CAAS,KAAAjC,EAAY,IAAAU,EAAU,EAC9CL,IAAS,GAAKO,EAAAA,IAACmC,GAAA,CAAW,KAAA/C,CAAA,CAAY,CAAA,EACzC,EAECsF,GACC1E,EAAAA,IAAC,IAAA,CAAE,UAAU,iCAAkC,SAAA0E,EAAM,EAIvD3E,EAAAA,KAAC,MAAA,CAAI,UAAU,6EACb,SAAA,CAAAC,MAAC,MAAA,CACE,SAAAP,EAAO,GACNO,EAAAA,IAAC,UAAO,QAAS,IAAM6D,EAAQpE,EAAO,CAAC,EAAG,UAAU,wBAAwB,gBAE5E,EAEJ,EACAM,EAAAA,KAAC,MAAA,CAAI,UAAU,aACb,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,QAAS,IAAM4C,EAAS,cAAc,EAAG,UAAU,oBAAoB,SAAA,QAAA,CAE/E,EACC4B,EACCxE,EAAAA,IAAC,SAAA,CACC,QAASsE,EACT,SAAU,CAAC9E,EAAYC,EAAML,CAAI,GAAKqF,EACtC,UAAU,sBAET,SAAAA,EAAY,YAAc3B,EAAW,OAAS,UAAA,CAAA,EAGjD9C,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM6D,EAAQpE,EAAO,CAAC,EAC/B,SAAU,CAACD,EAAYC,EAAML,CAAI,EACjC,UAAU,sBACX,SAAA,MAAA,CAAA,CAED,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}
1
+ {"version":3,"file":"index-PZaFsSGv.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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"}
@@ -1,6 +1,6 @@
1
- import{a as h,j as e}from"./vendor-query-B2UbickB.js";import{d as J,C as Ve,J as te,j as Ue,t as ze,g as Be,h as He,v as Ke,u as Ye}from"./index-B7Vxutyl.js";import{u as qe}from"./useCollapsedSections-BU5HULGs.js";import{a as Ge}from"./roles-yuxJgQBf.js";import{P as Qe}from"./PageHeader-B4w-LDUF.js";import{C as oe,i as Xe,a as Ze}from"./escalation-SGea3mBy.js";import{u as et}from"./workflows-dhvM792w.js";import{g as tt}from"./useEventHooks-DpvfSw9p.js";import{U as de}from"./UserName-Dcn8reNm.js";import{u as st,C as at}from"./CustomDurationPicker-BCbVMr-4.js";import{S as be}from"./StatusBadge-XQlNFwmH.js";import{R as ye}from"./RolePill-Dk-YUxCm.js";import{C as E}from"./CopyableId-D0SQ39nR.js";import{U as ve,a8 as rt,a6 as nt,a9 as Ne}from"./vendor-icons-5gSix3t2.js";import{C as ae}from"./CollapsibleSection-BEZoI6NU.js";import{L as Ee,e as it,c as lt}from"./vendor-react-CX88sFS5.js";import"./users-DRkulG9o.js";import"./constants-BHkpVaqx.js";const we="lt_view_mode";function ct(t){const[a,i]=h.useState(()=>{try{const l=localStorage.getItem(we);if(l!==null)return l==="dev"}catch{}return t}),r=h.useCallback(()=>{i(l=>{const s=!l;try{localStorage.setItem(we,s?"dev":"user")}catch{}return s})},[]);return{isDevMode:a,toggleMode:r}}function ot(t){const{mode:a,activeView:i,onActiveViewChange:r,onClaim:l,claimPending:s,workflowType:m,json:o,onResolve:n,resolvePending:c,resolveError:x,requestTriage:p,triageNotes:u,currentRole:y,escalationTargets:d,onEscalate:j,escalatePending:g,escalateError:f,onRelease:S,releasePending:R,assignedTo:$,assignedUntil:A,onSubmitAttempt:M}=t,C=st(),[k,b]=h.useState("30"),[N,w]=h.useState(0),[I,L]=h.useState(""),[V,Q]=h.useState(""),_=k==="custom",W=h.useCallback(v=>w(v),[]);if(a==="terminal")return null;const O=()=>{const v=_?N:parseInt(k);!v||v<=0||l(v)},ee=()=>{if(L(""),p){const P={_lt:{needsTriage:!0}};u.trim()&&(P.notes=u.trim()),n(P);return}let v;try{v=JSON.parse(o)}catch{L("Invalid JSON");return}const X=v._form_schema,U=X==null?void 0:X.required;if(U!=null&&U.length){const P=U.filter(Y=>{const D=v[Y];return D==null||typeof D=="string"&&D.trim()===""});if(P.length>0){M==null||M();const Y=P.map(q=>q.replace(/[_-]/g," ")),D=Y.length<=2?Y.join(", "):`${Y.slice(0,2).join(", ")}...`;L(`Required: ${D}`);return}}n(v)},K=v=>`text-xs transition-colors ${v?"text-accent font-medium":"text-text-tertiary hover:text-accent"}`;return e.jsxs("div",{className:"sticky bottom-0 h-[80px] bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-10 px-10 pt-3 pb-5 z-10","data-testid":"escalation-action-bar",children:[a==="available"&&e.jsxs("div",{"data-testid":"claim-bar",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[C.map(v=>e.jsx("button",{onClick:()=>{b(v.value),w(0)},className:K(!_&&k===v.value),children:v.label},v.value)),e.jsx("button",{onClick:()=>b("custom"),className:K(_),children:"Other"})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"flex-1"}),_&&e.jsx(at,{onChange:W,compact:!0,autoFocus:!0}),e.jsx("button",{onClick:O,disabled:s||_&&N<=0,className:"btn-primary text-xs",children:s?"Claiming...":"Claim"})]})]}),a==="claimed_by_other"&&e.jsxs("div",{className:"flex items-center gap-4","data-testid":"claimed-other-bar",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Claimed by ",e.jsx("span",{className:"font-medium text-text-primary",children:$?e.jsx(de,{userId:$}):"unknown"})]}),A&&e.jsx(oe,{until:A})]}),a==="claimed_by_me"&&e.jsxs("div",{"data-testid":"action-bar",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[e.jsx("button",{onClick:()=>r("resolve"),className:K(i==="resolve"),children:m?"Resolve":"Acknowledge"}),d.length>0&&e.jsx("button",{onClick:()=>r("escalate"),className:K(i==="escalate"),children:"Escalate"}),e.jsx("button",{onClick:()=>r("release"),className:`text-xs transition-colors ${i==="release"?"text-status-error font-medium":"text-text-tertiary hover:text-status-error"}`,children:"Release"})]}),i==="resolve"&&(m?e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"flex-1"}),I&&e.jsx("span",{className:"text-xs text-status-error",children:I}),x&&e.jsx("span",{className:"text-xs text-status-error",children:x.message}),e.jsx("button",{onClick:ee,disabled:c,className:"btn-primary text-xs",children:c?"Submitting...":p?"Send to Triage":"Submit"})]}):e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"text-xs text-text-secondary",children:"Notification — acknowledge to resolve"}),e.jsx("div",{className:"flex-1"}),x&&e.jsx("span",{className:"text-xs text-status-error mr-3",children:x.message}),e.jsx("button",{onClick:()=>n({acknowledged:!0}),disabled:c,className:"btn-primary text-xs",children:c?"Acknowledging...":"Acknowledge"})]})),i==="escalate"&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs text-text-secondary",children:["From ",e.jsx("span",{className:"font-medium text-text-primary",children:y})," to"]}),e.jsxs("select",{value:V,onChange:v=>Q(v.target.value),className:"select text-xs","data-testid":"escalate-select",children:[e.jsx("option",{value:"",children:"Select role..."}),d.map(v=>e.jsx("option",{value:v,children:v},v))]}),e.jsx("div",{className:"flex-1"}),f&&e.jsx("span",{className:"text-xs text-status-error",children:f.message}),e.jsx("button",{onClick:()=>j(V),disabled:!V||g,className:"btn-primary text-xs",children:g?"Escalating...":"Escalate"})]}),i==="release"&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-xs text-text-secondary",children:"Release back to pool?"}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:()=>r("resolve"),className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:S,disabled:R,className:"btn-primary text-xs bg-status-error hover:bg-status-error/80",children:R?"Releasing...":"Yes, Release"})]})]})]})}function dt({esc:t,claimedByMe:a,claimed:i,isTerminal:r,traceUrl:l,isDevMode:s,showDetails:m,onToggleDetails:o}){const n=Xe(t);return s?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[n&&e.jsx(nt,{className:"w-5 h-5 text-text-tertiary shrink-0"}),e.jsxs("p",{className:"text-[1.5rem] leading-snug font-light text-text-secondary",children:[t.type,t.subtype?` / ${t.subtype}`:""]})]}),t.description&&e.jsx("p",{className:"text-sm leading-relaxed text-text-tertiary mb-4",children:t.description}),e.jsxs("div",{className:"flex flex-wrap items-end gap-x-6 gap-y-3 mt-4 mb-2",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Status"}),e.jsx("span",{className:"mb-1 inline-block",children:e.jsx(be,{status:t.status})})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Role"}),e.jsx(ye,{role:t.role,size:"md"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Created"}),e.jsx("span",{className:"inline-flex items-center mb-1 text-xs text-text-secondary",children:e.jsx(J,{date:t.created_at})})]}),t.assigned_to&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Claimed by"}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-xs font-medium text-text-primary",children:[e.jsx(ve,{className:"w-3 h-3 shrink-0 text-accent/75"}),e.jsx(de,{userId:t.assigned_to})]})]}),i&&!r&&t.assigned_until&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Time left"}),e.jsx("span",{className:"inline-flex items-center h-5",children:e.jsx(oe,{until:t.assigned_until})})]}),t.resolved_at&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Resolved"}),e.jsx("span",{className:"inline-flex items-center h-5 text-xs text-text-secondary",children:e.jsx(J,{date:t.resolved_at})})]})]})]}):e.jsxs("div",{className:"-mt-6 mb-2",children:[t.description&&e.jsx("p",{className:"text-2xl font-light text-text-primary leading-relaxed mb-5",children:t.description}),e.jsxs("div",{className:"bg-surface-sunken/50 rounded-md px-5 py-4 flex flex-wrap gap-x-8 gap-y-4 items-end",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Status"}),e.jsx(be,{status:t.status})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Assigned to Role"}),e.jsx(ye,{role:t.role,size:"md"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Created"}),e.jsx("span",{className:"text-xs text-text-secondary",children:e.jsx(J,{date:t.created_at})})]}),i&&t.assigned_to&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Claimed By"}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-xs font-medium text-text-primary",children:[e.jsx(ve,{className:"w-3 h-3 text-accent/75"}),e.jsx(de,{userId:t.assigned_to})]})]}),i&&t.claimed_at&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Claimed"}),e.jsx("span",{className:"text-xs text-text-secondary",children:e.jsx(J,{date:t.claimed_at})})]}),i&&!r&&t.assigned_until&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Time Remaining"}),e.jsx("span",{className:"text-xs",children:e.jsx(oe,{until:t.assigned_until})})]}),t.resolved_at&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Completed"}),e.jsx("span",{className:"text-xs text-status-success",children:e.jsx(J,{date:t.resolved_at})})]}),e.jsx("div",{children:e.jsx("button",{onClick:o,className:"text-text-tertiary/50 hover:text-accent transition-colors",title:m?"Hide details":"Show details",children:e.jsx(rt,{className:`w-3.5 h-3.5 transition-opacity duration-200 ${m?"opacity-100 text-accent":"opacity-60"}`})})})]}),e.jsx(Ve,{open:m,children:e.jsxs("div",{className:"mt-px bg-surface-sunken/30 rounded-b-md px-5 py-4 flex flex-wrap gap-x-8 gap-y-4 border-t border-surface-border/30",children:[e.jsxs("div",{className:"text-left",children:[e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Priority"}),e.jsxs("p",{className:"text-[12px] text-text-secondary mt-0.5",children:["P",t.priority]})]}),e.jsx(E,{label:"Escalation ID",value:t.id}),t.task_id&&e.jsx(E,{label:"Task ID",value:t.task_id,href:`/workflows/tasks/detail/${t.task_id}`}),e.jsx(E,{label:"Workflow Name",value:t.workflow_type,href:t.workflow_type?`/workflows/registry/${t.workflow_type}`:void 0}),e.jsx(E,{label:"Workflow ID",value:t.workflow_id,href:t.workflow_id?`/workflows/executions/${t.workflow_id}`:void 0}),e.jsx(E,{label:"Task Queue",value:t.task_queue}),t.origin_id&&t.origin_id!==t.workflow_id&&e.jsx(E,{label:"Origin",value:t.origin_id,href:`/processes/detail/${t.origin_id}`}),t.trace_id&&e.jsx(E,{label:"Trace",value:t.trace_id,href:l?l.replace("{traceId}",t.trace_id):void 0,external:!0})]})})]})}function B(t){return t.replace(/`([^`]+)`/g,'<code class="px-1 py-0.5 bg-surface-sunken rounded text-xs font-mono">$1</code>').replace(/\*\*\*(.+?)\*\*\*/g,"<strong><em>$1</em></strong>").replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>").replace(/\*(.+?)\*/g,"<em>$1</em>").replace(/\[([^\]]+)\]\(([^)]+)\)/g,'<a href="$2" class="text-accent-primary hover:underline" target="_blank" rel="noopener noreferrer">$1</a>')}function ie({content:t,compact:a}){const i=[],r=/^```(\w*)\n([\s\S]*?)^```$/gm;let l=0,s;for(;(s=r.exec(t))!==null;)s.index>l&&i.push({type:"text",text:t.slice(l,s.index)}),i.push({type:"code",lang:s[1],code:s[2].replace(/\n$/,"")}),l=s.index+s[0].length;l<t.length&&i.push({type:"text",text:t.slice(l)});const m=a?{text:"text-xs",heading:"text-xs",list:"text-xs",code:"text-[11px]"}:{text:"text-sm",heading:"text-sm",list:"text-sm",code:"text-xs"},o=[];for(const n of i){if(n.type==="code"){const c=n.code.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");o.push(`<pre class="my-2 p-2.5 bg-surface-sunken rounded-md overflow-x-auto"><code class="${m.code} font-mono text-text-secondary leading-relaxed">${c}</code></pre>`);continue}o.push(...xt(n.text,m))}return e.jsx("div",{className:"prose-sm",dangerouslySetInnerHTML:{__html:o.join(`
1
+ import{a as h,j as e}from"./vendor-query-B2UbickB.js";import{d as J,C as Ve,J as te,j as Ue,t as ze,g as Be,h as He,v as Ke,u as Ye}from"./index-B_e2uIz9.js";import{u as qe}from"./useCollapsedSections-BU5HULGs.js";import{a as Ge}from"./roles-BWPoKy_E.js";import{P as Qe}from"./PageHeader-B4w-LDUF.js";import{C as oe,i as Xe,a as Ze}from"./escalation-DlTtA35J.js";import{u as et}from"./workflows-C093TSq9.js";import{g as tt}from"./useEventHooks-CZR0V3cW.js";import{U as de}from"./UserName-CfaTpV3T.js";import{u as st,C as at}from"./CustomDurationPicker-CSvIDpXD.js";import{S as be}from"./StatusBadge-XQlNFwmH.js";import{R as ye}from"./RolePill-Dk-YUxCm.js";import{C as E}from"./CopyableId-D0SQ39nR.js";import{U as ve,a8 as rt,a6 as nt,a9 as Ne}from"./vendor-icons-5gSix3t2.js";import{C as ae}from"./CollapsibleSection-DR3D4kMt.js";import{L as Ee,e as it,c as lt}from"./vendor-react-CX88sFS5.js";import"./users-DzO800OU.js";import"./constants-BHkpVaqx.js";const we="lt_view_mode";function ct(t){const[a,i]=h.useState(()=>{try{const l=localStorage.getItem(we);if(l!==null)return l==="dev"}catch{}return t}),r=h.useCallback(()=>{i(l=>{const s=!l;try{localStorage.setItem(we,s?"dev":"user")}catch{}return s})},[]);return{isDevMode:a,toggleMode:r}}function ot(t){const{mode:a,activeView:i,onActiveViewChange:r,onClaim:l,claimPending:s,workflowType:m,json:o,onResolve:n,resolvePending:c,resolveError:x,requestTriage:p,triageNotes:u,currentRole:y,escalationTargets:d,onEscalate:j,escalatePending:g,escalateError:f,onRelease:S,releasePending:R,assignedTo:$,assignedUntil:A,onSubmitAttempt:M}=t,C=st(),[k,b]=h.useState("30"),[N,w]=h.useState(0),[I,L]=h.useState(""),[V,Q]=h.useState(""),_=k==="custom",W=h.useCallback(v=>w(v),[]);if(a==="terminal")return null;const O=()=>{const v=_?N:parseInt(k);!v||v<=0||l(v)},ee=()=>{if(L(""),p){const P={_lt:{needsTriage:!0}};u.trim()&&(P.notes=u.trim()),n(P);return}let v;try{v=JSON.parse(o)}catch{L("Invalid JSON");return}const X=v._form_schema,U=X==null?void 0:X.required;if(U!=null&&U.length){const P=U.filter(Y=>{const D=v[Y];return D==null||typeof D=="string"&&D.trim()===""});if(P.length>0){M==null||M();const Y=P.map(q=>q.replace(/[_-]/g," ")),D=Y.length<=2?Y.join(", "):`${Y.slice(0,2).join(", ")}...`;L(`Required: ${D}`);return}}n(v)},K=v=>`text-xs transition-colors ${v?"text-accent font-medium":"text-text-tertiary hover:text-accent"}`;return e.jsxs("div",{className:"sticky bottom-0 h-[80px] bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-10 px-10 pt-3 pb-5 z-10","data-testid":"escalation-action-bar",children:[a==="available"&&e.jsxs("div",{"data-testid":"claim-bar",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[C.map(v=>e.jsx("button",{onClick:()=>{b(v.value),w(0)},className:K(!_&&k===v.value),children:v.label},v.value)),e.jsx("button",{onClick:()=>b("custom"),className:K(_),children:"Other"})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"flex-1"}),_&&e.jsx(at,{onChange:W,compact:!0,autoFocus:!0}),e.jsx("button",{onClick:O,disabled:s||_&&N<=0,className:"btn-primary text-xs",children:s?"Claiming...":"Claim"})]})]}),a==="claimed_by_other"&&e.jsxs("div",{className:"flex items-center gap-4","data-testid":"claimed-other-bar",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Claimed by ",e.jsx("span",{className:"font-medium text-text-primary",children:$?e.jsx(de,{userId:$}):"unknown"})]}),A&&e.jsx(oe,{until:A})]}),a==="claimed_by_me"&&e.jsxs("div",{"data-testid":"action-bar",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[e.jsx("button",{onClick:()=>r("resolve"),className:K(i==="resolve"),children:m?"Resolve":"Acknowledge"}),d.length>0&&e.jsx("button",{onClick:()=>r("escalate"),className:K(i==="escalate"),children:"Escalate"}),e.jsx("button",{onClick:()=>r("release"),className:`text-xs transition-colors ${i==="release"?"text-status-error font-medium":"text-text-tertiary hover:text-status-error"}`,children:"Release"})]}),i==="resolve"&&(m?e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"flex-1"}),I&&e.jsx("span",{className:"text-xs text-status-error",children:I}),x&&e.jsx("span",{className:"text-xs text-status-error",children:x.message}),e.jsx("button",{onClick:ee,disabled:c,className:"btn-primary text-xs",children:c?"Submitting...":p?"Send to Triage":"Submit"})]}):e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"text-xs text-text-secondary",children:"Notification — acknowledge to resolve"}),e.jsx("div",{className:"flex-1"}),x&&e.jsx("span",{className:"text-xs text-status-error mr-3",children:x.message}),e.jsx("button",{onClick:()=>n({acknowledged:!0}),disabled:c,className:"btn-primary text-xs",children:c?"Acknowledging...":"Acknowledge"})]})),i==="escalate"&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs text-text-secondary",children:["From ",e.jsx("span",{className:"font-medium text-text-primary",children:y})," to"]}),e.jsxs("select",{value:V,onChange:v=>Q(v.target.value),className:"select text-xs","data-testid":"escalate-select",children:[e.jsx("option",{value:"",children:"Select role..."}),d.map(v=>e.jsx("option",{value:v,children:v},v))]}),e.jsx("div",{className:"flex-1"}),f&&e.jsx("span",{className:"text-xs text-status-error",children:f.message}),e.jsx("button",{onClick:()=>j(V),disabled:!V||g,className:"btn-primary text-xs",children:g?"Escalating...":"Escalate"})]}),i==="release"&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-xs text-text-secondary",children:"Release back to pool?"}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:()=>r("resolve"),className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:S,disabled:R,className:"btn-primary text-xs bg-status-error hover:bg-status-error/80",children:R?"Releasing...":"Yes, Release"})]})]})]})}function dt({esc:t,claimedByMe:a,claimed:i,isTerminal:r,traceUrl:l,isDevMode:s,showDetails:m,onToggleDetails:o}){const n=Xe(t);return s?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[n&&e.jsx(nt,{className:"w-5 h-5 text-text-tertiary shrink-0"}),e.jsxs("p",{className:"text-[1.5rem] leading-snug font-light text-text-secondary",children:[t.type,t.subtype?` / ${t.subtype}`:""]})]}),t.description&&e.jsx("p",{className:"text-sm leading-relaxed text-text-tertiary mb-4",children:t.description}),e.jsxs("div",{className:"flex flex-wrap items-end gap-x-6 gap-y-3 mt-4 mb-2",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Status"}),e.jsx("span",{className:"mb-1 inline-block",children:e.jsx(be,{status:t.status})})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Role"}),e.jsx(ye,{role:t.role,size:"md"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Created"}),e.jsx("span",{className:"inline-flex items-center mb-1 text-xs text-text-secondary",children:e.jsx(J,{date:t.created_at})})]}),t.assigned_to&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Claimed by"}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-xs font-medium text-text-primary",children:[e.jsx(ve,{className:"w-3 h-3 shrink-0 text-accent/75"}),e.jsx(de,{userId:t.assigned_to})]})]}),i&&!r&&t.assigned_until&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Time left"}),e.jsx("span",{className:"inline-flex items-center h-5",children:e.jsx(oe,{until:t.assigned_until})})]}),t.resolved_at&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Resolved"}),e.jsx("span",{className:"inline-flex items-center h-5 text-xs text-text-secondary",children:e.jsx(J,{date:t.resolved_at})})]})]})]}):e.jsxs("div",{className:"-mt-6 mb-2",children:[t.description&&e.jsx("p",{className:"text-2xl font-light text-text-primary leading-relaxed mb-5",children:t.description}),e.jsxs("div",{className:"bg-surface-sunken/50 rounded-md px-5 py-4 flex flex-wrap gap-x-8 gap-y-4 items-end",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Status"}),e.jsx(be,{status:t.status})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Assigned to Role"}),e.jsx(ye,{role:t.role,size:"md"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Created"}),e.jsx("span",{className:"text-xs text-text-secondary",children:e.jsx(J,{date:t.created_at})})]}),i&&t.assigned_to&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Claimed By"}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-xs font-medium text-text-primary",children:[e.jsx(ve,{className:"w-3 h-3 text-accent/75"}),e.jsx(de,{userId:t.assigned_to})]})]}),i&&t.claimed_at&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Claimed"}),e.jsx("span",{className:"text-xs text-text-secondary",children:e.jsx(J,{date:t.claimed_at})})]}),i&&!r&&t.assigned_until&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Time Remaining"}),e.jsx("span",{className:"text-xs",children:e.jsx(oe,{until:t.assigned_until})})]}),t.resolved_at&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Completed"}),e.jsx("span",{className:"text-xs text-status-success",children:e.jsx(J,{date:t.resolved_at})})]}),e.jsx("div",{children:e.jsx("button",{onClick:o,className:"text-text-tertiary/50 hover:text-accent transition-colors",title:m?"Hide details":"Show details",children:e.jsx(rt,{className:`w-3.5 h-3.5 transition-opacity duration-200 ${m?"opacity-100 text-accent":"opacity-60"}`})})})]}),e.jsx(Ve,{open:m,children:e.jsxs("div",{className:"mt-px bg-surface-sunken/30 rounded-b-md px-5 py-4 flex flex-wrap gap-x-8 gap-y-4 border-t border-surface-border/30",children:[e.jsxs("div",{className:"text-left",children:[e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Priority"}),e.jsxs("p",{className:"text-[12px] text-text-secondary mt-0.5",children:["P",t.priority]})]}),e.jsx(E,{label:"Escalation ID",value:t.id}),t.task_id&&e.jsx(E,{label:"Task ID",value:t.task_id,href:`/workflows/tasks/detail/${t.task_id}`}),e.jsx(E,{label:"Workflow Name",value:t.workflow_type,href:t.workflow_type?`/workflows/registry/${t.workflow_type}`:void 0}),e.jsx(E,{label:"Workflow ID",value:t.workflow_id,href:t.workflow_id?`/workflows/executions/${t.workflow_id}`:void 0}),e.jsx(E,{label:"Task Queue",value:t.task_queue}),t.origin_id&&t.origin_id!==t.workflow_id&&e.jsx(E,{label:"Origin",value:t.origin_id,href:`/processes/detail/${t.origin_id}`}),t.trace_id&&e.jsx(E,{label:"Trace",value:t.trace_id,href:l?l.replace("{traceId}",t.trace_id):void 0,external:!0})]})})]})}function B(t){return t.replace(/`([^`]+)`/g,'<code class="px-1 py-0.5 bg-surface-sunken rounded text-xs font-mono">$1</code>').replace(/\*\*\*(.+?)\*\*\*/g,"<strong><em>$1</em></strong>").replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>").replace(/\*(.+?)\*/g,"<em>$1</em>").replace(/\[([^\]]+)\]\(([^)]+)\)/g,'<a href="$2" class="text-accent-primary hover:underline" target="_blank" rel="noopener noreferrer">$1</a>')}function ie({content:t,compact:a}){const i=[],r=/^```(\w*)\n([\s\S]*?)^```$/gm;let l=0,s;for(;(s=r.exec(t))!==null;)s.index>l&&i.push({type:"text",text:t.slice(l,s.index)}),i.push({type:"code",lang:s[1],code:s[2].replace(/\n$/,"")}),l=s.index+s[0].length;l<t.length&&i.push({type:"text",text:t.slice(l)});const m=a?{text:"text-xs",heading:"text-xs",list:"text-xs",code:"text-[11px]"}:{text:"text-sm",heading:"text-sm",list:"text-sm",code:"text-xs"},o=[];for(const n of i){if(n.type==="code"){const c=n.code.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");o.push(`<pre class="my-2 p-2.5 bg-surface-sunken rounded-md overflow-x-auto"><code class="${m.code} font-mono text-text-secondary leading-relaxed">${c}</code></pre>`);continue}o.push(...xt(n.text,m))}return e.jsx("div",{className:"prose-sm",dangerouslySetInnerHTML:{__html:o.join(`
2
2
  `)}})}function xt(t,a){const i=t.split(`
3
3
  `),r=[];let l=!1,s=!1,m=[];for(const o of i){const n=o.trim();if(n.startsWith("|")&&n.endsWith("|")){const c=n.slice(1,-1).split("|").map(x=>x.trim());if(c.every(x=>/^[-:]+$/.test(x)))continue;s||(s=!0,m=[]),m.push(c);continue}if(s){s=!1;const[c,...x]=m;r.push('<div class="overflow-x-auto my-2"><table class="text-xs w-full"><thead><tr>');for(const p of c)r.push(`<th class="text-left py-1 px-2 border-b border-border text-text-secondary font-medium">${B(p)}</th>`);r.push("</tr></thead><tbody>");for(const p of x){r.push("<tr>");for(const u of p)r.push(`<td class="py-1 px-2 border-b border-border/50">${B(u)}</td>`);r.push("</tr>")}r.push("</tbody></table></div>"),m=[]}if(!n){l&&(r.push("</ul>"),l=!1);continue}if(n.startsWith("### ")){l&&(r.push("</ul>"),l=!1),r.push(`<h4 class="${a.heading} font-semibold text-text-primary mt-3 mb-1">${B(n.slice(4))}</h4>`);continue}if(n.startsWith("## ")){l&&(r.push("</ul>"),l=!1),r.push(`<h3 class="${a.heading} font-semibold text-text-primary mt-3 mb-1">${B(n.slice(3))}</h3>`);continue}if(/^[-*_]{3,}$/.test(n)){l&&(r.push("</ul>"),l=!1),r.push('<hr class="border-border my-3" />');continue}if(/^[-*] /.test(n)){l||(r.push('<ul class="space-y-1 my-1">'),l=!0),r.push(`<li class="${a.list} text-text-secondary flex gap-2"><span class="text-text-tertiary shrink-0">-</span><span>${B(n.slice(2))}</span></li>`);continue}l&&(r.push("</ul>"),l=!1),r.push(`<p class="${a.text} text-text-secondary my-1">${B(n)}</p>`)}if(s&&m.length){const[o,...n]=m;r.push('<div class="overflow-x-auto my-2"><table class="text-xs w-full"><thead><tr>');for(const c of o)r.push(`<th class="text-left py-1 px-2 border-b border-border text-text-secondary font-medium">${B(c)}</th>`);r.push("</tr></thead><tbody>");for(const c of n){r.push("<tr>");for(const x of c)r.push(`<td class="py-1 px-2 border-b border-border/50">${B(x)}</td>`);r.push("</tr>")}r.push("</tbody></table></div>")}return l&&r.push("</ul>"),r}function le({children:t}){return e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:t})}function ut({payload:t,isTerminal:a,resolverPayload:i,onRetryTriage:r,isRetrying:l}){const s=t.title,m=t.summary,o=t.diagnosis,n=t.tool_calls_made,c=t.result,x=i==null?void 0:i._lt,p=(x==null?void 0:x.triaged)===!0,u=x==null?void 0:x.triageWorkflowId,y=a&&p,[d,j]=h.useState(!1);return y?e.jsxs("div",{className:"rounded-md border border-status-success/30 bg-surface-raised",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("svg",{className:"w-4 h-4 text-status-success shrink-0",viewBox:"0 0 16 16",fill:"currentColor",children:e.jsx("path",{d:"M8 1a7 7 0 110 14A7 7 0 018 1zm3.36 4.65a.5.5 0 00-.72 0L7 9.29 5.36 7.65a.5.5 0 10-.72.7l2 2a.5.5 0 00.72 0l4-4a.5.5 0 000-.7z"})}),e.jsx("span",{className:"text-xs font-medium text-status-success",children:"Resolved by AI Triage"})]}),typeof n=="number"&&e.jsxs("span",{className:"text-[10px] font-mono px-2 py-0.5 rounded-full bg-status-success/10 text-status-success",children:[n," tool calls used"]})]}),e.jsxs("div",{className:"px-4 py-4 space-y-4",children:[s&&e.jsx("p",{className:"text-sm font-medium text-text-primary",children:s}),o&&e.jsxs("div",{children:[e.jsx(le,{children:"Triage diagnosis"}),e.jsx("div",{className:"text-xs text-text-primary leading-relaxed",children:e.jsx(ie,{content:o})})]}),e.jsx("div",{className:"flex items-center gap-3",children:u&&e.jsx(Ee,{to:`/workflows/executions/${u}`,className:"text-[10px] text-accent hover:underline",children:"View triage execution"})})]})]}):e.jsxs("div",{className:"rounded-md border border-status-warning/30 bg-surface-raised",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("svg",{className:"w-4 h-4 text-status-warning shrink-0",viewBox:"0 0 16 16",fill:"currentColor",children:e.jsx("path",{d:"M8 1a7 7 0 110 14A7 7 0 018 1zm0 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 4zm0 7a.75.75 0 100-1.5.75.75 0 000 1.5z"})}),e.jsx("span",{className:"text-xs font-medium text-status-warning",children:"Tool Rounds Exhausted"})]}),typeof n=="number"&&e.jsxs("span",{className:"text-[10px] font-mono px-2 py-0.5 rounded-full bg-status-warning/10 text-status-warning",children:[n," tool calls used"]})]}),e.jsxs("div",{className:"px-4 py-4 space-y-4",children:[s&&e.jsx("p",{className:"text-sm font-medium text-text-primary",children:s}),m&&e.jsxs("div",{children:[e.jsx(le,{children:"What happened"}),e.jsx("div",{className:"text-xs text-text-secondary leading-relaxed",children:e.jsx(ie,{content:m})})]}),o&&e.jsxs("div",{children:[e.jsx(le,{children:"What went wrong"}),e.jsx("div",{className:"text-xs text-text-primary leading-relaxed",children:e.jsx(ie,{content:o})})]}),c!=null&&e.jsxs("div",{children:[e.jsxs("button",{onClick:()=>j(!d),className:"flex items-center gap-1 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors",children:[e.jsx("svg",{className:`w-3 h-3 transition-transform ${d?"rotate-90":""}`,viewBox:"0 0 12 12",fill:"currentColor",children:e.jsx("path",{d:"M4.5 2l4 4-4 4"})}),"Partial results"]}),d&&e.jsx("div",{className:"mt-2",children:e.jsx(te,{data:c,defaultMode:"tree"})})]}),r&&!a&&e.jsx("div",{className:"pt-2",children:e.jsxs("button",{onClick:r,disabled:l,className:"inline-flex items-center gap-2 px-4 py-2 text-xs font-medium bg-accent text-text-inverse rounded-md hover:bg-accent/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:[e.jsx("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 14 14",fill:"currentColor",children:e.jsx("path",{d:"M7 1a6 6 0 100 12A6 6 0 007 1zm2.5 6.5l-3.5 2V5.5l3.5 2z"})}),l?"Sending to triage...":"Retry with AI Triage"]})})]})]})}function mt({triage:t,payload:a}){const i=t.confidence??0,r=i>=.8?"text-status-success":i>=.5?"text-status-pending":"text-status-error",l=pt(t.originalData,a);return e.jsxs("div",{className:"space-y-5",children:[t.diagnosis&&e.jsx("p",{className:"text-sm text-text-primary leading-relaxed",children:t.diagnosis}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3 text-xs text-text-tertiary",children:[t.tool_calls_made!=null&&e.jsxs("span",{children:[t.tool_calls_made," tool call",t.tool_calls_made!==1?"s":""]}),t.tool_calls_made!=null&&e.jsx("span",{className:"text-text-quaternary",children:"·"}),e.jsxs("span",{className:`font-medium ${r}`,children:[Math.round(i*100),"% confidence"]})]}),t.actions_taken&&t.actions_taken.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.actions_taken.map((s,m)=>e.jsxs("span",{className:`inline-flex items-center gap-1.5 px-2 py-0.5 text-[11px]
4
4
  text-text-secondary`,children:[e.jsx("svg",{className:"w-3 h-3 text-status-success shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}),s]},m))}),t.recommendation&&e.jsx("p",{className:"text-[11px] text-text-tertiary italic",children:t.recommendation}),l.length>0&&e.jsx("div",{className:"space-y-4 pt-2",children:l.map(s=>e.jsx(ht,{diff:s},s.key))})]})}function pt(t,a){if(!t)return[];const i=[];for(const r of Object.keys(t)){if(r.startsWith("_"))continue;const l=t[r],s=a[r];s!==void 0&&JSON.stringify(l)!==JSON.stringify(s)&&i.push({key:r,label:r.replace(/[_-]/g," "),original:l,corrected:s})}return i}function ht({diff:t}){const a=ke(t.original),i=ke(t.corrected);return a!==null&&i!==null?e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal",children:"(original)"})]}),e.jsx("p",{className:"text-sm text-text-tertiary leading-relaxed line-through decoration-text-tertiary/30",children:a})]}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal text-status-success",children:"(corrected)"})]}),e.jsx("p",{className:"text-sm text-text-primary leading-relaxed",children:i})]})]}):e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal",children:"(original)"})]}),e.jsx("pre",{className:"text-xs text-text-tertiary font-mono whitespace-pre-wrap leading-relaxed",children:typeof t.original=="object"?JSON.stringify(t.original,null,2):String(t.original)})]}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal text-status-success",children:"(corrected)"})]}),e.jsx("pre",{className:"text-xs text-text-primary font-mono whitespace-pre-wrap leading-relaxed",children:typeof t.corrected=="object"?JSON.stringify(t.corrected,null,2):String(t.corrected)})]})]})}function ke(t){return t==null?"null":typeof t=="string"?t:typeof t=="number"||typeof t=="boolean"?String(t):null}function _e({src:t,escalation:a,schema:i,onResolve:r,onEscalate:l,submitAttempted:s}){const m=h.useRef(null),o=h.useRef("");h.useEffect(()=>{try{const c=new URL(t);o.current=c.origin}catch{o.current=""}},[t]);const n=h.useCallback(()=>{const c=m.current;if(!(c!=null&&c.contentWindow)||!o.current)return;const p={type:"lt:init",escalation:{id:a.id,type:a.type,subtype:a.subtype,description:a.description,status:a.status,priority:a.priority,role:a.role,workflow_type:a.workflow_type},schema:i};c.contentWindow.postMessage(p,o.current)},[a,i]);return h.useEffect(()=>{const c=x=>{if(x.origin!==o.current)return;const p=x.data;if(!(!p||typeof p!="object"||typeof p.type!="string"))switch(p.type){case"lt:ready":n();break;case"lt:submit":p.payload&&typeof p.payload=="object"&&r(p.payload);break;case"lt:escalate":typeof p.target=="string"&&p.target&&l(p.target);break;case"lt:resize":{const u=m.current;u&&typeof p.height=="number"&&p.height>0&&(u.style.height=`${Math.min(p.height,2e3)}px`);break}}};return window.addEventListener("message",c),()=>window.removeEventListener("message",c)},[n,r,l]),h.useEffect(()=>{if(!s)return;const c=m.current;c!=null&&c.contentWindow&&o.current&&c.contentWindow.postMessage({type:"lt:validate"},o.current)},[s]),e.jsx("div",{className:"rounded-md border border-surface-border overflow-hidden bg-white",children:e.jsx("iframe",{ref:m,src:t,sandbox:"allow-scripts allow-same-origin allow-forms",className:"w-full border-0",style:{minHeight:"400px"},title:"HITL Viewport",onLoad:n})})}function ft({fieldKey:t,value:a,onChange:i,schema:r}){const l=h.useRef(null),s=(r==null?void 0:r.accept)??void 0,m=t.replace(/[_-]/g," "),o=r==null?void 0:r.description,n=h.useCallback(x=>{var y;const p=(y=x.target.files)==null?void 0:y[0];if(!p)return;const u=new FileReader;u.onload=()=>{typeof u.result=="string"&&i(u.result)},u.readAsDataURL(p)},[i]),c=a.startsWith("data:");return e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:m}),o&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:o}),e.jsxs("div",{className:"mt-1",children:[e.jsx("input",{ref:l,type:"file",accept:s,onChange:n,className:"hidden"}),e.jsx("button",{type:"button",onClick:()=>{var x;return(x=l.current)==null?void 0:x.click()},className:"btn-secondary text-xs px-3 py-1.5",children:c?"Replace file":"Choose file"}),c&&e.jsx("span",{className:"ml-2 text-xs text-status-success",children:"File attached"})]})]})}function gt({fieldKey:t,value:a,onChange:i,schema:r}){const l=t.replace(/[_-]/g," "),s=r==null?void 0:r.description,m=(r==null?void 0:r["x-lt-language"])??"",o=h.useCallback(n=>{if(n.key==="Tab"){n.preventDefault();const c=n.currentTarget,x=c.selectionStart,p=c.selectionEnd,u=a.substring(0,x)+" "+a.substring(p);i(u),requestAnimationFrame(()=>{c.selectionStart=c.selectionEnd=x+2})}},[a,i]);return e.jsxs("div",{children:[e.jsxs("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:[l,m&&e.jsx("span",{className:"ml-2 text-text-tertiary/60 normal-case font-normal",children:m})]}),s&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:s}),e.jsx("textarea",{value:a,onChange:n=>i(n.target.value),onKeyDown:o,className:"input w-full mt-1 font-mono text-xs leading-relaxed",rows:10,spellCheck:!1})]})}function jt({fieldKey:t,value:a,onChange:i,schema:r}){const l=h.useRef(null),[s,m]=h.useState(!1),o=t.replace(/[_-]/g," "),n=r==null?void 0:r.description;h.useEffect(()=>{const d=l.current;if(!d)return;const j=d.getContext("2d");if(j&&(j.lineWidth=2,j.lineCap="round",j.strokeStyle="#1E1535",a&&a.startsWith("data:"))){const g=new Image;g.onload=()=>j.drawImage(g,0,0),g.src=a}},[]);const c=h.useCallback(d=>{const g=l.current.getBoundingClientRect();return"touches"in d?{x:d.touches[0].clientX-g.left,y:d.touches[0].clientY-g.top}:{x:d.clientX-g.left,y:d.clientY-g.top}},[]),x=h.useCallback(d=>{var f;m(!0);const j=(f=l.current)==null?void 0:f.getContext("2d");if(!j)return;const g=c(d);j.beginPath(),j.moveTo(g.x,g.y)},[c]),p=h.useCallback(d=>{var f;if(!s)return;const j=(f=l.current)==null?void 0:f.getContext("2d");if(!j)return;const g=c(d);j.lineTo(g.x,g.y),j.stroke()},[s,c]),u=h.useCallback(()=>{m(!1);const d=l.current;d&&i(d.toDataURL("image/png"))},[i]),y=h.useCallback(()=>{const d=l.current;if(!d)return;const j=d.getContext("2d");j&&(j.clearRect(0,0,d.width,d.height),i(""))},[i]);return e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:o}),n&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:n}),e.jsx("div",{className:"mt-1 border border-surface-border rounded-md overflow-hidden bg-white",children:e.jsx("canvas",{ref:l,width:400,height:150,className:"w-full cursor-crosshair touch-none",onMouseDown:x,onMouseMove:p,onMouseUp:u,onMouseLeave:u,onTouchStart:x,onTouchMove:p,onTouchEnd:u})}),e.jsx("button",{type:"button",onClick:y,className:"mt-1 text-[10px] text-text-tertiary hover:text-accent transition-colors",children:"Clear"})]})}function bt({fieldKey:t,value:a,onChange:i,schema:r}){const l=t.replace(/[_-]/g," "),s=r==null?void 0:r.description;return e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:l}),s&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:s}),e.jsx("textarea",{value:a,onChange:m=>i(m.target.value),className:"input w-full mt-1 text-sm leading-relaxed",rows:8,placeholder:"Supports plain text. Markdown formatting is preserved."})]})}const Ce={"file-upload":ft,"code-editor":gt,signature:jt,"rich-text":bt};function Se({value:t,onChange:a,disabled:i,submitAttempted:r}){const[l,s]=h.useState({}),[m,o]=h.useState({}),[n,c]=h.useState(null),[x,p]=h.useState(!1),[u,y]=h.useState(new Set);h.useEffect(()=>{try{const b=JSON.parse(t);if(typeof b=="object"&&b!==null&&!Array.isArray(b)){const N={},w={};for(const[I,L]of Object.entries(b))I.startsWith("_")?w[I]=L:N[I]=L;s(N),o(w),c(w._form_schema&&typeof w._form_schema=="object"?w._form_schema:null),p(!1)}}catch{p(!0)}},[t]);const d=h.useCallback(b=>{s(b),a(JSON.stringify({...b,...m},null,2))},[m,a]),j=h.useCallback((b,N)=>{d({...l,[b]:N})},[l,d]),g=h.useCallback(b=>{y(N=>{if(N.has(b))return N;const w=new Set(N);return w.add(b),w})},[]);if(x)return e.jsx("p",{className:"text-xs text-status-error",children:"Unable to parse resolver data as form. Use the JSON editor below."});const f=Object.entries(l);if(f.length===0)return e.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No resolver fields defined."});const S=n==null?void 0:n["x-lt-order"],R=S?[...f].sort((b,N)=>{const w=S.indexOf(b[0]),I=S.indexOf(N[0]);return(w===-1?1/0:w)-(I===-1?1/0:I)}):f,$=new Set((n==null?void 0:n.required)??[]),A=n==null?void 0:n["x-lt-layout"],M=n==null?void 0:n.title,C=n==null?void 0:n.description,k=R.map(([b,N])=>{var W;const w=(W=n==null?void 0:n.properties)==null?void 0:W[b],I=(w==null?void 0:w.readOnly)===!0,L=(w==null?void 0:w["x-lt-span"])??1,V=$.has(b),Q=u.has(b)||!!r;let _;if(V&&Q&&(N==null||typeof N=="string"&&N.trim()==="")&&(_="Required"),Q&&typeof N=="string"&&N.trim()!==""&&w){const O=w.format;O==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(N)&&(_="Enter a valid email address"),O==="uri"&&!/^https?:\/\/.+/.test(N)&&(_="Enter a valid URL")}return e.jsx("div",{className:A==="two-column"&&L>=2?"col-span-2":"",children:e.jsx(Re,{fieldKey:b,value:N,onChange:O=>j(b,O),onBlur:()=>g(b),schema:n,isRequired:V,isReadOnly:I,error:_})},b)});return e.jsxs("div",{className:`pb-8 ${i?"opacity-60 pointer-events-none":""}`,children:[M&&e.jsx("h3",{className:"text-lg font-light text-text-primary mb-1",children:M}),C&&e.jsx("p",{className:"text-sm text-text-secondary leading-relaxed mb-6",children:C}),A==="two-column"?e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-x-14 gap-y-6",children:k}):e.jsx("div",{className:"space-y-6",children:k})]})}function Re({fieldKey:t,value:a,onChange:i,onBlur:r,schema:l,isRequired:s,isReadOnly:m,error:o}){var p;const n=t.replace(/[_-]/g," "),c=(p=l==null?void 0:l.properties)==null?void 0:p[t];if(m){const u=a===null?"null":typeof a=="object"?JSON.stringify(a,null,2):String(a);return e.jsxs("div",{children:[e.jsx(F,{isRequired:s,children:n}),e.jsx("p",{className:"text-sm text-text-secondary mt-0.5 whitespace-pre-wrap",children:u})]})}const x=c==null?void 0:c["x-lt-widget"];if(x&&x in Ce&&typeof a=="string"){const u=Ce[x];return e.jsx(u,{fieldKey:t,value:a,onChange:y=>i(y),schema:c})}if(typeof a=="boolean")return e.jsxs("div",{children:[e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:a,onChange:u=>{i(u.target.checked),r==null||r()},className:"w-3.5 h-3.5 rounded accent-accent"}),e.jsxs("span",{className:"text-[11px] font-semibold uppercase tracking-wider text-text-secondary",children:[n,s&&e.jsx("span",{className:"text-status-error ml-0.5",children:"*"})]})]}),e.jsx(G,{error:o})]});if(typeof a=="number")return e.jsxs("div",{children:[e.jsx(F,{isRequired:s,children:n}),e.jsx("input",{type:"number",value:a,onChange:u=>i(parseFloat(u.target.value)||0),onBlur:r,step:"any",className:Z(!!o)}),e.jsx(G,{error:o})]});if(typeof a=="string"){const u=(c==null?void 0:c.format)==="password",y=c==null?void 0:c.enum,d=c==null?void 0:c.description;if(y!=null&&y.length)return e.jsxs("div",{children:[e.jsx(F,{isRequired:s,children:n}),d&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:d}),e.jsx("select",{value:a,onChange:f=>i(f.target.value),onBlur:r,className:Z(!!o),children:y.map(f=>e.jsx("option",{value:f,children:f},f))}),e.jsx(G,{error:o})]});if(u)return e.jsxs("div",{children:[e.jsx(F,{isRequired:s,children:n}),d&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:d}),e.jsx("input",{type:"password",value:a,onChange:f=>i(f.target.value),onBlur:r,className:Z(!!o),autoComplete:"off"}),e.jsx(G,{error:o})]});const j=c==null?void 0:c.format,g={date:"date","date-time":"datetime-local",email:"email",uri:"url"};return j&&j in g?e.jsxs("div",{children:[e.jsx(F,{isRequired:s,children:n}),d&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:d}),e.jsx("input",{type:g[j],value:a,onChange:f=>i(f.target.value),onBlur:r,className:Z(!!o)}),e.jsx(G,{error:o})]}):j==="textarea"||a.length>80?e.jsxs("div",{children:[e.jsx(F,{isRequired:s,children:n}),d&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:d}),e.jsx("textarea",{value:a,onChange:f=>i(f.target.value),onBlur:r,className:`${Z(!!o)} leading-relaxed`,rows:Math.min(6,Math.max(3,Math.ceil(a.length/60)))}),e.jsx(G,{error:o})]}):e.jsxs("div",{children:[e.jsx(F,{isRequired:s,children:n}),d&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:d}),e.jsx("input",{type:"text",value:a,onChange:f=>i(f.target.value),onBlur:r,className:Z(!!o)}),e.jsx(G,{error:o})]})}if(a===null)return e.jsxs("div",{children:[e.jsx(F,{isRequired:s,children:n}),e.jsx("p",{className:"text-xs text-text-tertiary italic mt-1",children:"null"})]});if(Array.isArray(a))return e.jsxs("div",{children:[e.jsx(F,{isRequired:s,children:n}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:a.map((u,y)=>e.jsx("span",{className:"px-2 py-0.5 text-[11px] font-mono bg-surface-sunken rounded text-text-secondary",children:String(u)},y))})]});if(typeof a=="object"){const u=Object.entries(a);return e.jsxs("div",{children:[e.jsx(F,{isRequired:s,children:n}),e.jsx("div",{className:"ml-4 mt-2 pl-4 border-l border-accent-faint space-y-3",children:u.map(([y,d])=>e.jsx(Re,{fieldKey:y,value:d,onChange:j=>i({...a,[y]:j})},y))})]})}return null}function F({children:t,isRequired:a}){return e.jsxs("label",{className:"text-[11px] font-semibold uppercase tracking-wider text-text-secondary",children:[t,a&&e.jsx("span",{className:"text-status-error ml-0.5",children:"*"})]})}function G({error:t}){return t?e.jsx("p",{className:"text-[10px] text-status-error mt-1 animate-[field-error-in_0.3s_ease-out]",children:t}):null}function Z(t){return t?"input text-sm w-full mt-1 border-status-error/50 focus:border-status-error animate-[field-shake_0.4s_ease-in-out]":"input text-sm w-full mt-1"}function Te({json:t,onJsonChange:a,requestTriage:i,onRequestTriageChange:r,triageNotes:l,onTriageNotesChange:s,isDevMode:m=!0,disabled:o=!1,submitAttempted:n=!1,showTriage:c=!1}){const[x,p]=h.useState("form"),{visibleJson:u,hiddenFields:y}=h.useMemo(()=>{try{const g=JSON.parse(t);if(typeof g=="object"&&g!==null&&!Array.isArray(g)){const f={},S={};for(const[R,$]of Object.entries(g))R.startsWith("_")?f[R]=$:S[R]=$;return{visibleJson:JSON.stringify(S,null,2),hiddenFields:f}}}catch{}return{visibleJson:t,hiddenFields:{}}},[t]),d=h.useCallback(g=>{try{const f=JSON.parse(g);a(JSON.stringify({...f,...y},null,2))}catch{a(g)}},[y,a]),j=Object.keys(y).length>0;return e.jsxs(e.Fragment,{children:[(c||m)&&e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[c?i?e.jsxs("button",{onClick:()=>r(!1),className:"group flex items-center gap-2 text-left","data-testid":"triage-cancel",children:[e.jsx("span",{className:"flex items-center justify-center w-5 h-5 rounded-full bg-accent/10 text-accent shrink-0",children:e.jsx("svg",{className:"w-3 h-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),e.jsxs("span",{className:"text-xs text-text-secondary group-hover:text-text-primary transition-colors",children:["AI Triage active."," ",e.jsx("span",{className:"text-accent group-hover:underline",children:"Cancel"})]})]}):e.jsxs("button",{onClick:()=>r(!0),className:"group flex items-center gap-2.5 text-left my-4","data-testid":"triage-callout",children:[e.jsx("span",{className:"flex items-center justify-center w-6 h-6 rounded-full bg-accent/10 text-accent shrink-0 animate-[triage-glow_6s_ease-in-out_infinite]",children:e.jsx("svg",{className:"w-3.5 h-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.663 17h4.674M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})})}),e.jsxs("span",{className:"text-[13px] text-text-secondary group-hover:text-text-primary transition-colors",children:["This form doesn't capture the issue?"," ",e.jsx("span",{className:"text-accent group-hover:underline",children:"Request AI Triage"})]})]}):e.jsx("span",{}),m&&!i&&e.jsx("button",{onClick:()=>p(x==="form"?"json":"form"),className:"text-[10px] text-text-tertiary hover:text-accent transition-colors",children:x==="form"?"Raw JSON":"Form"})]}),e.jsxs("div",{className:"relative min-h-[200px]",children:[e.jsx("div",{className:i?"pointer-events-none select-none":"",children:x==="form"?e.jsx(Se,{value:t,onChange:a,disabled:o,submitAttempted:n}):e.jsxs("div",{children:[j&&e.jsx("p",{className:"text-[10px] text-text-quaternary mb-2 italic",children:"Form schema hidden. Edit the resolver values below — they will be merged with the schema on submit."}),e.jsx("textarea",{value:u,onChange:g=>d(g.target.value),className:"input-json w-full",rows:Math.max(8,u.split(`
5
5
  `).length+2),spellCheck:!1,"data-testid":"resolve-json"})]})}),i&&e.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col bg-surface/90 backdrop-blur-[2px] rounded-md border border-accent/20 p-5","data-testid":"triage-overlay",children:[e.jsx("p",{className:"text-xs text-text-secondary mb-3 leading-relaxed",children:"The resolution form will not be submitted. Describe the issue so AI triage can diagnose and fix it using available tools. The corrected result will come back as a new escalation for your review."}),e.jsx("textarea",{value:l,onChange:g=>s(g.target.value),placeholder:"e.g. Content is in Spanish — needs translation to English before review...",className:"input text-xs w-full flex-1 min-h-[80px] resize-none",autoFocus:!0,"data-testid":"triage-notes"})]})]})]})}function H({children:t}){return e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary",children:t})}function re({children:t}){return e.jsx("p",{className:"text-[12px] text-text-secondary mt-0.5 font-mono",children:t})}function yt({esc:t}){return e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-wider text-accent/60 mb-3",children:"Classification"}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-x-8 gap-y-4",children:[e.jsxs("div",{children:[e.jsx(H,{children:"Type"}),e.jsx(re,{children:t.type})]}),t.subtype&&e.jsxs("div",{children:[e.jsx(H,{children:"Subtype"}),e.jsx(re,{children:t.subtype})]}),e.jsxs("div",{children:[e.jsx(H,{children:"Priority"}),e.jsxs(re,{children:["P",t.priority]})]}),e.jsxs("div",{children:[e.jsx(H,{children:"Status"}),e.jsx(re,{children:t.status})]})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-wider text-accent/60 mb-3",children:"References"}),e.jsxs("div",{className:"flex flex-wrap gap-x-8 gap-y-4",children:[e.jsx(E,{label:"Escalation ID",value:t.id}),t.task_id&&e.jsx(E,{label:"Task ID",value:t.task_id,href:`/workflows/tasks/detail/${t.task_id}`}),t.workflow_type&&e.jsx(E,{label:"Workflow Name",value:t.workflow_type,href:`/workflows/registry/${t.workflow_type}`}),t.workflow_id&&e.jsx(E,{label:"Workflow ID",value:t.workflow_id,href:`/workflows/executions/${t.workflow_id}`}),t.task_queue&&e.jsx(E,{label:"Task Queue",value:t.task_queue}),t.origin_id&&t.origin_id!==t.workflow_id&&e.jsx(E,{label:"Origin ID",value:t.origin_id}),t.parent_id&&e.jsx(E,{label:"Parent ID",value:t.parent_id}),t.trace_id&&e.jsx(E,{label:"Trace ID",value:t.trace_id}),t.span_id&&e.jsx(E,{label:"Span ID",value:t.span_id})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-wider text-accent/60 mb-3",children:"Timeline"}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-x-8 gap-y-4",children:[e.jsxs("div",{children:[e.jsx(H,{children:"Created"}),e.jsx("p",{className:"text-[12px] text-text-secondary mt-0.5",children:e.jsx(J,{date:t.created_at})})]}),t.claimed_at&&e.jsxs("div",{children:[e.jsx(H,{children:"Claimed"}),e.jsx("p",{className:"text-[12px] text-text-secondary mt-0.5",children:e.jsx(J,{date:t.claimed_at})})]}),t.resolved_at&&e.jsxs("div",{children:[e.jsx(H,{children:"Resolved"}),e.jsx("p",{className:"text-[12px] text-text-secondary mt-0.5",children:e.jsx(J,{date:t.resolved_at})})]}),e.jsxs("div",{children:[e.jsx(H,{children:"Updated"}),e.jsx("p",{className:"text-[12px] text-text-secondary mt-0.5",children:e.jsx(J,{date:t.updated_at})})]})]})]}),t.metadata&&Object.keys(t.metadata).length>0&&e.jsx("div",{children:e.jsx(te,{data:t.metadata,label:"Metadata"})})]})}function vt({isRoundsExhausted:t,payloadObj:a,isTerminal:i,resolverPayload:r,onRetryTriage:l,isRetrying:s}){return e.jsxs(e.Fragment,{children:[t&&a&&e.jsx("div",{className:"mt-8",children:e.jsx(ut,{payload:a,isTerminal:i,resolverPayload:r,onRetryTriage:l,isRetrying:s})}),(a==null?void 0:a.category)==="missing_credential"&&e.jsxs("div",{className:"mt-8 bg-status-warning/10 border border-status-warning/30 rounded-md px-5 py-4 flex items-start gap-3",children:[e.jsx(Ne,{size:20,className:"text-status-warning mt-0.5 shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-text-primary mb-1",children:"Missing Credential"}),e.jsxs("p",{className:"text-xs text-text-secondary mb-3",children:["This workflow requires a ",e.jsx("span",{className:"font-medium capitalize",children:String(a.provider)})," credential to continue. Register one and then resolve this escalation to retry."]}),e.jsxs(Ee,{to:"/credentials",className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(Ne,{size:12}),"Go to Credentials"]})]})]})]})}function Nt({isCollapsed:t,toggleSection:a,esc:i,escalationPayload:r,resolverPayload:l,triageData:s,payloadObj:m,isTerminal:o,claimedByMe:n,activeView:c,metadataFormSchema:x,json:p,onJsonChange:u,requestTriage:y,onRequestTriageChange:d,triageNotes:j,onTriageNotesChange:g,isDevMode:f,onResolve:S,onEscalate:R,submitAttempted:$,isCertified:A,hasAI:M}){return e.jsxs("div",{className:"mt-8 space-y-6",children:[f&&e.jsx(ae,{title:"Escalation Record",sectionKey:"record",isCollapsed:t("record"),onToggle:a,contentClassName:"mt-4 ml-9",children:e.jsx(yt,{esc:i})}),f&&e.jsx(ae,{title:"Input / Output",sectionKey:"context",isCollapsed:t("context"),onToggle:a,contentClassName:"mt-4 ml-9",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[!!i.envelope&&e.jsx("div",{children:e.jsx(te,{data:i.envelope,label:"Input Envelope"})}),r!=null&&e.jsx("div",{children:e.jsx(te,{data:r,label:"Escalation Context"})})]}),l!=null&&e.jsx("div",{className:"max-w-xl",children:e.jsx(te,{data:l,label:"Resolver Payload"})})]})}),f&&s&&m&&e.jsx(ae,{title:"AI Triage",sectionKey:"triage",isCollapsed:t("triage"),onToggle:a,contentClassName:"mt-4 ml-9",children:e.jsx(mt,{triage:s,payload:m})}),!f&&o&&l!=null&&(()=>{const C=typeof l=="object"&&l!==null?l:{},k=x,b=k?{...C,_form_schema:k}:C;return e.jsx("div",{className:"pt-6",children:e.jsx(Se,{value:JSON.stringify(b,null,2),onChange:()=>{},disabled:!0})})})(),!o&&(n||!f)&&c==="resolve"&&!!(i.workflow_type||x)&&(()=>{const C=x,k=C==null?void 0:C["x-lt-viewport"],b=(k==null?void 0:k.type)==="iframe"&&!!k.src&&S&&R;return f?e.jsx(ae,{title:"Submit Your Resolution",sectionKey:"resolver",isCollapsed:t("resolver"),onToggle:a,contentClassName:"mt-4 ml-9",children:b?e.jsx(_e,{src:k.src,escalation:i,schema:C,onResolve:S,onEscalate:R}):e.jsx(Te,{json:p,onJsonChange:u,requestTriage:y,onRequestTriageChange:d,triageNotes:j,onTriageNotesChange:g,isDevMode:f,submitAttempted:$,showTriage:!!A&&!!M})}):e.jsx("div",{className:"pt-6",children:b?e.jsx(_e,{src:k.src,escalation:i,schema:C,onResolve:S,onEscalate:R}):e.jsx(Te,{json:p,onJsonChange:u,requestTriage:y,onRequestTriageChange:d,triageNotes:j,onTriageNotesChange:g,isDevMode:f,disabled:!n,submitAttempted:$,showTriage:!!A&&!!M})})})()]})}function ce(t){if(!t)return null;try{return JSON.parse(t)}catch{return t}}function wt(t){if(!t)return!1;try{const a=JSON.parse(t);return!!(a&&typeof a=="object"&&a._triage)}catch{return!1}}function Vt(){var pe,he,fe,ge;const{id:t}=it(),{user:a,hasRoleType:i,hasRole:r}=Ue(),l=lt(),{data:s,isLoading:m}=ze(t);tt(t);const o=Be(),n=He(),c=Ke(),{data:x}=Ge((s==null?void 0:s.role)??""),{data:p}=et(),{data:u}=Ye(),y=i("admin")||i("superadmin")||r("engineer"),{isDevMode:d,toggleMode:j}=ct(!1),g=p==null?void 0:p.find(T=>T.workflow_type===(s==null?void 0:s.workflow_type)),f=((pe=u==null?void 0:u.telemetry)==null?void 0:pe.traceUrl)??null,[S,R]=h.useState("resolve"),[$,A]=h.useState("{}"),{isCollapsed:M,toggle:C,collapse:k,expand:b}=qe("escalation-detail"),[N,w]=h.useState(!1),[I,L]=h.useState(""),[V,Q]=h.useState(!1),_=(g==null?void 0:g.resolver_schema)??null,W=((he=s==null?void 0:s.metadata)==null?void 0:he.form_schema)??null,O=W??_,ee=h.useRef(!1);h.useEffect(()=>{if(ee.current)return;const T=W??(_!=null&&_.properties?_:null);if(T!=null&&T.properties){ee.current=!0;const je={_form_schema:T};for(const[Oe,Fe]of Object.entries(T.properties)){const Je=Fe;je[Oe]=Je.default??""}A(JSON.stringify(je,null,2))}else O&&(ee.current=!0,A(JSON.stringify(O,null,2)))},[O,W,_]);const K=wt(s==null?void 0:s.escalation_payload),v=(s==null?void 0:s.subtype)==="rounds_exhausted",X=(s==null?void 0:s.subtype)==="wait_for_human";if(h.useEffect(()=>{(K||v)&&k("context"),X&&W&&(k("context"),b("resolver"))},[K,v,X,W,k,b]),m)return e.jsxs("div",{className:"animate-pulse space-y-8",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-32 bg-surface-sunken rounded w-full"})]});if(!s)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Escalation not found."});const U=Ze(s),P=U&&s.assigned_to===(a==null?void 0:a.userId),Y=U&&!P,D=s.status==="resolved"||s.status==="cancelled",q=ce(s.escalation_payload),xe=ce(s.resolver_payload),ne=ce(s.envelope),Ie=!!((fe=ne==null?void 0:ne.metadata)!=null&&fe.certified),$e=!!((ge=u==null?void 0:u.ai)!=null&&ge.enabled),z=typeof q=="object"&&q!==null&&!Array.isArray(q)?q:null,Ae=z==null?void 0:z._triage,Me=D?"terminal":P?"claimed_by_me":Y?"claimed_by_other":"available",We=T=>{o.mutate({id:s.id,durationMinutes:T}),k("context"),k("triage"),b("resolver")},se=()=>l(-1),ue=async T=>{await n.mutateAsync({id:s.id,resolverPayload:T}),se()},me=async T=>{T&&(await c.mutateAsync({id:s.id,targetRole:T}),se())},Pe=async()=>{P||await o.mutateAsync({id:s.id,durationMinutes:30});const T=(z==null?void 0:z.diagnosis)||s.description||"";await n.mutateAsync({id:s.id,resolverPayload:{_lt:{needsTriage:!0},notes:T}}),se()},De=async()=>{await o.mutateAsync({id:s.id,durationMinutes:0}),se()},Le=y?e.jsx("button",{onClick:j,className:"text-text-tertiary hover:text-accent transition-colors",title:d?"Switch to user view":"Switch to developer view",children:d?e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5"})}):e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"})})}):void 0;return e.jsxs("div",{className:"min-h-[calc(100vh-9rem)] flex flex-col",children:[e.jsx(Qe,{title:"Escalation",actions:Le}),e.jsx(dt,{esc:s,claimedByMe:P,claimed:U,isTerminal:D,traceUrl:f,isDevMode:d,showDetails:!M("details"),onToggleDetails:()=>C("details")}),e.jsx(vt,{isRoundsExhausted:v,payloadObj:z,isTerminal:D,resolverPayload:xe,onRetryTriage:Pe,isRetrying:o.isPending||n.isPending}),e.jsx(Nt,{isCollapsed:M,toggleSection:C,esc:s,escalationPayload:q,resolverPayload:xe,triageData:Ae,payloadObj:z,isTerminal:D,claimedByMe:P,activeView:S,metadataFormSchema:W,json:$,onJsonChange:A,requestTriage:N,onRequestTriageChange:w,triageNotes:I,onTriageNotesChange:L,isDevMode:d,onResolve:ue,onEscalate:me,submitAttempted:V,isCertified:Ie,hasAI:$e}),e.jsx("div",{className:"flex-1"}),e.jsx(ot,{mode:Me,activeView:S,onActiveViewChange:R,onClaim:We,claimPending:o.isPending,workflowType:s.workflow_type,json:$,onResolve:ue,resolvePending:n.isPending,resolveError:n.error,requestTriage:N,triageNotes:I,currentRole:s.role,escalationTargets:(x==null?void 0:x.targets)??[],onEscalate:me,escalatePending:c.isPending,escalateError:c.error,onRelease:De,releasePending:o.isPending,assignedTo:s.assigned_to,assignedUntil:s.assigned_until,onSubmitAttempt:()=>Q(!0)})]})}export{Vt as EscalationDetailPage};
6
- //# sourceMappingURL=index-Dr8WJAGM.js.map
6
+ //# sourceMappingURL=index-qpt9aUuQ.js.map