npm - @openhands/agent-canvas - Versions diffs - 1.9.0 → 1.11.0 - Mend

@openhands/agent-canvas 1.9.0 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1386) hide show

package/dist/components/features/settings/mcp-settings/mcp-server-form.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mcp-server-form.cjs","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 {\n isValidMcpServerName,\n MCP_SERVER_NAME_PATTERN,\n} from \"#/utils/mcp-server-name\";\nimport type {\n MCPAuthCredential,\n MCPAuthenticationConfig,\n MCPOAuthClientAuthMethod,\n} from \"#/types/mcp-auth\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\n\ntype MCPServerType = \"sse\" \| \"stdio\" \| \"shttp\";\ntype RemoteAuthMode = \"none\" \| \"bearer\" \| \"header\" \| \"oauth2\";\ntype OAuthClientAuthMethodOption = \"auto\" \| MCPOAuthClientAuthMethod;\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 [authMode, setAuthMode] = React.useState<RemoteAuthMode>(() => {\n if (server?.auth?.strategy === \"oauth2\") return \"oauth2\";\n if (server?.auth?.strategy === \"header\") return \"header\";\n if (\n server?.auth?.strategy === \"bearer\" \|\|\n server?.auth?.strategy === \"api_key\"\n ) {\n return \"bearer\";\n }\n return \"none\";\n });\n const [oauthClientAuthMethod, setOAuthClientAuthMethod] =\n React.useState<OAuthClientAuthMethodOption>(() =>\n server?.auth?.strategy === \"oauth2\"\n ? (server.auth.authentication?.client_auth_method ?? \"auto\")\n : \"auto\",\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 const authModeOptions = [\n { key: \"none\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_NONE) },\n { key: \"bearer\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_BEARER) },\n { key: \"header\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_HEADER) },\n { key: \"oauth2\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_OAUTH) },\n ];\n const oauthClientAuthMethodOptions = [\n { key: \"auto\", label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_AUTO) },\n { key: \"none\", label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_NONE) },\n {\n key: \"client_secret_post\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_POST),\n },\n {\n key: \"client_secret_basic\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_BASIC),\n },\n {\n key: \"private_key_jwt\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_PRIVATE_KEY_JWT),\n },\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 (!isValidMcpServerName(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 validateRemoteAuth = (formData: FormData): string \| null => {\n if (authMode === \"header\") {\n const headerString = formData.get(\"headers\")?.toString() \|\| \"\";\n if (!headerString.trim())\n return t(I18nKey.SETTINGS$MCP_ERROR_HEADER_REQUIRED);\n return validateEnvFormat(headerString);\n }\n if (authMode === \"oauth2\") {\n const clientId = formData.get(\"oauth_client_id\")?.toString().trim();\n const clientSecret = formData\n .get(\"oauth_client_secret\")\n ?.toString()\n .trim();\n if (clientSecret && !clientId) {\n return t(I18nKey.SETTINGS$MCP_ERROR_OAUTH_SECRET_REQUIRES_ID);\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 // The name is optional, but when provided it becomes the mcp_config\n // key (and the reference used in mcp_server_refs), so hold it to the\n // same safe-identifier rule as stdio names.\n const name = formData.get(\"name\")?.toString().trim() \|\| \"\";\n if (name && !isValidMcpServerName(name)) {\n return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n }\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 validateRemoteAuth(formData);\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 = (\n env?: Record<string, string> \| null,\n ): string => {\n if (!env) return \"\";\n return Object.entries(env)\n .map(([key, value]) => `${key}=${value}`)\n .join(\"\\n\");\n };\n\n const editableAuthValue = (auth: MCPAuthCredential \| undefined): string => {\n if (auth?.strategy === \"bearer\" \|\| auth?.strategy === \"api_key\") {\n return auth.value ?? \"\";\n }\n return \"\";\n };\n\n const editableHeaderValue = (auth: MCPAuthCredential \| undefined): string => {\n if (auth?.strategy !== \"header\") return \"\";\n return formatEnvironmentVariables(auth.headers);\n };\n\n const oauthAuthentication =\n server?.auth?.strategy === \"oauth2\"\n ? server.auth.authentication\n : undefined;\n const oauthState =\n server?.auth?.strategy === \"oauth2\" ? server.auth.state : undefined;\n\n const authFromFormData = (\n formData: FormData,\n ): MCPAuthCredential \| undefined => {\n if (authMode === \"none\") return undefined;\n if (authMode === \"bearer\") {\n const value = formData.get(\"api_key\")?.toString().trim();\n if (!value) return undefined;\n if (server?.auth?.strategy === \"api_key\") {\n return { ...server.auth, value };\n }\n return { strategy: \"bearer\", value };\n }\n if (authMode === \"header\") {\n const headers = parseEnvironmentVariables(\n formData.get(\"headers\")?.toString() \|\| \"\",\n );\n return { strategy: \"header\", headers };\n }\n\n const scopes = formData.get(\"oauth_scopes\")?.toString().trim();\n const clientId = formData.get(\"oauth_client_id\")?.toString().trim();\n const clientSecret = formData.get(\"oauth_client_secret\")?.toString().trim();\n const authentication: MCPAuthenticationConfig = {\n type: \"oauth\",\n ...(oauthClientAuthMethod !== \"auto\" && {\n client_auth_method: oauthClientAuthMethod,\n }),\n ...(scopes && { scopes }),\n ...(clientId && { client_id: clientId }),\n ...(clientSecret && { client_secret: clientSecret }),\n };\n return {\n strategy: \"oauth2\",\n authentication,\n ...(oauthState && { state: oauthState }),\n };\n };\n\n const buildConfig = (formData: FormData): MCPServerConfig => {\n const baseConfig = {\n id: server?.id \|\| `${serverType}-${Date.now()}`,\n type: serverType,\n // The form has no enable/disable control (that lives on the card), so\n // carry the existing state forward — otherwise saving an edit to a\n // disabled server would silently switch it back on.\n ...(server?.enabled === false && { enabled: false }),\n };\n\n if (serverType === \"sse\" \|\| serverType === \"shttp\") {\n const name = formData.get(\"name\")?.toString().trim();\n const url = formData.get(\"url\")?.toString().trim();\n const timeoutStr = formData.get(\"timeout\")?.toString().trim();\n const auth = authFromFormData(formData);\n\n const serverConfig: MCPServerConfig = {\n ...baseConfig,\n ...(name && { name }),\n url: url!,\n ...(auth && { auth }),\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 noValidate\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=\"server-name-input\"\n name=\"name\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_SERVER_NAME)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={server?.name \|\| \"\"}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"my_search_server\"\n pattern={MCP_SERVER_NAME_PATTERN.source}\n />\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"https://api.example.com\"\n />\n\n <SettingsDropdownInput\n testId=\"auth-mode-dropdown\"\n name=\"auth-mode\"\n label={t(I18nKey.SETTINGS$MCP_AUTHENTICATION)}\n items={authModeOptions}\n selectedKey={authMode}\n onSelectionChange={(key) => setAuthMode(key as RemoteAuthMode)}\n onInputChange={() => {}}\n isClearable={false}\n allowsCustomValue={false}\n wrapperClassName=\"w-full min-w-0\"\n />\n\n {authMode === \"bearer\" && (\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 required\n defaultValue={editableAuthValue(server?.auth)}\n placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n />\n )}\n\n {authMode === \"header\" && (\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <span className=\"text-sm\">{t(I18nKey.SETTINGS$MCP_HEADERS)}</span>\n <textarea\n data-testid=\"headers-input\"\n name=\"headers\"\n rows={4}\n defaultValue={editableHeaderValue(server?.auth)}\n placeholder={t(I18nKey.SETTINGS$MCP_HEADERS_PLACEHOLDER)}\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 {authMode === \"oauth2\" && (\n <>\n <SettingsDropdownInput\n testId=\"oauth-client-auth-method-dropdown\"\n name=\"oauth_client_auth_method\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH)}\n items={oauthClientAuthMethodOptions}\n selectedKey={oauthClientAuthMethod}\n onSelectionChange={(key) =>\n setOAuthClientAuthMethod(key as OAuthClientAuthMethodOption)\n }\n onInputChange={() => {}}\n isClearable={false}\n allowsCustomValue={false}\n wrapperClassName=\"w-full min-w-0\"\n />\n <SettingsInput\n testId=\"oauth-client-id-input\"\n name=\"oauth_client_id\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={oauthAuthentication?.client_id \|\| \"\"}\n placeholder={t(\n I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID_PLACEHOLDER,\n )}\n />\n <SettingsInput\n testId=\"oauth-client-secret-input\"\n name=\"oauth_client_secret\"\n type=\"password\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={oauthAuthentication?.client_secret \|\| \"\"}\n placeholder={t(\n I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET_PLACEHOLDER,\n )}\n />\n <SettingsInput\n testId=\"oauth-scopes-input\"\n name=\"oauth_scopes\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_SCOPES)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={\n Array.isArray(oauthAuthentication?.scopes)\n ? oauthAuthentication.scopes.join(\" \")\n : oauthAuthentication?.scopes \|\| \"\"\n }\n placeholder={t(I18nKey.SETTINGS$MCP_OAUTH_SCOPES_PLACEHOLDER)}\n />\n </>\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"my_mcp_server\"\n pattern={MCP_SERVER_NAME_PATTERN.source}\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"arg1 arg2 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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"KEY1=value1 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":"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"}
1	+ {"version":3,"file":"mcp-server-form.cjs","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 {\n isValidMcpServerName,\n MCP_SERVER_NAME_PATTERN,\n} from \"#/utils/mcp-server-name\";\nimport type {\n MCPAuthCredential,\n MCPAuthenticationConfig,\n MCPOAuthClientAuthMethod,\n} from \"#/types/mcp-auth\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\n\ntype MCPServerType = \"sse\" \| \"stdio\" \| \"shttp\";\ntype RemoteAuthMode = \"none\" \| \"bearer\" \| \"header\" \| \"oauth2\";\ntype OAuthClientAuthMethodOption = \"auto\" \| MCPOAuthClientAuthMethod;\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 [authMode, setAuthMode] = React.useState<RemoteAuthMode>(() => {\n if (server?.auth?.strategy === \"oauth2\") return \"oauth2\";\n if (server?.auth?.strategy === \"header\") return \"header\";\n if (\n server?.auth?.strategy === \"bearer\" \|\|\n server?.auth?.strategy === \"api_key\"\n ) {\n return \"bearer\";\n }\n return \"none\";\n });\n const [oauthClientAuthMethod, setOAuthClientAuthMethod] =\n React.useState<OAuthClientAuthMethodOption>(() =>\n server?.auth?.strategy === \"oauth2\"\n ? (server.auth.authentication?.client_auth_method ?? \"auto\")\n : \"auto\",\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 const authModeOptions = [\n { key: \"none\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_NONE) },\n { key: \"bearer\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_BEARER) },\n { key: \"header\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_HEADER) },\n { key: \"oauth2\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_OAUTH) },\n ];\n const oauthClientAuthMethodOptions = [\n { key: \"auto\", label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_AUTO) },\n { key: \"none\", label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_NONE) },\n {\n key: \"client_secret_post\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_POST),\n },\n {\n key: \"client_secret_basic\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_BASIC),\n },\n {\n key: \"private_key_jwt\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_PRIVATE_KEY_JWT),\n },\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 (!isValidMcpServerName(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 validateRemoteAuth = (formData: FormData): string \| null => {\n if (authMode === \"header\") {\n const headerString = formData.get(\"headers\")?.toString() \|\| \"\";\n if (!headerString.trim())\n return t(I18nKey.SETTINGS$MCP_ERROR_HEADER_REQUIRED);\n return validateEnvFormat(headerString);\n }\n if (authMode === \"oauth2\") {\n const clientId = formData.get(\"oauth_client_id\")?.toString().trim();\n const clientSecret = formData\n .get(\"oauth_client_secret\")\n ?.toString()\n .trim();\n if (clientSecret && !clientId) {\n return t(I18nKey.SETTINGS$MCP_ERROR_OAUTH_SECRET_REQUIRES_ID);\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 // The name is optional, but when provided it becomes the mcp_config\n // key (and the reference used in mcp_server_refs), so hold it to the\n // same safe-identifier rule as stdio names.\n const name = formData.get(\"name\")?.toString().trim() \|\| \"\";\n if (name && !isValidMcpServerName(name)) {\n return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n }\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 validateRemoteAuth(formData);\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 = (\n env?: Record<string, string> \| null,\n ): string => {\n if (!env) return \"\";\n return Object.entries(env)\n .map(([key, value]) => `${key}=${value}`)\n .join(\"\\n\");\n };\n\n const editableAuthValue = (auth: MCPAuthCredential \| undefined): string => {\n if (auth?.strategy === \"bearer\" \|\| auth?.strategy === \"api_key\") {\n return auth.value ?? \"\";\n }\n return \"\";\n };\n\n const editableHeaderValue = (auth: MCPAuthCredential \| undefined): string => {\n if (auth?.strategy !== \"header\") return \"\";\n return formatEnvironmentVariables(auth.headers);\n };\n\n const oauthAuthentication =\n server?.auth?.strategy === \"oauth2\"\n ? server.auth.authentication\n : undefined;\n const oauthState =\n server?.auth?.strategy === \"oauth2\" ? server.auth.state : undefined;\n\n const authFromFormData = (\n formData: FormData,\n ): MCPAuthCredential \| undefined => {\n if (authMode === \"none\") return undefined;\n if (authMode === \"bearer\") {\n const value = formData.get(\"api_key\")?.toString().trim();\n if (!value) return undefined;\n if (server?.auth?.strategy === \"api_key\") {\n return { ...server.auth, value };\n }\n return { strategy: \"bearer\", value };\n }\n if (authMode === \"header\") {\n const headers = parseEnvironmentVariables(\n formData.get(\"headers\")?.toString() \|\| \"\",\n );\n return { strategy: \"header\", headers };\n }\n\n const scopes = formData.get(\"oauth_scopes\")?.toString().trim();\n const clientId = formData.get(\"oauth_client_id\")?.toString().trim();\n const clientSecret = formData.get(\"oauth_client_secret\")?.toString().trim();\n const authentication: MCPAuthenticationConfig = {\n type: \"oauth\",\n ...(oauthClientAuthMethod !== \"auto\" && {\n client_auth_method: oauthClientAuthMethod,\n }),\n ...(scopes && { scopes }),\n ...(clientId && { client_id: clientId }),\n ...(clientSecret && { client_secret: clientSecret }),\n };\n return {\n strategy: \"oauth2\",\n authentication,\n ...(oauthState && { state: oauthState }),\n };\n };\n\n const buildConfig = (formData: FormData): MCPServerConfig => {\n const baseConfig = {\n id: server?.id \|\| \"\",\n type: serverType,\n // The form has no enable/disable control (that lives on the card), so\n // carry the existing state forward — otherwise saving an edit to a\n // disabled server would silently switch it back on.\n ...(server?.enabled === false && { enabled: false }),\n };\n\n if (serverType === \"sse\" \|\| serverType === \"shttp\") {\n const name = formData.get(\"name\")?.toString().trim();\n const url = formData.get(\"url\")?.toString().trim();\n const timeoutStr = formData.get(\"timeout\")?.toString().trim();\n const auth = authFromFormData(formData);\n\n const serverConfig: MCPServerConfig = {\n ...baseConfig,\n ...(name && { name }),\n url: url!,\n // Raw protocol headers are not editable in this form, but they are\n // still required for the pre-save connection probe. Persistence uses\n // a sparse patch and leaves them untouched.\n ...(server?.headers && { headers: server.headers }),\n ...(auth && { auth }),\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 noValidate\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=\"server-name-input\"\n name=\"name\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_SERVER_NAME)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={server?.name \|\| \"\"}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"my_search_server\"\n pattern={MCP_SERVER_NAME_PATTERN.source}\n />\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"https://api.example.com\"\n />\n\n <SettingsDropdownInput\n testId=\"auth-mode-dropdown\"\n name=\"auth-mode\"\n label={t(I18nKey.SETTINGS$MCP_AUTHENTICATION)}\n items={authModeOptions}\n selectedKey={authMode}\n onSelectionChange={(key) => setAuthMode(key as RemoteAuthMode)}\n onInputChange={() => {}}\n isClearable={false}\n allowsCustomValue={false}\n wrapperClassName=\"w-full min-w-0\"\n />\n\n {authMode === \"bearer\" && (\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 required\n defaultValue={editableAuthValue(server?.auth)}\n placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n />\n )}\n\n {authMode === \"header\" && (\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <span className=\"text-sm\">{t(I18nKey.SETTINGS$MCP_HEADERS)}</span>\n <textarea\n data-testid=\"headers-input\"\n name=\"headers\"\n rows={4}\n defaultValue={editableHeaderValue(server?.auth)}\n placeholder={t(I18nKey.SETTINGS$MCP_HEADERS_PLACEHOLDER)}\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 {authMode === \"oauth2\" && (\n <>\n <SettingsDropdownInput\n testId=\"oauth-client-auth-method-dropdown\"\n name=\"oauth_client_auth_method\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH)}\n items={oauthClientAuthMethodOptions}\n selectedKey={oauthClientAuthMethod}\n onSelectionChange={(key) =>\n setOAuthClientAuthMethod(key as OAuthClientAuthMethodOption)\n }\n onInputChange={() => {}}\n isClearable={false}\n allowsCustomValue={false}\n wrapperClassName=\"w-full min-w-0\"\n />\n <SettingsInput\n testId=\"oauth-client-id-input\"\n name=\"oauth_client_id\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={oauthAuthentication?.client_id \|\| \"\"}\n placeholder={t(\n I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID_PLACEHOLDER,\n )}\n />\n <SettingsInput\n testId=\"oauth-client-secret-input\"\n name=\"oauth_client_secret\"\n type=\"password\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={oauthAuthentication?.client_secret \|\| \"\"}\n placeholder={t(\n I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET_PLACEHOLDER,\n )}\n />\n <SettingsInput\n testId=\"oauth-scopes-input\"\n name=\"oauth_scopes\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_SCOPES)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={\n Array.isArray(oauthAuthentication?.scopes)\n ? oauthAuthentication.scopes.join(\" \")\n : oauthAuthentication?.scopes \|\| \"\"\n }\n placeholder={t(I18nKey.SETTINGS$MCP_OAUTH_SCOPES_PLACEHOLDER)}\n />\n </>\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"my_mcp_server\"\n pattern={MCP_SERVER_NAME_PATTERN.source}\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"arg1 arg2 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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"KEY1=value1 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":"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"}

package/dist/components/features/settings/mcp-settings/mcp-server-form.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import type { MCPServerConfig } from "#/types/mcp-server";
 export interface TestMessage {
     ok: boolean;
@@ -15,5 +16,5 @@ interface MCPServerFormProps {
     isTestPending?: boolean;
     testMessage?: TestMessage | null;
 }
-export declare function MCPServerForm({ mode, server, existingServers, onSubmit, onCancel, onDelete, isActionDisabled, onTest, isTestPending, testMessage, }: MCPServerFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCPServerForm({ mode, server, existingServers, onSubmit, onCancel, onDelete, isActionDisabled, onTest, isTestPending, testMessage, }: MCPServerFormProps): React.JSX.Element;
 export {};

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

@@ -157,7 +157,7 @@ function h({ mode: h, server: g, existingServers: _, onSubmit: v, onCancel: y, o
 		};
 	}, $ = (e) => {
 		let t = {
-			id: g?.id || `${E}-${Date.now()}`,
+			id: g?.id || "",
 			type: E,
 			...g?.enabled === !1 && { enabled: !1 }
 		};
@@ -166,6 +166,7 @@ function h({ mode: h, server: g, existingServers: _, onSubmit: v, onCancel: y, o
 				...t,
 				...n && { name: n },
 				url: r,
+				...g?.headers && { headers: g.headers },
 				...a && { auth: a }
 			};
 			if (E === "shttp" && i) {

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

	@@ -1 +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\";\nimport {\n isValidMcpServerName,\n MCP_SERVER_NAME_PATTERN,\n} from \"#/utils/mcp-server-name\";\nimport type {\n MCPAuthCredential,\n MCPAuthenticationConfig,\n MCPOAuthClientAuthMethod,\n} from \"#/types/mcp-auth\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\n\ntype MCPServerType = \"sse\" \| \"stdio\" \| \"shttp\";\ntype RemoteAuthMode = \"none\" \| \"bearer\" \| \"header\" \| \"oauth2\";\ntype OAuthClientAuthMethodOption = \"auto\" \| MCPOAuthClientAuthMethod;\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 [authMode, setAuthMode] = React.useState<RemoteAuthMode>(() => {\n if (server?.auth?.strategy === \"oauth2\") return \"oauth2\";\n if (server?.auth?.strategy === \"header\") return \"header\";\n if (\n server?.auth?.strategy === \"bearer\" \|\|\n server?.auth?.strategy === \"api_key\"\n ) {\n return \"bearer\";\n }\n return \"none\";\n });\n const [oauthClientAuthMethod, setOAuthClientAuthMethod] =\n React.useState<OAuthClientAuthMethodOption>(() =>\n server?.auth?.strategy === \"oauth2\"\n ? (server.auth.authentication?.client_auth_method ?? \"auto\")\n : \"auto\",\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 const authModeOptions = [\n { key: \"none\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_NONE) },\n { key: \"bearer\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_BEARER) },\n { key: \"header\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_HEADER) },\n { key: \"oauth2\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_OAUTH) },\n ];\n const oauthClientAuthMethodOptions = [\n { key: \"auto\", label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_AUTO) },\n { key: \"none\", label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_NONE) },\n {\n key: \"client_secret_post\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_POST),\n },\n {\n key: \"client_secret_basic\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_BASIC),\n },\n {\n key: \"private_key_jwt\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_PRIVATE_KEY_JWT),\n },\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 (!isValidMcpServerName(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 validateRemoteAuth = (formData: FormData): string \| null => {\n if (authMode === \"header\") {\n const headerString = formData.get(\"headers\")?.toString() \|\| \"\";\n if (!headerString.trim())\n return t(I18nKey.SETTINGS$MCP_ERROR_HEADER_REQUIRED);\n return validateEnvFormat(headerString);\n }\n if (authMode === \"oauth2\") {\n const clientId = formData.get(\"oauth_client_id\")?.toString().trim();\n const clientSecret = formData\n .get(\"oauth_client_secret\")\n ?.toString()\n .trim();\n if (clientSecret && !clientId) {\n return t(I18nKey.SETTINGS$MCP_ERROR_OAUTH_SECRET_REQUIRES_ID);\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 // The name is optional, but when provided it becomes the mcp_config\n // key (and the reference used in mcp_server_refs), so hold it to the\n // same safe-identifier rule as stdio names.\n const name = formData.get(\"name\")?.toString().trim() \|\| \"\";\n if (name && !isValidMcpServerName(name)) {\n return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n }\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 validateRemoteAuth(formData);\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 = (\n env?: Record<string, string> \| null,\n ): string => {\n if (!env) return \"\";\n return Object.entries(env)\n .map(([key, value]) => `${key}=${value}`)\n .join(\"\\n\");\n };\n\n const editableAuthValue = (auth: MCPAuthCredential \| undefined): string => {\n if (auth?.strategy === \"bearer\" \|\| auth?.strategy === \"api_key\") {\n return auth.value ?? \"\";\n }\n return \"\";\n };\n\n const editableHeaderValue = (auth: MCPAuthCredential \| undefined): string => {\n if (auth?.strategy !== \"header\") return \"\";\n return formatEnvironmentVariables(auth.headers);\n };\n\n const oauthAuthentication =\n server?.auth?.strategy === \"oauth2\"\n ? server.auth.authentication\n : undefined;\n const oauthState =\n server?.auth?.strategy === \"oauth2\" ? server.auth.state : undefined;\n\n const authFromFormData = (\n formData: FormData,\n ): MCPAuthCredential \| undefined => {\n if (authMode === \"none\") return undefined;\n if (authMode === \"bearer\") {\n const value = formData.get(\"api_key\")?.toString().trim();\n if (!value) return undefined;\n if (server?.auth?.strategy === \"api_key\") {\n return { ...server.auth, value };\n }\n return { strategy: \"bearer\", value };\n }\n if (authMode === \"header\") {\n const headers = parseEnvironmentVariables(\n formData.get(\"headers\")?.toString() \|\| \"\",\n );\n return { strategy: \"header\", headers };\n }\n\n const scopes = formData.get(\"oauth_scopes\")?.toString().trim();\n const clientId = formData.get(\"oauth_client_id\")?.toString().trim();\n const clientSecret = formData.get(\"oauth_client_secret\")?.toString().trim();\n const authentication: MCPAuthenticationConfig = {\n type: \"oauth\",\n ...(oauthClientAuthMethod !== \"auto\" && {\n client_auth_method: oauthClientAuthMethod,\n }),\n ...(scopes && { scopes }),\n ...(clientId && { client_id: clientId }),\n ...(clientSecret && { client_secret: clientSecret }),\n };\n return {\n strategy: \"oauth2\",\n authentication,\n ...(oauthState && { state: oauthState }),\n };\n };\n\n const buildConfig = (formData: FormData): MCPServerConfig => {\n const baseConfig = {\n id: server?.id \|\| `${serverType}-${Date.now()}`,\n type: serverType,\n // The form has no enable/disable control (that lives on the card), so\n // carry the existing state forward — otherwise saving an edit to a\n // disabled server would silently switch it back on.\n ...(server?.enabled === false && { enabled: false }),\n };\n\n if (serverType === \"sse\" \|\| serverType === \"shttp\") {\n const name = formData.get(\"name\")?.toString().trim();\n const url = formData.get(\"url\")?.toString().trim();\n const timeoutStr = formData.get(\"timeout\")?.toString().trim();\n const auth = authFromFormData(formData);\n\n const serverConfig: MCPServerConfig = {\n ...baseConfig,\n ...(name && { name }),\n url: url!,\n ...(auth && { auth }),\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 noValidate\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=\"server-name-input\"\n name=\"name\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_SERVER_NAME)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={server?.name \|\| \"\"}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"my_search_server\"\n pattern={MCP_SERVER_NAME_PATTERN.source}\n />\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"https://api.example.com\"\n />\n\n <SettingsDropdownInput\n testId=\"auth-mode-dropdown\"\n name=\"auth-mode\"\n label={t(I18nKey.SETTINGS$MCP_AUTHENTICATION)}\n items={authModeOptions}\n selectedKey={authMode}\n onSelectionChange={(key) => setAuthMode(key as RemoteAuthMode)}\n onInputChange={() => {}}\n isClearable={false}\n allowsCustomValue={false}\n wrapperClassName=\"w-full min-w-0\"\n />\n\n {authMode === \"bearer\" && (\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 required\n defaultValue={editableAuthValue(server?.auth)}\n placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n />\n )}\n\n {authMode === \"header\" && (\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <span className=\"text-sm\">{t(I18nKey.SETTINGS$MCP_HEADERS)}</span>\n <textarea\n data-testid=\"headers-input\"\n name=\"headers\"\n rows={4}\n defaultValue={editableHeaderValue(server?.auth)}\n placeholder={t(I18nKey.SETTINGS$MCP_HEADERS_PLACEHOLDER)}\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 {authMode === \"oauth2\" && (\n <>\n <SettingsDropdownInput\n testId=\"oauth-client-auth-method-dropdown\"\n name=\"oauth_client_auth_method\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH)}\n items={oauthClientAuthMethodOptions}\n selectedKey={oauthClientAuthMethod}\n onSelectionChange={(key) =>\n setOAuthClientAuthMethod(key as OAuthClientAuthMethodOption)\n }\n onInputChange={() => {}}\n isClearable={false}\n allowsCustomValue={false}\n wrapperClassName=\"w-full min-w-0\"\n />\n <SettingsInput\n testId=\"oauth-client-id-input\"\n name=\"oauth_client_id\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={oauthAuthentication?.client_id \|\| \"\"}\n placeholder={t(\n I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID_PLACEHOLDER,\n )}\n />\n <SettingsInput\n testId=\"oauth-client-secret-input\"\n name=\"oauth_client_secret\"\n type=\"password\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={oauthAuthentication?.client_secret \|\| \"\"}\n placeholder={t(\n I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET_PLACEHOLDER,\n )}\n />\n <SettingsInput\n testId=\"oauth-scopes-input\"\n name=\"oauth_scopes\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_SCOPES)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={\n Array.isArray(oauthAuthentication?.scopes)\n ? oauthAuthentication.scopes.join(\" \")\n : oauthAuthentication?.scopes \|\| \"\"\n }\n placeholder={t(I18nKey.SETTINGS$MCP_OAUTH_SCOPES_PLACEHOLDER)}\n />\n </>\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"my_mcp_server\"\n pattern={MCP_SERVER_NAME_PATTERN.source}\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"arg1 arg2 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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"KEY1=value1 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":"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"}
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\";\nimport {\n isValidMcpServerName,\n MCP_SERVER_NAME_PATTERN,\n} from \"#/utils/mcp-server-name\";\nimport type {\n MCPAuthCredential,\n MCPAuthenticationConfig,\n MCPOAuthClientAuthMethod,\n} from \"#/types/mcp-auth\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\n\ntype MCPServerType = \"sse\" \| \"stdio\" \| \"shttp\";\ntype RemoteAuthMode = \"none\" \| \"bearer\" \| \"header\" \| \"oauth2\";\ntype OAuthClientAuthMethodOption = \"auto\" \| MCPOAuthClientAuthMethod;\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 [authMode, setAuthMode] = React.useState<RemoteAuthMode>(() => {\n if (server?.auth?.strategy === \"oauth2\") return \"oauth2\";\n if (server?.auth?.strategy === \"header\") return \"header\";\n if (\n server?.auth?.strategy === \"bearer\" \|\|\n server?.auth?.strategy === \"api_key\"\n ) {\n return \"bearer\";\n }\n return \"none\";\n });\n const [oauthClientAuthMethod, setOAuthClientAuthMethod] =\n React.useState<OAuthClientAuthMethodOption>(() =>\n server?.auth?.strategy === \"oauth2\"\n ? (server.auth.authentication?.client_auth_method ?? \"auto\")\n : \"auto\",\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 const authModeOptions = [\n { key: \"none\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_NONE) },\n { key: \"bearer\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_BEARER) },\n { key: \"header\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_HEADER) },\n { key: \"oauth2\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_OAUTH) },\n ];\n const oauthClientAuthMethodOptions = [\n { key: \"auto\", label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_AUTO) },\n { key: \"none\", label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_NONE) },\n {\n key: \"client_secret_post\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_POST),\n },\n {\n key: \"client_secret_basic\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_BASIC),\n },\n {\n key: \"private_key_jwt\",\n label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_PRIVATE_KEY_JWT),\n },\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 (!isValidMcpServerName(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 validateRemoteAuth = (formData: FormData): string \| null => {\n if (authMode === \"header\") {\n const headerString = formData.get(\"headers\")?.toString() \|\| \"\";\n if (!headerString.trim())\n return t(I18nKey.SETTINGS$MCP_ERROR_HEADER_REQUIRED);\n return validateEnvFormat(headerString);\n }\n if (authMode === \"oauth2\") {\n const clientId = formData.get(\"oauth_client_id\")?.toString().trim();\n const clientSecret = formData\n .get(\"oauth_client_secret\")\n ?.toString()\n .trim();\n if (clientSecret && !clientId) {\n return t(I18nKey.SETTINGS$MCP_ERROR_OAUTH_SECRET_REQUIRES_ID);\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 // The name is optional, but when provided it becomes the mcp_config\n // key (and the reference used in mcp_server_refs), so hold it to the\n // same safe-identifier rule as stdio names.\n const name = formData.get(\"name\")?.toString().trim() \|\| \"\";\n if (name && !isValidMcpServerName(name)) {\n return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n }\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 validateRemoteAuth(formData);\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 = (\n env?: Record<string, string> \| null,\n ): string => {\n if (!env) return \"\";\n return Object.entries(env)\n .map(([key, value]) => `${key}=${value}`)\n .join(\"\\n\");\n };\n\n const editableAuthValue = (auth: MCPAuthCredential \| undefined): string => {\n if (auth?.strategy === \"bearer\" \|\| auth?.strategy === \"api_key\") {\n return auth.value ?? \"\";\n }\n return \"\";\n };\n\n const editableHeaderValue = (auth: MCPAuthCredential \| undefined): string => {\n if (auth?.strategy !== \"header\") return \"\";\n return formatEnvironmentVariables(auth.headers);\n };\n\n const oauthAuthentication =\n server?.auth?.strategy === \"oauth2\"\n ? server.auth.authentication\n : undefined;\n const oauthState =\n server?.auth?.strategy === \"oauth2\" ? server.auth.state : undefined;\n\n const authFromFormData = (\n formData: FormData,\n ): MCPAuthCredential \| undefined => {\n if (authMode === \"none\") return undefined;\n if (authMode === \"bearer\") {\n const value = formData.get(\"api_key\")?.toString().trim();\n if (!value) return undefined;\n if (server?.auth?.strategy === \"api_key\") {\n return { ...server.auth, value };\n }\n return { strategy: \"bearer\", value };\n }\n if (authMode === \"header\") {\n const headers = parseEnvironmentVariables(\n formData.get(\"headers\")?.toString() \|\| \"\",\n );\n return { strategy: \"header\", headers };\n }\n\n const scopes = formData.get(\"oauth_scopes\")?.toString().trim();\n const clientId = formData.get(\"oauth_client_id\")?.toString().trim();\n const clientSecret = formData.get(\"oauth_client_secret\")?.toString().trim();\n const authentication: MCPAuthenticationConfig = {\n type: \"oauth\",\n ...(oauthClientAuthMethod !== \"auto\" && {\n client_auth_method: oauthClientAuthMethod,\n }),\n ...(scopes && { scopes }),\n ...(clientId && { client_id: clientId }),\n ...(clientSecret && { client_secret: clientSecret }),\n };\n return {\n strategy: \"oauth2\",\n authentication,\n ...(oauthState && { state: oauthState }),\n };\n };\n\n const buildConfig = (formData: FormData): MCPServerConfig => {\n const baseConfig = {\n id: server?.id \|\| \"\",\n type: serverType,\n // The form has no enable/disable control (that lives on the card), so\n // carry the existing state forward — otherwise saving an edit to a\n // disabled server would silently switch it back on.\n ...(server?.enabled === false && { enabled: false }),\n };\n\n if (serverType === \"sse\" \|\| serverType === \"shttp\") {\n const name = formData.get(\"name\")?.toString().trim();\n const url = formData.get(\"url\")?.toString().trim();\n const timeoutStr = formData.get(\"timeout\")?.toString().trim();\n const auth = authFromFormData(formData);\n\n const serverConfig: MCPServerConfig = {\n ...baseConfig,\n ...(name && { name }),\n url: url!,\n // Raw protocol headers are not editable in this form, but they are\n // still required for the pre-save connection probe. Persistence uses\n // a sparse patch and leaves them untouched.\n ...(server?.headers && { headers: server.headers }),\n ...(auth && { auth }),\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 noValidate\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=\"server-name-input\"\n name=\"name\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_SERVER_NAME)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={server?.name \|\| \"\"}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"my_search_server\"\n pattern={MCP_SERVER_NAME_PATTERN.source}\n />\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"https://api.example.com\"\n />\n\n <SettingsDropdownInput\n testId=\"auth-mode-dropdown\"\n name=\"auth-mode\"\n label={t(I18nKey.SETTINGS$MCP_AUTHENTICATION)}\n items={authModeOptions}\n selectedKey={authMode}\n onSelectionChange={(key) => setAuthMode(key as RemoteAuthMode)}\n onInputChange={() => {}}\n isClearable={false}\n allowsCustomValue={false}\n wrapperClassName=\"w-full min-w-0\"\n />\n\n {authMode === \"bearer\" && (\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 required\n defaultValue={editableAuthValue(server?.auth)}\n placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n />\n )}\n\n {authMode === \"header\" && (\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <span className=\"text-sm\">{t(I18nKey.SETTINGS$MCP_HEADERS)}</span>\n <textarea\n data-testid=\"headers-input\"\n name=\"headers\"\n rows={4}\n defaultValue={editableHeaderValue(server?.auth)}\n placeholder={t(I18nKey.SETTINGS$MCP_HEADERS_PLACEHOLDER)}\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 {authMode === \"oauth2\" && (\n <>\n <SettingsDropdownInput\n testId=\"oauth-client-auth-method-dropdown\"\n name=\"oauth_client_auth_method\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH)}\n items={oauthClientAuthMethodOptions}\n selectedKey={oauthClientAuthMethod}\n onSelectionChange={(key) =>\n setOAuthClientAuthMethod(key as OAuthClientAuthMethodOption)\n }\n onInputChange={() => {}}\n isClearable={false}\n allowsCustomValue={false}\n wrapperClassName=\"w-full min-w-0\"\n />\n <SettingsInput\n testId=\"oauth-client-id-input\"\n name=\"oauth_client_id\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={oauthAuthentication?.client_id \|\| \"\"}\n placeholder={t(\n I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID_PLACEHOLDER,\n )}\n />\n <SettingsInput\n testId=\"oauth-client-secret-input\"\n name=\"oauth_client_secret\"\n type=\"password\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={oauthAuthentication?.client_secret \|\| \"\"}\n placeholder={t(\n I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET_PLACEHOLDER,\n )}\n />\n <SettingsInput\n testId=\"oauth-scopes-input\"\n name=\"oauth_scopes\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$MCP_OAUTH_SCOPES)}\n className=\"w-full min-w-0\"\n showOptionalTag\n defaultValue={\n Array.isArray(oauthAuthentication?.scopes)\n ? oauthAuthentication.scopes.join(\" \")\n : oauthAuthentication?.scopes \|\| \"\"\n }\n placeholder={t(I18nKey.SETTINGS$MCP_OAUTH_SCOPES_PLACEHOLDER)}\n />\n </>\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"my_mcp_server\"\n pattern={MCP_SERVER_NAME_PATTERN.source}\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"arg1 arg2 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 // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"KEY1=value1 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":"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"}

package/dist/components/features/settings/mcp-settings/mcp-server-list-item.d.ts CHANGED Viewed

@@ -3,4 +3,4 @@ export declare function MCPServerListItem({ server, onEdit, onDelete, }: {
     server: MCPServerConfig;
     onEdit: () => void;
     onDelete: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/features/settings/mcp-settings/mcp-server-list.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface MCPServerListProps {
     onEdit: (server: MCPServerConfig) => void;
     onDelete: (serverId: string) => void;
 }
-export declare function MCPServerList({ servers, onEdit, onDelete, }: MCPServerListProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCPServerList({ servers, onEdit, onDelete, }: MCPServerListProps): import("react").JSX.Element;
 export {};

package/dist/components/features/settings/mobile-header.d.ts CHANGED Viewed

@@ -2,5 +2,5 @@ interface MobileHeaderProps {
     isMobileMenuOpen: boolean;
     onToggleMenu: () => void;
 }
-export declare function MobileHeader({ isMobileMenuOpen, onToggleMenu, }: MobileHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function MobileHeader({ isMobileMenuOpen, onToggleMenu, }: MobileHeaderProps): import("react").JSX.Element;
 export {};

package/dist/components/features/settings/optional-tag.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare function OptionalTag(): import("react~~/jsx-runtime~~").JSX.Element;
1	+ export declare function OptionalTag(): import("react").JSX.Element;

package/dist/components/features/settings/sdk-settings/field-help.d.ts CHANGED Viewed

@@ -10,4 +10,4 @@ export declare const FIELD_HELP_LINKS: Record<string, {
 }>;
 export declare function FieldHelp({ field }: {
     field: SettingsFieldSchema;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/features/settings/sdk-settings/schema-field.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { SettingsFieldSchema } from "#/types/settings";
 /**
  * Field keys that should span the full settings grid (both columns on xl
@@ -11,4 +12,4 @@ export declare function SchemaField({ field, value, isDisabled, onChange, }: {
     value: string | boolean;
     isDisabled: boolean;
     onChange: (value: string | boolean) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/features/settings/sdk-settings/sdk-section-page.d.ts CHANGED Viewed

@@ -96,4 +96,4 @@ export declare function SdkSectionPage({ settingsSources, scope, header, extraDi
      */
     onSaveControlChange?: (control: SdkSectionSaveControl) => void;
     testId?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/features/settings/sdk-settings/view-toggle.d.ts CHANGED Viewed

@@ -8,5 +8,5 @@ interface ViewToggleProps {
     showAll: boolean;
     isDisabled?: boolean;
 }
-export declare function ViewToggle({ view, setView, showBasic, showAdvanced, showAll, isDisabled, }: ViewToggleProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ViewToggle({ view, setView, showBasic, showAdvanced, showAll, isDisabled, }: ViewToggleProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/settings/secrets-settings/secret-form.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
+import React from "react";
 interface SecretFormProps {
     mode: "add" | "edit";
     selectedSecret: string | null;
     onCancel: () => void;
 }
-export declare function SecretForm({ mode, selectedSecret, onCancel, }: SecretFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function SecretForm({ mode, selectedSecret, onCancel, }: SecretFormProps): React.JSX.Element;
 export {};

package/dist/components/features/settings/secrets-settings/secret-list-item.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-export declare function SecretListItemSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function SecretListItemSkeleton(): import("react").JSX.Element;
 interface SecretListItemProps {
     title: string;
     description?: string;
     onEdit: () => void;
     onDelete: () => void;
 }
-export declare function SecretListItem({ title, description, onEdit, onDelete, }: SecretListItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SecretListItem({ title, description, onEdit, onDelete, }: SecretListItemProps): import("react").JSX.Element;
 export {};

package/dist/components/features/settings/settings-desktop-sidebar.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../ui/typography.cjs"),i=require("../sidebar/sidebar-nav-link.cjs"),a=require("./agent-canvas-update-card.cjs"),o=require("./backend-synced-settings-badge.cjs"),s=require("./cloud-settings-link.cjs"),c=require("./integrations-settings-link.cjs");let l=require("react/jsx-runtime");function u({navigationItems:u}){let{t:d}=e.useTranslation(`openhands`),f=u.filter(e=>e.type===`item`);return(0,l.jsxs)(`aside`,{"data-testid":`settings-navbar-desktop`,className:n.cn(`hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2`,`md:sticky md:top-8 md:self-start md:pl-8`),children:[(0,l.jsx)(r.Typography.Text,{className:`px-2 text-sm font-normal text-white`,children:d(t.I18nKey.SETTINGS$TITLE)}),(0,l.jsxs)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:[f.map(e=>(0,l.jsx)(i.SidebarNavLink,{to:e.item.to,label:d(e.item.text),end:!0,testId:`sidebar-settings-${e.item.to}`,icon:e.item.icon},e.item.to)),(0,l.jsx)(c.IntegrationsSettingsLink,{}),(0,l.jsx)(s.CloudSettingsLink,{})]}),(0,l.jsx)(`div`,{className:`px-2 pt-3`,children:(0,l.jsx)(a.AgentCanvasUpdateCard,{})}),(0,l.jsx)(`div`,{className:`px-2 pt-3`,children:(0,l.jsx)(o.BackendSyncedSettingsBadge,{})})]})}exports.SettingsDesktopSidebar=u;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../ui/typography.cjs"),i=require("../sidebar/sidebar-nav-link.cjs"),a=require("./agent-canvas-update-card.cjs"),o=require("./backend-synced-settings-badge.cjs"),s=require("./cloud-settings-link.cjs"),c=require("./integrations-settings-link.cjs");let l=require("react/jsx-runtime");function u({navigationItems:u}){let{t:d}=e.useTranslation(`openhands`),f=u.filter(e=>e.type===`item`);return(0,l.jsxs)(`aside`,{"data-testid":`settings-navbar-desktop`,className:n.cn(`hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2`,`md:sticky md:top-8 md:self-start md:pl-8`),children:[(0,l.jsx)(r.Typography.Text,{className:`px-2 text-sm font-normal text-white`,children:d(t.I18nKey.SETTINGS$TITLE)}),(0,l.jsxs)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:[f.map(e=>(0,l.jsx)(i.SidebarNavLink,{to:e.item.to,label:d(e.item.text),end:!0,testId:`sidebar-settings-${e.item.to}`,icon:e.item.icon},e.item.to)),(0,l.jsx)(c.IntegrationsSettingsLink,{}),(0,l.jsx)(s.CloudSettingsLink,{})]}),(0,l.jsx)(`div`,{className:`flex flex-col gap-2 px-2 pt-3`,children:(0,l.jsx)(a.AgentCanvasUpdateCard,{})}),(0,l.jsx)(`div`,{className:`px-2 pt-3`,children:(0,l.jsx)(o.BackendSyncedSettingsBadge,{})})]})}exports.SettingsDesktopSidebar=u;
 //# sourceMappingURL=settings-desktop-sidebar.cjs.map

package/dist/components/features/settings/settings-desktop-sidebar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"settings-desktop-sidebar.cjs","names":[],"sources":["../../../../src/components/features/settings/settings-desktop-sidebar.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SidebarNavLink } from \"#/components/features/sidebar/sidebar-nav-link\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsDesktopSidebarProps {\n navigationItems: SettingsNavRenderedItem[];\n}\n\n/*\n Desktop sidebar — sibling of the scrolling main column (same pattern as\n * {@link ExtensionsNavigation}). Mobile drawer stays `position: fixed` outside\n * this row in the layout.\n */\nexport function SettingsDesktopSidebar({\n navigationItems,\n}: SettingsDesktopSidebarProps) {\n const { t } = useTranslation(\"openhands\");\n const desktopNavItems = navigationItems.filter(\n (item): item is Extract<SettingsNavRenderedItem, { type: \"item\" }> =>\n item.type === \"item\",\n );\n\n return (\n <aside\n data-testid=\"settings-navbar-desktop\"\n className={cn(\n \"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2\",\n \"md:sticky md:top-8 md:self-start md:pl-8\",\n )}\n >\n <Typography.Text className=\"px-2 text-sm font-normal text-white\">\n {t(I18nKey.SETTINGS$TITLE)}\n </Typography.Text>\n <div className=\"flex flex-col gap-0.5 pt-0.5\">\n {desktopNavItems.map((renderedItem) => (\n <SidebarNavLink\n key={renderedItem.item.to}\n to={renderedItem.item.to}\n label={t(renderedItem.item.text as I18nKey)}\n end\n testId={`sidebar-settings-${renderedItem.item.to}`}\n icon={renderedItem.item.icon}\n />\n ))}\n <IntegrationsSettingsLink />\n <CloudSettingsLink />\n </div>\n <div className=\"px-2 pt-3\">\n <AgentCanvasUpdateCard />\n </div>\n <div className=\"px-2 pt-3\">\n <BackendSyncedSettingsBadge />\n </div>\n </aside>\n );\n}\n"],"mappings":"ggBAoBA,SAAgB,EAAuB,CACrC,mBAC8B,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAkB,EAAgB,OACrC,GACC,EAAK,OAAS,MAClB,EAEA,OACE,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,0BACZ,UAAW,EAAA,GACT,+DACA,0CACF,WALF,EAOE,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,UAAU,+CACxB,EAAE,EAAA,QAAQ,cAAc,CACV,CAAA,GACjB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wCAAf,CACG,EAAgB,IAAK,IACpB,EAAA,EAAA,KAAC,EAAA,eAAD,CAEE,GAAI,EAAa,KAAK,GACtB,MAAO,EAAE,EAAa,KAAK,IAAe,EAC1C,IAAA,GACA,OAAQ,oBAAoB,EAAa,KAAK,KAC9C,KAAM,EAAa,KAAK,IACzB,EANM,EAAa,KAAK,EAMxB,CACF,GACD,EAAA,EAAA,KAAC,EAAA,yBAAD,CAA2B,CAAA,GAC3B,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAoB,CAAA,CACjB,KACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,~~sBACb~~,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAwB,CAAA,CACrB,CAAA,GACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,CAA6B,CAAA,CAC1B,CAAA,CACA,GAEX"}
1	+ {"version":3,"file":"settings-desktop-sidebar.cjs","names":[],"sources":["../../../../src/components/features/settings/settings-desktop-sidebar.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SidebarNavLink } from \"#/components/features/sidebar/sidebar-nav-link\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsDesktopSidebarProps {\n navigationItems: SettingsNavRenderedItem[];\n}\n\n/*\n Desktop sidebar — sibling of the scrolling main column (same pattern as\n * {@link ExtensionsNavigation}). Mobile drawer stays `position: fixed` outside\n * this row in the layout.\n */\nexport function SettingsDesktopSidebar({\n navigationItems,\n}: SettingsDesktopSidebarProps) {\n const { t } = useTranslation(\"openhands\");\n const desktopNavItems = navigationItems.filter(\n (item): item is Extract<SettingsNavRenderedItem, { type: \"item\" }> =>\n item.type === \"item\",\n );\n\n return (\n <aside\n data-testid=\"settings-navbar-desktop\"\n className={cn(\n \"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2\",\n \"md:sticky md:top-8 md:self-start md:pl-8\",\n )}\n >\n <Typography.Text className=\"px-2 text-sm font-normal text-white\">\n {t(I18nKey.SETTINGS$TITLE)}\n </Typography.Text>\n <div className=\"flex flex-col gap-0.5 pt-0.5\">\n {desktopNavItems.map((renderedItem) => (\n <SidebarNavLink\n key={renderedItem.item.to}\n to={renderedItem.item.to}\n label={t(renderedItem.item.text as I18nKey)}\n end\n testId={`sidebar-settings-${renderedItem.item.to}`}\n icon={renderedItem.item.icon}\n />\n ))}\n <IntegrationsSettingsLink />\n <CloudSettingsLink />\n </div>\n <div className=\"flex flex-col gap-2 px-2 pt-3\">\n <AgentCanvasUpdateCard />\n </div>\n <div className=\"px-2 pt-3\">\n <BackendSyncedSettingsBadge />\n </div>\n </aside>\n );\n}\n"],"mappings":"ggBAoBA,SAAgB,EAAuB,CACrC,mBAC8B,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAkB,EAAgB,OACrC,GACC,EAAK,OAAS,MAClB,EAEA,OACE,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,0BACZ,UAAW,EAAA,GACT,+DACA,0CACF,WALF,EAOE,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,UAAU,+CACxB,EAAE,EAAA,QAAQ,cAAc,CACV,CAAA,GACjB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wCAAf,CACG,EAAgB,IAAK,IACpB,EAAA,EAAA,KAAC,EAAA,eAAD,CAEE,GAAI,EAAa,KAAK,GACtB,MAAO,EAAE,EAAa,KAAK,IAAe,EAC1C,IAAA,GACA,OAAQ,oBAAoB,EAAa,KAAK,KAC9C,KAAM,EAAa,KAAK,IACzB,EANM,EAAa,KAAK,EAMxB,CACF,GACD,EAAA,EAAA,KAAC,EAAA,yBAAD,CAA2B,CAAA,GAC3B,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAoB,CAAA,CACjB,KACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,0CACb,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAwB,CAAA,CACrB,CAAA,GACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,CAA6B,CAAA,CAC1B,CAAA,CACA,GAEX"}

package/dist/components/features/settings/settings-desktop-sidebar.d.ts CHANGED Viewed

@@ -7,5 +7,5 @@ interface SettingsDesktopSidebarProps {
  * {@link ExtensionsNavigation}). Mobile drawer stays `position: fixed` outside
  * this row in the layout.
  */
-export declare function SettingsDesktopSidebar({ navigationItems, }: SettingsDesktopSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsDesktopSidebar({ navigationItems, }: SettingsDesktopSidebarProps): import("react").JSX.Element;
 export {};

package/dist/components/features/settings/settings-desktop-sidebar.js CHANGED Viewed

@@ -34,7 +34,7 @@ function d({ navigationItems: d }) {
 				]
 			}),
 			/* @__PURE__ */ l("div", {
-				className: "px-2 pt-3",
+				className: "flex flex-col gap-2 px-2 pt-3",
 				children: /* @__PURE__ */ l(a, {})
 			}),
 			/* @__PURE__ */ l("div", {

package/dist/components/features/settings/settings-desktop-sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"settings-desktop-sidebar.js","names":[],"sources":["../../../../src/components/features/settings/settings-desktop-sidebar.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SidebarNavLink } from \"#/components/features/sidebar/sidebar-nav-link\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsDesktopSidebarProps {\n navigationItems: SettingsNavRenderedItem[];\n}\n\n/*\n Desktop sidebar — sibling of the scrolling main column (same pattern as\n * {@link ExtensionsNavigation}). Mobile drawer stays `position: fixed` outside\n * this row in the layout.\n */\nexport function SettingsDesktopSidebar({\n navigationItems,\n}: SettingsDesktopSidebarProps) {\n const { t } = useTranslation(\"openhands\");\n const desktopNavItems = navigationItems.filter(\n (item): item is Extract<SettingsNavRenderedItem, { type: \"item\" }> =>\n item.type === \"item\",\n );\n\n return (\n <aside\n data-testid=\"settings-navbar-desktop\"\n className={cn(\n \"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2\",\n \"md:sticky md:top-8 md:self-start md:pl-8\",\n )}\n >\n <Typography.Text className=\"px-2 text-sm font-normal text-white\">\n {t(I18nKey.SETTINGS$TITLE)}\n </Typography.Text>\n <div className=\"flex flex-col gap-0.5 pt-0.5\">\n {desktopNavItems.map((renderedItem) => (\n <SidebarNavLink\n key={renderedItem.item.to}\n to={renderedItem.item.to}\n label={t(renderedItem.item.text as I18nKey)}\n end\n testId={`sidebar-settings-${renderedItem.item.to}`}\n icon={renderedItem.item.icon}\n />\n ))}\n <IntegrationsSettingsLink />\n <CloudSettingsLink />\n </div>\n <div className=\"px-2 pt-3\">\n <AgentCanvasUpdateCard />\n </div>\n <div className=\"px-2 pt-3\">\n <BackendSyncedSettingsBadge />\n </div>\n </aside>\n );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,EAAuB,EACrC,sBAC8B;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAkB,EAAgB,QACrC,MACC,EAAK,SAAS,MAClB;CAEA,OACE,kBAAC,SAAD;EACE,eAAY;EACZ,WAAW,EACT,gEACA,0CACF;YALF;GAOE,kBAAC,EAAW,MAAZ;IAAiB,WAAU;cACxB,EAAE,EAAQ,cAAc;GACV,CAAA;GACjB,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,EAAgB,KAAK,MACpB,kBAAC,GAAD;MAEE,IAAI,EAAa,KAAK;MACtB,OAAO,EAAE,EAAa,KAAK,IAAe;MAC1C,KAAA;MACA,QAAQ,oBAAoB,EAAa,KAAK;MAC9C,MAAM,EAAa,KAAK;KACzB,GANM,EAAa,KAAK,EAMxB,CACF;KACD,kBAAC,GAAD,CAA2B,CAAA;KAC3B,kBAAC,GAAD,CAAoB,CAAA;IACjB;;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAAwB,CAAA;GACrB,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAA6B,CAAA;GAC1B,CAAA;EACA;;AAEX"}
1	+ {"version":3,"file":"settings-desktop-sidebar.js","names":[],"sources":["../../../../src/components/features/settings/settings-desktop-sidebar.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SidebarNavLink } from \"#/components/features/sidebar/sidebar-nav-link\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsDesktopSidebarProps {\n navigationItems: SettingsNavRenderedItem[];\n}\n\n/*\n Desktop sidebar — sibling of the scrolling main column (same pattern as\n * {@link ExtensionsNavigation}). Mobile drawer stays `position: fixed` outside\n * this row in the layout.\n */\nexport function SettingsDesktopSidebar({\n navigationItems,\n}: SettingsDesktopSidebarProps) {\n const { t } = useTranslation(\"openhands\");\n const desktopNavItems = navigationItems.filter(\n (item): item is Extract<SettingsNavRenderedItem, { type: \"item\" }> =>\n item.type === \"item\",\n );\n\n return (\n <aside\n data-testid=\"settings-navbar-desktop\"\n className={cn(\n \"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2\",\n \"md:sticky md:top-8 md:self-start md:pl-8\",\n )}\n >\n <Typography.Text className=\"px-2 text-sm font-normal text-white\">\n {t(I18nKey.SETTINGS$TITLE)}\n </Typography.Text>\n <div className=\"flex flex-col gap-0.5 pt-0.5\">\n {desktopNavItems.map((renderedItem) => (\n <SidebarNavLink\n key={renderedItem.item.to}\n to={renderedItem.item.to}\n label={t(renderedItem.item.text as I18nKey)}\n end\n testId={`sidebar-settings-${renderedItem.item.to}`}\n icon={renderedItem.item.icon}\n />\n ))}\n <IntegrationsSettingsLink />\n <CloudSettingsLink />\n </div>\n <div className=\"flex flex-col gap-2 px-2 pt-3\">\n <AgentCanvasUpdateCard />\n </div>\n <div className=\"px-2 pt-3\">\n <BackendSyncedSettingsBadge />\n </div>\n </aside>\n );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,EAAuB,EACrC,sBAC8B;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAkB,EAAgB,QACrC,MACC,EAAK,SAAS,MAClB;CAEA,OACE,kBAAC,SAAD;EACE,eAAY;EACZ,WAAW,EACT,gEACA,0CACF;YALF;GAOE,kBAAC,EAAW,MAAZ;IAAiB,WAAU;cACxB,EAAE,EAAQ,cAAc;GACV,CAAA;GACjB,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,EAAgB,KAAK,MACpB,kBAAC,GAAD;MAEE,IAAI,EAAa,KAAK;MACtB,OAAO,EAAE,EAAa,KAAK,IAAe;MAC1C,KAAA;MACA,QAAQ,oBAAoB,EAAa,KAAK;MAC9C,MAAM,EAAa,KAAK;KACzB,GANM,EAAa,KAAK,EAMxB,CACF;KACD,kBAAC,GAAD,CAA2B,CAAA;KAC3B,kBAAC,GAAD,CAAoB,CAAA;IACjB;;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAAwB,CAAA;GACrB,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAA6B,CAAA;GAC1B,CAAA;EACA;;AAEX"}

package/dist/components/features/settings/settings-dropdown-input.d.ts CHANGED Viewed

@@ -24,5 +24,5 @@ interface SettingsDropdownInputProps {
     inputWrapperClassName?: string;
     inputClassName?: string;
 }
-export declare function SettingsDropdownInput({ testId, label, wrapperClassName, name, items, placeholder, showOptionalTag, isDisabled, isLoading, defaultSelectedKey, selectedKey, isClearable, allowsCustomValue, required, onSelectionChange, onInputChange, defaultFilter, startContent, inputWrapperClassName, inputClassName, }: SettingsDropdownInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsDropdownInput({ testId, label, wrapperClassName, name, items, placeholder, showOptionalTag, isDisabled, isLoading, defaultSelectedKey, selectedKey, isClearable, allowsCustomValue, required, onSelectionChange, onInputChange, defaultFilter, startContent, inputWrapperClassName, inputClassName, }: SettingsDropdownInputProps): React.JSX.Element;
 export {};

package/dist/components/features/settings/settings-layout.d.ts CHANGED Viewed

@@ -8,5 +8,5 @@ interface SettingsLayoutProps {
  * and only the main column scrolls so the left nav stays pinned like
  * ExtensionsNavigation.
  */
-export declare function SettingsLayout({ children, navigationItems, }: SettingsLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsLayout({ children, navigationItems, }: SettingsLayoutProps): import("react").JSX.Element;
 export {};