@openhands/agent-canvas 1.5.2 → 1.6.1

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

@@ -2,18 +2,21 @@ import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { retrieveAxiosErrorMessage as n } from "../../../utils/retrieve-axios-error-message.js";
 import { displaySuccessToast as r } from "../../../utils/custom-toast-handlers.js";
-import i from "../../../node_modules/uuid/dist/v4.js";
-import { toMcpServerName as a } from "../../../utils/mcp-server-name.js";
+import { useActiveBackend as i } from "../../../contexts/active-backend-context.js";
+import a from "../../../node_modules/uuid/dist/v4.js";
+import { toMcpServerName as ee } from "../../../utils/mcp-server-name.js";
 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 { getInstallableMcpConnectionOption as d, getMcpOAuthAuthenticationConfig as ee } from "../../../utils/mcp-marketplace-utils.js";
-import { McpLogoBadge as f } from "../mcp-logo-badge.js";
-import { SaveAsSecretToggle as p } from "./save-as-secret-toggle.js";
-import { useAddMcpServer as m } from "../../../hooks/mutation/use-add-mcp-server.js";
-import h from "../../../api/mcp-service/mcp-service.api.js";
+import { getInstallableMcpConnectionOption as d, getMcpOAuthAuthenticationConfig as f } from "../../../utils/mcp-marketplace-utils.js";
+import { McpLogoBadge as te } from "../mcp-logo-badge.js";
+import ne 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 re } from "../../../hooks/mutation/use-add-mcp-server.js";
 import { useTestMcpServer as g } from "../../../hooks/mutation/use-test-mcp-server.js";
 import { useSaveFieldsAsSecrets as _ } from "../../../hooks/mutation/use-save-fields-as-secrets.js";
 import v from "react";
@@ -42,7 +45,7 @@ function T(e) {
 function E(e) {
 	return e?.transport.kind !== "shttp" && e?.transport.kind !== "sse" ? [] : e.transport.headerFields ?? [];
 }
-function D(e) {
+function ie(e) {
 	let t = {}, n = {}, r = d(e), i = r?.transport;
 	if (i?.kind === "stdio") {
 		for (let e of i.envFields ?? []) t[e.key] = "", n[e.key] = e.type === "password";
@@ -58,11 +61,11 @@ function D(e) {
 		savedAsSecret: n
 	};
 }
-function O({ entry: O, onClose: k, onSuccess: A }) {
-	let { t: j } = e("openhands"), { mutate: M, isPending: N } = m(), { mutate: P, isPending: F } = g(), I = _(), [L, R] = v.useState(() => D(O)), z = v.useRef(L);
-	z.current = L;
-	let [B, V] = v.useState(null), [H, U] = v.useState(!1), [W, G] = v.useState(!1), K = d(O), q = K?.transport, J = F || W || N || H, Y = (e, t) => {
-		R((n) => ({
+function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
+	let { t: j } = e("openhands"), { mutate: M, isPending: N } = re(), { mutate: P, isPending: F } = g(), I = _(), { backend: ae } = i(), L = ae.kind === "cloud", [R, z] = v.useState(() => ie(D)), B = v.useRef(R);
+	B.current = R;
+	let [V, H] = v.useState(null), [U, W] = v.useState(!1), [G, K] = v.useState(!1), q = d(D), J = q?.transport, Y = F || G || N || U, X = (e, t) => {
+		z((n) => ({
 			...n,
 			values: {
 				...n.values,
@@ -72,139 +75,135 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 				...n.errors,
 				[e]: null
 			}
-		})), V(null);
-	}, X = (e, t) => {
-		R((n) => ({
+		})), H(null);
+	}, Z = (e, t) => {
+		z((n) => ({
 			...n,
 			savedAsSecret: {
 				...n.savedAsSecret,
 				[e]: t
 			}
 		}));
-	}, te = () => {
-		let e = K?.auth.credentialSecretName, t = z.current.values.api_key?.trim();
-		return !e || !t || !z.current.savedAsSecret.api_key ? Promise.resolve() : I([{
+	}, oe = () => {
+		let e = q?.auth.credentialSecretName, t = B.current.values.api_key?.trim();
+		return !e || !t || !B.current.savedAsSecret.api_key ? Promise.resolve() : I([{
 			key: e,
-			label: K.auth.credentialLabel ?? e,
-			type: "password"
+			label: q.auth.credentialLabel ?? e,
+			type: "password",
+			required: !0
 		}], { [e]: t }, { [e]: !0 });
-	}, Z = () => q?.kind === "stdio" ? I(q.envFields ?? [], z.current.values, z.current.savedAsSecret) : q?.kind === "shttp" || q?.kind === "sse" ? Promise.all([te(), I(E(K), z.current.values, z.current.savedAsSecret)]).then(() => void 0) : Promise.resolve(), Q = (e) => {
-		switch (e.error_kind) {
-			case "timeout": return j(t.MCP$TEST_ERROR_TIMEOUT);
-			case "connection": return j(t.MCP$TEST_ERROR_CONNECTION);
-			case "credentials": return j(t.MCP$TEST_ERROR_CREDENTIALS, { error: e.error });
-			default: return j(t.MCP$TEST_ERROR_UNKNOWN, { error: e.error });
-		}
-	}, $ = (e) => {
+	}, Q = () => J?.kind === "stdio" ? I(J.envFields ?? [], B.current.values, B.current.savedAsSecret) : J?.kind === "shttp" || J?.kind === "sse" ? Promise.all([oe(), I(E(q), B.current.values, B.current.savedAsSecret)]).then(() => void 0) : Promise.resolve(), $ = (e) => {
 		if (e.auth?.strategy === "oauth2") {
-			G(!0), h.authorizeOAuth(e).then((i) => {
+			K(!0), ne.authorizeOAuth(e).then((i) => {
 				if (!i.ok) {
-					V(Q(i));
+					H(m(j, i.error_kind, i.error));
 					return;
 				}
-				M(i.oauth_state ? {
+				let a = i.oauth_state ? {
 					...e,
 					auth: {
 						...e.auth,
 						state: i.oauth_state
 					}
-				} : e, {
+				} : e;
+				M(a, {
 					onSuccess: () => {
-						r(j(t.MCP$INSTALL_SUCCESS)), U(!0), (async () => {
+						L || p(a, i, O), r(j(t.MCP$INSTALL_SUCCESS)), W(!0), (async () => {
 							try {
-								await Z();
+								await Q();
 							} finally {
-								A?.(O), k();
+								A?.(D), k();
 							}
 						})();
 					},
 					onError: (e) => {
-						V(n(e) || j(t.ERROR$GENERIC));
+						H(n(e) || j(t.ERROR$GENERIC));
 					}
 				});
 			}).catch((e) => {
-				V(n(e) || j(t.ERROR$GENERIC));
-			}).finally(() => G(!1));
+				H(n(e) || j(t.ERROR$GENERIC));
+			}).finally(() => K(!1));
 			return;
 		}
 		P(e, {
 			onSuccess: (i) => {
 				if (!i.ok) {
-					V(Q(i));
+					H(m(j, i.error_kind, i.error));
 					return;
 				}
-				M(i.oauth_state && e.auth?.strategy === "oauth2" ? {
+				let a = i.oauth_state && e.auth?.strategy === "oauth2" ? {
 					...e,
 					auth: {
 						...e.auth,
 						state: i.oauth_state
 					}
-				} : e, {
+				} : e;
+				M(a, {
 					onSuccess: () => {
-						r(j(t.MCP$INSTALL_SUCCESS)), U(!0), (async () => {
+						L || p(a, i, O), r(j(t.MCP$INSTALL_SUCCESS)), W(!0), (async () => {
 							try {
-								await Z();
+								await Q();
 							} finally {
-								A?.(O), k();
+								A?.(D), k();
 							}
 						})();
 					},
 					onError: (e) => {
-						V(n(e) || j(t.ERROR$GENERIC));
+						H(n(e) || j(t.ERROR$GENERIC));
 					}
 				});
 			},
 			onError: (e) => {
-				V(n(e) || j(t.ERROR$GENERIC));
+				H(n(e) || j(t.ERROR$GENERIC));
 			}
 		});
-	}, ne = () => {
-		if (q?.kind !== "shttp" && q?.kind !== "sse" || !K) return;
-		let e = L.values.api_key?.trim() ?? "", n = q.urlEditable ? L.values.url?.trim() ?? "" : q.url, r = w(K), o = C(K), s = E(K), c = {};
-		if (!n) c.url = j(t.SETTINGS$MCP_ERROR_URL_REQUIRED);
+	}, se = () => {
+		if (J?.kind !== "shttp" && J?.kind !== "sse" || !q) return;
+		let e = R.values.api_key?.trim() ?? "", n = J.urlEditable ? R.values.url?.trim() ?? "" : J.url, r = w(q), i = C(q), o = E(q), s = {};
+		if (!n) s.url = j(t.SETTINGS$MCP_ERROR_URL_REQUIRED);
 		else try {
 			let e = new URL(n);
-			["http:", "https:"].includes(e.protocol) || (c.url = j(t.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL));
+			["http:", "https:"].includes(e.protocol) || (s.url = j(t.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL));
 		} catch {
-			c.url = j(t.SETTINGS$MCP_ERROR_URL_INVALID);
+			s.url = j(t.SETTINGS$MCP_ERROR_URL_INVALID);
 		}
-		for (let e of s) e.required && !(L.values[e.key] ?? "").trim() && (c[e.key] = j(t.MCP$ERROR_FIELD_REQUIRED));
-		if (!r && o && !T(K) && !e && (c.api_key = j(t.MCP$ERROR_FIELD_REQUIRED)), Object.values(c).some(Boolean)) {
-			R((e) => ({
+		for (let e of o) e.required && !(R.values[e.key] ?? "").trim() && (s[e.key] = j(t.MCP$ERROR_FIELD_REQUIRED));
+		if (!r && i && !T(q) && !e && (s.api_key = j(t.MCP$ERROR_FIELD_REQUIRED)), Object.values(s).some(Boolean)) {
+			z((e) => ({
 				...e,
-				errors: c
+				errors: s
 			}));
 			return;
 		}
-		let l = r ? ee(K) : void 0, u = Object.fromEntries(s.map((e) => [e.key, L.values[e.key]?.trim() ?? ""]).filter(([, e]) => e)), d = Object.keys(u).length > 0, f;
-		r ? f = {
+		let c = r ? f(q) : void 0, l = Object.fromEntries(o.map((e) => [e.key, R.values[e.key]?.trim() ?? ""]).filter(([, e]) => e)), u = Object.keys(l).length > 0, d;
+		r ? d = {
 			strategy: "oauth2",
-			...l && { authentication: l }
-		} : o && e ? f = K.auth.strategy === "api_key" ? {
+			...c && { authentication: c }
+		} : i && e ? d = q.auth.strategy === "api_key" ? {
 			strategy: "api_key",
 			value: e,
-			...K.auth.apiKeyHeaderName && { header_name: K.auth.apiKeyHeaderName }
+			...q.auth.apiKeyHeaderName && { header_name: q.auth.apiKeyHeaderName }
 		} : {
 			strategy: "bearer",
 			value: e
-		} : d && (f = {
+		} : u && (d = {
 			strategy: "header",
-			headers: u
+			headers: l
 		}), $({
-			id: `${q.kind}-${i()}`,
-			type: q.kind,
-			name: a(O.id),
+			id: `${J.kind}-${a()}`,
+			type: J.kind,
+			name: ee(D.id),
 			url: n,
-			...f && { auth: f },
-			...d && f?.strategy !== "header" && { headers: u }
+			...d && { auth: d },
+			...u && d?.strategy !== "header" && { headers: l }
 		});
-	}, re = () => {
-		if (q?.kind !== "stdio") return;
-		let e = q, n = {};
-		for (let r of e.envFields ?? []) r.required && !(L.values[r.key] ?? "").trim() && (n[r.key] = j(t.MCP$ERROR_FIELD_REQUIRED));
-		for (let r of e.argFields ?? []) r.required && !(L.values[r.key] ?? "").trim() && (n[r.key] = j(t.MCP$ERROR_FIELD_REQUIRED));
+	}, ce = () => {
+		if (J?.kind !== "stdio") return;
+		let e = J, n = {};
+		for (let r of e.envFields ?? []) r.required && !(R.values[r.key] ?? "").trim() && (n[r.key] = j(t.MCP$ERROR_FIELD_REQUIRED));
+		for (let r of e.argFields ?? []) r.required && !(R.values[r.key] ?? "").trim() && (n[r.key] = j(t.MCP$ERROR_FIELD_REQUIRED));
 		if (Object.values(n).some(Boolean)) {
-			R((e) => ({
+			z((e) => ({
 				...e,
 				errors: n
 			}));
@@ -212,56 +211,56 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 		}
 		let r = {};
 		for (let t of e.envFields ?? []) {
-			let e = L.values[t.key]?.trim();
+			let e = R.values[t.key]?.trim();
 			e && (r[t.key] = e);
 		}
-		let a = [];
+		let i = [];
 		for (let t of e.argFields ?? []) {
-			let e = L.values[t.key]?.trim();
-			if (e) for (let t of e.split(/\s+/)) t && a.push(t);
+			let e = R.values[t.key]?.trim();
+			if (e) for (let t of e.split(/\s+/)) t && i.push(t);
 		}
 		$({
-			id: `stdio-${i()}`,
+			id: `stdio-${a()}`,
 			type: "stdio",
 			name: e.serverName,
 			command: e.command,
-			args: [...e.args, ...a],
+			args: [...e.args, ...i],
 			...Object.keys(r).length > 0 && { env: r }
 		});
 	};
 	return /* @__PURE__ */ b(o, {
 		onClose: k,
-		"aria-label": O.name,
+		"aria-label": D.name,
 		children: /* @__PURE__ */ x("form", {
 			"data-testid": "mcp-install-modal",
-			"data-marketplace-id": O.id,
-			onSubmit: (e) => (e.preventDefault(), V(null), q?.kind === "shttp" || q?.kind === "sse" ? ne() : re()),
+			"data-marketplace-id": D.id,
+			onSubmit: (e) => (e.preventDefault(), H(null), J?.kind === "shttp" || J?.kind === "sse" ? se() : ce()),
 			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: [
 				/* @__PURE__ */ b(c, {
 					onClose: k,
 					testId: "mcp-install-modal-close",
-					disabled: J
+					disabled: Y
 				}),
 				/* @__PURE__ */ x("div", {
 					className: "flex items-start gap-3 pr-6",
-					children: [/* @__PURE__ */ b(f, { entry: O }), /* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ b(te, { entry: D }), /* @__PURE__ */ x("div", {
 						className: "flex flex-col flex-1",
 						children: [/* @__PURE__ */ b("h2", {
 							className: s,
-							children: O.name
+							children: D.name
 						}), /* @__PURE__ */ b("p", {
 							className: "text-xs text-tertiary-light",
-							children: O.description
+							children: D.description
 						})]
 					})]
 				}),
-				O.installHint && /* @__PURE__ */ b("p", {
+				D.installHint && /* @__PURE__ */ b("p", {
 					className: "text-xs text-tertiary-light",
-					children: O.installHint
+					children: D.installHint
 				}),
-				O.docsUrl && /* @__PURE__ */ b("a", {
-					href: O.docsUrl,
+				D.docsUrl && /* @__PURE__ */ b("a", {
+					href: D.docsUrl,
 					target: "_blank",
 					rel: "noreferrer",
 					className: "text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors",
@@ -270,22 +269,22 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 				/* @__PURE__ */ b("div", {
 					className: "flex flex-col gap-3",
 					children: (() => {
-						if (q?.kind === "shttp" || q?.kind === "sse") {
-							let e = w(K), n = C(K), r = K ? T(K) : !1, i = K?.auth.credentialSecretName, a = E(K);
+						if (J?.kind === "shttp" || J?.kind === "sse") {
+							let e = w(q), n = C(q), r = q ? T(q) : !1, i = q?.auth.credentialSecretName, a = E(q);
 							return /* @__PURE__ */ x(y, { children: [
 								/* @__PURE__ */ b(u, {
 									testId: "mcp-install-field-url",
 									name: "url",
 									type: "url",
 									label: j(t.SETTINGS$MCP_URL),
-									value: L.values.url ?? q.url,
-									onChange: (e) => Y("url", e),
-									isDisabled: !q.urlEditable,
+									value: R.values.url ?? J.url,
+									onChange: (e) => X("url", e),
+									isDisabled: !J.urlEditable,
 									className: "w-full"
 								}),
-								L.errors.url && /* @__PURE__ */ b("p", {
+								R.errors.url && /* @__PURE__ */ b("p", {
 									className: "text-xs text-red-500",
-									children: L.errors.url
+									children: R.errors.url
 								}),
 								a.map((e) => /* @__PURE__ */ x("div", {
 									className: "flex flex-col gap-1",
@@ -295,8 +294,8 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 											name: e.key,
 											type: e.type === "password" ? "password" : "text",
 											label: e.label,
-											value: L.values[e.key] ?? "",
-											onChange: (t) => Y(e.key, t),
+											value: R.values[e.key] ?? "",
+											onChange: (t) => X(e.key, t),
 											placeholder: e.placeholder,
 											required: e.required,
 											showOptionalTag: !e.required,
@@ -306,14 +305,14 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 											className: "text-xs text-tertiary-alt",
 											children: S(e.helperText)
 										}),
-										L.errors[e.key] && /* @__PURE__ */ b("p", {
+										R.errors[e.key] && /* @__PURE__ */ b("p", {
 											className: "text-xs text-red-500",
-											children: L.errors[e.key]
+											children: R.errors[e.key]
 										}),
-										e.key in L.savedAsSecret && /* @__PURE__ */ b(p, {
+										e.key in R.savedAsSecret && /* @__PURE__ */ b(h, {
 											fieldKey: e.key,
-											checked: L.savedAsSecret[e.key] ?? !1,
-											onToggle: (t) => X(e.key, t)
+											checked: R.savedAsSecret[e.key] ?? !1,
+											onToggle: (t) => Z(e.key, t)
 										})
 									]
 								}, e.key)),
@@ -334,33 +333,33 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 											testId: "mcp-install-field-api_key",
 											name: "api_key",
 											type: "password",
-											label: K?.auth.credentialLabel ?? j(t.SETTINGS$MCP_API_KEY),
-											value: L.values.api_key ?? "",
-											onChange: (e) => Y("api_key", e),
-											placeholder: K?.auth.credentialPlaceholder ?? j(t.SETTINGS$MCP_API_KEY_PLACEHOLDER),
+											label: q?.auth.credentialLabel ?? j(t.SETTINGS$MCP_API_KEY),
+											value: R.values.api_key ?? "",
+											onChange: (e) => X("api_key", e),
+											placeholder: q?.auth.credentialPlaceholder ?? j(t.SETTINGS$MCP_API_KEY_PLACEHOLDER),
 											showOptionalTag: r,
 											required: !r,
 											className: "w-full"
 										}),
-										K?.auth.credentialHelp && /* @__PURE__ */ b("p", {
+										q?.auth.credentialHelp && /* @__PURE__ */ b("p", {
 											className: "text-xs text-tertiary-alt",
-											children: S(K.auth.credentialHelp)
+											children: S(q.auth.credentialHelp)
 										}),
-										L.errors.api_key && /* @__PURE__ */ b("p", {
+										R.errors.api_key && /* @__PURE__ */ b("p", {
 											className: "text-xs text-red-500",
-											children: L.errors.api_key
+											children: R.errors.api_key
 										}),
-										i && /* @__PURE__ */ b(p, {
+										i && /* @__PURE__ */ b(h, {
 											fieldKey: i,
-											checked: L.savedAsSecret.api_key ?? !1,
-											onToggle: (e) => X("api_key", e)
+											checked: R.savedAsSecret.api_key ?? !1,
+											onToggle: (e) => Z("api_key", e)
 										})
 									]
 								}) : null
 							] });
 						}
-						if (q?.kind !== "stdio") return null;
-						let e = q;
+						if (J?.kind !== "stdio") return null;
+						let e = J;
 						return /* @__PURE__ */ x(y, { children: [
 							/* @__PURE__ */ b(u, {
 								testId: "mcp-install-field-command-readonly",
@@ -380,8 +379,8 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 										name: e.key,
 										type: e.type === "password" ? "password" : "text",
 										label: e.label,
-										value: L.values[e.key] ?? "",
-										onChange: (t) => Y(e.key, t),
+										value: R.values[e.key] ?? "",
+										onChange: (t) => X(e.key, t),
 										placeholder: e.placeholder,
 										required: e.required,
 										showOptionalTag: !e.required,
@@ -391,14 +390,14 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 										className: "text-xs text-tertiary-alt",
 										children: S(e.helperText)
 									}),
-									L.errors[e.key] && /* @__PURE__ */ b("p", {
+									R.errors[e.key] && /* @__PURE__ */ b("p", {
 										className: "text-xs text-red-500",
-										children: L.errors[e.key]
+										children: R.errors[e.key]
 									}),
-									e.key in L.savedAsSecret && /* @__PURE__ */ b(p, {
+									e.key in R.savedAsSecret && /* @__PURE__ */ b(h, {
 										fieldKey: e.key,
-										checked: L.savedAsSecret[e.key],
-										onToggle: (t) => X(e.key, t)
+										checked: R.savedAsSecret[e.key],
+										onToggle: (t) => Z(e.key, t)
 									})
 								]
 							}, e.key)),
@@ -410,8 +409,8 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 										name: e.key,
 										type: e.type === "password" ? "password" : "text",
 										label: e.label,
-										value: L.values[e.key] ?? "",
-										onChange: (t) => Y(e.key, t),
+										value: R.values[e.key] ?? "",
+										onChange: (t) => X(e.key, t),
 										placeholder: e.placeholder,
 										required: e.required,
 										showOptionalTag: !e.required,
@@ -421,19 +420,19 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 										className: "text-xs text-tertiary-alt",
 										children: S(e.helperText)
 									}),
-									L.errors[e.key] && /* @__PURE__ */ b("p", {
+									R.errors[e.key] && /* @__PURE__ */ b("p", {
 										className: "text-xs text-red-500",
-										children: L.errors[e.key]
+										children: R.errors[e.key]
 									})
 								]
 							}, e.key))
 						] });
 					})()
 				}),
-				B && /* @__PURE__ */ b("p", {
+				V && /* @__PURE__ */ b("p", {
 					"data-testid": "mcp-install-modal-error",
 					className: "text-sm text-red-500 whitespace-pre-wrap",
-					children: B
+					children: V
 				}),
 				/* @__PURE__ */ x("div", {
 					className: "flex justify-end gap-2 mt-2",
@@ -442,14 +441,14 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 						variant: "secondary",
 						onClick: k,
 						testId: "mcp-install-cancel",
-						isDisabled: J,
+						isDisabled: Y,
 						children: j(t.BUTTON$CANCEL)
 					}), /* @__PURE__ */ b(l, {
 						type: "submit",
 						variant: "primary",
-						isDisabled: J,
+						isDisabled: Y,
 						testId: "mcp-install-submit",
-						children: j(F || W ? t.MCP$VERIFYING : N || H ? t.SETTINGS$SAVING : t.MCP$INSTALL_BUTTON)
+						children: j(F || G ? t.MCP$VERIFYING : N || U ? t.SETTINGS$SAVING : t.MCP$INSTALL_BUTTON)
 					})]
 				})
 			]
@@ -457,6 +456,6 @@ function O({ entry: O, onClose: k, onSuccess: A }) {
 	});
 }
 //#endregion
-export { O as InstallServerModal };
+export { D as InstallServerModal };
 
 //# sourceMappingURL=install-server-modal.js.map