@openhands/agent-canvas 1.9.0 → 1.10.0

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

@@ -3,28 +3,27 @@ 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 { 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 { toMcpServerName as a } 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 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 { 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 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";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+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 _ 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
-function S(e) {
+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(/* @__PURE__ */ b("a", {
+	for (let i of e.matchAll(t)) i.index > r && n.push(e.slice(r, i.index)), n.push(/* @__PURE__ */ y("a", {
 		href: /^https?:\/\//i.test(i[2]) ? i[2] : "#",
 		target: "_blank",
 		rel: "noreferrer",
@@ -33,16 +32,16 @@ function S(e) {
 	}, i.index)), r = i.index + i[0].length;
 	return r < e.length && n.push(e.slice(r)), n;
 }
-function C(e) {
+function S(e) {
 	return e?.transport.kind !== "shttp" && e?.transport.kind !== "sse" ? !1 : ["api_key", "bearer"].includes(e.auth.strategy);
 }
-function w(e) {
+function C(e) {
 	return !!e && e.auth.strategy === "oauth2";
 }
-function T(e) {
+function w(e) {
 	return e.transport.kind === "stdio" ? e.auth.apiKeyOptional ?? !1 : e.auth.apiKeyOptional ?? e.transport.apiKeyOptional ?? !1;
 }
-function E(e) {
+function T(e) {
 	return e?.transport.kind !== "shttp" && e?.transport.kind !== "sse" ? [] : e.transport.headerFields ?? [];
 }
 function ie(e) {
@@ -52,8 +51,8 @@ function ie(e) {
 		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 E(r)) t[e.key] = "", n[e.key] = e.type === "password";
-		C(r) && (t.api_key = "", r?.auth.credentialSecretName && (n.api_key = r.auth.saveCredentialAsSecretByDefault ?? !1));
+		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,
@@ -61,10 +60,10 @@ function ie(e) {
 		savedAsSecret: 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);
+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);
 	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) => {
+	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) => ({
 			...n,
 			values: {
@@ -84,19 +83,19 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 				[e]: t
 			}
 		}));
-	}, oe = () => {
+	}, ae = () => {
 		let e = q?.auth.credentialSecretName, t = B.current.values.api_key?.trim();
-		return !e || !t || !B.current.savedAsSecret.api_key ? Promise.resolve() : I([{
+		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" ? 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) => {
+	}, 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), ne.authorizeOAuth(e).then((i) => {
+			K(!0), te.authorizeOAuth(e).then((i) => {
 				if (!i.ok) {
-					H(m(j, i.error_kind, i.error));
+					H(m(A, i.error_kind, i.error));
 					return;
 				}
 				let a = i.oauth_state ? {
@@ -106,29 +105,29 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 						state: i.oauth_state
 					}
 				} : e;
-				M(a, {
+				j(a, {
 					onSuccess: () => {
-						L || p(a, i, O), r(j(t.MCP$INSTALL_SUCCESS)), W(!0), (async () => {
+						L || p(a, i, D), r(A(t.MCP$INSTALL_SUCCESS)), W(!0), (async () => {
 							try {
 								await Q();
 							} finally {
-								A?.(D), k();
+								k?.(E), O();
 							}
 						})();
 					},
 					onError: (e) => {
-						H(n(e) || j(t.ERROR$GENERIC));
+						H(n(e) || A(t.ERROR$GENERIC));
 					}
 				});
 			}).catch((e) => {
-				H(n(e) || j(t.ERROR$GENERIC));
+				H(n(e) || A(t.ERROR$GENERIC));
 			}).finally(() => K(!1));
 			return;
 		}
-		P(e, {
+		N(e, {
 			onSuccess: (i) => {
 				if (!i.ok) {
-					H(m(j, i.error_kind, i.error));
+					H(m(A, i.error_kind, i.error));
 					return;
 				}
 				let a = i.oauth_state && e.auth?.strategy === "oauth2" ? {
@@ -138,44 +137,44 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 						state: i.oauth_state
 					}
 				} : e;
-				M(a, {
+				j(a, {
 					onSuccess: () => {
-						L || p(a, i, O), r(j(t.MCP$INSTALL_SUCCESS)), W(!0), (async () => {
+						L || p(a, i, D), r(A(t.MCP$INSTALL_SUCCESS)), W(!0), (async () => {
 							try {
 								await Q();
 							} finally {
-								A?.(D), k();
+								k?.(E), O();
 							}
 						})();
 					},
 					onError: (e) => {
-						H(n(e) || j(t.ERROR$GENERIC));
+						H(n(e) || A(t.ERROR$GENERIC));
 					}
 				});
 			},
 			onError: (e) => {
-				H(n(e) || j(t.ERROR$GENERIC));
+				H(n(e) || A(t.ERROR$GENERIC));
 			}
 		});
-	}, se = () => {
+	}, oe = () => {
 		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);
+		let e = R.values.api_key?.trim() ?? "", n = J.urlEditable ? R.values.url?.trim() ?? "" : J.url, r = C(q), i = S(q), o = T(q), s = {};
+		if (!n) s.url = A(t.SETTINGS$MCP_ERROR_URL_REQUIRED);
 		else try {
 			let e = new URL(n);
-			["http:", "https:"].includes(e.protocol) || (s.url = j(t.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL));
+			["http:", "https:"].includes(e.protocol) || (s.url = A(t.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL));
 		} catch {
-			s.url = j(t.SETTINGS$MCP_ERROR_URL_INVALID);
+			s.url = A(t.SETTINGS$MCP_ERROR_URL_INVALID);
 		}
-		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)) {
+		for (let e of o) e.required && !(R.values[e.key] ?? "").trim() && (s[e.key] = A(t.MCP$ERROR_FIELD_REQUIRED));
+		if (!r && i && !w(q) && !e && (s.api_key = A(t.MCP$ERROR_FIELD_REQUIRED)), Object.values(s).some(Boolean)) {
 			z((e) => ({
 				...e,
 				errors: s
 			}));
 			return;
 		}
-		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;
+		let c = r ? ee(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",
 			...c && { authentication: c }
@@ -190,18 +189,18 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 			strategy: "header",
 			headers: l
 		}), $({
-			id: `${J.kind}-${a()}`,
+			id: "",
 			type: J.kind,
-			name: ee(D.id),
+			name: a(E.id),
 			url: n,
 			...d && { auth: d },
 			...u && d?.strategy !== "header" && { headers: l }
 		});
-	}, ce = () => {
+	}, se = () => {
 		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));
+		for (let r of e.envFields ?? []) r.required && !(R.values[r.key] ?? "").trim() && (n[r.key] = A(t.MCP$ERROR_FIELD_REQUIRED));
+		for (let r of e.argFields ?? []) r.required && !(R.values[r.key] ?? "").trim() && (n[r.key] = A(t.MCP$ERROR_FIELD_REQUIRED));
 		if (Object.values(n).some(Boolean)) {
 			z((e) => ({
 				...e,
@@ -220,7 +219,7 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 			if (e) for (let t of e.split(/\s+/)) t && i.push(t);
 		}
 		$({
-			id: `stdio-${a()}`,
+			id: "",
 			type: "stdio",
 			name: e.serverName,
 			command: e.command,
@@ -228,68 +227,68 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 			...Object.keys(r).length > 0 && { env: r }
 		});
 	};
-	return /* @__PURE__ */ b(o, {
-		onClose: k,
-		"aria-label": D.name,
-		children: /* @__PURE__ */ x("form", {
+	return /* @__PURE__ */ y(o, {
+		onClose: O,
+		"aria-label": E.name,
+		children: /* @__PURE__ */ b("form", {
 			"data-testid": "mcp-install-modal",
-			"data-marketplace-id": D.id,
-			onSubmit: (e) => (e.preventDefault(), H(null), J?.kind === "shttp" || J?.kind === "sse" ? se() : ce()),
+			"data-marketplace-id": E.id,
+			onSubmit: (e) => (e.preventDefault(), H(null), J?.kind === "shttp" || J?.kind === "sse" ? oe() : se()),
 			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,
+				/* @__PURE__ */ y(c, {
+					onClose: O,
 					testId: "mcp-install-modal-close",
 					disabled: Y
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex items-start gap-3 pr-6",
-					children: [/* @__PURE__ */ b(te, { entry: D }), /* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ y(f, { entry: E }), /* @__PURE__ */ b("div", {
 						className: "flex flex-col flex-1",
-						children: [/* @__PURE__ */ b("h2", {
+						children: [/* @__PURE__ */ y("h2", {
 							className: s,
-							children: D.name
-						}), /* @__PURE__ */ b("p", {
+							children: E.name
+						}), /* @__PURE__ */ y("p", {
 							className: "text-xs text-tertiary-light",
-							children: D.description
+							children: E.description
 						})]
 					})]
 				}),
-				D.installHint && /* @__PURE__ */ b("p", {
+				E.installHint && /* @__PURE__ */ y("p", {
 					className: "text-xs text-tertiary-light",
-					children: D.installHint
+					children: E.installHint
 				}),
-				D.docsUrl && /* @__PURE__ */ b("a", {
-					href: D.docsUrl,
+				E.docsUrl && /* @__PURE__ */ y("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: j(t.MCP$VIEW_DOCS)
+					children: A(t.MCP$VIEW_DOCS)
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ y("div", {
 					className: "flex flex-col gap-3",
 					children: (() => {
 						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, {
+							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, {
 									testId: "mcp-install-field-url",
 									name: "url",
 									type: "url",
-									label: j(t.SETTINGS$MCP_URL),
+									label: A(t.SETTINGS$MCP_URL),
 									value: R.values.url ?? J.url,
 									onChange: (e) => X("url", e),
 									isDisabled: !J.urlEditable,
 									className: "w-full"
 								}),
-								R.errors.url && /* @__PURE__ */ b("p", {
+								R.errors.url && /* @__PURE__ */ y("p", {
 									className: "text-xs text-red-500",
 									children: R.errors.url
 								}),
-								a.map((e) => /* @__PURE__ */ x("div", {
+								a.map((e) => /* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-1",
 									children: [
-										/* @__PURE__ */ b(u, {
+										/* @__PURE__ */ y(u, {
 											testId: `mcp-install-field-${e.key}`,
 											name: e.key,
 											type: e.type === "password" ? "password" : "text",
@@ -301,55 +300,55 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 											showOptionalTag: !e.required,
 											className: "w-full"
 										}),
-										e.helperText && /* @__PURE__ */ b("p", {
+										e.helperText && /* @__PURE__ */ y("p", {
 											className: "text-xs text-tertiary-alt",
-											children: S(e.helperText)
+											children: x(e.helperText)
 										}),
-										R.errors[e.key] && /* @__PURE__ */ b("p", {
+										R.errors[e.key] && /* @__PURE__ */ y("p", {
 											className: "text-xs text-red-500",
 											children: R.errors[e.key]
 										}),
-										e.key in R.savedAsSecret && /* @__PURE__ */ b(h, {
+										e.key in R.savedAsSecret && /* @__PURE__ */ y(h, {
 											fieldKey: e.key,
 											checked: R.savedAsSecret[e.key] ?? !1,
 											onToggle: (t) => Z(e.key, t)
 										})
 									]
 								}, e.key)),
-								e ? /* @__PURE__ */ x("div", {
+								e ? /* @__PURE__ */ b("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: [/* @__PURE__ */ b("p", {
+									children: [/* @__PURE__ */ y("p", {
 										className: "text-sm text-secondary-light",
-										children: j(t.MCP$OAUTH_CONNECT_INFO)
-									}), /* @__PURE__ */ b("p", {
+										children: A(t.MCP$OAUTH_CONNECT_INFO)
+									}), /* @__PURE__ */ y("p", {
 										className: "text-xs text-tertiary-alt",
-										children: j(t.MCP$OAUTH_CONNECT_HINT)
+										children: A(t.MCP$OAUTH_CONNECT_HINT)
 									})]
-								}) : n ? /* @__PURE__ */ x("div", {
+								}) : n ? /* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-1",
 									children: [
-										/* @__PURE__ */ b(u, {
+										/* @__PURE__ */ y(u, {
 											testId: "mcp-install-field-api_key",
 											name: "api_key",
 											type: "password",
-											label: q?.auth.credentialLabel ?? j(t.SETTINGS$MCP_API_KEY),
+											label: q?.auth.credentialLabel ?? A(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),
+											placeholder: q?.auth.credentialPlaceholder ?? A(t.SETTINGS$MCP_API_KEY_PLACEHOLDER),
 											showOptionalTag: r,
 											required: !r,
 											className: "w-full"
 										}),
-										q?.auth.credentialHelp && /* @__PURE__ */ b("p", {
+										q?.auth.credentialHelp && /* @__PURE__ */ y("p", {
 											className: "text-xs text-tertiary-alt",
-											children: S(q.auth.credentialHelp)
+											children: x(q.auth.credentialHelp)
 										}),
-										R.errors.api_key && /* @__PURE__ */ b("p", {
+										R.errors.api_key && /* @__PURE__ */ y("p", {
 											className: "text-xs text-red-500",
 											children: R.errors.api_key
 										}),
-										i && /* @__PURE__ */ b(h, {
+										i && /* @__PURE__ */ y(h, {
 											fieldKey: i,
 											checked: R.savedAsSecret.api_key ?? !1,
 											onToggle: (e) => Z("api_key", e)
@@ -360,21 +359,21 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 						}
 						if (J?.kind !== "stdio") return null;
 						let e = J;
-						return /* @__PURE__ */ x(y, { children: [
-							/* @__PURE__ */ b(u, {
+						return /* @__PURE__ */ b(v, { children: [
+							/* @__PURE__ */ y(u, {
 								testId: "mcp-install-field-command-readonly",
 								name: "command-readonly",
 								type: "text",
-								label: j(t.MCP$COMMAND_LABEL),
+								label: A(t.MCP$COMMAND_LABEL),
 								value: `${e.command} ${e.args.join(" ")}`.trim(),
 								onChange: () => {},
 								isDisabled: !0,
 								className: "w-full"
 							}),
-							(e.envFields ?? []).map((e) => /* @__PURE__ */ x("div", {
+							(e.envFields ?? []).map((e) => /* @__PURE__ */ b("div", {
 								className: "flex flex-col gap-1",
 								children: [
-									/* @__PURE__ */ b(u, {
+									/* @__PURE__ */ y(u, {
 										testId: `mcp-install-field-${e.key}`,
 										name: e.key,
 										type: e.type === "password" ? "password" : "text",
@@ -386,25 +385,25 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 										showOptionalTag: !e.required,
 										className: "w-full"
 									}),
-									e.helperText && /* @__PURE__ */ b("p", {
+									e.helperText && /* @__PURE__ */ y("p", {
 										className: "text-xs text-tertiary-alt",
-										children: S(e.helperText)
+										children: x(e.helperText)
 									}),
-									R.errors[e.key] && /* @__PURE__ */ b("p", {
+									R.errors[e.key] && /* @__PURE__ */ y("p", {
 										className: "text-xs text-red-500",
 										children: R.errors[e.key]
 									}),
-									e.key in R.savedAsSecret && /* @__PURE__ */ b(h, {
+									e.key in R.savedAsSecret && /* @__PURE__ */ y(h, {
 										fieldKey: e.key,
 										checked: R.savedAsSecret[e.key],
 										onToggle: (t) => Z(e.key, t)
 									})
 								]
 							}, e.key)),
-							(e.argFields ?? []).map((e) => /* @__PURE__ */ x("div", {
+							(e.argFields ?? []).map((e) => /* @__PURE__ */ b("div", {
 								className: "flex flex-col gap-1",
 								children: [
-									/* @__PURE__ */ b(u, {
+									/* @__PURE__ */ y(u, {
 										testId: `mcp-install-field-${e.key}`,
 										name: e.key,
 										type: e.type === "password" ? "password" : "text",
@@ -416,11 +415,11 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 										showOptionalTag: !e.required,
 										className: "w-full"
 									}),
-									e.helperText && /* @__PURE__ */ b("p", {
+									e.helperText && /* @__PURE__ */ y("p", {
 										className: "text-xs text-tertiary-alt",
-										children: S(e.helperText)
+										children: x(e.helperText)
 									}),
-									R.errors[e.key] && /* @__PURE__ */ b("p", {
+									R.errors[e.key] && /* @__PURE__ */ y("p", {
 										className: "text-xs text-red-500",
 										children: R.errors[e.key]
 									})
@@ -429,26 +428,26 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 						] });
 					})()
 				}),
-				V && /* @__PURE__ */ b("p", {
+				V && /* @__PURE__ */ y("p", {
 					"data-testid": "mcp-install-modal-error",
 					className: "text-sm text-red-500 whitespace-pre-wrap",
 					children: V
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex justify-end gap-2 mt-2",
-					children: [/* @__PURE__ */ b(l, {
+					children: [/* @__PURE__ */ y(l, {
 						type: "button",
 						variant: "secondary",
-						onClick: k,
+						onClick: O,
 						testId: "mcp-install-cancel",
 						isDisabled: Y,
-						children: j(t.BUTTON$CANCEL)
-					}), /* @__PURE__ */ b(l, {
+						children: A(t.BUTTON$CANCEL)
+					}), /* @__PURE__ */ y(l, {
 						type: "submit",
 						variant: "primary",
 						isDisabled: Y,
 						testId: "mcp-install-submit",
-						children: j(F || G ? t.MCP$VERIFYING : N || U ? t.SETTINGS$SAVING : t.MCP$INSTALL_BUTTON)
+						children: A(P || G ? t.MCP$VERIFYING : M || U ? t.SETTINGS$SAVING : t.MCP$INSTALL_BUTTON)
 					})]
 				})
 			]
@@ -456,6 +455,6 @@ function D({ entry: D, existingServers: O, onClose: k, onSuccess: A }) {
 	});
 }
 //#endregion
-export { D as InstallServerModal };
+export { E as InstallServerModal };
 
 //# sourceMappingURL=install-server-modal.js.map