@openhands/agent-canvas 1.0.0-alpha.7 → 1.0.0-alpha.8

package/dist/components/features/settings/mcp-settings/mcp-server-form.js

@@ -10,65 +10,65 @@ import { SettingsDropdownInput as c } from "../settings-dropdown-input.js";
 import l from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/features/settings/mcp-settings/mcp-server-form.tsx
-function p({ mode: p, server: m, existingServers: h, onSubmit: g, onCancel: _, onDelete: v, isActionDisabled: y = !1 }) {
-	let { t: b } = e("openhands"), [x, S] = l.useState(m?.type || "sse"), [C, w] = l.useState(null), T = [
+function p({ mode: p, server: m, existingServers: h, onSubmit: g, onCancel: _, onDelete: v, isActionDisabled: y = !1, onTest: b, isTestPending: x = !1, testMessage: S = null }) {
+	let { t: C } = e("openhands"), [w, T] = l.useState(m?.type || "sse"), [E, D] = l.useState(null), O = l.useRef(null), k = [
 		{
 			key: "sse",
-			label: b(t.SETTINGS$MCP_SERVER_TYPE_SSE)
+			label: C(t.SETTINGS$MCP_SERVER_TYPE_SSE)
 		},
 		{
 			key: "stdio",
-			label: b(t.SETTINGS$MCP_SERVER_TYPE_STDIO)
+			label: C(t.SETTINGS$MCP_SERVER_TYPE_STDIO)
 		},
 		{
 			key: "shttp",
-			label: b(t.SETTINGS$MCP_SERVER_TYPE_SHTTP)
+			label: C(t.SETTINGS$MCP_SERVER_TYPE_SHTTP)
 		}
-	], E = (e) => {
-		if (!e) return b(t.SETTINGS$MCP_ERROR_URL_REQUIRED);
+	], A = (e) => {
+		if (!e) return C(t.SETTINGS$MCP_ERROR_URL_REQUIRED);
 		try {
 			let n = new URL(e);
-			if (!["http:", "https:"].includes(n.protocol)) return b(t.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);
+			if (!["http:", "https:"].includes(n.protocol)) return C(t.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);
 		} catch {
-			return b(t.SETTINGS$MCP_ERROR_URL_INVALID);
+			return C(t.SETTINGS$MCP_ERROR_URL_INVALID);
 		}
 		return null;
-	}, D = (e) => e ? /^[a-zA-Z0-9_-]+$/.test(e) ? null : b(t.SETTINGS$MCP_ERROR_NAME_INVALID) : b(t.SETTINGS$MCP_ERROR_NAME_REQUIRED), O = (e) => !h || !(p === "add" || p === "edit" && m?.name !== e) ? null : h.filter((e) => e.type === "stdio").map((e) => e.name).filter(Boolean).includes(e) ? b(t.SETTINGS$MCP_ERROR_NAME_DUPLICATE) : null, k = (e) => e ? e.includes(" ") ? b(t.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES) : null : b(t.SETTINGS$MCP_ERROR_COMMAND_REQUIRED), A = (e) => {
+	}, j = (e) => e ? /^[a-zA-Z0-9_-]+$/.test(e) ? null : C(t.SETTINGS$MCP_ERROR_NAME_INVALID) : C(t.SETTINGS$MCP_ERROR_NAME_REQUIRED), M = (e) => !h || !(p === "add" || p === "edit" && m?.name !== e) ? null : h.filter((e) => e.type === "stdio").map((e) => e.name).filter(Boolean).includes(e) ? C(t.SETTINGS$MCP_ERROR_NAME_DUPLICATE) : null, N = (e) => e ? e.includes(" ") ? C(t.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES) : null : C(t.SETTINGS$MCP_ERROR_COMMAND_REQUIRED), P = (e) => {
 		if (!h) return null;
 		let n = m?.url;
-		return (p === "add" || p === "edit" && n !== e) && h.some((t) => (t.type === "sse" || t.type === "shttp") && t.url === e) ? b(t.SETTINGS$MCP_ERROR_URL_DUPLICATE) : null;
-	}, j = (e) => {
+		return (p === "add" || p === "edit" && n !== e) && h.some((t) => (t.type === "sse" || t.type === "shttp") && t.url === e) ? C(t.SETTINGS$MCP_ERROR_URL_DUPLICATE) : null;
+	}, F = (e) => {
 		if (!e.trim()) return null;
 		let n = e.split("\n");
 		for (let e = 0; e < n.length; e += 1) {
 			let r = n[e].trim();
 			if (r) {
 				let e = r.indexOf("=");
-				if (e === -1 || !r.substring(0, e).trim()) return b(t.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);
+				if (e === -1 || !r.substring(0, e).trim()) return C(t.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);
 			}
 		}
 		return null;
-	}, M = (e) => {
+	}, I = (e) => {
 		if (!e.trim()) return null;
 		let n = parseInt(e.trim(), 10);
-		return Number.isNaN(n) ? b(t.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER) : n <= 0 ? b(t.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE) : n > 3600 ? b(t.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED) : null;
-	}, N = (e) => {
+		return Number.isNaN(n) ? C(t.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER) : n <= 0 ? C(t.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE) : n > 3600 ? C(t.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED) : null;
+	}, L = (e) => {
 		let t = e.get("name")?.toString().trim() || "", n = e.get("command")?.toString().trim() || "", r = e.get("env")?.toString() || "";
-		return D(t) || O(t) || k(n) || j(r) || null;
-	}, P = (e) => {
-		if (x === "sse" || x === "shttp") {
-			let t = e.get("url")?.toString().trim() || "", n = E(t);
+		return j(t) || M(t) || N(n) || F(r) || null;
+	}, R = (e) => {
+		if (w === "sse" || w === "shttp") {
+			let t = e.get("url")?.toString().trim() || "", n = A(t);
 			if (n) return n;
-			let r = A(t);
+			let r = P(t);
 			if (r) return r;
-			if (x === "shttp") {
-				let t = M(e.get("timeout")?.toString() || "");
+			if (w === "shttp") {
+				let t = I(e.get("timeout")?.toString() || "");
 				if (t) return t;
 			}
 			return null;
 		}
-		return x === "stdio" ? N(e) : null;
-	}, F = (e) => {
+		return w === "stdio" ? L(e) : null;
+	}, z = (e) => {
 		let t = {}, n = e.trim();
 		if (!n) return t;
 		for (let e of n.split("\n")) {
@@ -76,67 +76,69 @@ function p({ mode: p, server: m, existingServers: h, onSubmit: g, onCancel: _, o
 			n && r !== -1 && i && (t[i] = n.substring(r + 1).trim());
 		}
 		return t;
+	}, B = (e) => e ? Object.entries(e).map(([e, t]) => `${e}=${t}`).join("\n") : "", V = (e) => {
+		let t = {
+			id: m?.id || `${w}-${Date.now()}`,
+			type: w
+		};
+		if (w === "sse" || w === "shttp") {
+			let n = e.get("url")?.toString().trim(), r = e.get("api_key")?.toString().trim(), i = e.get("timeout")?.toString().trim(), a = {
+				...t,
+				url: n,
+				...r && { api_key: r }
+			};
+			if (w === "shttp" && i) {
+				let e = parseInt(i, 10);
+				Number.isNaN(e) || (a.timeout = e);
+			}
+			return a;
+		}
+		let n = e.get("name")?.toString().trim(), r = e.get("command")?.toString().trim(), i = e.get("args")?.toString().trim(), a = e.get("env")?.toString().trim(), o = i ? i.split("\n").map((e) => e.trim()).filter(Boolean) : [], s = z(a || "");
+		return {
+			...t,
+			name: n,
+			command: r,
+			...o.length > 0 && { args: o },
+			...Object.keys(s).length > 0 && { env: s }
+		};
 	};
 	return /* @__PURE__ */ f("form", {
+		ref: O,
 		"data-testid": p === "add" ? "add-mcp-server-form" : "edit-mcp-server-form",
 		onSubmit: (e) => {
-			e.preventDefault(), w(null);
-			let t = new FormData(e.currentTarget), n = P(t);
+			e.preventDefault(), D(null);
+			let t = new FormData(e.currentTarget), n = R(t);
 			if (n) {
-				w(n);
+				D(n);
 				return;
 			}
-			let r = {
-				id: m?.id || `${x}-${Date.now()}`,
-				type: x
-			};
-			if (x === "sse" || x === "shttp") {
-				let e = t.get("url")?.toString().trim(), n = t.get("api_key")?.toString().trim(), i = t.get("timeout")?.toString().trim(), a = {
-					...r,
-					url: e,
-					...n && { api_key: n }
-				};
-				if (x === "shttp" && i) {
-					let e = parseInt(i, 10);
-					Number.isNaN(e) || (a.timeout = e);
-				}
-				g(a);
-			} else if (x === "stdio") {
-				let e = t.get("name")?.toString().trim(), n = t.get("command")?.toString().trim(), i = t.get("args")?.toString().trim(), a = t.get("env")?.toString().trim(), o = i ? i.split("\n").map((e) => e.trim()).filter(Boolean) : [], s = F(a || "");
-				g({
-					...r,
-					name: e,
-					command: n,
-					...o.length > 0 && { args: o },
-					...Object.keys(s).length > 0 && { env: s }
-				});
-			}
+			g(V(t));
 		},
 		className: "flex flex-col items-start gap-6",
 		children: [
 			p === "add" && /* @__PURE__ */ d(c, {
 				testId: "server-type-dropdown",
 				name: "server-type",
-				label: b(t.SETTINGS$MCP_SERVER_TYPE),
-				items: T,
-				selectedKey: x,
-				onSelectionChange: (e) => S(e),
+				label: C(t.SETTINGS$MCP_SERVER_TYPE),
+				items: k,
+				selectedKey: w,
+				onSelectionChange: (e) => T(e),
 				onInputChange: () => {},
 				isClearable: !1,
 				allowsCustomValue: !1,
 				required: !0,
 				wrapperClassName: "w-full min-w-0"
 			}),
-			C && /* @__PURE__ */ d("p", {
+			E && /* @__PURE__ */ d("p", {
 				className: "text-red-500 text-sm",
-				children: C
+				children: E
 			}),
-			(x === "sse" || x === "shttp") && /* @__PURE__ */ f(u, { children: [
+			(w === "sse" || w === "shttp") && /* @__PURE__ */ f(u, { children: [
 				/* @__PURE__ */ d(s, {
 					testId: "url-input",
 					name: "url",
 					type: "url",
-					label: b(t.SETTINGS$MCP_URL),
+					label: C(t.SETTINGS$MCP_URL),
 					className: "w-full min-w-0",
 					required: !0,
 					defaultValue: m?.url || "",
@@ -146,17 +148,17 @@ function p({ mode: p, server: m, existingServers: h, onSubmit: g, onCancel: _, o
 					testId: "api-key-input",
 					name: "api_key",
 					type: "password",
-					label: b(t.SETTINGS$MCP_API_KEY),
+					label: C(t.SETTINGS$MCP_API_KEY),
 					className: "w-full min-w-0",
 					showOptionalTag: !0,
 					defaultValue: m?.api_key || "",
-					placeholder: b(t.SETTINGS$MCP_API_KEY_PLACEHOLDER)
+					placeholder: C(t.SETTINGS$MCP_API_KEY_PLACEHOLDER)
 				}),
-				x === "shttp" && /* @__PURE__ */ d(s, {
+				w === "shttp" && /* @__PURE__ */ d(s, {
 					testId: "timeout-input",
 					name: "timeout",
 					type: "number",
-					label: b(t.SETTINGS$MCP_TIMEOUT_LABEL),
+					label: C(t.SETTINGS$MCP_TIMEOUT_LABEL),
 					className: "w-full min-w-0",
 					showOptionalTag: !0,
 					defaultValue: m?.timeout?.toString() || "",
@@ -165,12 +167,12 @@ function p({ mode: p, server: m, existingServers: h, onSubmit: g, onCancel: _, o
 					max: 3600
 				})
 			] }),
-			x === "stdio" && /* @__PURE__ */ f(u, { children: [
+			w === "stdio" && /* @__PURE__ */ f(u, { children: [
 				/* @__PURE__ */ d(s, {
 					testId: "name-input",
 					name: "name",
 					type: "text",
-					label: b(t.SETTINGS$MCP_NAME),
+					label: C(t.SETTINGS$MCP_NAME),
 					className: "w-full min-w-0",
 					required: !0,
 					defaultValue: m?.name || "",
@@ -181,7 +183,7 @@ function p({ mode: p, server: m, existingServers: h, onSubmit: g, onCancel: _, o
 					testId: "command-input",
 					name: "command",
 					type: "text",
-					label: b(t.SETTINGS$MCP_COMMAND),
+					label: C(t.SETTINGS$MCP_COMMAND),
 					className: "w-full min-w-0",
 					required: !0,
 					defaultValue: m?.command || "",
@@ -194,7 +196,7 @@ function p({ mode: p, server: m, existingServers: h, onSubmit: g, onCancel: _, o
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ d("span", {
 								className: "text-sm",
-								children: b(t.SETTINGS$MCP_COMMAND_ARGUMENTS)
+								children: C(t.SETTINGS$MCP_COMMAND_ARGUMENTS)
 							}), /* @__PURE__ */ d(o, {})]
 						}),
 						/* @__PURE__ */ d("textarea", {
@@ -207,7 +209,7 @@ function p({ mode: p, server: m, existingServers: h, onSubmit: g, onCancel: _, o
 						}),
 						/* @__PURE__ */ d("p", {
 							className: "text-xs text-tertiary-alt",
-							children: b(t.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)
+							children: C(t.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)
 						})
 					]
 				}),
@@ -217,18 +219,23 @@ function p({ mode: p, server: m, existingServers: h, onSubmit: g, onCancel: _, o
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ d("span", {
 							className: "text-sm",
-							children: b(t.SETTINGS$MCP_ENVIRONMENT_VARIABLES)
+							children: C(t.SETTINGS$MCP_ENVIRONMENT_VARIABLES)
 						}), /* @__PURE__ */ d(o, {})]
 					}), /* @__PURE__ */ d("textarea", {
 						"data-testid": "env-input",
 						name: "env",
 						rows: 4,
-						defaultValue: ((e) => e ? Object.entries(e).map(([e, t]) => `${e}=${t}`).join("\n") : "")(m?.env),
+						defaultValue: B(m?.env),
 						placeholder: "KEY1=value1\nKEY2=value2",
 						className: n(i, "resize-none placeholder:italic", "disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]")
 					})]
 				})
 			] }),
+			S && /* @__PURE__ */ d("p", {
+				"data-testid": "mcp-test-message",
+				className: S.ok ? "text-sm text-green-500 whitespace-pre-wrap" : "text-sm text-red-500 whitespace-pre-wrap",
+				children: S.text
+			}),
 			/* @__PURE__ */ f("div", {
 				className: n("flex w-full items-center gap-2", v ? "justify-between" : "justify-end"),
 				children: [v ? /* @__PURE__ */ d(a, {
@@ -242,23 +249,43 @@ function p({ mode: p, server: m, existingServers: h, onSubmit: g, onCancel: _, o
 						className: "size-4",
 						strokeWidth: 2
 					}),
-					children: b(t.BUTTON$DELETE)
+					children: C(t.BUTTON$DELETE)
 				}) : null, /* @__PURE__ */ f("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ d(a, {
-						testId: "cancel-button",
-						type: "button",
-						variant: "secondary",
-						onClick: _,
-						isDisabled: y,
-						children: b(t.BUTTON$CANCEL)
-					}), /* @__PURE__ */ f(a, {
-						testId: "submit-button",
-						type: "submit",
-						variant: "primary",
-						isDisabled: y,
-						children: [p === "add" && b(t.SETTINGS$MCP_ADD_SERVER), p === "edit" && b(t.SETTINGS$MCP_SAVE_SERVER)]
-					})]
+					children: [
+						/* @__PURE__ */ d(a, {
+							testId: "cancel-button",
+							type: "button",
+							variant: "secondary",
+							onClick: _,
+							isDisabled: y,
+							children: C(t.BUTTON$CANCEL)
+						}),
+						b && /* @__PURE__ */ d(a, {
+							testId: "mcp-test-connection",
+							type: "button",
+							variant: "secondary",
+							onClick: () => {
+								if (!b || !O.current) return;
+								D(null);
+								let e = new FormData(O.current), t = R(e);
+								if (t) {
+									D(t);
+									return;
+								}
+								b(V(e));
+							},
+							isDisabled: y || x,
+							children: C(x ? t.MCP$VERIFYING : t.MCP$TEST_BUTTON)
+						}),
+						/* @__PURE__ */ f(a, {
+							testId: "submit-button",
+							type: "submit",
+							variant: "primary",
+							isDisabled: y || x,
+							children: [p === "add" && C(t.SETTINGS$MCP_ADD_SERVER), p === "edit" && C(t.SETTINGS$MCP_SAVE_SERVER)]
+						})
+					]
 				})]
 			})
 		]

package/dist/components/features/settings/mcp-settings/mcp-server-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-server-form.js","names":[],"sources":["../../../../../src/components/features/settings/mcp-settings/mcp-server-form.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Trash2 } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsInput } from \"../settings-input\";\nimport { SettingsDropdownInput } from \"../settings-dropdown-input\";\nimport { BrandButton } from \"../brand-button\";\nimport { OptionalTag } from \"../optional-tag\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlMultilineFieldClassName } from \"#/utils/form-control-classes\";\n\ntype MCPServerType = \"sse\" | \"stdio\" | \"shttp\";\n\ninterface MCPServerConfig {\n  id: string;\n  type: MCPServerType;\n  name?: string;\n  url?: string;\n  api_key?: string;\n  timeout?: number;\n  command?: string;\n  args?: string[];\n  env?: Record<string, string>;\n}\n\ninterface MCPServerFormProps {\n  mode: \"add\" | \"edit\";\n  server?: MCPServerConfig;\n  existingServers?: MCPServerConfig[];\n  onSubmit: (server: MCPServerConfig) => void;\n  onCancel: () => void;\n  onDelete?: () => void;\n  isActionDisabled?: boolean;\n}\n\nexport function MCPServerForm({\n  mode,\n  server,\n  existingServers,\n  onSubmit,\n  onCancel,\n  onDelete,\n  isActionDisabled = false,\n}: MCPServerFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [serverType, setServerType] = React.useState<MCPServerType>(\n    server?.type || \"sse\",\n  );\n  const [error, setError] = React.useState<string | null>(null);\n\n  const serverTypeOptions = [\n    { key: \"sse\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SSE) },\n    { key: \"stdio\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_STDIO) },\n    { key: \"shttp\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SHTTP) },\n  ];\n\n  const validateUrl = (url: string): string | null => {\n    if (!url) return t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n    try {\n      const urlObj = new URL(url);\n      if (![\"http:\", \"https:\"].includes(urlObj.protocol)) {\n        return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n      }\n    } catch {\n      return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n    }\n    return null;\n  };\n\n  const validateName = (name: string): string | null => {\n    if (!name) return t(I18nKey.SETTINGS$MCP_ERROR_NAME_REQUIRED);\n    if (!/^[a-zA-Z0-9_-]+$/.test(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n    }\n    return null;\n  };\n\n  const validateNameUniqueness = (name: string): string | null => {\n    if (!existingServers) return null;\n    const shouldCheckUniqueness =\n      mode === \"add\" || (mode === \"edit\" && server?.name !== name);\n    if (!shouldCheckUniqueness) return null;\n\n    const existingStdioNames = existingServers\n      .filter((s) => s.type === \"stdio\")\n      .map((s) => s.name)\n      .filter(Boolean);\n    if (existingStdioNames.includes(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_DUPLICATE);\n    }\n    return null;\n  };\n\n  const validateCommand = (command: string): string | null => {\n    if (!command) return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_REQUIRED);\n    if (command.includes(\" \")) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES);\n    }\n    return null;\n  };\n\n  const validateUrlUniqueness = (url: string): string | null => {\n    if (!existingServers) return null;\n    const originalUrl = server?.url;\n    const changed = mode === \"add\" || (mode === \"edit\" && originalUrl !== url);\n    if (!changed) return null;\n    // For URL-based servers (sse/shttp), ensure URL is unique across both types\n    const exists = existingServers.some(\n      (s) => (s.type === \"sse\" || s.type === \"shttp\") && s.url === url,\n    );\n    if (exists) return t(I18nKey.SETTINGS$MCP_ERROR_URL_DUPLICATE);\n    return null;\n  };\n\n  const validateEnvFormat = (envString: string): string | null => {\n    if (!envString.trim()) return null;\n    const lines = envString.split(\"\\n\");\n    for (let i = 0; i < lines.length; i += 1) {\n      const trimmed = lines[i].trim();\n      if (trimmed) {\n        const eq = trimmed.indexOf(\"=\");\n        if (eq === -1) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n        const key = trimmed.substring(0, eq).trim();\n        if (!key) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n      }\n    }\n    return null;\n  };\n\n  const validateTimeout = (timeoutStr: string): string | null => {\n    if (!timeoutStr.trim()) return null; // Optional field\n\n    const timeout = parseInt(timeoutStr.trim(), 10);\n    if (Number.isNaN(timeout)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER);\n    }\n    if (timeout <= 0) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE);\n    }\n    if (timeout > 3600) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED);\n    }\n    return null;\n  };\n\n  const validateStdioServer = (formData: FormData): string | null => {\n    const name = formData.get(\"name\")?.toString().trim() || \"\";\n    const command = formData.get(\"command\")?.toString().trim() || \"\";\n    const envString = formData.get(\"env\")?.toString() || \"\";\n\n    const nameError = validateName(name);\n    if (nameError) return nameError;\n\n    const uniquenessError = validateNameUniqueness(name);\n    if (uniquenessError) return uniquenessError;\n\n    const commandError = validateCommand(command);\n    if (commandError) return commandError;\n\n    // Validate environment variable format\n    const envError = validateEnvFormat(envString);\n    if (envError) return envError;\n\n    return null;\n  };\n\n  const validateForm = (formData: FormData): string | null => {\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const url = formData.get(\"url\")?.toString().trim() || \"\";\n      const urlError = validateUrl(url);\n      if (urlError) return urlError;\n      const urlDupError = validateUrlUniqueness(url);\n      if (urlDupError) return urlDupError;\n\n      // Validate timeout for SHTTP servers only\n      if (serverType === \"shttp\") {\n        const timeoutStr = formData.get(\"timeout\")?.toString() || \"\";\n        const timeoutError = validateTimeout(timeoutStr);\n        if (timeoutError) return timeoutError;\n      }\n\n      return null;\n    }\n\n    if (serverType === \"stdio\") {\n      return validateStdioServer(formData);\n    }\n\n    return null;\n  };\n\n  const parseEnvironmentVariables = (\n    envString: string,\n  ): Record<string, string> => {\n    const env: Record<string, string> = {};\n    const input = envString.trim();\n    if (!input) return env;\n\n    for (const line of input.split(\"\\n\")) {\n      const trimmed = line.trim();\n      const eq = trimmed.indexOf(\"=\");\n      const key = eq >= 0 ? trimmed.substring(0, eq).trim() : \"\";\n      if (trimmed && eq !== -1 && key) {\n        env[key] = trimmed.substring(eq + 1).trim();\n      }\n    }\n    return env;\n  };\n\n  const formatEnvironmentVariables = (env?: Record<string, string>): string => {\n    if (!env) return \"\";\n    return Object.entries(env)\n      .map(([key, value]) => `${key}=${value}`)\n      .join(\"\\n\");\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setError(null);\n\n    const formData = new FormData(event.currentTarget);\n    const validationError = validateForm(formData);\n\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n\n    const baseConfig = {\n      id: server?.id || `${serverType}-${Date.now()}`,\n      type: serverType,\n    };\n\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const url = formData.get(\"url\")?.toString().trim();\n      const apiKey = formData.get(\"api_key\")?.toString().trim();\n      const timeoutStr = formData.get(\"timeout\")?.toString().trim();\n\n      const serverConfig: MCPServerConfig = {\n        ...baseConfig,\n        url: url!,\n        ...(apiKey && { api_key: apiKey }),\n      };\n\n      // Only add timeout for SHTTP servers\n      if (serverType === \"shttp\" && timeoutStr) {\n        const timeoutValue = parseInt(timeoutStr, 10);\n        if (!Number.isNaN(timeoutValue)) {\n          serverConfig.timeout = timeoutValue;\n        }\n      }\n\n      onSubmit(serverConfig);\n    } else if (serverType === \"stdio\") {\n      const name = formData.get(\"name\")?.toString().trim();\n      const command = formData.get(\"command\")?.toString().trim();\n      const argsString = formData.get(\"args\")?.toString().trim();\n      const envString = formData.get(\"env\")?.toString().trim();\n\n      const args = argsString\n        ? argsString\n            .split(\"\\n\")\n            .map((arg) => arg.trim())\n            .filter(Boolean)\n        : [];\n      const env = parseEnvironmentVariables(envString || \"\");\n\n      onSubmit({\n        ...baseConfig,\n        name: name!,\n        command: command!,\n        ...(args.length > 0 && { args }),\n        ...(Object.keys(env).length > 0 && { env }),\n      });\n    }\n  };\n\n  const formTestId =\n    mode === \"add\" ? \"add-mcp-server-form\" : \"edit-mcp-server-form\";\n\n  return (\n    <form\n      data-testid={formTestId}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col items-start gap-6\"\n    >\n      {mode === \"add\" && (\n        <SettingsDropdownInput\n          testId=\"server-type-dropdown\"\n          name=\"server-type\"\n          label={t(I18nKey.SETTINGS$MCP_SERVER_TYPE)}\n          items={serverTypeOptions}\n          selectedKey={serverType}\n          onSelectionChange={(key) => setServerType(key as MCPServerType)}\n          onInputChange={() => {}} // Prevent input changes\n          isClearable={false}\n          allowsCustomValue={false}\n          required\n          wrapperClassName=\"w-full min-w-0\"\n        />\n      )}\n\n      {error && <p className=\"text-red-500 text-sm\">{error}</p>}\n\n      {(serverType === \"sse\" || serverType === \"shttp\") && (\n        <>\n          <SettingsInput\n            testId=\"url-input\"\n            name=\"url\"\n            type=\"url\"\n            label={t(I18nKey.SETTINGS$MCP_URL)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.url || \"\"}\n            placeholder=\"https://api.example.com\"\n          />\n\n          <SettingsInput\n            testId=\"api-key-input\"\n            name=\"api_key\"\n            type=\"password\"\n            label={t(I18nKey.SETTINGS$MCP_API_KEY)}\n            className=\"w-full min-w-0\"\n            showOptionalTag\n            defaultValue={server?.api_key || \"\"}\n            placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n          />\n\n          {serverType === \"shttp\" && (\n            <SettingsInput\n              testId=\"timeout-input\"\n              name=\"timeout\"\n              type=\"number\"\n              label={t(I18nKey.SETTINGS$MCP_TIMEOUT_LABEL)}\n              className=\"w-full min-w-0\"\n              showOptionalTag\n              defaultValue={server?.timeout?.toString() || \"\"}\n              placeholder=\"60\"\n              min={1}\n              max={3600}\n            />\n          )}\n        </>\n      )}\n\n      {serverType === \"stdio\" && (\n        <>\n          <SettingsInput\n            testId=\"name-input\"\n            name=\"name\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_NAME)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.name || \"\"}\n            placeholder=\"my-mcp-server\"\n            pattern=\"^[a-zA-Z0-9_-]+$\"\n          />\n\n          <SettingsInput\n            testId=\"command-input\"\n            name=\"command\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_COMMAND)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.command || \"\"}\n            placeholder=\"npx\"\n          />\n\n          <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm\">\n                {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"args-input\"\n              name=\"args\"\n              rows={3}\n              defaultValue={server?.args?.join(\"\\n\") || \"\"}\n              placeholder=\"arg1&#10;arg2&#10;arg3\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n            <p className=\"text-xs text-tertiary-alt\">\n              {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)}\n            </p>\n          </label>\n\n          <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm\">\n                {t(I18nKey.SETTINGS$MCP_ENVIRONMENT_VARIABLES)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"env-input\"\n              name=\"env\"\n              rows={4}\n              defaultValue={formatEnvironmentVariables(server?.env)}\n              placeholder=\"KEY1=value1&#10;KEY2=value2\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n          </label>\n        </>\n      )}\n\n      <div\n        className={cn(\n          \"flex w-full items-center gap-2\",\n          onDelete ? \"justify-between\" : \"justify-end\",\n        )}\n      >\n        {onDelete ? (\n          <BrandButton\n            testId=\"mcp-custom-editor-delete\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onDelete}\n            isDisabled={isActionDisabled}\n            startContent={\n              <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n            }\n          >\n            {t(I18nKey.BUTTON$DELETE)}\n          </BrandButton>\n        ) : null}\n        <div className=\"flex items-center gap-2\">\n          <BrandButton\n            testId=\"cancel-button\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onCancel}\n            isDisabled={isActionDisabled}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            testId=\"submit-button\"\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={isActionDisabled}\n          >\n            {mode === \"add\" && t(I18nKey.SETTINGS$MCP_ADD_SERVER)}\n            {mode === \"edit\" && t(I18nKey.SETTINGS$MCP_SAVE_SERVER)}\n          </BrandButton>\n        </div>\n      </div>\n    </form>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"mcp-server-form.js","names":[],"sources":["../../../../../src/components/features/settings/mcp-settings/mcp-server-form.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Trash2 } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsInput } from \"../settings-input\";\nimport { SettingsDropdownInput } from \"../settings-dropdown-input\";\nimport { BrandButton } from \"../brand-button\";\nimport { OptionalTag } from \"../optional-tag\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlMultilineFieldClassName } from \"#/utils/form-control-classes\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\n\ntype MCPServerType = \"sse\" | \"stdio\" | \"shttp\";\n\nexport interface TestMessage {\n  ok: boolean;\n  text: string;\n}\n\ninterface MCPServerFormProps {\n  mode: \"add\" | \"edit\";\n  server?: MCPServerConfig;\n  existingServers?: MCPServerConfig[];\n  onSubmit: (server: MCPServerConfig) => void;\n  onCancel: () => void;\n  onDelete?: () => void;\n  isActionDisabled?: boolean;\n  onTest?: (server: MCPServerConfig) => void;\n  isTestPending?: boolean;\n  testMessage?: TestMessage | null;\n}\n\nexport function MCPServerForm({\n  mode,\n  server,\n  existingServers,\n  onSubmit,\n  onCancel,\n  onDelete,\n  isActionDisabled = false,\n  onTest,\n  isTestPending = false,\n  testMessage = null,\n}: MCPServerFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [serverType, setServerType] = React.useState<MCPServerType>(\n    server?.type || \"sse\",\n  );\n  const [error, setError] = React.useState<string | null>(null);\n  const formRef = React.useRef<HTMLFormElement>(null);\n\n  const serverTypeOptions = [\n    { key: \"sse\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SSE) },\n    { key: \"stdio\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_STDIO) },\n    { key: \"shttp\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SHTTP) },\n  ];\n\n  const validateUrl = (url: string): string | null => {\n    if (!url) return t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n    try {\n      const urlObj = new URL(url);\n      if (![\"http:\", \"https:\"].includes(urlObj.protocol)) {\n        return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n      }\n    } catch {\n      return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n    }\n    return null;\n  };\n\n  const validateName = (name: string): string | null => {\n    if (!name) return t(I18nKey.SETTINGS$MCP_ERROR_NAME_REQUIRED);\n    if (!/^[a-zA-Z0-9_-]+$/.test(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n    }\n    return null;\n  };\n\n  const validateNameUniqueness = (name: string): string | null => {\n    if (!existingServers) return null;\n    const shouldCheckUniqueness =\n      mode === \"add\" || (mode === \"edit\" && server?.name !== name);\n    if (!shouldCheckUniqueness) return null;\n\n    const existingStdioNames = existingServers\n      .filter((s) => s.type === \"stdio\")\n      .map((s) => s.name)\n      .filter(Boolean);\n    if (existingStdioNames.includes(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_DUPLICATE);\n    }\n    return null;\n  };\n\n  const validateCommand = (command: string): string | null => {\n    if (!command) return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_REQUIRED);\n    if (command.includes(\" \")) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES);\n    }\n    return null;\n  };\n\n  const validateUrlUniqueness = (url: string): string | null => {\n    if (!existingServers) return null;\n    const originalUrl = server?.url;\n    const changed = mode === \"add\" || (mode === \"edit\" && originalUrl !== url);\n    if (!changed) return null;\n    // For URL-based servers (sse/shttp), ensure URL is unique across both types\n    const exists = existingServers.some(\n      (s) => (s.type === \"sse\" || s.type === \"shttp\") && s.url === url,\n    );\n    if (exists) return t(I18nKey.SETTINGS$MCP_ERROR_URL_DUPLICATE);\n    return null;\n  };\n\n  const validateEnvFormat = (envString: string): string | null => {\n    if (!envString.trim()) return null;\n    const lines = envString.split(\"\\n\");\n    for (let i = 0; i < lines.length; i += 1) {\n      const trimmed = lines[i].trim();\n      if (trimmed) {\n        const eq = trimmed.indexOf(\"=\");\n        if (eq === -1) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n        const key = trimmed.substring(0, eq).trim();\n        if (!key) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n      }\n    }\n    return null;\n  };\n\n  const validateTimeout = (timeoutStr: string): string | null => {\n    if (!timeoutStr.trim()) return null; // Optional field\n\n    const timeout = parseInt(timeoutStr.trim(), 10);\n    if (Number.isNaN(timeout)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER);\n    }\n    if (timeout <= 0) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE);\n    }\n    if (timeout > 3600) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED);\n    }\n    return null;\n  };\n\n  const validateStdioServer = (formData: FormData): string | null => {\n    const name = formData.get(\"name\")?.toString().trim() || \"\";\n    const command = formData.get(\"command\")?.toString().trim() || \"\";\n    const envString = formData.get(\"env\")?.toString() || \"\";\n\n    const nameError = validateName(name);\n    if (nameError) return nameError;\n\n    const uniquenessError = validateNameUniqueness(name);\n    if (uniquenessError) return uniquenessError;\n\n    const commandError = validateCommand(command);\n    if (commandError) return commandError;\n\n    // Validate environment variable format\n    const envError = validateEnvFormat(envString);\n    if (envError) return envError;\n\n    return null;\n  };\n\n  const validateForm = (formData: FormData): string | null => {\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const url = formData.get(\"url\")?.toString().trim() || \"\";\n      const urlError = validateUrl(url);\n      if (urlError) return urlError;\n      const urlDupError = validateUrlUniqueness(url);\n      if (urlDupError) return urlDupError;\n\n      // Validate timeout for SHTTP servers only\n      if (serverType === \"shttp\") {\n        const timeoutStr = formData.get(\"timeout\")?.toString() || \"\";\n        const timeoutError = validateTimeout(timeoutStr);\n        if (timeoutError) return timeoutError;\n      }\n\n      return null;\n    }\n\n    if (serverType === \"stdio\") {\n      return validateStdioServer(formData);\n    }\n\n    return null;\n  };\n\n  const parseEnvironmentVariables = (\n    envString: string,\n  ): Record<string, string> => {\n    const env: Record<string, string> = {};\n    const input = envString.trim();\n    if (!input) return env;\n\n    for (const line of input.split(\"\\n\")) {\n      const trimmed = line.trim();\n      const eq = trimmed.indexOf(\"=\");\n      const key = eq >= 0 ? trimmed.substring(0, eq).trim() : \"\";\n      if (trimmed && eq !== -1 && key) {\n        env[key] = trimmed.substring(eq + 1).trim();\n      }\n    }\n    return env;\n  };\n\n  const formatEnvironmentVariables = (env?: Record<string, string>): string => {\n    if (!env) return \"\";\n    return Object.entries(env)\n      .map(([key, value]) => `${key}=${value}`)\n      .join(\"\\n\");\n  };\n\n  const buildConfig = (formData: FormData): MCPServerConfig => {\n    const baseConfig = {\n      id: server?.id || `${serverType}-${Date.now()}`,\n      type: serverType,\n    };\n\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const url = formData.get(\"url\")?.toString().trim();\n      const apiKey = formData.get(\"api_key\")?.toString().trim();\n      const timeoutStr = formData.get(\"timeout\")?.toString().trim();\n\n      const serverConfig: MCPServerConfig = {\n        ...baseConfig,\n        url: url!,\n        ...(apiKey && { api_key: apiKey }),\n      };\n\n      // Only add timeout for SHTTP servers\n      if (serverType === \"shttp\" && timeoutStr) {\n        const timeoutValue = parseInt(timeoutStr, 10);\n        if (!Number.isNaN(timeoutValue)) {\n          serverConfig.timeout = timeoutValue;\n        }\n      }\n\n      return serverConfig;\n    }\n\n    // stdio\n    const name = formData.get(\"name\")?.toString().trim();\n    const command = formData.get(\"command\")?.toString().trim();\n    const argsString = formData.get(\"args\")?.toString().trim();\n    const envString = formData.get(\"env\")?.toString().trim();\n\n    const args = argsString\n      ? argsString\n          .split(\"\\n\")\n          .map((arg) => arg.trim())\n          .filter(Boolean)\n      : [];\n    const env = parseEnvironmentVariables(envString || \"\");\n\n    return {\n      ...baseConfig,\n      name: name!,\n      command: command!,\n      ...(args.length > 0 && { args }),\n      ...(Object.keys(env).length > 0 && { env }),\n    };\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setError(null);\n\n    const formData = new FormData(event.currentTarget);\n    const validationError = validateForm(formData);\n\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n\n    onSubmit(buildConfig(formData));\n  };\n\n  const handleTestClick = () => {\n    if (!onTest || !formRef.current) return;\n    setError(null);\n    const formData = new FormData(formRef.current);\n    const validationError = validateForm(formData);\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n    onTest(buildConfig(formData));\n  };\n\n  const formTestId =\n    mode === \"add\" ? \"add-mcp-server-form\" : \"edit-mcp-server-form\";\n\n  return (\n    <form\n      ref={formRef}\n      data-testid={formTestId}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col items-start gap-6\"\n    >\n      {mode === \"add\" && (\n        <SettingsDropdownInput\n          testId=\"server-type-dropdown\"\n          name=\"server-type\"\n          label={t(I18nKey.SETTINGS$MCP_SERVER_TYPE)}\n          items={serverTypeOptions}\n          selectedKey={serverType}\n          onSelectionChange={(key) => setServerType(key as MCPServerType)}\n          onInputChange={() => {}} // Prevent input changes\n          isClearable={false}\n          allowsCustomValue={false}\n          required\n          wrapperClassName=\"w-full min-w-0\"\n        />\n      )}\n\n      {error && <p className=\"text-red-500 text-sm\">{error}</p>}\n\n      {(serverType === \"sse\" || serverType === \"shttp\") && (\n        <>\n          <SettingsInput\n            testId=\"url-input\"\n            name=\"url\"\n            type=\"url\"\n            label={t(I18nKey.SETTINGS$MCP_URL)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.url || \"\"}\n            placeholder=\"https://api.example.com\"\n          />\n\n          <SettingsInput\n            testId=\"api-key-input\"\n            name=\"api_key\"\n            type=\"password\"\n            label={t(I18nKey.SETTINGS$MCP_API_KEY)}\n            className=\"w-full min-w-0\"\n            showOptionalTag\n            defaultValue={server?.api_key || \"\"}\n            placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n          />\n\n          {serverType === \"shttp\" && (\n            <SettingsInput\n              testId=\"timeout-input\"\n              name=\"timeout\"\n              type=\"number\"\n              label={t(I18nKey.SETTINGS$MCP_TIMEOUT_LABEL)}\n              className=\"w-full min-w-0\"\n              showOptionalTag\n              defaultValue={server?.timeout?.toString() || \"\"}\n              placeholder=\"60\"\n              min={1}\n              max={3600}\n            />\n          )}\n        </>\n      )}\n\n      {serverType === \"stdio\" && (\n        <>\n          <SettingsInput\n            testId=\"name-input\"\n            name=\"name\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_NAME)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.name || \"\"}\n            placeholder=\"my-mcp-server\"\n            pattern=\"^[a-zA-Z0-9_-]+$\"\n          />\n\n          <SettingsInput\n            testId=\"command-input\"\n            name=\"command\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_COMMAND)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.command || \"\"}\n            placeholder=\"npx\"\n          />\n\n          <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm\">\n                {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"args-input\"\n              name=\"args\"\n              rows={3}\n              defaultValue={server?.args?.join(\"\\n\") || \"\"}\n              placeholder=\"arg1&#10;arg2&#10;arg3\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n            <p className=\"text-xs text-tertiary-alt\">\n              {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)}\n            </p>\n          </label>\n\n          <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm\">\n                {t(I18nKey.SETTINGS$MCP_ENVIRONMENT_VARIABLES)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"env-input\"\n              name=\"env\"\n              rows={4}\n              defaultValue={formatEnvironmentVariables(server?.env)}\n              placeholder=\"KEY1=value1&#10;KEY2=value2\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n          </label>\n        </>\n      )}\n\n      {testMessage && (\n        <p\n          data-testid=\"mcp-test-message\"\n          className={\n            testMessage.ok\n              ? \"text-sm text-green-500 whitespace-pre-wrap\"\n              : \"text-sm text-red-500 whitespace-pre-wrap\"\n          }\n        >\n          {testMessage.text}\n        </p>\n      )}\n\n      <div\n        className={cn(\n          \"flex w-full items-center gap-2\",\n          onDelete ? \"justify-between\" : \"justify-end\",\n        )}\n      >\n        {onDelete ? (\n          <BrandButton\n            testId=\"mcp-custom-editor-delete\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onDelete}\n            isDisabled={isActionDisabled}\n            startContent={\n              <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n            }\n          >\n            {t(I18nKey.BUTTON$DELETE)}\n          </BrandButton>\n        ) : null}\n        <div className=\"flex items-center gap-2\">\n          <BrandButton\n            testId=\"cancel-button\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onCancel}\n            isDisabled={isActionDisabled}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          {onTest && (\n            <BrandButton\n              testId=\"mcp-test-connection\"\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={handleTestClick}\n              isDisabled={isActionDisabled || isTestPending}\n            >\n              {isTestPending\n                ? t(I18nKey.MCP$VERIFYING)\n                : t(I18nKey.MCP$TEST_BUTTON)}\n            </BrandButton>\n          )}\n          <BrandButton\n            testId=\"submit-button\"\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={isActionDisabled || isTestPending}\n          >\n            {mode === \"add\" && t(I18nKey.SETTINGS$MCP_ADD_SERVER)}\n            {mode === \"edit\" && t(I18nKey.SETTINGS$MCP_SAVE_SERVER)}\n          </BrandButton>\n        </div>\n      </div>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAgCA,SAAgB,EAAc,EAC5B,SACA,WACA,oBACA,aACA,aACA,aACA,sBAAmB,IACnB,WACA,mBAAgB,IAChB,iBAAc,QACO;CACrB,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,CAAC,GAAY,KAAiB,EAAM,SACxC,GAAQ,QAAQ,MACjB,EACK,CAAC,GAAO,KAAY,EAAM,SAAwB,KAAK,EACvD,IAAU,EAAM,OAAwB,KAAK,EAE7C,IAAoB;EACxB;GAAE,KAAK;GAAO,OAAO,EAAE,EAAQ,6BAA6B;GAAE;EAC9D;GAAE,KAAK;GAAS,OAAO,EAAE,EAAQ,+BAA+B;GAAE;EAClE;GAAE,KAAK;GAAS,OAAO,EAAE,EAAQ,+BAA+B;GAAE;EACnE,EAEK,KAAe,MAA+B;AAClD,MAAI,CAAC,EAAK,QAAO,EAAE,EAAQ,gCAAgC;AAC3D,MAAI;GACF,IAAM,IAAS,IAAI,IAAI,EAAI;AAC3B,OAAI,CAAC,CAAC,SAAS,SAAS,CAAC,SAAS,EAAO,SAAS,CAChD,QAAO,EAAE,EAAQ,wCAAwC;UAErD;AACN,UAAO,EAAE,EAAQ,+BAA+B;;AAElD,SAAO;IAGH,KAAgB,MACf,IACA,mBAAmB,KAAK,EAAK,GAG3B,OAFE,EAAE,EAAQ,gCAAgC,GAFjC,EAAE,EAAQ,iCAAiC,EAOzD,KAA0B,MAC1B,CAAC,KAGD,EADF,MAAS,SAAU,MAAS,UAAU,GAAQ,SAAS,KACtB,OAER,EACxB,QAAQ,MAAM,EAAE,SAAS,QAAQ,CACjC,KAAK,MAAM,EAAE,KAAK,CAClB,OAAO,QACN,CAAmB,SAAS,EAAK,GAC5B,EAAE,EAAQ,kCAAkC,GAE9C,MAGH,KAAmB,MAClB,IACD,EAAQ,SAAS,IAAI,GAChB,EAAE,EAAQ,qCAAqC,GAEjD,OAJc,EAAE,EAAQ,oCAAoC,EAO/D,KAAyB,MAA+B;AAC5D,MAAI,CAAC,EAAiB,QAAO;EAC7B,IAAM,IAAc,GAAQ;AAQ5B,UAPgB,MAAS,SAAU,MAAS,UAAU,MAAgB,MAGvD,EAAgB,MAC5B,OAAO,EAAE,SAAS,SAAS,EAAE,SAAS,YAAY,EAAE,QAAQ,EAE3D,GAAe,EAAE,EAAQ,iCAAiC,GACvD;IAGH,KAAqB,MAAqC;AAC9D,MAAI,CAAC,EAAU,MAAM,CAAE,QAAO;EAC9B,IAAM,IAAQ,EAAU,MAAM,KAAK;AACnC,OAAK,IAAI,IAAI,GAAG,IAAI,EAAM,QAAQ,KAAK,GAAG;GACxC,IAAM,IAAU,EAAM,GAAG,MAAM;AAC/B,OAAI,GAAS;IACX,IAAM,IAAK,EAAQ,QAAQ,IAAI;AAG/B,QAFI,MAAO,MAEP,CADQ,EAAQ,UAAU,GAAG,EAAG,CAAC,MAChC,CAAK,QAAO,EAAE,EAAQ,sCAAsC;;;AAGrE,SAAO;IAGH,KAAmB,MAAsC;AAC7D,MAAI,CAAC,EAAW,MAAM,CAAE,QAAO;EAE/B,IAAM,IAAU,SAAS,EAAW,MAAM,EAAE,GAAG;AAU/C,SATI,OAAO,MAAM,EAAQ,GAChB,EAAE,EAAQ,0CAA0C,GAEzD,KAAW,IACN,EAAE,EAAQ,oCAAoC,GAEnD,IAAU,OACL,EAAE,EAAQ,wCAAwC,GAEpD;IAGH,KAAuB,MAAsC;EACjE,IAAM,IAAO,EAAS,IAAI,OAAO,EAAE,UAAU,CAAC,MAAM,IAAI,IAClD,IAAU,EAAS,IAAI,UAAU,EAAE,UAAU,CAAC,MAAM,IAAI,IACxD,IAAY,EAAS,IAAI,MAAM,EAAE,UAAU,IAAI;AAerD,SAbkB,EAAa,EAC3B,IAEoB,EAAuB,EAC3C,IAEiB,EAAgB,EACjC,IAGa,EAAkB,EAC/B,IAEG;IAGH,KAAgB,MAAsC;AAC1D,MAAI,MAAe,SAAS,MAAe,SAAS;GAClD,IAAM,IAAM,EAAS,IAAI,MAAM,EAAE,UAAU,CAAC,MAAM,IAAI,IAChD,IAAW,EAAY,EAAI;AACjC,OAAI,EAAU,QAAO;GACrB,IAAM,IAAc,EAAsB,EAAI;AAC9C,OAAI,EAAa,QAAO;AAGxB,OAAI,MAAe,SAAS;IAE1B,IAAM,IAAe,EADF,EAAS,IAAI,UAAU,EAAE,UAAU,IAAI,GACV;AAChD,QAAI,EAAc,QAAO;;AAG3B,UAAO;;AAOT,SAJI,MAAe,UACV,EAAoB,EAAS,GAG/B;IAGH,KACJ,MAC2B;EAC3B,IAAM,IAA8B,EAAE,EAChC,IAAQ,EAAU,MAAM;AAC9B,MAAI,CAAC,EAAO,QAAO;AAEnB,OAAK,IAAM,KAAQ,EAAM,MAAM,KAAK,EAAE;GACpC,IAAM,IAAU,EAAK,MAAM,EACrB,IAAK,EAAQ,QAAQ,IAAI,EACzB,IAAM,KAAM,IAAI,EAAQ,UAAU,GAAG,EAAG,CAAC,MAAM,GAAG;AACxD,GAAI,KAAW,MAAO,MAAM,MAC1B,EAAI,KAAO,EAAQ,UAAU,IAAK,EAAE,CAAC,MAAM;;AAG/C,SAAO;IAGH,KAA8B,MAC7B,IACE,OAAO,QAAQ,EAAI,CACvB,KAAK,CAAC,GAAK,OAAW,GAAG,EAAI,GAAG,IAAQ,CACxC,KAAK,KAAK,GAHI,IAMb,KAAe,MAAwC;EAC3D,IAAM,IAAa;GACjB,IAAI,GAAQ,MAAM,GAAG,EAAW,GAAG,KAAK,KAAK;GAC7C,MAAM;GACP;AAED,MAAI,MAAe,SAAS,MAAe,SAAS;GAClD,IAAM,IAAM,EAAS,IAAI,MAAM,EAAE,UAAU,CAAC,MAAM,EAC5C,IAAS,EAAS,IAAI,UAAU,EAAE,UAAU,CAAC,MAAM,EACnD,IAAa,EAAS,IAAI,UAAU,EAAE,UAAU,CAAC,MAAM,EAEvD,IAAgC;IACpC,GAAG;IACE;IACL,GAAI,KAAU,EAAE,SAAS,GAAQ;IAClC;AAGD,OAAI,MAAe,WAAW,GAAY;IACxC,IAAM,IAAe,SAAS,GAAY,GAAG;AAC7C,IAAK,OAAO,MAAM,EAAa,KAC7B,EAAa,UAAU;;AAI3B,UAAO;;EAIT,IAAM,IAAO,EAAS,IAAI,OAAO,EAAE,UAAU,CAAC,MAAM,EAC9C,IAAU,EAAS,IAAI,UAAU,EAAE,UAAU,CAAC,MAAM,EACpD,IAAa,EAAS,IAAI,OAAO,EAAE,UAAU,CAAC,MAAM,EACpD,IAAY,EAAS,IAAI,MAAM,EAAE,UAAU,CAAC,MAAM,EAElD,IAAO,IACT,EACG,MAAM,KAAK,CACX,KAAK,MAAQ,EAAI,MAAM,CAAC,CACxB,OAAO,QAAQ,GAClB,EAAE,EACA,IAAM,EAA0B,KAAa,GAAG;AAEtD,SAAO;GACL,GAAG;GACG;GACG;GACT,GAAI,EAAK,SAAS,KAAK,EAAE,SAAM;GAC/B,GAAI,OAAO,KAAK,EAAI,CAAC,SAAS,KAAK,EAAE,QAAK;GAC3C;;AAiCH,QACE,kBAAC,QAAD;EACE,KAAK;EACL,eALF,MAAS,QAAQ,wBAAwB;EAMvC,WAlCkB,MAA4C;AAEhE,GADA,EAAM,gBAAgB,EACtB,EAAS,KAAK;GAEd,IAAM,IAAW,IAAI,SAAS,EAAM,cAAc,EAC5C,IAAkB,EAAa,EAAS;AAE9C,OAAI,GAAiB;AACnB,MAAS,EAAgB;AACzB;;AAGF,KAAS,EAAY,EAAS,CAAC;;EAuB7B,WAAU;YAJZ;GAMG,MAAS,SACR,kBAAC,GAAD;IACE,QAAO;IACP,MAAK;IACL,OAAO,EAAE,EAAQ,yBAAyB;IAC1C,OAAO;IACP,aAAa;IACb,oBAAoB,MAAQ,EAAc,EAAqB;IAC/D,qBAAqB;IACrB,aAAa;IACb,mBAAmB;IACnB,UAAA;IACA,kBAAiB;IACjB,CAAA;GAGH,KAAS,kBAAC,KAAD;IAAG,WAAU;cAAwB;IAAU,CAAA;IAEvD,MAAe,SAAS,MAAe,YACvC,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,MAAK;KACL,OAAO,EAAE,EAAQ,iBAAiB;KAClC,WAAU;KACV,UAAA;KACA,cAAc,GAAQ,OAAO;KAC7B,aAAY;KACZ,CAAA;IAEF,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,MAAK;KACL,OAAO,EAAE,EAAQ,qBAAqB;KACtC,WAAU;KACV,iBAAA;KACA,cAAc,GAAQ,WAAW;KACjC,aAAa,EAAE,EAAQ,iCAAiC;KACxD,CAAA;IAED,MAAe,WACd,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,MAAK;KACL,OAAO,EAAE,EAAQ,2BAA2B;KAC5C,WAAU;KACV,iBAAA;KACA,cAAc,GAAQ,SAAS,UAAU,IAAI;KAC7C,aAAY;KACZ,KAAK;KACL,KAAK;KACL,CAAA;IAEH,EAAA,CAAA;GAGJ,MAAe,WACd,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,MAAK;KACL,OAAO,EAAE,EAAQ,kBAAkB;KACnC,WAAU;KACV,UAAA;KACA,cAAc,GAAQ,QAAQ;KAC9B,aAAY;KACZ,SAAQ;KACR,CAAA;IAEF,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,MAAK;KACL,OAAO,EAAE,EAAQ,qBAAqB;KACtC,WAAU;KACV,UAAA;KACA,cAAc,GAAQ,WAAW;KACjC,aAAY;KACZ,CAAA;IAEF,kBAAC,SAAD;KAAO,WAAU;eAAjB;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE,EAAQ,+BAA+B;QACrC,CAAA,EACP,kBAAC,GAAD,EAAe,CAAA,CACX;;MACN,kBAAC,YAAD;OACE,eAAY;OACZ,MAAK;OACL,MAAM;OACN,cAAc,GAAQ,MAAM,KAAK,KAAK,IAAI;OAC1C,aAAY;OACZ,WAAW,EACT,GACA,kCACA,mFACD;OACD,CAAA;MACF,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,EAAQ,oCAAoC;OAC7C,CAAA;MACE;;IAER,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAE,EAAQ,mCAAmC;OACzC,CAAA,EACP,kBAAC,GAAD,EAAe,CAAA,CACX;SACN,kBAAC,YAAD;MACE,eAAY;MACZ,MAAK;MACL,MAAM;MACN,cAAc,EAA2B,GAAQ,IAAI;MACrD,aAAY;MACZ,WAAW,EACT,GACA,kCACA,mFACD;MACD,CAAA,CACI;;IACP,EAAA,CAAA;GAGJ,KACC,kBAAC,KAAD;IACE,eAAY;IACZ,WACE,EAAY,KACR,+CACA;cAGL,EAAY;IACX,CAAA;GAGN,kBAAC,OAAD;IACE,WAAW,EACT,kCACA,IAAW,oBAAoB,cAChC;cAJH,CAMG,IACC,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAQ;KACR,SAAS;KACT,YAAY;KACZ,cACE,kBAAC,GAAD;MAAQ,eAAA;MAAY,WAAU;MAAS,aAAa;MAAK,CAAA;eAG1D,EAAE,EAAQ,cAAc;KACb,CAAA,GACZ,MACJ,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,QAAO;OACP,MAAK;OACL,SAAQ;OACR,SAAS;OACT,YAAY;iBAEX,EAAE,EAAQ,cAAc;OACb,CAAA;MACb,KACC,kBAAC,GAAD;OACE,QAAO;OACP,MAAK;OACL,SAAQ;OACR,eAzMkB;AAC5B,YAAI,CAAC,KAAU,CAAC,EAAQ,QAAS;AACjC,UAAS,KAAK;QACd,IAAM,IAAW,IAAI,SAAS,EAAQ,QAAQ,EACxC,IAAkB,EAAa,EAAS;AAC9C,YAAI,GAAiB;AACnB,WAAS,EAAgB;AACzB;;AAEF,UAAO,EAAY,EAAS,CAAC;;OAiMnB,YAAY,KAAoB;iBAG5B,EADH,IACK,EAAQ,gBACR,EAAQ,gBAAgB;OAClB,CAAA;MAEhB,kBAAC,GAAD;OACE,QAAO;OACP,MAAK;OACL,SAAQ;OACR,YAAY,KAAoB;iBAJlC,CAMG,MAAS,SAAS,EAAE,EAAQ,wBAAwB,EACpD,MAAS,UAAU,EAAE,EAAQ,yBAAyB,CAC3C;;MACV;OACF;;GACD"}

package/dist/context/scroll-context.cjs

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../hooks/use-scroll-to-bottom.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=(0,n.createContext)(void 0);function a({children:e,value:a}){let o=t.useScrollToBottom(n.default.useRef(null)),s=a||o;return(0,r.jsx)(i.Provider,{value:s,children:e})}function o(){let e=(0,n.useContext)(i);if(e===void 0)throw Error(`useScrollContext must be used within a ScrollProvider`);return e}exports.ScrollProvider=a,exports.useScrollContext=o;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../hooks/use-scroll-to-bottom.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=(0,n.createContext)(void 0);function a({children:e,value:a}){let o=t.useScrollToBottom(n.default.useRef(null)),s=a||o;return(0,r.jsx)(i.Provider,{value:s,children:e})}function o(){let e=(0,n.useContext)(i);if(e===void 0)throw Error(`useScrollContext must be used within a ScrollProvider`);return e}function s(){return(0,n.useContext)(i)}exports.ScrollProvider=a,exports.useOptionalScrollContext=s,exports.useScrollContext=o;
 //# sourceMappingURL=scroll-context.cjs.map

package/dist/context/scroll-context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-context.cjs","names":[],"sources":["../../src/context/scroll-context.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, RefObject } from \"react\";\nimport { useScrollToBottom } from \"#/hooks/use-scroll-to-bottom\";\n\ninterface ScrollContextType {\n  scrollRef: RefObject<HTMLDivElement | null>;\n  autoScroll: boolean;\n  setAutoScroll: (value: boolean) => void;\n  scrollDomToBottom: () => void;\n  hitBottom: boolean;\n  setHitBottom: (value: boolean) => void;\n  onChatBodyScroll: (e: HTMLElement) => void;\n}\n\nexport const ScrollContext = createContext<ScrollContextType | undefined>(\n  undefined,\n);\n\ninterface ScrollProviderProps {\n  children: ReactNode;\n  value?: ScrollContextType;\n}\n\nexport function ScrollProvider({ children, value }: ScrollProviderProps) {\n  const scrollHook = useScrollToBottom(React.useRef<HTMLDivElement>(null));\n\n  // Use provided value or default to the hook\n  const contextValue = value || scrollHook;\n\n  return (\n    <ScrollContext.Provider value={contextValue}>\n      {children}\n    </ScrollContext.Provider>\n  );\n}\n\nexport function useScrollContext() {\n  const context = useContext(ScrollContext);\n  if (context === undefined) {\n    throw new Error(\"useScrollContext must be used within a ScrollProvider\");\n  }\n  return context;\n}\n"],"mappings":"+KAaA,IAAa,GAAA,EAAA,EAAA,eACX,IAAA,GACD,CAOD,SAAgB,EAAe,CAAE,WAAU,SAA8B,CACvE,IAAM,EAAa,EAAA,kBAAkB,EAAA,QAAM,OAAuB,KAAK,CAAC,CAGlE,EAAe,GAAS,EAE9B,OACE,EAAA,EAAA,KAAC,EAAc,SAAf,CAAwB,MAAO,EAC5B,WACsB,CAAA,CAI7B,SAAgB,GAAmB,CACjC,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAc,CACzC,GAAI,IAAY,IAAA,GACd,MAAU,MAAM,wDAAwD,CAE1E,OAAO"}
+{"version":3,"file":"scroll-context.cjs","names":[],"sources":["../../src/context/scroll-context.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, RefObject } from \"react\";\nimport { useScrollToBottom } from \"#/hooks/use-scroll-to-bottom\";\n\ninterface ScrollContextType {\n  scrollRef: RefObject<HTMLDivElement | null>;\n  autoScroll: boolean;\n  setAutoScroll: (value: boolean) => void;\n  scrollDomToBottom: () => void;\n  hitBottom: boolean;\n  setHitBottom: (value: boolean) => void;\n  onChatBodyScroll: (e: HTMLElement) => void;\n}\n\nexport const ScrollContext = createContext<ScrollContextType | undefined>(\n  undefined,\n);\n\ninterface ScrollProviderProps {\n  children: ReactNode;\n  value?: ScrollContextType;\n}\n\nexport function ScrollProvider({ children, value }: ScrollProviderProps) {\n  const scrollHook = useScrollToBottom(React.useRef<HTMLDivElement>(null));\n\n  // Use provided value or default to the hook\n  const contextValue = value || scrollHook;\n\n  return (\n    <ScrollContext.Provider value={contextValue}>\n      {children}\n    </ScrollContext.Provider>\n  );\n}\n\nexport function useScrollContext() {\n  const context = useContext(ScrollContext);\n  if (context === undefined) {\n    throw new Error(\"useScrollContext must be used within a ScrollProvider\");\n  }\n  return context;\n}\n\n// Same as useScrollContext but returns undefined when no provider is mounted.\n// Use this in components that have valid render paths both inside and outside\n// the chat's ScrollProvider (e.g. GitControlBar in production vs. isolated\n// test mounts).\nexport function useOptionalScrollContext() {\n  return useContext(ScrollContext);\n}\n"],"mappings":"+KAaA,IAAa,GAAA,EAAA,EAAA,eACX,IAAA,GACD,CAOD,SAAgB,EAAe,CAAE,WAAU,SAA8B,CACvE,IAAM,EAAa,EAAA,kBAAkB,EAAA,QAAM,OAAuB,KAAK,CAAC,CAGlE,EAAe,GAAS,EAE9B,OACE,EAAA,EAAA,KAAC,EAAc,SAAf,CAAwB,MAAO,EAC5B,WACsB,CAAA,CAI7B,SAAgB,GAAmB,CACjC,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAc,CACzC,GAAI,IAAY,IAAA,GACd,MAAU,MAAM,wDAAwD,CAE1E,OAAO,EAOT,SAAgB,GAA2B,CACzC,OAAA,EAAA,EAAA,YAAkB,EAAc"}

package/dist/context/scroll-context.d.ts

@@ -15,4 +15,5 @@ interface ScrollProviderProps {
 }
 export declare function ScrollProvider({ children, value }: ScrollProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useScrollContext(): ScrollContextType;
+export declare function useOptionalScrollContext(): ScrollContextType | undefined;
 export {};

package/dist/context/scroll-context.js

@@ -15,7 +15,10 @@ function s() {
 	if (e === void 0) throw Error("useScrollContext must be used within a ScrollProvider");
 	return e;
 }
+function c() {
+	return r(a);
+}
 //#endregion
-export { o as ScrollProvider, s as useScrollContext };
+export { o as ScrollProvider, c as useOptionalScrollContext, s as useScrollContext };
 
 //# sourceMappingURL=scroll-context.js.map

package/dist/context/scroll-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-context.js","names":[],"sources":["../../src/context/scroll-context.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, RefObject } from \"react\";\nimport { useScrollToBottom } from \"#/hooks/use-scroll-to-bottom\";\n\ninterface ScrollContextType {\n  scrollRef: RefObject<HTMLDivElement | null>;\n  autoScroll: boolean;\n  setAutoScroll: (value: boolean) => void;\n  scrollDomToBottom: () => void;\n  hitBottom: boolean;\n  setHitBottom: (value: boolean) => void;\n  onChatBodyScroll: (e: HTMLElement) => void;\n}\n\nexport const ScrollContext = createContext<ScrollContextType | undefined>(\n  undefined,\n);\n\ninterface ScrollProviderProps {\n  children: ReactNode;\n  value?: ScrollContextType;\n}\n\nexport function ScrollProvider({ children, value }: ScrollProviderProps) {\n  const scrollHook = useScrollToBottom(React.useRef<HTMLDivElement>(null));\n\n  // Use provided value or default to the hook\n  const contextValue = value || scrollHook;\n\n  return (\n    <ScrollContext.Provider value={contextValue}>\n      {children}\n    </ScrollContext.Provider>\n  );\n}\n\nexport function useScrollContext() {\n  const context = useContext(ScrollContext);\n  if (context === undefined) {\n    throw new Error(\"useScrollContext must be used within a ScrollProvider\");\n  }\n  return context;\n}\n"],"mappings":";;;;AAaA,IAAa,IAAgB,EAC3B,KAAA,EACD;AAOD,SAAgB,EAAe,EAAE,aAAU,YAA8B;CACvE,IAAM,IAAa,EAAkB,EAAM,OAAuB,KAAK,CAAC,EAGlE,IAAe,KAAS;AAE9B,QACE,kBAAC,EAAc,UAAf;EAAwB,OAAO;EAC5B;EACsB,CAAA;;AAI7B,SAAgB,IAAmB;CACjC,IAAM,IAAU,EAAW,EAAc;AACzC,KAAI,MAAY,KAAA,EACd,OAAU,MAAM,wDAAwD;AAE1E,QAAO"}
+{"version":3,"file":"scroll-context.js","names":[],"sources":["../../src/context/scroll-context.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, RefObject } from \"react\";\nimport { useScrollToBottom } from \"#/hooks/use-scroll-to-bottom\";\n\ninterface ScrollContextType {\n  scrollRef: RefObject<HTMLDivElement | null>;\n  autoScroll: boolean;\n  setAutoScroll: (value: boolean) => void;\n  scrollDomToBottom: () => void;\n  hitBottom: boolean;\n  setHitBottom: (value: boolean) => void;\n  onChatBodyScroll: (e: HTMLElement) => void;\n}\n\nexport const ScrollContext = createContext<ScrollContextType | undefined>(\n  undefined,\n);\n\ninterface ScrollProviderProps {\n  children: ReactNode;\n  value?: ScrollContextType;\n}\n\nexport function ScrollProvider({ children, value }: ScrollProviderProps) {\n  const scrollHook = useScrollToBottom(React.useRef<HTMLDivElement>(null));\n\n  // Use provided value or default to the hook\n  const contextValue = value || scrollHook;\n\n  return (\n    <ScrollContext.Provider value={contextValue}>\n      {children}\n    </ScrollContext.Provider>\n  );\n}\n\nexport function useScrollContext() {\n  const context = useContext(ScrollContext);\n  if (context === undefined) {\n    throw new Error(\"useScrollContext must be used within a ScrollProvider\");\n  }\n  return context;\n}\n\n// Same as useScrollContext but returns undefined when no provider is mounted.\n// Use this in components that have valid render paths both inside and outside\n// the chat's ScrollProvider (e.g. GitControlBar in production vs. isolated\n// test mounts).\nexport function useOptionalScrollContext() {\n  return useContext(ScrollContext);\n}\n"],"mappings":";;;;AAaA,IAAa,IAAgB,EAC3B,KAAA,EACD;AAOD,SAAgB,EAAe,EAAE,aAAU,YAA8B;CACvE,IAAM,IAAa,EAAkB,EAAM,OAAuB,KAAK,CAAC,EAGlE,IAAe,KAAS;AAE9B,QACE,kBAAC,EAAc,UAAf;EAAwB,OAAO;EAC5B;EACsB,CAAA;;AAI7B,SAAgB,IAAmB;CACjC,IAAM,IAAU,EAAW,EAAc;AACzC,KAAI,MAAY,KAAA,EACd,OAAU,MAAM,wDAAwD;AAE1E,QAAO;;AAOT,SAAgB,IAA2B;AACzC,QAAO,EAAW,EAAc"}

package/dist/favicon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?> <svg id="App_Icon_Shape" data-name="App Icon Shape" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1024 1024"> <defs> <style> .cls-1 { fill: url(#linear-gradient); } .cls-2 { fill: #fff; } </style> <linearGradient id="linear-gradient" x1="512" y1="464.77" x2="512" y2="-1109.83" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#000"/> <stop offset="1" stop-color="#fff"/> </linearGradient> </defs> <path class="cls-1" d="M1024,651c0,14.24,0,28.48-.08,42.73-.07,12-.21,23.99-.53,35.98-.71,26.13-2.25,52.49-6.89,78.34-4.71,26.22-12.4,50.62-24.53,74.44-11.92,23.41-27.49,44.84-46.07,63.41-18.58,18.58-40,34.15-63.41,46.07-23.82,12.12-48.22,19.82-74.44,24.53-25.84,4.65-52.2,6.18-78.34,6.89-11.99.33-23.99.46-35.98.53-14.24.09-28.48.08-42.73.08h-278c-14.24,0-28.48,0-42.73-.08-12-.07-23.99-.21-35.98-.53-26.13-.71-52.49-2.25-78.34-6.89-26.22-4.71-50.62-12.4-74.44-24.53-23.41-11.92-44.84-27.49-63.41-46.07-18.58-18.58-34.15-40-46.07-63.41-12.12-23.82-19.82-48.22-24.53-74.44-4.65-25.84-6.18-52.2-6.89-78.34-.33-11.99-.46-23.99-.53-35.98C0,679.48,0,665.24,0,651v-278C0,358.76,0,344.52.08,330.27c.07-12,.21-23.99.53-35.98.71-26.13,2.25-52.49,6.89-78.34,4.71-26.22,12.4-50.62,24.53-74.44,11.92-23.41,27.49-44.84,46.07-63.41,18.58-18.58,40-34.15,63.41-46.07,23.82-12.12,48.22-19.82,74.44-24.53,25.84-4.65,52.2-6.18,78.34-6.89,11.99-.33,23.99-.46,35.98-.53C344.52,0,358.76,0,373,0h278c14.24,0,28.48,0,42.73.08,12,.07,23.99.21,35.98.53,26.13.71,52.49,2.25,78.34,6.89,26.22,4.71,50.62,12.4,74.44,24.53,23.41,11.92,44.84,27.49,63.41,46.07,18.58,18.58,34.15,40,46.07,63.41,12.12,23.82,19.82,48.22,24.53,74.44,4.65,25.84,6.18,52.2,6.89,78.34.33,11.99.46,23.99.53,35.98.09,14.24.08,28.48.08,42.73v278Z"/> <g> <path class="cls-2" d="M500.73,326.03v-73.61c0-6.1,4.95-11.04,11.04-11.04s11.04,4.94,11.04,11.04v73.61c0,6.1-4.94,11.04-11.04,11.04s-11.04-4.94-11.04-11.04Z"/> <path class="cls-2" d="M557.82,337l36.8-63.75c3.05-5.28,9.8-7.09,15.08-4.04,5.28,3.05,7.09,9.8,4.04,15.08l-36.8,63.75c-3.05,5.28-9.8,7.09-15.08,4.04-5.28-3.05-7.09-9.8-4.04-15.08Z"/> <path class="cls-2" d="M465.72,337l-36.8-63.75c-3.05-5.28-9.8-7.09-15.08-4.04-5.28,3.05-7.09,9.8-4.04,15.08l36.8,63.75c3.05,5.28,9.8,7.09,15.08,4.04,5.28-3.05,7.09-9.8,4.04-15.08Z"/> <path class="cls-2" d="M865.63,565.4c0-19.19,5.18-76.08,6.8-94.85,1.1-12.69-.43-19.65-2.47-23.2-1.5-2.61-3.84-4.45-9.49-4.83-4.08-.27-8.52.89-11.83,3.88-3.11,2.8-6.58,8.44-6.58,19.83l-.02.64-5.07,86.49c-.18,3.11-1.67,6.01-4.1,7.96-2.43,1.95-5.56,2.79-8.64,2.3l-53.15-8.41-57.32-7.61c-5.29-.7-9.33-5.1-9.57-10.43l-3.16-68.35-.03-.58c-1.41-27.21-2.75-52.04-2.75-59.72,0-21.42-3.63-30.46-6.79-34.26-2.53-3.03-6.16-4.36-13.94-4.36-2.79,0-4.76.57-6.24,1.44-1.45.85-3.11,2.37-4.69,5.35-3.39,6.39-5.85,18.39-4.93,39.36,1.19,27.2,3.04,47.52,4.86,65.84,1.81,18.29,3.62,34.9,4.63,54.19,1.57,30.21,1.43,51.03.2,65.16-.62,7.06-1.53,12.76-2.77,17.27-1.17,4.27-2.93,8.62-5.97,11.86-3.69,3.93-8.95,5.81-14.41,4.49-4.33-1.04-7.38-3.79-9.04-5.54-3.48-3.66-5.94-8.38-6.9-10.81-5.61-14.15-22.96-47.01-46.46-65.56-6.85-5.41-11.85-6.97-14.99-7.21-2.96-.22-5.11.65-6.8,1.99-1.86,1.48-3.25,3.63-3.94,5.66-.24.72-.35,1.23-.39,1.56,6.37,10.75,31.63,50.16,43.54,90.15,8.88,29.81,30.28,60.19,46.27,73.2,15.48,12.6,43.29,20.41,74.62,21.95,31.04,1.52,63-3.23,85.5-13.32,43.46-19.48,52.31-62.38,56.27-80.98,3.08-14.43,3.14-29.84,2.31-44.14-.41-7.13-1.02-13.8-1.56-19.95-.52-5.97-.99-11.74-.99-16.47ZM761.65,380.26c0-6.7-1.79-12.67-4.75-16.66-2.68-3.61-6.62-6.11-12.95-6.11-5.18,0-8.67.64-11.13,1.69-2.2.94-4.05,2.4-5.74,5.12-3.88,6.27-6.74,18.88-6.75,43.99l2.75,59.45c1.03,19.83,2.1,41.32,2.8,59.19l35.77,4.75v-151.42ZM783.73,534.86l31.9,5.05,4.35-73.94v-57.02c0-7.83-3.19-12.62-6.96-15.68-4.21-3.42-9.12-4.64-11.44-4.64-4.22,0-8.59.66-11.73,2.89-2.42,1.72-6.11,5.78-6.11,17.44v125.91ZM842.06,424.42c6.61-3.29,13.68-4.34,19.89-3.93,11.26.75,21.19,5.47,27.16,15.85,5.42,9.44,6.55,21.92,5.32,36.12-1.7,19.62-6.73,75.01-6.73,92.94,0,3.6.38,8.39.91,14.56.52,6,1.17,13.05,1.61,20.59.87,15.04.93,32.74-2.76,50.02-3.84,18-14.24,72.04-68.84,96.52-26.54,11.89-62.2,16.87-95.62,15.23-33.13-1.63-66.61-9.88-87.49-26.88-19.65-16-43.43-50.25-53.49-84.02-11.36-38.14-35.96-75.76-42.1-86.42-3.62-6.28-2.48-13.73-.8-18.7,1.9-5.6,5.58-11.46,11.12-15.86,5.71-4.53,13.28-7.4,22.2-6.73,8.74.66,17.8,4.64,27.01,11.9,23.69,18.71,41.08,48.22,49.6,66.31.09-.83.19-1.7.27-2.61,1.11-12.65,1.3-32.3-.25-62.1-.97-18.65-2.71-34.62-4.55-53.16-1.84-18.51-3.74-39.28-4.95-67.06-.97-22.16,1.3-39,7.48-50.66,3.2-6.05,7.54-10.86,13.05-14.08,5.49-3.21,11.47-4.45,17.38-4.45,8.74,0,19.63,1.23,28.29,9.51.77-1.64,1.6-3.19,2.51-4.65,4-6.47,9.33-11.03,15.85-13.81,6.27-2.67,13.07-3.46,19.79-3.46,13.51,0,23.95,5.96,30.68,15.04,4.36,5.87,6.97,12.77,8.21,19.77,7.17-3.24,14.34-3.66,18.73-3.66,7.49,0,17.3,3.03,25.36,9.59,8.5,6.9,15.13,17.8,15.13,32.82v15.47Z"/> <path class="cls-2" d="M158.37,565.4c0-19.19-5.18-76.08-6.8-94.85-1.1-12.69.43-19.65,2.47-23.2,1.5-2.61,3.84-4.45,9.48-4.83,4.08-.27,8.52.89,11.84,3.88,3.11,2.8,6.58,8.44,6.58,19.83l.02.64,5.07,86.49c.18,3.11,1.67,6.01,4.1,7.96,2.43,1.95,5.57,2.79,8.65,2.3l53.15-8.41,57.32-7.61c5.3-.7,9.33-5.1,9.57-10.43l3.16-68.35.03-.58c1.41-27.21,2.74-52.04,2.74-59.72,0-21.42,3.63-30.46,6.8-34.26,2.53-3.03,6.16-4.36,13.94-4.36,2.79,0,4.76.57,6.24,1.44,1.45.85,3.11,2.37,4.69,5.35,3.38,6.39,5.85,18.39,4.93,39.36-1.19,27.2-3.04,47.52-4.86,65.84-1.81,18.29-3.62,34.9-4.63,54.19-1.57,30.21-1.43,51.03-.2,65.16.62,7.06,1.53,12.76,2.76,17.27,1.17,4.27,2.92,8.62,5.97,11.86,3.69,3.93,8.95,5.81,14.41,4.49,4.33-1.04,7.38-3.79,9.04-5.54,3.48-3.66,5.94-8.38,6.9-10.81,5.61-14.15,22.96-47.01,46.46-65.56,6.85-5.41,11.85-6.97,14.99-7.21,2.96-.22,5.11.65,6.8,1.99,1.86,1.48,3.25,3.63,3.94,5.66.24.72.35,1.23.39,1.56-6.37,10.75-31.63,50.16-43.54,90.15-8.88,29.81-30.28,60.19-46.27,73.2-15.48,12.6-43.29,20.41-74.62,21.95-31.03,1.52-63-3.23-85.5-13.32-43.46-19.48-52.31-62.38-56.28-80.98-3.08-14.43-3.14-29.84-2.31-44.14.41-7.13,1.02-13.8,1.56-19.95.52-5.97.99-11.74.99-16.47ZM262.35,380.26c0-6.7,1.79-12.67,4.75-16.66,2.68-3.61,6.62-6.11,12.95-6.11,5.18,0,8.67.64,11.13,1.69,2.21.94,4.06,2.4,5.74,5.12,3.89,6.27,6.74,18.88,6.75,43.99l-2.75,59.45c-1.03,19.83-2.1,41.32-2.8,59.19l-35.77,4.75v-151.42ZM240.27,534.86l-31.9,5.05-4.35-73.94v-57.02c0-7.83,3.19-12.62,6.97-15.68,4.21-3.42,9.12-4.64,11.44-4.64,4.23,0,8.59.66,11.73,2.89,2.42,1.72,6.11,5.78,6.11,17.44v125.91ZM181.94,424.42c-6.61-3.29-13.68-4.34-19.89-3.93-11.26.75-21.19,5.47-27.16,15.85-5.42,9.44-6.55,21.92-5.32,36.12,1.7,19.62,6.73,75.01,6.73,92.94,0,3.6-.37,8.39-.91,14.56-.52,6-1.17,13.05-1.61,20.59-.87,15.04-.93,32.74,2.76,50.02,3.84,18,14.23,72.04,68.84,96.52,26.53,11.89,62.2,16.87,95.62,15.23,33.13-1.63,66.61-9.88,87.48-26.88,19.65-16,43.43-50.25,53.49-84.02,11.36-38.14,35.96-75.76,42.1-86.42,3.62-6.28,2.48-13.73.8-18.7-1.9-5.6-5.58-11.46-11.12-15.86-5.71-4.53-13.28-7.4-22.2-6.73-8.74.66-17.8,4.64-27.01,11.9-23.69,18.71-41.08,48.22-49.6,66.31-.09-.83-.19-1.7-.27-2.61-1.11-12.65-1.3-32.3.25-62.1.97-18.65,2.71-34.62,4.55-53.16,1.83-18.51,3.73-39.28,4.95-67.06.97-22.16-1.31-39-7.48-50.66-3.2-6.05-7.54-10.86-13.05-14.08-5.49-3.21-11.47-4.45-17.38-4.45-8.74,0-19.62,1.23-28.29,9.51-.76-1.64-1.6-3.19-2.5-4.65-4-6.47-9.33-11.03-15.85-13.81-6.27-2.67-13.07-3.46-19.79-3.46-13.51,0-23.95,5.96-30.68,15.04-4.36,5.87-6.97,12.77-8.22,19.77-7.17-3.24-14.34-3.66-18.73-3.66-7.49,0-17.3,3.03-25.36,9.59-8.5,6.9-15.13,17.8-15.13,32.82v15.47Z"/> </g> </svg>

package/dist/hooks/mutation/use-switch-acp-model.cjs

@@ -0,0 +1,2 @@
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),t=require(`../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs`),n=require(`../../api/settings-service/settings-service.api.cjs`),r=require(`../../api/conversation-service/agent-server-conversation-service.api.cjs`),i=require(`./conversation-mutation-utils.cjs`),a=require(`../query/query-keys.cjs`);var o=()=>{let o=e.useQueryClient();return t.useMutation({mutationFn:async({conversationId:e,model:t})=>{if(e){await r.default.switchAcpModel(e,t);return}await n.default.saveSettings({agent_settings_diff:{acp_model:t}})},onSuccess:(e,{conversationId:t})=>{t?i.invalidateConversationQueries(o,t):(n.default.invalidateCache(),o.invalidateQueries({queryKey:a.SETTINGS_QUERY_KEYS.personal()}))}})};exports.useSwitchAcpModel=o;
+//# sourceMappingURL=use-switch-acp-model.cjs.map

package/dist/hooks/mutation/use-switch-acp-model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-switch-acp-model.cjs","names":[],"sources":["../../../src/hooks/mutation/use-switch-acp-model.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport AgentServerConversationService from \"#/api/conversation-service/agent-server-conversation-service.api\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport { SETTINGS_QUERY_KEYS } from \"#/hooks/query/query-keys\";\nimport { invalidateConversationQueries } from \"./conversation-mutation-utils\";\n\ninterface SwitchAcpModelVars {\n  /**\n   * When set, the ACP conversation's running model is swapped live via the\n   * wrapper's ``session/set_model`` (POST /switch_acp_model) and the user's\n   * saved default is untouched. When null (home page / no session), the model\n   * is persisted as the agent-settings default so the next conversation\n   * created here inherits it.\n   */\n  conversationId: string | null;\n  model: string;\n}\n\n/**\n * ACP analog of {@link useSwitchLlmProfile}. Switches the ACP model\n * per-conversation when called from inside a conversation (live in-place model\n * switch); persists it as the agent-settings default when called from the home\n * page (no live session to switch — the agent-server returns 409 before the\n * first message, so we write the default the next conversation inherits).\n *\n * Invalidates the same conversation/settings query keys the profile hook does\n * so the chat-input model chip + conversation chip refresh with the new model.\n */\nexport const useSwitchAcpModel = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: async ({ conversationId, model }: SwitchAcpModelVars) => {\n      if (conversationId) {\n        await AgentServerConversationService.switchAcpModel(\n          conversationId,\n          model,\n        );\n        return;\n      }\n      // Home page / no session: persist as the agent-settings default. The\n      // backend deep-merges ``agent_settings_diff`` into the existing\n      // ``agent_settings`` dict, so a scalar ``acp_model`` diff updates only\n      // the model and preserves the selected provider + command.\n      await SettingsService.saveSettings({\n        agent_settings_diff: { acp_model: model },\n      });\n    },\n    onSuccess: (_data, { conversationId }) => {\n      if (conversationId) {\n        invalidateConversationQueries(queryClient, conversationId);\n      } else {\n        // Mirror useSwitchLlmProfile's home-page path: clear the stale settings\n        // cache so the next conversation-start reads the newly saved default,\n        // and refetch the settings query so the home-page chip updates.\n        SettingsService.invalidateCache();\n        queryClient.invalidateQueries({\n          queryKey: SETTINGS_QUERY_KEYS.personal(),\n        });\n      }\n    },\n    // No meta.disableToast: unlike useSwitchLlmProfile (wrapped by\n    // useSwitchLlmProfileAndLog, which re-surfaces errors), this hook is called\n    // directly, so we let the global mutation error toast report a failed\n    // switch / settings write rather than swallowing it.\n  });\n};\n"],"mappings":"+cA4BA,IAAa,MAA0B,CACrC,IAAM,EAAc,EAAA,gBAAgB,CAEpC,OAAO,EAAA,YAAY,CACjB,WAAY,MAAO,CAAE,iBAAgB,WAAgC,CACnE,GAAI,EAAgB,CAClB,MAAM,EAAA,QAA+B,eACnC,EACA,EACD,CACD,OAMF,MAAM,EAAA,QAAgB,aAAa,CACjC,oBAAqB,CAAE,UAAW,EAAO,CAC1C,CAAC,EAEJ,WAAY,EAAO,CAAE,oBAAqB,CACpC,EACF,EAAA,8BAA8B,EAAa,EAAe,EAK1D,EAAA,QAAgB,iBAAiB,CACjC,EAAY,kBAAkB,CAC5B,SAAU,EAAA,oBAAoB,UAAU,CACzC,CAAC,GAOP,CAAC"}

package/dist/hooks/mutation/use-switch-acp-model.d.ts

@@ -0,0 +1,23 @@
+interface SwitchAcpModelVars {
+    /**
+     * When set, the ACP conversation's running model is swapped live via the
+     * wrapper's ``session/set_model`` (POST /switch_acp_model) and the user's
+     * saved default is untouched. When null (home page / no session), the model
+     * is persisted as the agent-settings default so the next conversation
+     * created here inherits it.
+     */
+    conversationId: string | null;
+    model: string;
+}
+/**
+ * ACP analog of {@link useSwitchLlmProfile}. Switches the ACP model
+ * per-conversation when called from inside a conversation (live in-place model
+ * switch); persists it as the agent-settings default when called from the home
+ * page (no live session to switch — the agent-server returns 409 before the
+ * first message, so we write the default the next conversation inherits).
+ *
+ * Invalidates the same conversation/settings query keys the profile hook does
+ * so the chat-input model chip + conversation chip refresh with the new model.
+ */
+export declare const useSwitchAcpModel: () => import("@tanstack/react-query").UseMutationResult<void, import("axios").AxiosError<unknown, any>, SwitchAcpModelVars, unknown>;
+export {};

package/dist/hooks/mutation/use-switch-acp-model.js

@@ -0,0 +1,26 @@
+import { useQueryClient as e } from "../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
+import { useMutation as t } from "../../node_modules/@tanstack/react-query/build/modern/useMutation.js";
+import n from "../../api/settings-service/settings-service.api.js";
+import r from "../../api/conversation-service/agent-server-conversation-service.api.js";
+import { invalidateConversationQueries as i } from "./conversation-mutation-utils.js";
+import { SETTINGS_QUERY_KEYS as a } from "../query/query-keys.js";
+//#region src/hooks/mutation/use-switch-acp-model.ts
+var o = () => {
+	let o = e();
+	return t({
+		mutationFn: async ({ conversationId: e, model: t }) => {
+			if (e) {
+				await r.switchAcpModel(e, t);
+				return;
+			}
+			await n.saveSettings({ agent_settings_diff: { acp_model: t } });
+		},
+		onSuccess: (e, { conversationId: t }) => {
+			t ? i(o, t) : (n.invalidateCache(), o.invalidateQueries({ queryKey: a.personal() }));
+		}
+	});
+};
+//#endregion
+export { o as useSwitchAcpModel };
+
+//# sourceMappingURL=use-switch-acp-model.js.map

package/dist/hooks/mutation/use-switch-acp-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-switch-acp-model.js","names":[],"sources":["../../../src/hooks/mutation/use-switch-acp-model.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport AgentServerConversationService from \"#/api/conversation-service/agent-server-conversation-service.api\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport { SETTINGS_QUERY_KEYS } from \"#/hooks/query/query-keys\";\nimport { invalidateConversationQueries } from \"./conversation-mutation-utils\";\n\ninterface SwitchAcpModelVars {\n  /**\n   * When set, the ACP conversation's running model is swapped live via the\n   * wrapper's ``session/set_model`` (POST /switch_acp_model) and the user's\n   * saved default is untouched. When null (home page / no session), the model\n   * is persisted as the agent-settings default so the next conversation\n   * created here inherits it.\n   */\n  conversationId: string | null;\n  model: string;\n}\n\n/**\n * ACP analog of {@link useSwitchLlmProfile}. Switches the ACP model\n * per-conversation when called from inside a conversation (live in-place model\n * switch); persists it as the agent-settings default when called from the home\n * page (no live session to switch — the agent-server returns 409 before the\n * first message, so we write the default the next conversation inherits).\n *\n * Invalidates the same conversation/settings query keys the profile hook does\n * so the chat-input model chip + conversation chip refresh with the new model.\n */\nexport const useSwitchAcpModel = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: async ({ conversationId, model }: SwitchAcpModelVars) => {\n      if (conversationId) {\n        await AgentServerConversationService.switchAcpModel(\n          conversationId,\n          model,\n        );\n        return;\n      }\n      // Home page / no session: persist as the agent-settings default. The\n      // backend deep-merges ``agent_settings_diff`` into the existing\n      // ``agent_settings`` dict, so a scalar ``acp_model`` diff updates only\n      // the model and preserves the selected provider + command.\n      await SettingsService.saveSettings({\n        agent_settings_diff: { acp_model: model },\n      });\n    },\n    onSuccess: (_data, { conversationId }) => {\n      if (conversationId) {\n        invalidateConversationQueries(queryClient, conversationId);\n      } else {\n        // Mirror useSwitchLlmProfile's home-page path: clear the stale settings\n        // cache so the next conversation-start reads the newly saved default,\n        // and refetch the settings query so the home-page chip updates.\n        SettingsService.invalidateCache();\n        queryClient.invalidateQueries({\n          queryKey: SETTINGS_QUERY_KEYS.personal(),\n        });\n      }\n    },\n    // No meta.disableToast: unlike useSwitchLlmProfile (wrapped by\n    // useSwitchLlmProfileAndLog, which re-surfaces errors), this hook is called\n    // directly, so we let the global mutation error toast report a failed\n    // switch / settings write rather than swallowing it.\n  });\n};\n"],"mappings":";;;;;;;AA4BA,IAAa,UAA0B;CACrC,IAAM,IAAc,GAAgB;AAEpC,QAAO,EAAY;EACjB,YAAY,OAAO,EAAE,mBAAgB,eAAgC;AACnE,OAAI,GAAgB;AAClB,UAAM,EAA+B,eACnC,GACA,EACD;AACD;;AAMF,SAAM,EAAgB,aAAa,EACjC,qBAAqB,EAAE,WAAW,GAAO,EAC1C,CAAC;;EAEJ,YAAY,GAAO,EAAE,wBAAqB;AACxC,GAAI,IACF,EAA8B,GAAa,EAAe,IAK1D,EAAgB,iBAAiB,EACjC,EAAY,kBAAkB,EAC5B,UAAU,EAAoB,UAAU,EACzC,CAAC;;EAOP,CAAC"}

package/dist/hooks/mutation/use-test-mcp-server.cjs

@@ -0,0 +1,2 @@
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs`),t=require(`../../api/mcp-service/mcp-service.api.cjs`);function n(){return e.useMutation({mutationFn:e=>t.default.testServer(e)})}exports.useTestMcpServer=n;
+//# sourceMappingURL=use-test-mcp-server.cjs.map

package/dist/hooks/mutation/use-test-mcp-server.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-test-mcp-server.cjs","names":[],"sources":["../../../src/hooks/mutation/use-test-mcp-server.ts"],"sourcesContent":["import { useMutation } from \"@tanstack/react-query\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\n\nexport function useTestMcpServer() {\n  return useMutation({\n    mutationFn: (server: MCPServerConfig) => McpService.testServer(server),\n  });\n}\n"],"mappings":"gMAIA,SAAgB,GAAmB,CACjC,OAAO,EAAA,YAAY,CACjB,WAAa,GAA4B,EAAA,QAAW,WAAW,EAAO,CACvE,CAAC"}

package/dist/hooks/mutation/use-test-mcp-server.d.ts

@@ -0,0 +1,2 @@
+import type { MCPServerConfig } from "#/types/mcp-server";
+export declare function useTestMcpServer(): import("@tanstack/react-query").UseMutationResult<import("@openhands/typescript-client").MCPTestResponse, import("axios").AxiosError<unknown, any>, MCPServerConfig, unknown>;