@openhands/agent-canvas 1.13.0 → 1.15.0

package/dist/components/features/mcp-page/custom-server-editor.js

@@ -8,34 +8,34 @@ import "../../../utils/mcp-config.js";
 import { ModalBackdrop as s } from "../../shared/modals/modal-backdrop.js";
 import { modalTitleLgClassName as c } from "../../../utils/modal-classes.js";
 import { ModalCloseButton as l } from "../../shared/modals/modal-close-button.js";
-import { useUpdateMcpServer as u } from "../../../hooks/mutation/use-update-mcp-server.js";
-import d from "../../../api/mcp-service/mcp-service.api.js";
-import { seedMcpServerHealth as f } from "../../../api/mcp-health/probe-mcp-server-health.js";
-import { makeMcpTestErrorMessage as p } from "../../../utils/mcp-test-error-message.js";
-import { useAddMcpServer as m } from "../../../hooks/mutation/use-add-mcp-server.js";
-import { useTestMcpServer as h } from "../../../hooks/mutation/use-test-mcp-server.js";
-import { ConfirmationModal as g } from "../../shared/modals/confirmation-modal.js";
-import { MCPServerForm as _ } from "../settings/mcp-settings/mcp-server-form.js";
-import { useDeleteMcpServer as v } from "../../../hooks/mutation/use-delete-mcp-server.js";
+import u from "../../../api/mcp-service/mcp-service.api.js";
+import { seedMcpServerHealth as d } from "../../../api/mcp-health/probe-mcp-server-health.js";
+import { useAddMcpServer as f } from "../../../hooks/mutation/use-add-mcp-server.js";
+import { useTestMcpServer as p } from "../../../hooks/mutation/use-test-mcp-server.js";
+import { makeMcpTestErrorMessage as m } from "../../../utils/mcp-test-error-message.js";
+import { ConfirmationModal as h } from "../../shared/modals/confirmation-modal.js";
+import { useDeleteMcpServer as g } from "../../../hooks/mutation/use-delete-mcp-server.js";
+import { useUpdateMcpServer as _ } from "../../../hooks/mutation/use-update-mcp-server.js";
+import { MCPServerForm as v } from "../settings/mcp-settings/mcp-server-form.js";
 import y from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/features/mcp-page/custom-server-editor.tsx
 function C({ server: C, existingServers: w, onClose: T }) {
-	let { t: E } = e("openhands"), { mutate: D, isPending: O } = m(), { mutate: k, isPending: A } = u(), { mutate: j, isPending: M } = v(), { mutate: N, isPending: P, data: F, reset: I } = h(), [L, R] = y.useState(!1), [z, B] = y.useState(null), [V, H] = y.useState(!1), { backend: U } = o(), W = U.kind === "cloud", G = !!C.id, K = O || A || M, q = K || P || V || L, J = y.useMemo(() => {
+	let { t: E } = e("openhands"), { mutate: D, isPending: O } = f(), { mutate: k, isPending: A } = _(), { mutate: j, isPending: M } = g(), { mutate: N, isPending: P, data: F, reset: I } = p(), [L, R] = y.useState(!1), [z, B] = y.useState(null), [V, H] = y.useState(!1), { backend: U } = o(), W = U.kind === "cloud", G = !!C.id, K = O || A || M, q = K || P || V || L, J = y.useMemo(() => {
 		let e = z ?? F;
 		return e ? e.ok ? {
 			ok: !0,
 			text: E(t.MCP$TEST_SUCCESS, { count: e.tools.length })
 		} : {
 			ok: !1,
-			text: p(E, e.error_kind, e.error)
+			text: m(E, e.error_kind, e.error)
 		} : null;
 	}, [
 		z,
 		F,
 		E
 	]), Y = (e, t) => {
-		W || f(e, t, G ? w.filter((e) => e.id !== C.id) : w);
+		W || d(e, t, G ? w.filter((e) => e.id !== C.id) : w);
 	}, X = (e) => {
 		if (e instanceof Error && e.message === "Replace or clear the stored credential before renaming this MCP server.") {
 			i(e.message);
@@ -60,13 +60,13 @@ function C({ server: C, existingServers: w, onClose: T }) {
 					className: n("mb-4 pr-6", c),
 					children: E(G ? t.MCP$EDIT_CUSTOM_TITLE : t.MCP$ADD_CUSTOM_TITLE)
 				}),
-				/* @__PURE__ */ x(_, {
+				/* @__PURE__ */ x(v, {
 					mode: G ? "edit" : "add",
 					server: G ? C : void 0,
 					existingServers: w,
 					onSubmit: (e) => {
 						if (I(), B(null), e.auth?.strategy === "oauth2") {
-							H(!0), d.authorizeOAuth(e).then((t) => {
+							H(!0), u.authorizeOAuth(e).then((t) => {
 								if (B(t), !t.ok) return;
 								let n = t.oauth_state ? {
 									...e,
@@ -121,7 +121,7 @@ function C({ server: C, existingServers: w, onClose: T }) {
 					isActionDisabled: K,
 					onTest: W ? void 0 : (e) => {
 						if (B(null), e.auth?.strategy === "oauth2" && !W) {
-							H(!0), d.authorizeOAuth(e).then(B).catch(X).finally(() => H(!1));
+							H(!0), u.authorizeOAuth(e).then(B).catch(X).finally(() => H(!1));
 							return;
 						}
 						N(e);
@@ -131,7 +131,7 @@ function C({ server: C, existingServers: w, onClose: T }) {
 				})
 			]
 		})
-	}), L ? /* @__PURE__ */ x(g, {
+	}), L ? /* @__PURE__ */ x(h, {
 		text: E(t.SETTINGS$MCP_CONFIRM_DELETE),
 		onCancel: () => R(!1),
 		onConfirm: () => {

package/dist/components/features/mcp-page/index.cjs

@@ -1 +1 @@
-require("../../../_virtual/_rolldown/runtime.cjs"),require("./installed-server-card.cjs"),require("./installed-servers-section.cjs"),require("./marketplace-card.cjs"),require("./marketplace-section.cjs"),require("./save-as-secret-toggle.cjs"),require("./install-server-modal.cjs"),require("./custom-server-editor.cjs"),require("./mcp-toolbar.cjs");
+require("../../../_virtual/_rolldown/runtime.cjs"),require("./save-as-secret-toggle.cjs"),require("./install-server-modal.cjs"),require("./installed-server-card.cjs"),require("./installed-servers-section.cjs"),require("./marketplace-card.cjs"),require("./marketplace-section.cjs"),require("./custom-server-editor.cjs"),require("./mcp-toolbar.cjs");

package/dist/components/features/mcp-page/index.js

@@ -1,8 +1,8 @@
+import "./save-as-secret-toggle.js";
+import "./install-server-modal.js";
 import "./installed-server-card.js";
 import "./installed-servers-section.js";
 import "./marketplace-card.js";
 import "./marketplace-section.js";
-import "./save-as-secret-toggle.js";
-import "./install-server-modal.js";
 import "./custom-server-editor.js";
 import "./mcp-toolbar.js";

package/dist/components/features/mcp-page/install-server-modal.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/retrieve-axios-error-message.cjs"),i=require("../../../utils/custom-toast-handlers.cjs"),a=require("../../../contexts/active-backend-context.cjs"),o=require("../../../utils/mcp-server-name.cjs"),s=require("../../shared/modals/modal-backdrop.cjs"),c=require("../../../utils/modal-classes.cjs"),l=require("../../shared/modals/modal-close-button.cjs"),u=require("../settings/brand-button.cjs"),d=require("../settings/settings-input.cjs"),f=require("../../../utils/mcp-marketplace-utils.cjs"),p=require("../mcp-logo-badge.cjs"),m=require("../../../api/mcp-service/mcp-service.api.cjs"),h=require("../../../api/mcp-health/probe-mcp-server-health.cjs"),g=require("../../../utils/mcp-test-error-message.cjs"),_=require("./save-as-secret-toggle.cjs"),ee=require("../../../hooks/mutation/use-add-mcp-server.cjs"),te=require("../../../hooks/mutation/use-test-mcp-server.cjs"),v=require("../../../hooks/mutation/use-save-fields-as-secrets.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");function x(e){let t=/\[([^\]]+)\]\(([^)]+)\)/g,n=[],r=0;for(let i of e.matchAll(t))i.index>r&&n.push(e.slice(r,i.index)),n.push((0,b.jsx)(`a`,{href:/^https?:\/\//i.test(i[2])?i[2]:`#`,target:`_blank`,rel:`noreferrer`,className:`underline hover:text-white transition-colors`,children:i[1]},i.index)),r=i.index+i[0].length;return r<e.length&&n.push(e.slice(r)),n}function S(e){return e?.transport.kind!==`shttp`&&e?.transport.kind!==`sse`?!1:[`api_key`,`bearer`].includes(e.auth.strategy)}function C(e){return!!e&&e.auth.strategy===`oauth2`}function w(e){return e.transport.kind===`stdio`?e.auth.apiKeyOptional??!1:e.auth.apiKeyOptional??e.transport.apiKeyOptional??!1}function T(e){return e?.transport.kind!==`shttp`&&e?.transport.kind!==`sse`?[]:e.transport.headerFields??[]}function E(e){let t={},n={},r=f.getInstallableMcpConnectionOption(e),i=r?.transport;if(i?.kind===`stdio`){for(let e of i.envFields??[])t[e.key]=``,n[e.key]=e.type===`password`;for(let e of i.argFields??[])t[e.key]=``}else if(i?.kind===`shttp`||i?.kind===`sse`){t.url=i.url;for(let e of T(r))t[e.key]=``,n[e.key]=e.type===`password`;S(r)&&(t.api_key=``,r?.auth.credentialSecretName&&(n.api_key=r.auth.saveCredentialAsSecretByDefault??!1))}return{values:t,errors:{},savedAsSecret:n}}function D({entry:e,existingServers:D,onClose:O,onSuccess:k}){let{t:A}=t.useTranslation(`openhands`),{mutate:j,isPending:M}=ee.useAddMcpServer(),{mutate:N,isPending:P}=te.useTestMcpServer(),F=v.useSaveFieldsAsSecrets(),{backend:I}=a.useActiveBackend(),L=I.kind===`cloud`,[R,z]=y.default.useState(()=>E(e)),B=y.default.useRef(R);B.current=R;let[V,H]=y.default.useState(null),[U,W]=y.default.useState(!1),[G,K]=y.default.useState(!1),q=f.getInstallableMcpConnectionOption(e),J=q?.transport,Y=P||G||M||U,X=(e,t)=>{z(n=>({...n,values:{...n.values,[e]:t},errors:{...n.errors,[e]:null}})),H(null)},Z=(e,t)=>{z(n=>({...n,savedAsSecret:{...n.savedAsSecret,[e]:t}}))},ne=()=>{let e=q?.auth.credentialSecretName,t=B.current.values.api_key?.trim();return!e||!t||!B.current.savedAsSecret.api_key?Promise.resolve():F([{key:e,label:q.auth.credentialLabel??e,type:`password`,required:!0}],{[e]:t},{[e]:!0})},Q=()=>J?.kind===`stdio`?F(J.envFields??[],B.current.values,B.current.savedAsSecret):J?.kind===`shttp`||J?.kind===`sse`?Promise.all([ne(),F(T(q),B.current.values,B.current.savedAsSecret)]).then(()=>void 0):Promise.resolve(),$=t=>{if(t.auth?.strategy===`oauth2`){K(!0),m.default.authorizeOAuth(t).then(a=>{if(!a.ok){H(g.makeMcpTestErrorMessage(A,a.error_kind,a.error));return}let o=a.oauth_state?{...t,auth:{...t.auth,state:a.oauth_state}}:t;j(o,{onSuccess:()=>{L||h.seedMcpServerHealth(o,a,D),i.displaySuccessToast(A(n.I18nKey.MCP$INSTALL_SUCCESS)),W(!0),(async()=>{try{await Q()}finally{k?.(e),O()}})()},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})}).catch(e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}).finally(()=>K(!1));return}N(t,{onSuccess:a=>{if(!a.ok){H(g.makeMcpTestErrorMessage(A,a.error_kind,a.error));return}let o=a.oauth_state&&t.auth?.strategy===`oauth2`?{...t,auth:{...t.auth,state:a.oauth_state}}:t;j(o,{onSuccess:()=>{L||h.seedMcpServerHealth(o,a,D),i.displaySuccessToast(A(n.I18nKey.MCP$INSTALL_SUCCESS)),W(!0),(async()=>{try{await Q()}finally{k?.(e),O()}})()},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})},re=()=>{if(J?.kind!==`shttp`&&J?.kind!==`sse`||!q)return;let t=R.values.api_key?.trim()??``,r=J.urlEditable?R.values.url?.trim()??``:J.url,i=C(q),a=S(q),s=T(q),c={};if(!r)c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);else try{let e=new URL(r);[`http:`,`https:`].includes(e.protocol)||(c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL))}catch{c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID)}for(let e of s)e.required&&!(R.values[e.key]??``).trim()&&(c[e.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));if(!i&&a&&!w(q)&&!t&&(c.api_key=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED)),Object.values(c).some(Boolean)){z(e=>({...e,errors:c}));return}let l=i?f.getMcpOAuthAuthenticationConfig(q):void 0,u=Object.fromEntries(s.map(e=>[e.key,R.values[e.key]?.trim()??``]).filter(([,e])=>e)),d=Object.keys(u).length>0,p;i?p={strategy:`oauth2`,...l&&{authentication:l}}:a&&t?p=q.auth.strategy===`api_key`?{strategy:`api_key`,value:t,...q.auth.apiKeyHeaderName&&{header_name:q.auth.apiKeyHeaderName}}:{strategy:`bearer`,value:t}:d&&(p={strategy:`header`,headers:u}),$({id:``,type:J.kind,name:o.toMcpServerName(e.id),url:r,...p&&{auth:p},...d&&p?.strategy!==`header`&&{headers:u}})},ie=()=>{if(J?.kind!==`stdio`)return;let e=J,t={};for(let r of e.envFields??[])r.required&&!(R.values[r.key]??``).trim()&&(t[r.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));for(let r of e.argFields??[])r.required&&!(R.values[r.key]??``).trim()&&(t[r.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));if(Object.values(t).some(Boolean)){z(e=>({...e,errors:t}));return}let r={};for(let t of e.envFields??[]){let e=R.values[t.key]?.trim();e&&(r[t.key]=e)}let i=[];for(let t of e.argFields??[]){let e=R.values[t.key]?.trim();if(e)for(let t of e.split(/\s+/))t&&i.push(t)}$({id:``,type:`stdio`,name:e.serverName,command:e.command,args:[...e.args,...i],...Object.keys(r).length>0&&{env:r}})};return(0,b.jsx)(s.ModalBackdrop,{onClose:O,"aria-label":e.name,children:(0,b.jsxs)(`form`,{"data-testid":`mcp-install-modal`,"data-marketplace-id":e.id,onSubmit:e=>(e.preventDefault(),H(null),J?.kind===`shttp`||J?.kind===`sse`?re():ie()),className:`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar`,children:[(0,b.jsx)(l.ModalCloseButton,{onClose:O,testId:`mcp-install-modal-close`,disabled:Y}),(0,b.jsxs)(`div`,{className:`flex items-start gap-3 pr-6`,children:[(0,b.jsx)(p.McpLogoBadge,{entry:e}),(0,b.jsxs)(`div`,{className:`flex flex-col flex-1`,children:[(0,b.jsx)(`h2`,{className:c.modalTitleLgClassName,children:e.name}),(0,b.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.description})]})]}),e.installHint&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.installHint}),e.docsUrl&&(0,b.jsx)(`a`,{href:e.docsUrl,target:`_blank`,rel:`noreferrer`,className:`text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors`,children:A(n.I18nKey.MCP$VIEW_DOCS)}),(0,b.jsx)(`div`,{className:`flex flex-col gap-3`,children:(()=>{if(J?.kind===`shttp`||J?.kind===`sse`){let e=C(q),t=S(q),r=q?w(q):!1,i=q?.auth.credentialSecretName,a=T(q);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-url`,name:`url`,type:`url`,label:A(n.I18nKey.SETTINGS$MCP_URL),value:R.values.url??J.url,onChange:e=>X(`url`,e),isDisabled:!J.urlEditable,className:`w-full`}),R.errors.url&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors.url}),a.map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]}),e.key in R.savedAsSecret&&(0,b.jsx)(_.SaveAsSecretToggle,{fieldKey:e.key,checked:R.savedAsSecret[e.key]??!1,onToggle:t=>Z(e.key,t)})]},e.key)),e?(0,b.jsxs)(`div`,{"data-testid":`mcp-install-oauth-info`,className:`flex flex-col gap-2 p-3 rounded-lg border border-[var(--oh-border)] bg-base-tertiary`,children:[(0,b.jsx)(`p`,{className:`text-sm text-secondary-light`,children:A(n.I18nKey.MCP$OAUTH_CONNECT_INFO)}),(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:A(n.I18nKey.MCP$OAUTH_CONNECT_HINT)})]}):t?(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-api_key`,name:`api_key`,type:`password`,label:q?.auth.credentialLabel??A(n.I18nKey.SETTINGS$MCP_API_KEY),value:R.values.api_key??``,onChange:e=>X(`api_key`,e),placeholder:q?.auth.credentialPlaceholder??A(n.I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER),showOptionalTag:r,required:!r,className:`w-full`}),q?.auth.credentialHelp&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(q.auth.credentialHelp)}),R.errors.api_key&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors.api_key}),i&&(0,b.jsx)(_.SaveAsSecretToggle,{fieldKey:i,checked:R.savedAsSecret.api_key??!1,onToggle:e=>Z(`api_key`,e)})]}):null]})}if(J?.kind!==`stdio`)return null;let e=J;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-command-readonly`,name:`command-readonly`,type:`text`,label:A(n.I18nKey.MCP$COMMAND_LABEL),value:`${e.command} ${e.args.join(` `)}`.trim(),onChange:()=>{},isDisabled:!0,className:`w-full`}),(e.envFields??[]).map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]}),e.key in R.savedAsSecret&&(0,b.jsx)(_.SaveAsSecretToggle,{fieldKey:e.key,checked:R.savedAsSecret[e.key],onToggle:t=>Z(e.key,t)})]},e.key)),(e.argFields??[]).map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]})]},e.key))]})})()}),V&&(0,b.jsx)(`p`,{"data-testid":`mcp-install-modal-error`,className:`text-sm text-red-500 whitespace-pre-wrap`,children:V}),(0,b.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2`,children:[(0,b.jsx)(u.BrandButton,{type:`button`,variant:`secondary`,onClick:O,testId:`mcp-install-cancel`,isDisabled:Y,children:A(n.I18nKey.BUTTON$CANCEL)}),(0,b.jsx)(u.BrandButton,{type:`submit`,variant:`primary`,isDisabled:Y,testId:`mcp-install-submit`,children:A(P||G?n.I18nKey.MCP$VERIFYING:M||U?n.I18nKey.SETTINGS$SAVING:n.I18nKey.MCP$INSTALL_BUTTON)})]})]})})}exports.InstallServerModal=D;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/retrieve-axios-error-message.cjs"),i=require("../../../utils/custom-toast-handlers.cjs"),a=require("../../../contexts/active-backend-context.cjs"),o=require("../../../utils/mcp-server-name.cjs"),s=require("../../shared/modals/modal-backdrop.cjs"),c=require("../../../utils/modal-classes.cjs"),l=require("../../shared/modals/modal-close-button.cjs"),u=require("../settings/brand-button.cjs"),d=require("../mcp-logo-badge.cjs"),f=require("../../../utils/mcp-marketplace-utils.cjs"),p=require("../settings/settings-input.cjs"),m=require("./save-as-secret-toggle.cjs"),h=require("../../../api/mcp-service/mcp-service.api.cjs"),g=require("../../../api/mcp-health/probe-mcp-server-health.cjs"),_=require("../../../hooks/mutation/use-add-mcp-server.cjs"),ee=require("../../../hooks/mutation/use-test-mcp-server.cjs"),te=require("../../../hooks/mutation/use-save-fields-as-secrets.cjs"),v=require("../../../utils/mcp-test-error-message.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");function x(e){let t=/\[([^\]]+)\]\(([^)]+)\)/g,n=[],r=0;for(let i of e.matchAll(t))i.index>r&&n.push(e.slice(r,i.index)),n.push((0,b.jsx)(`a`,{href:/^https?:\/\//i.test(i[2])?i[2]:`#`,target:`_blank`,rel:`noreferrer`,className:`underline hover:text-white transition-colors`,children:i[1]},i.index)),r=i.index+i[0].length;return r<e.length&&n.push(e.slice(r)),n}function S(e){return e?.transport.kind!==`shttp`&&e?.transport.kind!==`sse`?!1:[`api_key`,`bearer`].includes(e.auth.strategy)}function C(e){return!!e&&e.auth.strategy===`oauth2`}function w(e){return e.transport.kind===`stdio`?e.auth.apiKeyOptional??!1:e.auth.apiKeyOptional??e.transport.apiKeyOptional??!1}function T(e){return e?.transport.kind!==`shttp`&&e?.transport.kind!==`sse`?[]:e.transport.headerFields??[]}function E(e){let t={},n={},r=f.getInstallableMcpConnectionOption(e),i=r?.transport;if(i?.kind===`stdio`){for(let e of i.envFields??[])t[e.key]=``,n[e.key]=e.type===`password`;for(let e of i.argFields??[])t[e.key]=``}else if(i?.kind===`shttp`||i?.kind===`sse`){t.url=i.url;for(let e of T(r))t[e.key]=``,n[e.key]=e.type===`password`;S(r)&&(t.api_key=``,r?.auth.credentialSecretName&&(n.api_key=r.auth.saveCredentialAsSecretByDefault??!1))}return{values:t,errors:{},savedAsSecret:n}}function D({entry:e,existingServers:D,onClose:O,onSuccess:k}){let{t:A}=t.useTranslation(`openhands`),{mutate:j,isPending:M}=_.useAddMcpServer(),{mutate:N,isPending:P}=ee.useTestMcpServer(),F=te.useSaveFieldsAsSecrets(),{backend:I}=a.useActiveBackend(),L=I.kind===`cloud`,[R,z]=y.default.useState(()=>E(e)),B=y.default.useRef(R);B.current=R;let[V,H]=y.default.useState(null),[U,W]=y.default.useState(!1),[G,K]=y.default.useState(!1),q=f.getInstallableMcpConnectionOption(e),J=q?.transport,Y=P||G||M||U,X=(e,t)=>{z(n=>({...n,values:{...n.values,[e]:t},errors:{...n.errors,[e]:null}})),H(null)},Z=(e,t)=>{z(n=>({...n,savedAsSecret:{...n.savedAsSecret,[e]:t}}))},ne=()=>{let e=q?.auth.credentialSecretName,t=B.current.values.api_key?.trim();return!e||!t||!B.current.savedAsSecret.api_key?Promise.resolve():F([{key:e,label:q.auth.credentialLabel??e,type:`password`,required:!0}],{[e]:t},{[e]:!0})},Q=()=>J?.kind===`stdio`?F(J.envFields??[],B.current.values,B.current.savedAsSecret):J?.kind===`shttp`||J?.kind===`sse`?Promise.all([ne(),F(T(q),B.current.values,B.current.savedAsSecret)]).then(()=>void 0):Promise.resolve(),$=t=>{if(t.auth?.strategy===`oauth2`){K(!0),h.default.authorizeOAuth(t).then(a=>{if(!a.ok){H(v.makeMcpTestErrorMessage(A,a.error_kind,a.error));return}let o=a.oauth_state?{...t,auth:{...t.auth,state:a.oauth_state}}:t;j(o,{onSuccess:()=>{L||g.seedMcpServerHealth(o,a,D),i.displaySuccessToast(A(n.I18nKey.MCP$INSTALL_SUCCESS)),W(!0),(async()=>{try{await Q()}finally{k?.(e),O()}})()},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})}).catch(e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}).finally(()=>K(!1));return}N(t,{onSuccess:a=>{if(!a.ok){H(v.makeMcpTestErrorMessage(A,a.error_kind,a.error));return}let o=a.oauth_state&&t.auth?.strategy===`oauth2`?{...t,auth:{...t.auth,state:a.oauth_state}}:t;j(o,{onSuccess:()=>{L||g.seedMcpServerHealth(o,a,D),i.displaySuccessToast(A(n.I18nKey.MCP$INSTALL_SUCCESS)),W(!0),(async()=>{try{await Q()}finally{k?.(e),O()}})()},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})},re=()=>{if(J?.kind!==`shttp`&&J?.kind!==`sse`||!q)return;let t=R.values.api_key?.trim()??``,r=J.urlEditable?R.values.url?.trim()??``:J.url,i=C(q),a=S(q),s=T(q),c={};if(!r)c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);else try{let e=new URL(r);[`http:`,`https:`].includes(e.protocol)||(c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL))}catch{c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID)}for(let e of s)e.required&&!(R.values[e.key]??``).trim()&&(c[e.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));if(!i&&a&&!w(q)&&!t&&(c.api_key=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED)),Object.values(c).some(Boolean)){z(e=>({...e,errors:c}));return}let l=i?f.getMcpOAuthAuthenticationConfig(q):void 0,u=Object.fromEntries(s.map(e=>[e.key,R.values[e.key]?.trim()??``]).filter(([,e])=>e)),d=Object.keys(u).length>0,p;i?p={strategy:`oauth2`,...l&&{authentication:l}}:a&&t?p=q.auth.strategy===`api_key`?{strategy:`api_key`,value:t,...q.auth.apiKeyHeaderName&&{header_name:q.auth.apiKeyHeaderName}}:{strategy:`bearer`,value:t}:d&&(p={strategy:`header`,headers:u}),$({id:``,type:J.kind,name:o.toMcpServerName(e.id),url:r,...p&&{auth:p},...d&&p?.strategy!==`header`&&{headers:u}})},ie=()=>{if(J?.kind!==`stdio`)return;let e=J,t={};for(let r of e.envFields??[])r.required&&!(R.values[r.key]??``).trim()&&(t[r.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));for(let r of e.argFields??[])r.required&&!(R.values[r.key]??``).trim()&&(t[r.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));if(Object.values(t).some(Boolean)){z(e=>({...e,errors:t}));return}let r={};for(let t of e.envFields??[]){let e=R.values[t.key]?.trim();e&&(r[t.key]=e)}let i=[];for(let t of e.argFields??[]){let e=R.values[t.key]?.trim();if(e)for(let t of e.split(/\s+/))t&&i.push(t)}$({id:``,type:`stdio`,name:e.serverName,command:e.command,args:[...e.args,...i],...Object.keys(r).length>0&&{env:r}})};return(0,b.jsx)(s.ModalBackdrop,{onClose:O,"aria-label":e.name,children:(0,b.jsxs)(`form`,{"data-testid":`mcp-install-modal`,"data-marketplace-id":e.id,onSubmit:e=>(e.preventDefault(),H(null),J?.kind===`shttp`||J?.kind===`sse`?re():ie()),className:`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar`,children:[(0,b.jsx)(l.ModalCloseButton,{onClose:O,testId:`mcp-install-modal-close`,disabled:Y}),(0,b.jsxs)(`div`,{className:`flex items-start gap-3 pr-6`,children:[(0,b.jsx)(d.McpLogoBadge,{entry:e}),(0,b.jsxs)(`div`,{className:`flex flex-col flex-1`,children:[(0,b.jsx)(`h2`,{className:c.modalTitleLgClassName,children:e.name}),(0,b.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.description})]})]}),e.installHint&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.installHint}),e.docsUrl&&(0,b.jsx)(`a`,{href:e.docsUrl,target:`_blank`,rel:`noreferrer`,className:`text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors`,children:A(n.I18nKey.MCP$VIEW_DOCS)}),(0,b.jsx)(`div`,{className:`flex flex-col gap-3`,children:(()=>{if(J?.kind===`shttp`||J?.kind===`sse`){let e=C(q),t=S(q),r=q?w(q):!1,i=q?.auth.credentialSecretName,a=T(q);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-url`,name:`url`,type:`url`,label:A(n.I18nKey.SETTINGS$MCP_URL),value:R.values.url??J.url,onChange:e=>X(`url`,e),isDisabled:!J.urlEditable,className:`w-full`}),R.errors.url&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors.url}),a.map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]}),e.key in R.savedAsSecret&&(0,b.jsx)(m.SaveAsSecretToggle,{fieldKey:e.key,checked:R.savedAsSecret[e.key]??!1,onToggle:t=>Z(e.key,t)})]},e.key)),e?(0,b.jsxs)(`div`,{"data-testid":`mcp-install-oauth-info`,className:`flex flex-col gap-2 p-3 rounded-lg border border-[var(--oh-border)] bg-base-tertiary`,children:[(0,b.jsx)(`p`,{className:`text-sm text-secondary-light`,children:A(n.I18nKey.MCP$OAUTH_CONNECT_INFO)}),(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:A(n.I18nKey.MCP$OAUTH_CONNECT_HINT)})]}):t?(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-api_key`,name:`api_key`,type:`password`,label:q?.auth.credentialLabel??A(n.I18nKey.SETTINGS$MCP_API_KEY),value:R.values.api_key??``,onChange:e=>X(`api_key`,e),placeholder:q?.auth.credentialPlaceholder??A(n.I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER),showOptionalTag:r,required:!r,className:`w-full`}),q?.auth.credentialHelp&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(q.auth.credentialHelp)}),R.errors.api_key&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors.api_key}),i&&(0,b.jsx)(m.SaveAsSecretToggle,{fieldKey:i,checked:R.savedAsSecret.api_key??!1,onToggle:e=>Z(`api_key`,e)})]}):null]})}if(J?.kind!==`stdio`)return null;let e=J;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-command-readonly`,name:`command-readonly`,type:`text`,label:A(n.I18nKey.MCP$COMMAND_LABEL),value:`${e.command} ${e.args.join(` `)}`.trim(),onChange:()=>{},isDisabled:!0,className:`w-full`}),(e.envFields??[]).map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]}),e.key in R.savedAsSecret&&(0,b.jsx)(m.SaveAsSecretToggle,{fieldKey:e.key,checked:R.savedAsSecret[e.key],onToggle:t=>Z(e.key,t)})]},e.key)),(e.argFields??[]).map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]})]},e.key))]})})()}),V&&(0,b.jsx)(`p`,{"data-testid":`mcp-install-modal-error`,className:`text-sm text-red-500 whitespace-pre-wrap`,children:V}),(0,b.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2`,children:[(0,b.jsx)(u.BrandButton,{type:`button`,variant:`secondary`,onClick:O,testId:`mcp-install-cancel`,isDisabled:Y,children:A(n.I18nKey.BUTTON$CANCEL)}),(0,b.jsx)(u.BrandButton,{type:`submit`,variant:`primary`,isDisabled:Y,testId:`mcp-install-submit`,children:A(P||G?n.I18nKey.MCP$VERIFYING:M||U?n.I18nKey.SETTINGS$SAVING:n.I18nKey.MCP$INSTALL_BUTTON)})]})]})})}exports.InstallServerModal=D;
 //# sourceMappingURL=install-server-modal.cjs.map

package/dist/components/features/mcp-page/install-server-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"install-server-modal.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/install-server-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { AxiosError } from \"axios\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SaveAsSecretToggle } from \"#/components/features/mcp-page/save-as-secret-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type {\n  IntegrationCatalogEntry as MarketplaceEntry,\n  MarketplaceField,\n} from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport type { MCPAuthCredential } from \"#/types/mcp-auth\";\nimport { seedMcpServerHealth } from \"#/api/mcp-health/probe-mcp-server-health\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport {\n  getMcpOAuthAuthenticationConfig,\n  getInstallableMcpConnectionOption,\n  type McpMarketplaceConnectionOption,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { useSaveFieldsAsSecrets } from \"#/hooks/mutation/use-save-fields-as-secrets\";\nimport { makeMcpTestErrorMessage } from \"#/utils/mcp-test-error-message\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\nimport { toMcpServerName } from \"#/utils/mcp-server-name\";\n\n/**\n * Renders a helperText string as React nodes, converting any `[text](url)`\n * markdown links into real `<a>` elements. Plain text segments are left as-is.\n * Only `http:` and `https:` URLs are rendered as links; anything else falls\n * back to `#` to guard against `javascript:` / `data:` XSS vectors.\n */\nfunction renderHelperText(text: string): React.ReactNode {\n  const linkPattern = /\\[([^\\]]+)\\]\\(([^)]+)\\)/g;\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  for (const match of text.matchAll(linkPattern)) {\n    if (match.index > lastIndex) {\n      parts.push(text.slice(lastIndex, match.index));\n    }\n    parts.push(\n      <a\n        key={match.index}\n        href={/^https?:\\/\\//i.test(match[2]) ? match[2] : \"#\"}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        className=\"underline hover:text-white transition-colors\"\n      >\n        {match[1]}\n      </a>,\n    );\n    lastIndex = match.index + match[0].length;\n  }\n  if (lastIndex < text.length) {\n    parts.push(text.slice(lastIndex));\n  }\n  return parts;\n}\n\ninterface InstallServerModalProps {\n  entry: MarketplaceEntry;\n  /** Servers installed before this modal opened — guards health seeding. */\n  existingServers: MCPServerConfig[];\n  onClose: () => void;\n  onSuccess?: (entry: MarketplaceEntry) => void;\n}\n\ninterface FieldState {\n  values: Record<string, string>;\n  errors: Record<string, string | null>;\n  savedAsSecret: Record<string, boolean>;\n}\n\nfunction optionNeedsCredentialField(\n  option: McpMarketplaceConnectionOption | undefined,\n): boolean {\n  if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n    return false;\n  }\n  return [\"api_key\", \"bearer\"].includes(option.auth.strategy);\n}\n\nfunction isOAuthOption(\n  option: McpMarketplaceConnectionOption | undefined,\n): boolean {\n  return !!option && option.auth.strategy === \"oauth2\";\n}\n\nfunction isCredentialOptional(option: McpMarketplaceConnectionOption): boolean {\n  if (option.transport.kind === \"stdio\") {\n    return option.auth.apiKeyOptional ?? false;\n  }\n  return option.auth.apiKeyOptional ?? option.transport.apiKeyOptional ?? false;\n}\n\nfunction getRemoteHeaderFields(\n  option: McpMarketplaceConnectionOption | undefined,\n): MarketplaceField[] {\n  if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n    return [];\n  }\n  return option.transport.headerFields ?? [];\n}\n\nfunction makeInitialState(entry: MarketplaceEntry): FieldState {\n  const values: Record<string, string> = {};\n  const savedAsSecret: Record<string, boolean> = {};\n  const option = getInstallableMcpConnectionOption(entry);\n  const template = option?.transport;\n  if (template?.kind === \"stdio\") {\n    for (const field of template.envFields ?? []) {\n      values[field.key] = \"\";\n      // Pre-check password fields; non-password fields default to off.\n      savedAsSecret[field.key] = field.type === \"password\";\n    }\n    for (const field of template.argFields ?? []) {\n      values[field.key] = \"\";\n    }\n  } else if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n    values.url = template.url;\n    for (const field of getRemoteHeaderFields(option)) {\n      values[field.key] = \"\";\n      savedAsSecret[field.key] = field.type === \"password\";\n    }\n    if (optionNeedsCredentialField(option)) {\n      values.api_key = \"\";\n      if (option?.auth.credentialSecretName) {\n        savedAsSecret.api_key =\n          option.auth.saveCredentialAsSecretByDefault ?? false;\n      }\n    }\n  }\n  return { values, errors: {}, savedAsSecret };\n}\n\n// The marketplace install modal is intentionally add-only: clicking\n// a catalog tile always appends a new server (the user might want\n// two Slack workspaces, two Postgres connections, etc.) even when\n// one of the same template kind is already installed. Editing an\n// existing server is reached via the installed-server-card's edit\n// button, which opens `CustomServerEditor` instead.\nexport function InstallServerModal({\n  entry,\n  existingServers,\n  onClose,\n  onSuccess,\n}: InstallServerModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n  const { mutate: testMcpServer, isPending: isTesting } = useTestMcpServer();\n  const saveFieldsAsSecrets = useSaveFieldsAsSecrets();\n  // Cloud backends get a synthetic test success (no local test endpoint);\n  // never seed card health from it.\n  const { backend } = useActiveBackend();\n  const isCloudBackend = backend.kind === \"cloud\";\n\n  const [state, setState] = React.useState<FieldState>(() =>\n    makeInitialState(entry),\n  );\n  // Always holds the latest state so async callbacks (onSuccess) never read\n  // stale closure values, even under React concurrent-mode scheduling.\n  const stateRef = React.useRef(state);\n  stateRef.current = state;\n\n  const [globalError, setGlobalError] = React.useState<string | null>(null);\n  const [isFinalizingInstall, setIsFinalizingInstall] = React.useState(false);\n  const [isAuthorizingOAuth, setIsAuthorizingOAuth] = React.useState(false);\n  const option = getInstallableMcpConnectionOption(entry);\n  const template = option?.transport;\n\n  const isPending =\n    isTesting || isAuthorizingOAuth || isAdding || isFinalizingInstall;\n\n  const setValue = (key: string, value: string) => {\n    setState((prev) => ({\n      ...prev,\n      values: { ...prev.values, [key]: value },\n      errors: { ...prev.errors, [key]: null },\n    }));\n    setGlobalError(null);\n  };\n\n  const toggleSecret = (key: string, value: boolean) => {\n    setState((prev) => ({\n      ...prev,\n      savedAsSecret: { ...prev.savedAsSecret, [key]: value },\n    }));\n  };\n\n  const saveHostedCredentialAsSecret = (): Promise<void> => {\n    const secretName = option?.auth.credentialSecretName;\n    const apiKey = stateRef.current.values.api_key?.trim();\n    if (!secretName || !apiKey || !stateRef.current.savedAsSecret.api_key) {\n      return Promise.resolve();\n    }\n\n    const field: MarketplaceField = {\n      key: secretName,\n      label: option.auth.credentialLabel ?? secretName,\n      type: \"password\",\n      required: true,\n    };\n    return saveFieldsAsSecrets(\n      [field],\n      { [secretName]: apiKey },\n      { [secretName]: true },\n    );\n  };\n\n  const saveSelectedSecrets = (): Promise<void> => {\n    if (template?.kind === \"stdio\") {\n      return saveFieldsAsSecrets(\n        template.envFields ?? [],\n        stateRef.current.values,\n        stateRef.current.savedAsSecret,\n      );\n    }\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      return Promise.all([\n        saveHostedCredentialAsSecret(),\n        saveFieldsAsSecrets(\n          getRemoteHeaderFields(option),\n          stateRef.current.values,\n          stateRef.current.savedAsSecret,\n        ),\n      ]).then(() => undefined);\n    }\n    return Promise.resolve();\n  };\n\n  const submitServer = (payload: MCPServerConfig) => {\n    if (payload.auth?.strategy === \"oauth2\") {\n      setIsAuthorizingOAuth(true);\n      void McpService.authorizeOAuth(payload)\n        .then((result) => {\n          if (!result.ok) {\n            setGlobalError(\n              makeMcpTestErrorMessage(t, result.error_kind, result.error),\n            );\n            return;\n          }\n          const serverToSave = result.oauth_state\n            ? {\n                ...payload,\n                auth: { ...payload.auth!, state: result.oauth_state },\n              }\n            : payload;\n          addMcpServer(serverToSave, {\n            onSuccess: () => {\n              if (!isCloudBackend) {\n                seedMcpServerHealth(serverToSave, result, existingServers);\n              }\n              displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n              setIsFinalizingInstall(true);\n              void (async () => {\n                try {\n                  await saveSelectedSecrets();\n                } finally {\n                  onSuccess?.(entry);\n                  onClose();\n                }\n              })();\n            },\n            onError: (err: unknown) => {\n              const message = retrieveAxiosErrorMessage(err as AxiosError);\n              setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n            },\n          });\n        })\n        .catch((err: unknown) => {\n          const message = retrieveAxiosErrorMessage(err as AxiosError);\n          setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n        })\n        .finally(() => setIsAuthorizingOAuth(false));\n      return;\n    }\n    testMcpServer(payload, {\n      onSuccess: (result) => {\n        if (!result.ok) {\n          setGlobalError(\n            makeMcpTestErrorMessage(t, result.error_kind, result.error),\n          );\n          // Modal stays open — do NOT call onClose.\n          return;\n        }\n        const serverToSave =\n          result.oauth_state && payload.auth?.strategy === \"oauth2\"\n            ? {\n                ...payload,\n                auth: { ...payload.auth, state: result.oauth_state },\n              }\n            : payload;\n        addMcpServer(serverToSave, {\n          onSuccess: () => {\n            if (!isCloudBackend) {\n              seedMcpServerHealth(serverToSave, result, existingServers);\n            }\n            displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n            setIsFinalizingInstall(true);\n            void (async () => {\n              try {\n                await saveSelectedSecrets();\n              } finally {\n                onSuccess?.(entry);\n                onClose();\n              }\n            })();\n          },\n          onError: (err: unknown) => {\n            const message = retrieveAxiosErrorMessage(err as AxiosError);\n            setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n          },\n        });\n      },\n      onError: (err: unknown) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n      },\n    });\n  };\n\n  // ------------------------------------------------------------------\n  // Per-template submit handlers. Each is small and self-contained:\n  // validate user input, build the payload, then hand off to\n  // submitServer.\n  // ------------------------------------------------------------------\n  const handleHttpServerSubmit = () => {\n    // TS narrows this branch to shttp|sse; the equality guard is a\n    // runtime/defensive belt to make the helper safe in isolation.\n    if (template?.kind !== \"shttp\" && template?.kind !== \"sse\") {\n      return;\n    }\n    if (!option) return;\n    const apiKey = state.values.api_key?.trim() ?? \"\";\n    const url = template.urlEditable\n      ? (state.values.url?.trim() ?? \"\")\n      : template.url;\n    const oauthMode = isOAuthOption(option);\n    const needsCredential = optionNeedsCredentialField(option);\n    const headerFields = getRemoteHeaderFields(option);\n    const headerErrors: Record<string, string | null> = {};\n    if (!url) {\n      headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n    } else {\n      try {\n        const parsedUrl = new URL(url);\n        if (![\"http:\", \"https:\"].includes(parsedUrl.protocol)) {\n          headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n        }\n      } catch {\n        headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n      }\n    }\n    for (const field of headerFields) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        headerErrors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    if (\n      !oauthMode &&\n      needsCredential &&\n      !isCredentialOptional(option) &&\n      !apiKey\n    ) {\n      headerErrors.api_key = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n    }\n    if (Object.values(headerErrors).some(Boolean)) {\n      setState((prev) => ({ ...prev, errors: headerErrors }));\n      return;\n    }\n    const oauthAuthentication = oauthMode\n      ? getMcpOAuthAuthenticationConfig(option)\n      : undefined;\n    const fieldHeaders = Object.fromEntries(\n      headerFields\n        .map((field) => [field.key, state.values[field.key]?.trim() ?? \"\"])\n        .filter(([, value]) => value),\n    );\n    const hasFieldHeaders = Object.keys(fieldHeaders).length > 0;\n    let auth: MCPAuthCredential | undefined;\n    if (oauthMode) {\n      auth = {\n        strategy: \"oauth2\",\n        ...(oauthAuthentication && { authentication: oauthAuthentication }),\n      };\n    } else if (needsCredential && apiKey) {\n      auth =\n        option.auth.strategy === \"api_key\"\n          ? {\n              strategy: \"api_key\",\n              value: apiKey,\n              ...(option.auth.apiKeyHeaderName && {\n                header_name: option.auth.apiKeyHeaderName,\n              }),\n            }\n          : { strategy: \"bearer\", value: apiKey };\n    } else if (hasFieldHeaders) {\n      auth = { strategy: \"header\", headers: fieldHeaders };\n    }\n    const payload: MCPServerConfig = {\n      id: \"\",\n      type: template.kind,\n      // Name remote servers after the catalog slug (e.g. \"github\") so they\n      // get a referenceable, LLM-tool-safe mcp_config key instead of the\n      // auto-generated \"sse\"/\"shttp\" fallback. Stdio installs already carry\n      // serverName from the catalog.\n      name: toMcpServerName(entry.id),\n      url,\n      ...(auth && { auth }),\n      ...(hasFieldHeaders &&\n        auth?.strategy !== \"header\" && { headers: fieldHeaders }),\n    };\n    submitServer(payload);\n  };\n\n  const handleStdioSubmit = () => {\n    if (template?.kind !== \"stdio\") return;\n    const stdio = template;\n    const errors: Record<string, string | null> = {};\n\n    for (const field of stdio.envFields ?? []) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    for (const field of stdio.argFields ?? []) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    if (Object.values(errors).some(Boolean)) {\n      setState((prev) => ({ ...prev, errors }));\n      return;\n    }\n\n    const env: Record<string, string> = {};\n    for (const field of stdio.envFields ?? []) {\n      const v = state.values[field.key]?.trim();\n      if (v) env[field.key] = v;\n    }\n    const extraArgs: string[] = [];\n    for (const field of stdio.argFields ?? []) {\n      const v = state.values[field.key]?.trim();\n      if (v) {\n        // Filesystem-style multi-token input: split on whitespace.\n        for (const token of v.split(/\\s+/)) {\n          if (token) extraArgs.push(token);\n        }\n      }\n    }\n\n    const payload: MCPServerConfig = {\n      id: \"\",\n      type: \"stdio\",\n      name: stdio.serverName,\n      command: stdio.command,\n      args: [...stdio.args, ...extraArgs],\n      ...(Object.keys(env).length > 0 && { env }),\n    };\n    submitServer(payload);\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setGlobalError(null);\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      return handleHttpServerSubmit();\n    }\n    return handleStdioSubmit();\n  };\n\n  const renderFields = () => {\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      const oauthMode = isOAuthOption(option);\n      const shouldRenderCredential = optionNeedsCredentialField(option);\n      const apiKeyOptional = option ? isCredentialOptional(option) : false;\n      const credentialSecretName = option?.auth.credentialSecretName;\n      const headerFields = getRemoteHeaderFields(option);\n      return (\n        <>\n          <SettingsInput\n            testId=\"mcp-install-field-url\"\n            name=\"url\"\n            type=\"url\"\n            label={t(I18nKey.SETTINGS$MCP_URL)}\n            value={state.values.url ?? template.url}\n            onChange={(value) => setValue(\"url\", value)}\n            isDisabled={!template.urlEditable}\n            className=\"w-full\"\n          />\n          {state.errors.url && (\n            <p className=\"text-xs text-red-500\">{state.errors.url}</p>\n          )}\n          {headerFields.map((field) => (\n            <div key={field.key} className=\"flex flex-col gap-1\">\n              <SettingsInput\n                testId={`mcp-install-field-${field.key}`}\n                name={field.key}\n                type={field.type === \"password\" ? \"password\" : \"text\"}\n                label={field.label}\n                value={state.values[field.key] ?? \"\"}\n                onChange={(v) => setValue(field.key, v)}\n                placeholder={field.placeholder}\n                required={field.required}\n                showOptionalTag={!field.required}\n                className=\"w-full\"\n              />\n              {field.helperText && (\n                <p className=\"text-xs text-tertiary-alt\">\n                  {renderHelperText(field.helperText)}\n                </p>\n              )}\n              {state.errors[field.key] && (\n                <p className=\"text-xs text-red-500\">\n                  {state.errors[field.key]}\n                </p>\n              )}\n              {field.key in state.savedAsSecret && (\n                <SaveAsSecretToggle\n                  fieldKey={field.key}\n                  checked={state.savedAsSecret[field.key] ?? false}\n                  onToggle={(v) => toggleSecret(field.key, v)}\n                />\n              )}\n            </div>\n          ))}\n          {oauthMode ? (\n            <div\n              data-testid=\"mcp-install-oauth-info\"\n              className=\"flex flex-col gap-2 p-3 rounded-lg border border-[var(--oh-border)] bg-base-tertiary\"\n            >\n              <p className=\"text-sm text-secondary-light\">\n                {t(I18nKey.MCP$OAUTH_CONNECT_INFO)}\n              </p>\n              <p className=\"text-xs text-tertiary-alt\">\n                {t(I18nKey.MCP$OAUTH_CONNECT_HINT)}\n              </p>\n            </div>\n          ) : shouldRenderCredential ? (\n            <div className=\"flex flex-col gap-1\">\n              <SettingsInput\n                testId=\"mcp-install-field-api_key\"\n                name=\"api_key\"\n                type=\"password\"\n                label={\n                  option?.auth.credentialLabel ??\n                  t(I18nKey.SETTINGS$MCP_API_KEY)\n                }\n                value={state.values.api_key ?? \"\"}\n                onChange={(v) => setValue(\"api_key\", v)}\n                placeholder={\n                  option?.auth.credentialPlaceholder ??\n                  t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)\n                }\n                showOptionalTag={apiKeyOptional}\n                required={!apiKeyOptional}\n                className=\"w-full\"\n              />\n              {option?.auth.credentialHelp && (\n                <p className=\"text-xs text-tertiary-alt\">\n                  {renderHelperText(option.auth.credentialHelp)}\n                </p>\n              )}\n              {state.errors.api_key && (\n                <p className=\"text-xs text-red-500\">{state.errors.api_key}</p>\n              )}\n              {credentialSecretName && (\n                <SaveAsSecretToggle\n                  fieldKey={credentialSecretName}\n                  checked={state.savedAsSecret.api_key ?? false}\n                  onToggle={(v) => toggleSecret(\"api_key\", v)}\n                />\n              )}\n            </div>\n          ) : null}\n        </>\n      );\n    }\n\n    if (template?.kind !== \"stdio\") return null;\n    const stdio = template;\n    return (\n      <>\n        <SettingsInput\n          testId=\"mcp-install-field-command-readonly\"\n          name=\"command-readonly\"\n          type=\"text\"\n          label={t(I18nKey.MCP$COMMAND_LABEL)}\n          value={`${stdio.command} ${stdio.args.join(\" \")}`.trim()}\n          onChange={() => {}}\n          isDisabled\n          className=\"w-full\"\n        />\n        {(stdio.envFields ?? []).map((field) => (\n          <div key={field.key} className=\"flex flex-col gap-1\">\n            <SettingsInput\n              testId={`mcp-install-field-${field.key}`}\n              name={field.key}\n              type={field.type === \"password\" ? \"password\" : \"text\"}\n              label={field.label}\n              value={state.values[field.key] ?? \"\"}\n              onChange={(v) => setValue(field.key, v)}\n              placeholder={field.placeholder}\n              required={field.required}\n              showOptionalTag={!field.required}\n              className=\"w-full\"\n            />\n            {field.helperText && (\n              <p className=\"text-xs text-tertiary-alt\">\n                {renderHelperText(field.helperText)}\n              </p>\n            )}\n            {state.errors[field.key] && (\n              <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n            )}\n            {field.key in state.savedAsSecret && (\n              <SaveAsSecretToggle\n                fieldKey={field.key}\n                checked={state.savedAsSecret[field.key]}\n                onToggle={(v) => toggleSecret(field.key, v)}\n              />\n            )}\n          </div>\n        ))}\n        {/* argFields are CLI arguments, not credentials — they don't need\n            a \"save as secret\" toggle and are excluded from savedAsSecret. */}\n        {(stdio.argFields ?? []).map((field) => (\n          <div key={field.key} className=\"flex flex-col gap-1\">\n            <SettingsInput\n              testId={`mcp-install-field-${field.key}`}\n              name={field.key}\n              type={field.type === \"password\" ? \"password\" : \"text\"}\n              label={field.label}\n              value={state.values[field.key] ?? \"\"}\n              onChange={(v) => setValue(field.key, v)}\n              placeholder={field.placeholder}\n              required={field.required}\n              showOptionalTag={!field.required}\n              className=\"w-full\"\n            />\n            {field.helperText && (\n              <p className=\"text-xs text-tertiary-alt\">\n                {renderHelperText(field.helperText)}\n              </p>\n            )}\n            {state.errors[field.key] && (\n              <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n            )}\n          </div>\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <ModalBackdrop onClose={onClose} aria-label={entry.name}>\n      <form\n        data-testid=\"mcp-install-modal\"\n        data-marketplace-id={entry.id}\n        onSubmit={handleSubmit}\n        className=\"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar\"\n      >\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"mcp-install-modal-close\"\n          disabled={isPending}\n        />\n        <div className=\"flex items-start gap-3 pr-6\">\n          <McpLogoBadge entry={entry} />\n          <div className=\"flex flex-col flex-1\">\n            <h2 className={modalTitleLgClassName}>{entry.name}</h2>\n            <p className=\"text-xs text-tertiary-light\">{entry.description}</p>\n          </div>\n        </div>\n\n        {entry.installHint && (\n          <p className=\"text-xs text-tertiary-light\">{entry.installHint}</p>\n        )}\n\n        {entry.docsUrl && (\n          <a\n            href={entry.docsUrl}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors\"\n          >\n            {t(I18nKey.MCP$VIEW_DOCS)}\n          </a>\n        )}\n\n        <div className=\"flex flex-col gap-3\">{renderFields()}</div>\n\n        {globalError && (\n          <p\n            data-testid=\"mcp-install-modal-error\"\n            className=\"text-sm text-red-500 whitespace-pre-wrap\"\n          >\n            {globalError}\n          </p>\n        )}\n\n        <div className=\"flex justify-end gap-2 mt-2\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onClose}\n            testId=\"mcp-install-cancel\"\n            isDisabled={isPending}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={isPending}\n            testId=\"mcp-install-submit\"\n          >\n            {isTesting || isAuthorizingOAuth\n              ? t(I18nKey.MCP$VERIFYING)\n              : isAdding || isFinalizingInstall\n                ? t(I18nKey.SETTINGS$SAVING)\n                : t(I18nKey.MCP$INSTALL_BUTTON)}\n          </BrandButton>\n        </div>\n      </form>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"install-server-modal.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/install-server-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { AxiosError } from \"axios\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SaveAsSecretToggle } from \"#/components/features/mcp-page/save-as-secret-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type {\n  IntegrationCatalogEntry as MarketplaceEntry,\n  MarketplaceField,\n} from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport type { MCPAuthCredential } from \"#/types/mcp-auth\";\nimport { seedMcpServerHealth } from \"#/api/mcp-health/probe-mcp-server-health\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport {\n  getMcpOAuthAuthenticationConfig,\n  getInstallableMcpConnectionOption,\n  type McpMarketplaceConnectionOption,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { useSaveFieldsAsSecrets } from \"#/hooks/mutation/use-save-fields-as-secrets\";\nimport { makeMcpTestErrorMessage } from \"#/utils/mcp-test-error-message\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\nimport { toMcpServerName } from \"#/utils/mcp-server-name\";\n\n/**\n * Renders a helperText string as React nodes, converting any `[text](url)`\n * markdown links into real `<a>` elements. Plain text segments are left as-is.\n * Only `http:` and `https:` URLs are rendered as links; anything else falls\n * back to `#` to guard against `javascript:` / `data:` XSS vectors.\n */\nfunction renderHelperText(text: string): React.ReactNode {\n  const linkPattern = /\\[([^\\]]+)\\]\\(([^)]+)\\)/g;\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  for (const match of text.matchAll(linkPattern)) {\n    if (match.index > lastIndex) {\n      parts.push(text.slice(lastIndex, match.index));\n    }\n    parts.push(\n      <a\n        key={match.index}\n        href={/^https?:\\/\\//i.test(match[2]) ? match[2] : \"#\"}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        className=\"underline hover:text-white transition-colors\"\n      >\n        {match[1]}\n      </a>,\n    );\n    lastIndex = match.index + match[0].length;\n  }\n  if (lastIndex < text.length) {\n    parts.push(text.slice(lastIndex));\n  }\n  return parts;\n}\n\ninterface InstallServerModalProps {\n  entry: MarketplaceEntry;\n  /** Servers installed before this modal opened — guards health seeding. */\n  existingServers: MCPServerConfig[];\n  onClose: () => void;\n  onSuccess?: (entry: MarketplaceEntry) => void;\n}\n\ninterface FieldState {\n  values: Record<string, string>;\n  errors: Record<string, string | null>;\n  savedAsSecret: Record<string, boolean>;\n}\n\nfunction optionNeedsCredentialField(\n  option: McpMarketplaceConnectionOption | undefined,\n): boolean {\n  if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n    return false;\n  }\n  return [\"api_key\", \"bearer\"].includes(option.auth.strategy);\n}\n\nfunction isOAuthOption(\n  option: McpMarketplaceConnectionOption | undefined,\n): boolean {\n  return !!option && option.auth.strategy === \"oauth2\";\n}\n\nfunction isCredentialOptional(option: McpMarketplaceConnectionOption): boolean {\n  if (option.transport.kind === \"stdio\") {\n    return option.auth.apiKeyOptional ?? false;\n  }\n  return option.auth.apiKeyOptional ?? option.transport.apiKeyOptional ?? false;\n}\n\nfunction getRemoteHeaderFields(\n  option: McpMarketplaceConnectionOption | undefined,\n): MarketplaceField[] {\n  if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n    return [];\n  }\n  return option.transport.headerFields ?? [];\n}\n\nfunction makeInitialState(entry: MarketplaceEntry): FieldState {\n  const values: Record<string, string> = {};\n  const savedAsSecret: Record<string, boolean> = {};\n  const option = getInstallableMcpConnectionOption(entry);\n  const template = option?.transport;\n  if (template?.kind === \"stdio\") {\n    for (const field of template.envFields ?? []) {\n      values[field.key] = \"\";\n      // Pre-check password fields; non-password fields default to off.\n      savedAsSecret[field.key] = field.type === \"password\";\n    }\n    for (const field of template.argFields ?? []) {\n      values[field.key] = \"\";\n    }\n  } else if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n    values.url = template.url;\n    for (const field of getRemoteHeaderFields(option)) {\n      values[field.key] = \"\";\n      savedAsSecret[field.key] = field.type === \"password\";\n    }\n    if (optionNeedsCredentialField(option)) {\n      values.api_key = \"\";\n      if (option?.auth.credentialSecretName) {\n        savedAsSecret.api_key =\n          option.auth.saveCredentialAsSecretByDefault ?? false;\n      }\n    }\n  }\n  return { values, errors: {}, savedAsSecret };\n}\n\n// The marketplace install modal is intentionally add-only: clicking\n// a catalog tile always appends a new server (the user might want\n// two Slack workspaces, two Postgres connections, etc.) even when\n// one of the same template kind is already installed. Editing an\n// existing server is reached via the installed-server-card's edit\n// button, which opens `CustomServerEditor` instead.\nexport function InstallServerModal({\n  entry,\n  existingServers,\n  onClose,\n  onSuccess,\n}: InstallServerModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n  const { mutate: testMcpServer, isPending: isTesting } = useTestMcpServer();\n  const saveFieldsAsSecrets = useSaveFieldsAsSecrets();\n  // Cloud backends get a synthetic test success (no local test endpoint);\n  // never seed card health from it.\n  const { backend } = useActiveBackend();\n  const isCloudBackend = backend.kind === \"cloud\";\n\n  const [state, setState] = React.useState<FieldState>(() =>\n    makeInitialState(entry),\n  );\n  // Always holds the latest state so async callbacks (onSuccess) never read\n  // stale closure values, even under React concurrent-mode scheduling.\n  const stateRef = React.useRef(state);\n  stateRef.current = state;\n\n  const [globalError, setGlobalError] = React.useState<string | null>(null);\n  const [isFinalizingInstall, setIsFinalizingInstall] = React.useState(false);\n  const [isAuthorizingOAuth, setIsAuthorizingOAuth] = React.useState(false);\n  const option = getInstallableMcpConnectionOption(entry);\n  const template = option?.transport;\n\n  const isPending =\n    isTesting || isAuthorizingOAuth || isAdding || isFinalizingInstall;\n\n  const setValue = (key: string, value: string) => {\n    setState((prev) => ({\n      ...prev,\n      values: { ...prev.values, [key]: value },\n      errors: { ...prev.errors, [key]: null },\n    }));\n    setGlobalError(null);\n  };\n\n  const toggleSecret = (key: string, value: boolean) => {\n    setState((prev) => ({\n      ...prev,\n      savedAsSecret: { ...prev.savedAsSecret, [key]: value },\n    }));\n  };\n\n  const saveHostedCredentialAsSecret = (): Promise<void> => {\n    const secretName = option?.auth.credentialSecretName;\n    const apiKey = stateRef.current.values.api_key?.trim();\n    if (!secretName || !apiKey || !stateRef.current.savedAsSecret.api_key) {\n      return Promise.resolve();\n    }\n\n    const field: MarketplaceField = {\n      key: secretName,\n      label: option.auth.credentialLabel ?? secretName,\n      type: \"password\",\n      required: true,\n    };\n    return saveFieldsAsSecrets(\n      [field],\n      { [secretName]: apiKey },\n      { [secretName]: true },\n    );\n  };\n\n  const saveSelectedSecrets = (): Promise<void> => {\n    if (template?.kind === \"stdio\") {\n      return saveFieldsAsSecrets(\n        template.envFields ?? [],\n        stateRef.current.values,\n        stateRef.current.savedAsSecret,\n      );\n    }\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      return Promise.all([\n        saveHostedCredentialAsSecret(),\n        saveFieldsAsSecrets(\n          getRemoteHeaderFields(option),\n          stateRef.current.values,\n          stateRef.current.savedAsSecret,\n        ),\n      ]).then(() => undefined);\n    }\n    return Promise.resolve();\n  };\n\n  const submitServer = (payload: MCPServerConfig) => {\n    if (payload.auth?.strategy === \"oauth2\") {\n      setIsAuthorizingOAuth(true);\n      void McpService.authorizeOAuth(payload)\n        .then((result) => {\n          if (!result.ok) {\n            setGlobalError(\n              makeMcpTestErrorMessage(t, result.error_kind, result.error),\n            );\n            return;\n          }\n          const serverToSave = result.oauth_state\n            ? {\n                ...payload,\n                auth: { ...payload.auth!, state: result.oauth_state },\n              }\n            : payload;\n          addMcpServer(serverToSave, {\n            onSuccess: () => {\n              if (!isCloudBackend) {\n                seedMcpServerHealth(serverToSave, result, existingServers);\n              }\n              displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n              setIsFinalizingInstall(true);\n              void (async () => {\n                try {\n                  await saveSelectedSecrets();\n                } finally {\n                  onSuccess?.(entry);\n                  onClose();\n                }\n              })();\n            },\n            onError: (err: unknown) => {\n              const message = retrieveAxiosErrorMessage(err as AxiosError);\n              setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n            },\n          });\n        })\n        .catch((err: unknown) => {\n          const message = retrieveAxiosErrorMessage(err as AxiosError);\n          setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n        })\n        .finally(() => setIsAuthorizingOAuth(false));\n      return;\n    }\n    testMcpServer(payload, {\n      onSuccess: (result) => {\n        if (!result.ok) {\n          setGlobalError(\n            makeMcpTestErrorMessage(t, result.error_kind, result.error),\n          );\n          // Modal stays open — do NOT call onClose.\n          return;\n        }\n        const serverToSave =\n          result.oauth_state && payload.auth?.strategy === \"oauth2\"\n            ? {\n                ...payload,\n                auth: { ...payload.auth, state: result.oauth_state },\n              }\n            : payload;\n        addMcpServer(serverToSave, {\n          onSuccess: () => {\n            if (!isCloudBackend) {\n              seedMcpServerHealth(serverToSave, result, existingServers);\n            }\n            displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n            setIsFinalizingInstall(true);\n            void (async () => {\n              try {\n                await saveSelectedSecrets();\n              } finally {\n                onSuccess?.(entry);\n                onClose();\n              }\n            })();\n          },\n          onError: (err: unknown) => {\n            const message = retrieveAxiosErrorMessage(err as AxiosError);\n            setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n          },\n        });\n      },\n      onError: (err: unknown) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n      },\n    });\n  };\n\n  // ------------------------------------------------------------------\n  // Per-template submit handlers. Each is small and self-contained:\n  // validate user input, build the payload, then hand off to\n  // submitServer.\n  // ------------------------------------------------------------------\n  const handleHttpServerSubmit = () => {\n    // TS narrows this branch to shttp|sse; the equality guard is a\n    // runtime/defensive belt to make the helper safe in isolation.\n    if (template?.kind !== \"shttp\" && template?.kind !== \"sse\") {\n      return;\n    }\n    if (!option) return;\n    const apiKey = state.values.api_key?.trim() ?? \"\";\n    const url = template.urlEditable\n      ? (state.values.url?.trim() ?? \"\")\n      : template.url;\n    const oauthMode = isOAuthOption(option);\n    const needsCredential = optionNeedsCredentialField(option);\n    const headerFields = getRemoteHeaderFields(option);\n    const headerErrors: Record<string, string | null> = {};\n    if (!url) {\n      headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n    } else {\n      try {\n        const parsedUrl = new URL(url);\n        if (![\"http:\", \"https:\"].includes(parsedUrl.protocol)) {\n          headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n        }\n      } catch {\n        headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n      }\n    }\n    for (const field of headerFields) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        headerErrors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    if (\n      !oauthMode &&\n      needsCredential &&\n      !isCredentialOptional(option) &&\n      !apiKey\n    ) {\n      headerErrors.api_key = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n    }\n    if (Object.values(headerErrors).some(Boolean)) {\n      setState((prev) => ({ ...prev, errors: headerErrors }));\n      return;\n    }\n    const oauthAuthentication = oauthMode\n      ? getMcpOAuthAuthenticationConfig(option)\n      : undefined;\n    const fieldHeaders = Object.fromEntries(\n      headerFields\n        .map((field) => [field.key, state.values[field.key]?.trim() ?? \"\"])\n        .filter(([, value]) => value),\n    );\n    const hasFieldHeaders = Object.keys(fieldHeaders).length > 0;\n    let auth: MCPAuthCredential | undefined;\n    if (oauthMode) {\n      auth = {\n        strategy: \"oauth2\",\n        ...(oauthAuthentication && { authentication: oauthAuthentication }),\n      };\n    } else if (needsCredential && apiKey) {\n      auth =\n        option.auth.strategy === \"api_key\"\n          ? {\n              strategy: \"api_key\",\n              value: apiKey,\n              ...(option.auth.apiKeyHeaderName && {\n                header_name: option.auth.apiKeyHeaderName,\n              }),\n            }\n          : { strategy: \"bearer\", value: apiKey };\n    } else if (hasFieldHeaders) {\n      auth = { strategy: \"header\", headers: fieldHeaders };\n    }\n    const payload: MCPServerConfig = {\n      id: \"\",\n      type: template.kind,\n      // Name remote servers after the catalog slug (e.g. \"github\") so they\n      // get a referenceable, LLM-tool-safe mcp_config key instead of the\n      // auto-generated \"sse\"/\"shttp\" fallback. Stdio installs already carry\n      // serverName from the catalog.\n      name: toMcpServerName(entry.id),\n      url,\n      ...(auth && { auth }),\n      ...(hasFieldHeaders &&\n        auth?.strategy !== \"header\" && { headers: fieldHeaders }),\n    };\n    submitServer(payload);\n  };\n\n  const handleStdioSubmit = () => {\n    if (template?.kind !== \"stdio\") return;\n    const stdio = template;\n    const errors: Record<string, string | null> = {};\n\n    for (const field of stdio.envFields ?? []) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    for (const field of stdio.argFields ?? []) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    if (Object.values(errors).some(Boolean)) {\n      setState((prev) => ({ ...prev, errors }));\n      return;\n    }\n\n    const env: Record<string, string> = {};\n    for (const field of stdio.envFields ?? []) {\n      const v = state.values[field.key]?.trim();\n      if (v) env[field.key] = v;\n    }\n    const extraArgs: string[] = [];\n    for (const field of stdio.argFields ?? []) {\n      const v = state.values[field.key]?.trim();\n      if (v) {\n        // Filesystem-style multi-token input: split on whitespace.\n        for (const token of v.split(/\\s+/)) {\n          if (token) extraArgs.push(token);\n        }\n      }\n    }\n\n    const payload: MCPServerConfig = {\n      id: \"\",\n      type: \"stdio\",\n      name: stdio.serverName,\n      command: stdio.command,\n      args: [...stdio.args, ...extraArgs],\n      ...(Object.keys(env).length > 0 && { env }),\n    };\n    submitServer(payload);\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setGlobalError(null);\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      return handleHttpServerSubmit();\n    }\n    return handleStdioSubmit();\n  };\n\n  const renderFields = () => {\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      const oauthMode = isOAuthOption(option);\n      const shouldRenderCredential = optionNeedsCredentialField(option);\n      const apiKeyOptional = option ? isCredentialOptional(option) : false;\n      const credentialSecretName = option?.auth.credentialSecretName;\n      const headerFields = getRemoteHeaderFields(option);\n      return (\n        <>\n          <SettingsInput\n            testId=\"mcp-install-field-url\"\n            name=\"url\"\n            type=\"url\"\n            label={t(I18nKey.SETTINGS$MCP_URL)}\n            value={state.values.url ?? template.url}\n            onChange={(value) => setValue(\"url\", value)}\n            isDisabled={!template.urlEditable}\n            className=\"w-full\"\n          />\n          {state.errors.url && (\n            <p className=\"text-xs text-red-500\">{state.errors.url}</p>\n          )}\n          {headerFields.map((field) => (\n            <div key={field.key} className=\"flex flex-col gap-1\">\n              <SettingsInput\n                testId={`mcp-install-field-${field.key}`}\n                name={field.key}\n                type={field.type === \"password\" ? \"password\" : \"text\"}\n                label={field.label}\n                value={state.values[field.key] ?? \"\"}\n                onChange={(v) => setValue(field.key, v)}\n                placeholder={field.placeholder}\n                required={field.required}\n                showOptionalTag={!field.required}\n                className=\"w-full\"\n              />\n              {field.helperText && (\n                <p className=\"text-xs text-tertiary-alt\">\n                  {renderHelperText(field.helperText)}\n                </p>\n              )}\n              {state.errors[field.key] && (\n                <p className=\"text-xs text-red-500\">\n                  {state.errors[field.key]}\n                </p>\n              )}\n              {field.key in state.savedAsSecret && (\n                <SaveAsSecretToggle\n                  fieldKey={field.key}\n                  checked={state.savedAsSecret[field.key] ?? false}\n                  onToggle={(v) => toggleSecret(field.key, v)}\n                />\n              )}\n            </div>\n          ))}\n          {oauthMode ? (\n            <div\n              data-testid=\"mcp-install-oauth-info\"\n              className=\"flex flex-col gap-2 p-3 rounded-lg border border-[var(--oh-border)] bg-base-tertiary\"\n            >\n              <p className=\"text-sm text-secondary-light\">\n                {t(I18nKey.MCP$OAUTH_CONNECT_INFO)}\n              </p>\n              <p className=\"text-xs text-tertiary-alt\">\n                {t(I18nKey.MCP$OAUTH_CONNECT_HINT)}\n              </p>\n            </div>\n          ) : shouldRenderCredential ? (\n            <div className=\"flex flex-col gap-1\">\n              <SettingsInput\n                testId=\"mcp-install-field-api_key\"\n                name=\"api_key\"\n                type=\"password\"\n                label={\n                  option?.auth.credentialLabel ??\n                  t(I18nKey.SETTINGS$MCP_API_KEY)\n                }\n                value={state.values.api_key ?? \"\"}\n                onChange={(v) => setValue(\"api_key\", v)}\n                placeholder={\n                  option?.auth.credentialPlaceholder ??\n                  t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)\n                }\n                showOptionalTag={apiKeyOptional}\n                required={!apiKeyOptional}\n                className=\"w-full\"\n              />\n              {option?.auth.credentialHelp && (\n                <p className=\"text-xs text-tertiary-alt\">\n                  {renderHelperText(option.auth.credentialHelp)}\n                </p>\n              )}\n              {state.errors.api_key && (\n                <p className=\"text-xs text-red-500\">{state.errors.api_key}</p>\n              )}\n              {credentialSecretName && (\n                <SaveAsSecretToggle\n                  fieldKey={credentialSecretName}\n                  checked={state.savedAsSecret.api_key ?? false}\n                  onToggle={(v) => toggleSecret(\"api_key\", v)}\n                />\n              )}\n            </div>\n          ) : null}\n        </>\n      );\n    }\n\n    if (template?.kind !== \"stdio\") return null;\n    const stdio = template;\n    return (\n      <>\n        <SettingsInput\n          testId=\"mcp-install-field-command-readonly\"\n          name=\"command-readonly\"\n          type=\"text\"\n          label={t(I18nKey.MCP$COMMAND_LABEL)}\n          value={`${stdio.command} ${stdio.args.join(\" \")}`.trim()}\n          onChange={() => {}}\n          isDisabled\n          className=\"w-full\"\n        />\n        {(stdio.envFields ?? []).map((field) => (\n          <div key={field.key} className=\"flex flex-col gap-1\">\n            <SettingsInput\n              testId={`mcp-install-field-${field.key}`}\n              name={field.key}\n              type={field.type === \"password\" ? \"password\" : \"text\"}\n              label={field.label}\n              value={state.values[field.key] ?? \"\"}\n              onChange={(v) => setValue(field.key, v)}\n              placeholder={field.placeholder}\n              required={field.required}\n              showOptionalTag={!field.required}\n              className=\"w-full\"\n            />\n            {field.helperText && (\n              <p className=\"text-xs text-tertiary-alt\">\n                {renderHelperText(field.helperText)}\n              </p>\n            )}\n            {state.errors[field.key] && (\n              <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n            )}\n            {field.key in state.savedAsSecret && (\n              <SaveAsSecretToggle\n                fieldKey={field.key}\n                checked={state.savedAsSecret[field.key]}\n                onToggle={(v) => toggleSecret(field.key, v)}\n              />\n            )}\n          </div>\n        ))}\n        {/* argFields are CLI arguments, not credentials — they don't need\n            a \"save as secret\" toggle and are excluded from savedAsSecret. */}\n        {(stdio.argFields ?? []).map((field) => (\n          <div key={field.key} className=\"flex flex-col gap-1\">\n            <SettingsInput\n              testId={`mcp-install-field-${field.key}`}\n              name={field.key}\n              type={field.type === \"password\" ? \"password\" : \"text\"}\n              label={field.label}\n              value={state.values[field.key] ?? \"\"}\n              onChange={(v) => setValue(field.key, v)}\n              placeholder={field.placeholder}\n              required={field.required}\n              showOptionalTag={!field.required}\n              className=\"w-full\"\n            />\n            {field.helperText && (\n              <p className=\"text-xs text-tertiary-alt\">\n                {renderHelperText(field.helperText)}\n              </p>\n            )}\n            {state.errors[field.key] && (\n              <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n            )}\n          </div>\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <ModalBackdrop onClose={onClose} aria-label={entry.name}>\n      <form\n        data-testid=\"mcp-install-modal\"\n        data-marketplace-id={entry.id}\n        onSubmit={handleSubmit}\n        className=\"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar\"\n      >\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"mcp-install-modal-close\"\n          disabled={isPending}\n        />\n        <div className=\"flex items-start gap-3 pr-6\">\n          <McpLogoBadge entry={entry} />\n          <div className=\"flex flex-col flex-1\">\n            <h2 className={modalTitleLgClassName}>{entry.name}</h2>\n            <p className=\"text-xs text-tertiary-light\">{entry.description}</p>\n          </div>\n        </div>\n\n        {entry.installHint && (\n          <p className=\"text-xs text-tertiary-light\">{entry.installHint}</p>\n        )}\n\n        {entry.docsUrl && (\n          <a\n            href={entry.docsUrl}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors\"\n          >\n            {t(I18nKey.MCP$VIEW_DOCS)}\n          </a>\n        )}\n\n        <div className=\"flex flex-col gap-3\">{renderFields()}</div>\n\n        {globalError && (\n          <p\n            data-testid=\"mcp-install-modal-error\"\n            className=\"text-sm text-red-500 whitespace-pre-wrap\"\n          >\n            {globalError}\n          </p>\n        )}\n\n        <div className=\"flex justify-end gap-2 mt-2\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onClose}\n            testId=\"mcp-install-cancel\"\n            isDisabled={isPending}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={isPending}\n            testId=\"mcp-install-submit\"\n          >\n            {isTesting || isAuthorizingOAuth\n              ? t(I18nKey.MCP$VERIFYING)\n              : isAdding || isFinalizingInstall\n                ? t(I18nKey.SETTINGS$SAVING)\n                : t(I18nKey.MCP$INSTALL_BUTTON)}\n          </BrandButton>\n        </div>\n      </form>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"6rCAuCA,SAAS,EAAiB,EAA+B,CACvD,IAAM,EAAc,2BACd,EAA2B,CAAC,EAC9B,EAAY,EAChB,IAAK,IAAM,KAAS,EAAK,SAAS,CAAW,EACvC,EAAM,MAAQ,GAChB,EAAM,KAAK,EAAK,MAAM,EAAW,EAAM,KAAK,CAAC,EAE/C,EAAM,MACJ,EAAA,EAAA,KAAC,IAAD,CAEE,KAAM,gBAAgB,KAAK,EAAM,EAAE,EAAI,EAAM,GAAK,IAClD,OAAO,SACP,IAAI,aACJ,UAAU,wDAET,EAAM,EACN,EAPI,EAAM,KAOV,CACL,EACA,EAAY,EAAM,MAAQ,EAAM,GAAG,OAKrC,OAHI,EAAY,EAAK,QACnB,EAAM,KAAK,EAAK,MAAM,CAAS,CAAC,EAE3B,CACT,CAgBA,SAAS,EACP,EACS,CAIT,OAHI,GAAQ,UAAU,OAAS,SAAW,GAAQ,UAAU,OAAS,MAC5D,GAEF,CAAC,UAAW,QAAQ,EAAE,SAAS,EAAO,KAAK,QAAQ,CAC5D,CAEA,SAAS,EACP,EACS,CACT,MAAO,CAAC,CAAC,GAAU,EAAO,KAAK,WAAa,QAC9C,CAEA,SAAS,EAAqB,EAAiD,CAI7E,OAHI,EAAO,UAAU,OAAS,QACrB,EAAO,KAAK,gBAAkB,GAEhC,EAAO,KAAK,gBAAkB,EAAO,UAAU,gBAAkB,EAC1E,CAEA,SAAS,EACP,EACoB,CAIpB,OAHI,GAAQ,UAAU,OAAS,SAAW,GAAQ,UAAU,OAAS,MAC5D,CAAC,EAEH,EAAO,UAAU,cAAgB,CAAC,CAC3C,CAEA,SAAS,EAAiB,EAAqC,CAC7D,IAAM,EAAiC,CAAC,EAClC,EAAyC,CAAC,EAC1C,EAAS,EAAA,kCAAkC,CAAK,EAChD,EAAW,GAAQ,UACzB,GAAI,GAAU,OAAS,QAAS,CAC9B,IAAK,IAAM,KAAS,EAAS,WAAa,CAAC,EACzC,EAAO,EAAM,KAAO,GAEpB,EAAc,EAAM,KAAO,EAAM,OAAS,WAE5C,IAAK,IAAM,KAAS,EAAS,WAAa,CAAC,EACzC,EAAO,EAAM,KAAO,EAExB,MAAO,GAAI,GAAU,OAAS,SAAW,GAAU,OAAS,MAAO,CACjE,EAAO,IAAM,EAAS,IACtB,IAAK,IAAM,KAAS,EAAsB,CAAM,EAC9C,EAAO,EAAM,KAAO,GACpB,EAAc,EAAM,KAAO,EAAM,OAAS,WAExC,EAA2B,CAAM,IACnC,EAAO,QAAU,GACb,GAAQ,KAAK,uBACf,EAAc,QACZ,EAAO,KAAK,iCAAmC,IAGvD,CACA,MAAO,CAAE,SAAQ,OAAQ,CAAC,EAAG,eAAc,CAC7C,CAQA,SAAgB,EAAmB,CACjC,QACA,kBACA,UACA,aAC0B,CAC1B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,OAAQ,EAAc,UAAW,GAAa,EAAA,gBAAgB,EAChE,CAAE,OAAQ,EAAe,UAAW,GAAc,GAAA,iBAAiB,EACnE,EAAsB,GAAA,uBAAuB,EAG7C,CAAE,WAAY,EAAA,iBAAiB,EAC/B,EAAiB,EAAQ,OAAS,QAElC,CAAC,EAAO,GAAY,EAAA,QAAM,aAC9B,EAAiB,CAAK,CACxB,EAGM,EAAW,EAAA,QAAM,OAAO,CAAK,EACnC,EAAS,QAAU,EAEnB,GAAM,CAAC,EAAa,GAAkB,EAAA,QAAM,SAAwB,IAAI,EAClE,CAAC,EAAqB,GAA0B,EAAA,QAAM,SAAS,EAAK,EACpE,CAAC,EAAoB,GAAyB,EAAA,QAAM,SAAS,EAAK,EAClE,EAAS,EAAA,kCAAkC,CAAK,EAChD,EAAW,GAAQ,UAEnB,EACJ,GAAa,GAAsB,GAAY,EAE3C,GAAY,EAAa,IAAkB,CAC/C,EAAU,IAAU,CAClB,GAAG,EACH,OAAQ,CAAE,GAAG,EAAK,QAAS,GAAM,CAAM,EACvC,OAAQ,CAAE,GAAG,EAAK,QAAS,GAAM,IAAK,CACxC,EAAE,EACF,EAAe,IAAI,CACrB,EAEM,GAAgB,EAAa,IAAmB,CACpD,EAAU,IAAU,CAClB,GAAG,EACH,cAAe,CAAE,GAAG,EAAK,eAAgB,GAAM,CAAM,CACvD,EAAE,CACJ,EAEM,OAAoD,CACxD,IAAM,EAAa,GAAQ,KAAK,qBAC1B,EAAS,EAAS,QAAQ,OAAO,SAAS,KAAK,EAWrD,MAVI,CAAC,GAAc,CAAC,GAAU,CAAC,EAAS,QAAQ,cAAc,QACrD,QAAQ,QAAQ,EASlB,EACL,CAAC,CAND,IAAK,EACL,MAAO,EAAO,KAAK,iBAAmB,EACtC,KAAM,WACN,SAAU,EAGT,CAAK,EACN,EAAG,GAAa,CAAO,EACvB,EAAG,GAAa,EAAK,CACvB,CACF,EAEM,MACA,GAAU,OAAS,QACd,EACL,EAAS,WAAa,CAAC,EACvB,EAAS,QAAQ,OACjB,EAAS,QAAQ,aACnB,EAEE,GAAU,OAAS,SAAW,GAAU,OAAS,MAC5C,QAAQ,IAAI,CACjB,GAA6B,EAC7B,EACE,EAAsB,CAAM,EAC5B,EAAS,QAAQ,OACjB,EAAS,QAAQ,aACnB,CACF,CAAC,EAAE,SAAW,IAAA,EAAS,EAElB,QAAQ,QAAQ,EAGnB,EAAgB,GAA6B,CACjD,GAAI,EAAQ,MAAM,WAAa,SAAU,CACvC,EAAsB,EAAI,EAC1B,EAAK,QAAW,eAAe,CAAO,EACnC,KAAM,GAAW,CAChB,GAAI,CAAC,EAAO,GAAI,CACd,EACE,EAAA,wBAAwB,EAAG,EAAO,WAAY,EAAO,KAAK,CAC5D,EACA,MACF,CACA,IAAM,EAAe,EAAO,YACxB,CACE,GAAG,EACH,KAAM,CAAE,GAAG,EAAQ,KAAO,MAAO,EAAO,WAAY,CACtD,EACA,EACJ,EAAa,EAAc,CACzB,cAAiB,CACV,GACH,EAAA,oBAAoB,EAAc,EAAQ,CAAe,EAE3D,EAAA,oBAAoB,EAAE,EAAA,QAAQ,mBAAmB,CAAC,EAClD,EAAuB,EAAI,GACrB,SAAY,CAChB,GAAI,CACF,MAAM,EAAoB,CAC5B,QAAU,CACR,IAAY,CAAK,EACjB,EAAQ,CACV,CACF,GAAG,CACL,EACA,QAAU,GAAiB,CAEzB,EADgB,EAAA,0BAA0B,CAC3B,GAAW,EAAE,EAAA,QAAQ,aAAa,CAAC,CACpD,CACF,CAAC,CACH,CAAC,EACA,MAAO,GAAiB,CAEvB,EADgB,EAAA,0BAA0B,CAC3B,GAAW,EAAE,EAAA,QAAQ,aAAa,CAAC,CACpD,CAAC,EACA,YAAc,EAAsB,EAAK,CAAC,EAC7C,MACF,CACA,EAAc,EAAS,CACrB,UAAY,GAAW,CACrB,GAAI,CAAC,EAAO,GAAI,CACd,EACE,EAAA,wBAAwB,EAAG,EAAO,WAAY,EAAO,KAAK,CAC5D,EAEA,MACF,CACA,IAAM,EACJ,EAAO,aAAe,EAAQ,MAAM,WAAa,SAC7C,CACE,GAAG,EACH,KAAM,CAAE,GAAG,EAAQ,KAAM,MAAO,EAAO,WAAY,CACrD,EACA,EACN,EAAa,EAAc,CACzB,cAAiB,CACV,GACH,EAAA,oBAAoB,EAAc,EAAQ,CAAe,EAE3D,EAAA,oBAAoB,EAAE,EAAA,QAAQ,mBAAmB,CAAC,EAClD,EAAuB,EAAI,GACrB,SAAY,CAChB,GAAI,CACF,MAAM,EAAoB,CAC5B,QAAU,CACR,IAAY,CAAK,EACjB,EAAQ,CACV,CACF,GAAG,CACL,EACA,QAAU,GAAiB,CAEzB,EADgB,EAAA,0BAA0B,CAC3B,GAAW,EAAE,EAAA,QAAQ,aAAa,CAAC,CACpD,CACF,CAAC,CACH,EACA,QAAU,GAAiB,CAEzB,EADgB,EAAA,0BAA0B,CAC3B,GAAW,EAAE,EAAA,QAAQ,aAAa,CAAC,CACpD,CACF,CAAC,CACH,EAOM,OAA+B,CAMnC,GAHI,GAAU,OAAS,SAAW,GAAU,OAAS,OAGjD,CAAC,EAAQ,OACb,IAAM,EAAS,EAAM,OAAO,SAAS,KAAK,GAAK,GACzC,EAAM,EAAS,YAChB,EAAM,OAAO,KAAK,KAAK,GAAK,GAC7B,EAAS,IACP,EAAY,EAAc,CAAM,EAChC,EAAkB,EAA2B,CAAM,EACnD,EAAe,EAAsB,CAAM,EAC3C,EAA8C,CAAC,EACrD,GAAI,CAAC,EACH,EAAa,IAAM,EAAE,EAAA,QAAQ,+BAA+B,OAE5D,GAAI,CACF,IAAM,EAAY,IAAI,IAAI,CAAG,EACxB,CAAC,QAAS,QAAQ,EAAE,SAAS,EAAU,QAAQ,IAClD,EAAa,IAAM,EAAE,EAAA,QAAQ,uCAAuC,EAExE,MAAQ,CACN,EAAa,IAAM,EAAE,EAAA,QAAQ,8BAA8B,CAC7D,CAEF,IAAK,IAAM,KAAS,EACd,EAAM,UAAY,EAAE,EAAM,OAAO,EAAM,MAAQ,IAAI,KAAK,IAC1D,EAAa,EAAM,KAAO,EAAE,EAAA,QAAQ,wBAAwB,GAWhE,GAPE,CAAC,GACD,GACA,CAAC,EAAqB,CAAM,GAC5B,CAAC,IAED,EAAa,QAAU,EAAE,EAAA,QAAQ,wBAAwB,GAEvD,OAAO,OAAO,CAAY,EAAE,KAAK,OAAO,EAAG,CAC7C,EAAU,IAAU,CAAE,GAAG,EAAM,OAAQ,CAAa,EAAE,EACtD,MACF,CACA,IAAM,EAAsB,EACxB,EAAA,gCAAgC,CAAM,EACtC,IAAA,GACE,EAAe,OAAO,YAC1B,EACG,IAAK,GAAU,CAAC,EAAM,IAAK,EAAM,OAAO,EAAM,MAAM,KAAK,GAAK,EAAE,CAAC,EACjE,QAAQ,EAAG,KAAW,CAAK,CAChC,EACM,EAAkB,OAAO,KAAK,CAAY,EAAE,OAAS,EACvD,EACA,EACF,EAAO,CACL,SAAU,SACV,GAAI,GAAuB,CAAE,eAAgB,CAAoB,CACnE,EACS,GAAmB,EAC5B,EACE,EAAO,KAAK,WAAa,UACrB,CACE,SAAU,UACV,MAAO,EACP,GAAI,EAAO,KAAK,kBAAoB,CAClC,YAAa,EAAO,KAAK,gBAC3B,CACF,EACA,CAAE,SAAU,SAAU,MAAO,CAAO,EACjC,IACT,EAAO,CAAE,SAAU,SAAU,QAAS,CAAa,GAerD,EAAa,CAZX,GAAI,GACJ,KAAM,EAAS,KAKf,KAAM,EAAA,gBAAgB,EAAM,EAAE,EAC9B,MACA,GAAI,GAAQ,CAAE,MAAK,EACnB,GAAI,GACF,GAAM,WAAa,UAAY,CAAE,QAAS,CAAa,CAE9C,CAAO,CACtB,EAEM,OAA0B,CAC9B,GAAI,GAAU,OAAS,QAAS,OAChC,IAAM,EAAQ,EACR,EAAwC,CAAC,EAE/C,IAAK,IAAM,KAAS,EAAM,WAAa,CAAC,EAClC,EAAM,UAAY,EAAE,EAAM,OAAO,EAAM,MAAQ,IAAI,KAAK,IAC1D,EAAO,EAAM,KAAO,EAAE,EAAA,QAAQ,wBAAwB,GAG1D,IAAK,IAAM,KAAS,EAAM,WAAa,CAAC,EAClC,EAAM,UAAY,EAAE,EAAM,OAAO,EAAM,MAAQ,IAAI,KAAK,IAC1D,EAAO,EAAM,KAAO,EAAE,EAAA,QAAQ,wBAAwB,GAG1D,GAAI,OAAO,OAAO,CAAM,EAAE,KAAK,OAAO,EAAG,CACvC,EAAU,IAAU,CAAE,GAAG,EAAM,QAAO,EAAE,EACxC,MACF,CAEA,IAAM,EAA8B,CAAC,EACrC,IAAK,IAAM,KAAS,EAAM,WAAa,CAAC,EAAG,CACzC,IAAM,EAAI,EAAM,OAAO,EAAM,MAAM,KAAK,EACpC,IAAG,EAAI,EAAM,KAAO,EAC1B,CACA,IAAM,EAAsB,CAAC,EAC7B,IAAK,IAAM,KAAS,EAAM,WAAa,CAAC,EAAG,CACzC,IAAM,EAAI,EAAM,OAAO,EAAM,MAAM,KAAK,EACxC,GAAI,MAEG,IAAM,KAAS,EAAE,MAAM,KAAK,EAC3B,GAAO,EAAU,KAAK,CAAK,CAGrC,CAUA,EAAa,CAPX,GAAI,GACJ,KAAM,QACN,KAAM,EAAM,WACZ,QAAS,EAAM,QACf,KAAM,CAAC,GAAG,EAAM,KAAM,GAAG,CAAS,EAClC,GAAI,OAAO,KAAK,CAAG,EAAE,OAAS,GAAK,CAAE,KAAI,CAE9B,CAAO,CACtB,EAkMA,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAwB,UAAS,aAAY,EAAM,eACjD,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,oBACZ,sBAAqB,EAAM,GAC3B,SArMgB,IACpB,EAAM,eAAe,EACrB,EAAe,IAAI,EACf,GAAU,OAAS,SAAW,GAAU,OAAS,MAC5C,GAAuB,EAEzB,GAAkB,GAgMrB,UAAU,+KAJZ,EAME,EAAA,EAAA,KAAC,EAAA,iBAAD,CACW,UACT,OAAO,0BACP,SAAU,CACX,CAAA,GACD,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uCAAf,EACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAqB,OAAQ,CAAA,GAC7B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gCAAf,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAW,EAAA,+BAAwB,EAAM,IAAS,CAAA,GACtD,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,uCAA+B,EAAM,WAAe,CAAA,CAC9D,GACF,IAEJ,EAAM,cACL,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,uCAA+B,EAAM,WAAe,CAAA,EAGlE,EAAM,UACL,EAAA,EAAA,KAAC,IAAD,CACE,KAAM,EAAM,QACZ,OAAO,SACP,IAAI,aACJ,UAAU,wGAET,EAAE,EAAA,QAAQ,aAAa,CACvB,CAAA,GAGL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCA3NM,CACzB,GAAI,GAAU,OAAS,SAAW,GAAU,OAAS,MAAO,CAC1D,IAAM,EAAY,EAAc,CAAM,EAChC,EAAyB,EAA2B,CAAM,EAC1D,EAAiB,EAAS,EAAqB,CAAM,EAAI,GACzD,EAAuB,GAAQ,KAAK,qBACpC,EAAe,EAAsB,CAAM,EACjD,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,wBACP,KAAK,MACL,KAAK,MACL,MAAO,EAAE,EAAA,QAAQ,gBAAgB,EACjC,MAAO,EAAM,OAAO,KAAO,EAAS,IACpC,SAAW,GAAU,EAAS,MAAO,CAAK,EAC1C,WAAY,CAAC,EAAS,YACtB,UAAU,QACX,CAAA,EACA,EAAM,OAAO,MACZ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gCAAwB,EAAM,OAAO,GAAO,CAAA,EAE1D,EAAa,IAAK,IACjB,EAAA,EAAA,MAAC,MAAD,CAAqB,UAAU,+BAA/B,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAQ,qBAAqB,EAAM,MACnC,KAAM,EAAM,IACZ,KAAM,EAAM,OAAS,WAAa,WAAa,OAC/C,MAAO,EAAM,MACb,MAAO,EAAM,OAAO,EAAM,MAAQ,GAClC,SAAW,GAAM,EAAS,EAAM,IAAK,CAAC,EACtC,YAAa,EAAM,YACnB,SAAU,EAAM,SAChB,gBAAiB,CAAC,EAAM,SACxB,UAAU,QACX,CAAA,EACA,EAAM,aACL,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,qCACV,EAAiB,EAAM,UAAU,CACjC,CAAA,EAEJ,EAAM,OAAO,EAAM,OAClB,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gCACV,EAAM,OAAO,EAAM,IACnB,CAAA,EAEJ,EAAM,OAAO,EAAM,gBAClB,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,SAAU,EAAM,IAChB,QAAS,EAAM,cAAc,EAAM,MAAQ,GAC3C,SAAW,GAAM,EAAa,EAAM,IAAK,CAAC,CAC3C,CAAA,CAEA,GA9BK,EAAM,GA8BX,CACN,EACA,GACC,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,yBACZ,UAAU,gGAFZ,EAIE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,wCACV,EAAE,EAAA,QAAQ,sBAAsB,CAChC,CAAA,GACH,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,qCACV,EAAE,EAAA,QAAQ,sBAAsB,CAChC,CAAA,CACA,IACH,GACF,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,4BACP,KAAK,UACL,KAAK,WACL,MACE,GAAQ,KAAK,iBACb,EAAE,EAAA,QAAQ,oBAAoB,EAEhC,MAAO,EAAM,OAAO,SAAW,GAC/B,SAAW,GAAM,EAAS,UAAW,CAAC,EACtC,YACE,GAAQ,KAAK,uBACb,EAAE,EAAA,QAAQ,gCAAgC,EAE5C,gBAAiB,EACjB,SAAU,CAAC,EACX,UAAU,QACX,CAAA,EACA,GAAQ,KAAK,iBACZ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,qCACV,EAAiB,EAAO,KAAK,cAAc,CAC3C,CAAA,EAEJ,EAAM,OAAO,UACZ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gCAAwB,EAAM,OAAO,OAAW,CAAA,EAE9D,IACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,SAAU,EACV,QAAS,EAAM,cAAc,SAAW,GACxC,SAAW,GAAM,EAAa,UAAW,CAAC,CAC3C,CAAA,CAEA,IACH,IACJ,CAAA,CAAA,CAEN,CAEA,GAAI,GAAU,OAAS,QAAS,OAAO,KACvC,IAAM,EAAQ,EACd,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,qCACP,KAAK,mBACL,KAAK,OACL,MAAO,EAAE,EAAA,QAAQ,iBAAiB,EAClC,MAAO,GAAG,EAAM,QAAQ,GAAG,EAAM,KAAK,KAAK,GAAG,IAAI,KAAK,EACvD,aAAgB,CAAC,EACjB,WAAA,GACA,UAAU,QACX,CAAA,GACC,EAAM,WAAa,CAAC,GAAG,IAAK,IAC5B,EAAA,EAAA,MAAC,MAAD,CAAqB,UAAU,+BAA/B,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAQ,qBAAqB,EAAM,MACnC,KAAM,EAAM,IACZ,KAAM,EAAM,OAAS,WAAa,WAAa,OAC/C,MAAO,EAAM,MACb,MAAO,EAAM,OAAO,EAAM,MAAQ,GAClC,SAAW,GAAM,EAAS,EAAM,IAAK,CAAC,EACtC,YAAa,EAAM,YACnB,SAAU,EAAM,SAChB,gBAAiB,CAAC,EAAM,SACxB,UAAU,QACX,CAAA,EACA,EAAM,aACL,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,qCACV,EAAiB,EAAM,UAAU,CACjC,CAAA,EAEJ,EAAM,OAAO,EAAM,OAClB,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gCAAwB,EAAM,OAAO,EAAM,IAAQ,CAAA,EAEjE,EAAM,OAAO,EAAM,gBAClB,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,SAAU,EAAM,IAChB,QAAS,EAAM,cAAc,EAAM,KACnC,SAAW,GAAM,EAAa,EAAM,IAAK,CAAC,CAC3C,CAAA,CAEA,GA5BK,EAAM,GA4BX,CACN,GAGC,EAAM,WAAa,CAAC,GAAG,IAAK,IAC5B,EAAA,EAAA,MAAC,MAAD,CAAqB,UAAU,+BAA/B,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAQ,qBAAqB,EAAM,MACnC,KAAM,EAAM,IACZ,KAAM,EAAM,OAAS,WAAa,WAAa,OAC/C,MAAO,EAAM,MACb,MAAO,EAAM,OAAO,EAAM,MAAQ,GAClC,SAAW,GAAM,EAAS,EAAM,IAAK,CAAC,EACtC,YAAa,EAAM,YACnB,SAAU,EAAM,SAChB,gBAAiB,CAAC,EAAM,SACxB,UAAU,QACX,CAAA,EACA,EAAM,aACL,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,qCACV,EAAiB,EAAM,UAAU,CACjC,CAAA,EAEJ,EAAM,OAAO,EAAM,OAClB,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gCAAwB,EAAM,OAAO,EAAM,IAAQ,CAAA,CAE/D,GArBK,EAAM,GAqBX,CACN,CACD,CAAA,CAAA,CAEN,GAsCyD,CAAO,CAAA,EAEzD,IACC,EAAA,EAAA,KAAC,IAAD,CACE,cAAY,0BACZ,UAAU,oDAET,CACA,CAAA,GAGL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uCAAf,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,SACL,QAAQ,YACR,QAAS,EACT,OAAO,qBACP,WAAY,WAEX,EAAE,EAAA,QAAQ,aAAa,CACb,CAAA,GACb,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,SACL,QAAQ,UACR,WAAY,EACZ,OAAO,8BAGH,EADH,GAAa,EACR,EAAA,QAAQ,cACV,GAAY,EACR,EAAA,QAAQ,gBACR,EAAA,QAAQ,kBAAkB,CACvB,CAAA,CACV,GACD,GACO,CAAA,CAEnB"}

package/dist/components/features/mcp-page/install-server-modal.js

@@ -8,16 +8,16 @@ import { ModalBackdrop as o } from "../../shared/modals/modal-backdrop.js";
 import { modalTitleLgClassName as s } from "../../../utils/modal-classes.js";
 import { ModalCloseButton as c } from "../../shared/modals/modal-close-button.js";
 import { BrandButton as l } from "../settings/brand-button.js";
-import { SettingsInput as u } from "../settings/settings-input.js";
+import { McpLogoBadge as u } from "../mcp-logo-badge.js";
 import { getInstallableMcpConnectionOption as d, getMcpOAuthAuthenticationConfig as ee } from "../../../utils/mcp-marketplace-utils.js";
-import { McpLogoBadge as f } from "../mcp-logo-badge.js";
-import te from "../../../api/mcp-service/mcp-service.api.js";
-import { seedMcpServerHealth as p } from "../../../api/mcp-health/probe-mcp-server-health.js";
-import { makeMcpTestErrorMessage as m } from "../../../utils/mcp-test-error-message.js";
-import { SaveAsSecretToggle as h } from "./save-as-secret-toggle.js";
-import { useAddMcpServer as ne } from "../../../hooks/mutation/use-add-mcp-server.js";
-import { useTestMcpServer as re } from "../../../hooks/mutation/use-test-mcp-server.js";
-import { useSaveFieldsAsSecrets as g } from "../../../hooks/mutation/use-save-fields-as-secrets.js";
+import { SettingsInput as f } from "../settings/settings-input.js";
+import { SaveAsSecretToggle as p } from "./save-as-secret-toggle.js";
+import m from "../../../api/mcp-service/mcp-service.api.js";
+import { seedMcpServerHealth as h } from "../../../api/mcp-health/probe-mcp-server-health.js";
+import { useAddMcpServer as te } from "../../../hooks/mutation/use-add-mcp-server.js";
+import { useTestMcpServer as ne } from "../../../hooks/mutation/use-test-mcp-server.js";
+import { useSaveFieldsAsSecrets as re } from "../../../hooks/mutation/use-save-fields-as-secrets.js";
+import { makeMcpTestErrorMessage as g } from "../../../utils/mcp-test-error-message.js";
 import _ from "react";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/features/mcp-page/install-server-modal.tsx
@@ -61,7 +61,7 @@ function ie(e) {
 	};
 }
 function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
-	let { t: A } = e("openhands"), { mutate: j, isPending: M } = ne(), { mutate: N, isPending: P } = re(), F = g(), { backend: I } = i(), L = I.kind === "cloud", [R, z] = _.useState(() => ie(E)), B = _.useRef(R);
+	let { t: A } = e("openhands"), { mutate: j, isPending: M } = te(), { mutate: N, isPending: P } = ne(), F = re(), { backend: I } = i(), L = I.kind === "cloud", [R, z] = _.useState(() => ie(E)), B = _.useRef(R);
 	B.current = R;
 	let [V, H] = _.useState(null), [U, W] = _.useState(!1), [G, K] = _.useState(!1), q = d(E), J = q?.transport, Y = P || G || M || U, X = (e, t) => {
 		z((n) => ({
@@ -93,9 +93,9 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 		}], { [e]: t }, { [e]: !0 });
 	}, Q = () => J?.kind === "stdio" ? F(J.envFields ?? [], B.current.values, B.current.savedAsSecret) : J?.kind === "shttp" || J?.kind === "sse" ? Promise.all([ae(), F(T(q), B.current.values, B.current.savedAsSecret)]).then(() => void 0) : Promise.resolve(), $ = (e) => {
 		if (e.auth?.strategy === "oauth2") {
-			K(!0), te.authorizeOAuth(e).then((i) => {
+			K(!0), m.authorizeOAuth(e).then((i) => {
 				if (!i.ok) {
-					H(m(A, i.error_kind, i.error));
+					H(g(A, i.error_kind, i.error));
 					return;
 				}
 				let a = i.oauth_state ? {
@@ -107,7 +107,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 				} : e;
 				j(a, {
 					onSuccess: () => {
-						L || p(a, i, D), r(A(t.MCP$INSTALL_SUCCESS)), W(!0), (async () => {
+						L || h(a, i, D), r(A(t.MCP$INSTALL_SUCCESS)), W(!0), (async () => {
 							try {
 								await Q();
 							} finally {
@@ -127,7 +127,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 		N(e, {
 			onSuccess: (i) => {
 				if (!i.ok) {
-					H(m(A, i.error_kind, i.error));
+					H(g(A, i.error_kind, i.error));
 					return;
 				}
 				let a = i.oauth_state && e.auth?.strategy === "oauth2" ? {
@@ -139,7 +139,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 				} : e;
 				j(a, {
 					onSuccess: () => {
-						L || p(a, i, D), r(A(t.MCP$INSTALL_SUCCESS)), W(!0), (async () => {
+						L || h(a, i, D), r(A(t.MCP$INSTALL_SUCCESS)), W(!0), (async () => {
 							try {
 								await Q();
 							} finally {
@@ -243,7 +243,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 				}),
 				/* @__PURE__ */ b("div", {
 					className: "flex items-start gap-3 pr-6",
-					children: [/* @__PURE__ */ y(f, { entry: E }), /* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ y(u, { entry: E }), /* @__PURE__ */ b("div", {
 						className: "flex flex-col flex-1",
 						children: [/* @__PURE__ */ y("h2", {
 							className: s,
@@ -271,7 +271,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 						if (J?.kind === "shttp" || J?.kind === "sse") {
 							let e = C(q), n = S(q), r = q ? w(q) : !1, i = q?.auth.credentialSecretName, a = T(q);
 							return /* @__PURE__ */ b(v, { children: [
-								/* @__PURE__ */ y(u, {
+								/* @__PURE__ */ y(f, {
 									testId: "mcp-install-field-url",
 									name: "url",
 									type: "url",
@@ -288,7 +288,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 								a.map((e) => /* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-1",
 									children: [
-										/* @__PURE__ */ y(u, {
+										/* @__PURE__ */ y(f, {
 											testId: `mcp-install-field-${e.key}`,
 											name: e.key,
 											type: e.type === "password" ? "password" : "text",
@@ -308,7 +308,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 											className: "text-xs text-red-500",
 											children: R.errors[e.key]
 										}),
-										e.key in R.savedAsSecret && /* @__PURE__ */ y(h, {
+										e.key in R.savedAsSecret && /* @__PURE__ */ y(p, {
 											fieldKey: e.key,
 											checked: R.savedAsSecret[e.key] ?? !1,
 											onToggle: (t) => Z(e.key, t)
@@ -328,7 +328,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 								}) : n ? /* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-1",
 									children: [
-										/* @__PURE__ */ y(u, {
+										/* @__PURE__ */ y(f, {
 											testId: "mcp-install-field-api_key",
 											name: "api_key",
 											type: "password",
@@ -348,7 +348,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 											className: "text-xs text-red-500",
 											children: R.errors.api_key
 										}),
-										i && /* @__PURE__ */ y(h, {
+										i && /* @__PURE__ */ y(p, {
 											fieldKey: i,
 											checked: R.savedAsSecret.api_key ?? !1,
 											onToggle: (e) => Z("api_key", e)
@@ -360,7 +360,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 						if (J?.kind !== "stdio") return null;
 						let e = J;
 						return /* @__PURE__ */ b(v, { children: [
-							/* @__PURE__ */ y(u, {
+							/* @__PURE__ */ y(f, {
 								testId: "mcp-install-field-command-readonly",
 								name: "command-readonly",
 								type: "text",
@@ -373,7 +373,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 							(e.envFields ?? []).map((e) => /* @__PURE__ */ b("div", {
 								className: "flex flex-col gap-1",
 								children: [
-									/* @__PURE__ */ y(u, {
+									/* @__PURE__ */ y(f, {
 										testId: `mcp-install-field-${e.key}`,
 										name: e.key,
 										type: e.type === "password" ? "password" : "text",
@@ -393,7 +393,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 										className: "text-xs text-red-500",
 										children: R.errors[e.key]
 									}),
-									e.key in R.savedAsSecret && /* @__PURE__ */ y(h, {
+									e.key in R.savedAsSecret && /* @__PURE__ */ y(p, {
 										fieldKey: e.key,
 										checked: R.savedAsSecret[e.key],
 										onToggle: (t) => Z(e.key, t)
@@ -403,7 +403,7 @@ function E({ entry: E, existingServers: D, onClose: O, onSuccess: k }) {
 							(e.argFields ?? []).map((e) => /* @__PURE__ */ b("div", {
 								className: "flex flex-col gap-1",
 								children: [
-									/* @__PURE__ */ y(u, {
+									/* @__PURE__ */ y(f, {
 										testId: `mcp-install-field-${e.key}`,
 										name: e.key,
 										type: e.type === "password" ? "password" : "text",