npm - @openhands/agent-canvas - Versions diffs - 1.13.0 → 1.15.0 - Mend

@openhands/agent-canvas 1.13.0 → 1.15.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 (1688) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"install-server-modal.js","names":[],"sources":["../../../../src/components/features/mcp-page/install-server-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { AxiosError } from \"axios\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SaveAsSecretToggle } from \"#/components/features/mcp-page/save-as-secret-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type {\n IntegrationCatalogEntry as MarketplaceEntry,\n MarketplaceField,\n} from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport type { MCPAuthCredential } from \"#/types/mcp-auth\";\nimport { seedMcpServerHealth } from \"#/api/mcp-health/probe-mcp-server-health\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport {\n getMcpOAuthAuthenticationConfig,\n getInstallableMcpConnectionOption,\n type McpMarketplaceConnectionOption,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { useSaveFieldsAsSecrets } from \"#/hooks/mutation/use-save-fields-as-secrets\";\nimport { makeMcpTestErrorMessage } from \"#/utils/mcp-test-error-message\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\nimport { toMcpServerName } from \"#/utils/mcp-server-name\";\n\n/*\n Renders a helperText string as React nodes, converting any `[text](url)`\n * markdown links into real `<a>` elements. Plain text segments are left as-is.\n * Only `http:` and `https:` URLs are rendered as links; anything else falls\n * back to `#` to guard against `javascript:` / `data:` XSS vectors.\n /\nfunction renderHelperText(text: string): React.ReactNode {\n const linkPattern = /\\[([^\\]]+)\\]\$([^)]+)\$/g;\n const parts: React.ReactNode[] = [];\n let lastIndex = 0;\n for (const match of text.matchAll(linkPattern)) {\n if (match.index > lastIndex) {\n parts.push(text.slice(lastIndex, match.index));\n }\n parts.push(\n <a\n key={match.index}\n href={/^https?:\\/\\//i.test(match[2]) ? match[2] : \"#\"}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"underline hover:text-white transition-colors\"\n >\n {match[1]}\n </a>,\n );\n lastIndex = match.index + match[0].length;\n }\n if (lastIndex < text.length) {\n parts.push(text.slice(lastIndex));\n }\n return parts;\n}\n\ninterface InstallServerModalProps {\n entry: MarketplaceEntry;\n /* Servers installed before this modal opened — guards health seeding. /\n existingServers: MCPServerConfig[];\n onClose: () => void;\n onSuccess?: (entry: MarketplaceEntry) => void;\n}\n\ninterface FieldState {\n values: Record<string, string>;\n errors: Record<string, string \| null>;\n savedAsSecret: Record<string, boolean>;\n}\n\nfunction optionNeedsCredentialField(\n option: McpMarketplaceConnectionOption \| undefined,\n): boolean {\n if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n return false;\n }\n return [\"api_key\", \"bearer\"].includes(option.auth.strategy);\n}\n\nfunction isOAuthOption(\n option: McpMarketplaceConnectionOption \| undefined,\n): boolean {\n return !!option && option.auth.strategy === \"oauth2\";\n}\n\nfunction isCredentialOptional(option: McpMarketplaceConnectionOption): boolean {\n if (option.transport.kind === \"stdio\") {\n return option.auth.apiKeyOptional ?? false;\n }\n return option.auth.apiKeyOptional ?? option.transport.apiKeyOptional ?? false;\n}\n\nfunction getRemoteHeaderFields(\n option: McpMarketplaceConnectionOption \| undefined,\n): MarketplaceField[] {\n if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n return [];\n }\n return option.transport.headerFields ?? [];\n}\n\nfunction makeInitialState(entry: MarketplaceEntry): FieldState {\n const values: Record<string, string> = {};\n const savedAsSecret: Record<string, boolean> = {};\n const option = getInstallableMcpConnectionOption(entry);\n const template = option?.transport;\n if (template?.kind === \"stdio\") {\n for (const field of template.envFields ?? []) {\n values[field.key] = \"\";\n // Pre-check password fields; non-password fields default to off.\n savedAsSecret[field.key] = field.type === \"password\";\n }\n for (const field of template.argFields ?? []) {\n values[field.key] = \"\";\n }\n } else if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n values.url = template.url;\n for (const field of getRemoteHeaderFields(option)) {\n values[field.key] = \"\";\n savedAsSecret[field.key] = field.type === \"password\";\n }\n if (optionNeedsCredentialField(option)) {\n values.api_key = \"\";\n if (option?.auth.credentialSecretName) {\n savedAsSecret.api_key =\n option.auth.saveCredentialAsSecretByDefault ?? false;\n }\n }\n }\n return { values, errors: {}, savedAsSecret };\n}\n\n// The marketplace install modal is intentionally add-only: clicking\n// a catalog tile always appends a new server (the user might want\n// two Slack workspaces, two Postgres connections, etc.) even when\n// one of the same template kind is already installed. Editing an\n// existing server is reached via the installed-server-card's edit\n// button, which opens `CustomServerEditor` instead.\nexport function InstallServerModal({\n entry,\n existingServers,\n onClose,\n onSuccess,\n}: InstallServerModalProps) {\n const { t } = useTranslation(\"openhands\");\n const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n const { mutate: testMcpServer, isPending: isTesting } = useTestMcpServer();\n const saveFieldsAsSecrets = useSaveFieldsAsSecrets();\n // Cloud backends get a synthetic test success (no local test endpoint);\n // never seed card health from it.\n const { backend } = useActiveBackend();\n const isCloudBackend = backend.kind === \"cloud\";\n\n const [state, setState] = React.useState<FieldState>(() =>\n makeInitialState(entry),\n );\n // Always holds the latest state so async callbacks (onSuccess) never read\n // stale closure values, even under React concurrent-mode scheduling.\n const stateRef = React.useRef(state);\n stateRef.current = state;\n\n const [globalError, setGlobalError] = React.useState<string \| null>(null);\n const [isFinalizingInstall, setIsFinalizingInstall] = React.useState(false);\n const [isAuthorizingOAuth, setIsAuthorizingOAuth] = React.useState(false);\n const option = getInstallableMcpConnectionOption(entry);\n const template = option?.transport;\n\n const isPending =\n isTesting \|\| isAuthorizingOAuth \|\| isAdding \|\| isFinalizingInstall;\n\n const setValue = (key: string, value: string) => {\n setState((prev) => ({\n ...prev,\n values: { ...prev.values, [key]: value },\n errors: { ...prev.errors, [key]: null },\n }));\n setGlobalError(null);\n };\n\n const toggleSecret = (key: string, value: boolean) => {\n setState((prev) => ({\n ...prev,\n savedAsSecret: { ...prev.savedAsSecret, [key]: value },\n }));\n };\n\n const saveHostedCredentialAsSecret = (): Promise<void> => {\n const secretName = option?.auth.credentialSecretName;\n const apiKey = stateRef.current.values.api_key?.trim();\n if (!secretName \|\| !apiKey \|\| !stateRef.current.savedAsSecret.api_key) {\n return Promise.resolve();\n }\n\n const field: MarketplaceField = {\n key: secretName,\n label: option.auth.credentialLabel ?? secretName,\n type: \"password\",\n required: true,\n };\n return saveFieldsAsSecrets(\n [field],\n { [secretName]: apiKey },\n { [secretName]: true },\n );\n };\n\n const saveSelectedSecrets = (): Promise<void> => {\n if (template?.kind === \"stdio\") {\n return saveFieldsAsSecrets(\n template.envFields ?? [],\n stateRef.current.values,\n stateRef.current.savedAsSecret,\n );\n }\n if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n return Promise.all([\n saveHostedCredentialAsSecret(),\n saveFieldsAsSecrets(\n getRemoteHeaderFields(option),\n stateRef.current.values,\n stateRef.current.savedAsSecret,\n ),\n ]).then(() => undefined);\n }\n return Promise.resolve();\n };\n\n const submitServer = (payload: MCPServerConfig) => {\n if (payload.auth?.strategy === \"oauth2\") {\n setIsAuthorizingOAuth(true);\n void McpService.authorizeOAuth(payload)\n .then((result) => {\n if (!result.ok) {\n setGlobalError(\n makeMcpTestErrorMessage(t, result.error_kind, result.error),\n );\n return;\n }\n const serverToSave = result.oauth_state\n ? {\n ...payload,\n auth: { ...payload.auth!, state: result.oauth_state },\n }\n : payload;\n addMcpServer(serverToSave, {\n onSuccess: () => {\n if (!isCloudBackend) {\n seedMcpServerHealth(serverToSave, result, existingServers);\n }\n displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n setIsFinalizingInstall(true);\n void (async () => {\n try {\n await saveSelectedSecrets();\n } finally {\n onSuccess?.(entry);\n onClose();\n }\n })();\n },\n onError: (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n },\n });\n })\n .catch((err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n })\n .finally(() => setIsAuthorizingOAuth(false));\n return;\n }\n testMcpServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n setGlobalError(\n makeMcpTestErrorMessage(t, result.error_kind, result.error),\n );\n // Modal stays open — do NOT call onClose.\n return;\n }\n const serverToSave =\n result.oauth_state && payload.auth?.strategy === \"oauth2\"\n ? {\n ...payload,\n auth: { ...payload.auth, state: result.oauth_state },\n }\n : payload;\n addMcpServer(serverToSave, {\n onSuccess: () => {\n if (!isCloudBackend) {\n seedMcpServerHealth(serverToSave, result, existingServers);\n }\n displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n setIsFinalizingInstall(true);\n void (async () => {\n try {\n await saveSelectedSecrets();\n } finally {\n onSuccess?.(entry);\n onClose();\n }\n })();\n },\n onError: (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n },\n });\n },\n onError: (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n },\n });\n };\n\n // ------------------------------------------------------------------\n // Per-template submit handlers. Each is small and self-contained:\n // validate user input, build the payload, then hand off to\n // submitServer.\n // ------------------------------------------------------------------\n const handleHttpServerSubmit = () => {\n // TS narrows this branch to shttp\|sse; the equality guard is a\n // runtime/defensive belt to make the helper safe in isolation.\n if (template?.kind !== \"shttp\" && template?.kind !== \"sse\") {\n return;\n }\n if (!option) return;\n const apiKey = state.values.api_key?.trim() ?? \"\";\n const url = template.urlEditable\n ? (state.values.url?.trim() ?? \"\")\n : template.url;\n const oauthMode = isOAuthOption(option);\n const needsCredential = optionNeedsCredentialField(option);\n const headerFields = getRemoteHeaderFields(option);\n const headerErrors: Record<string, string \| null> = {};\n if (!url) {\n headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n } else {\n try {\n const parsedUrl = new URL(url);\n if (![\"http:\", \"https:\"].includes(parsedUrl.protocol)) {\n headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n }\n } catch {\n headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n }\n }\n for (const field of headerFields) {\n if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n headerErrors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n }\n if (\n !oauthMode &&\n needsCredential &&\n !isCredentialOptional(option) &&\n !apiKey\n ) {\n headerErrors.api_key = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n if (Object.values(headerErrors).some(Boolean)) {\n setState((prev) => ({ ...prev, errors: headerErrors }));\n return;\n }\n const oauthAuthentication = oauthMode\n ? getMcpOAuthAuthenticationConfig(option)\n : undefined;\n const fieldHeaders = Object.fromEntries(\n headerFields\n .map((field) => [field.key, state.values[field.key]?.trim() ?? \"\"])\n .filter(([, value]) => value),\n );\n const hasFieldHeaders = Object.keys(fieldHeaders).length > 0;\n let auth: MCPAuthCredential \| undefined;\n if (oauthMode) {\n auth = {\n strategy: \"oauth2\",\n ...(oauthAuthentication && { authentication: oauthAuthentication }),\n };\n } else if (needsCredential && apiKey) {\n auth =\n option.auth.strategy === \"api_key\"\n ? {\n strategy: \"api_key\",\n value: apiKey,\n ...(option.auth.apiKeyHeaderName && {\n header_name: option.auth.apiKeyHeaderName,\n }),\n }\n : { strategy: \"bearer\", value: apiKey };\n } else if (hasFieldHeaders) {\n auth = { strategy: \"header\", headers: fieldHeaders };\n }\n const payload: MCPServerConfig = {\n id: \"\",\n type: template.kind,\n // Name remote servers after the catalog slug (e.g. \"github\") so they\n // get a referenceable, LLM-tool-safe mcp_config key instead of the\n // auto-generated \"sse\"/\"shttp\" fallback. Stdio installs already carry\n // serverName from the catalog.\n name: toMcpServerName(entry.id),\n url,\n ...(auth && { auth }),\n ...(hasFieldHeaders &&\n auth?.strategy !== \"header\" && { headers: fieldHeaders }),\n };\n submitServer(payload);\n };\n\n const handleStdioSubmit = () => {\n if (template?.kind !== \"stdio\") return;\n const stdio = template;\n const errors: Record<string, string \| null> = {};\n\n for (const field of stdio.envFields ?? []) {\n if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n }\n for (const field of stdio.argFields ?? []) {\n if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n }\n if (Object.values(errors).some(Boolean)) {\n setState((prev) => ({ ...prev, errors }));\n return;\n }\n\n const env: Record<string, string> = {};\n for (const field of stdio.envFields ?? []) {\n const v = state.values[field.key]?.trim();\n if (v) env[field.key] = v;\n }\n const extraArgs: string[] = [];\n for (const field of stdio.argFields ?? []) {\n const v = state.values[field.key]?.trim();\n if (v) {\n // Filesystem-style multi-token input: split on whitespace.\n for (const token of v.split(/\\s+/)) {\n if (token) extraArgs.push(token);\n }\n }\n }\n\n const payload: MCPServerConfig = {\n id: \"\",\n type: \"stdio\",\n name: stdio.serverName,\n command: stdio.command,\n args: [...stdio.args, ...extraArgs],\n ...(Object.keys(env).length > 0 && { env }),\n };\n submitServer(payload);\n };\n\n const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n setGlobalError(null);\n if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n return handleHttpServerSubmit();\n }\n return handleStdioSubmit();\n };\n\n const renderFields = () => {\n if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n const oauthMode = isOAuthOption(option);\n const shouldRenderCredential = optionNeedsCredentialField(option);\n const apiKeyOptional = option ? isCredentialOptional(option) : false;\n const credentialSecretName = option?.auth.credentialSecretName;\n const headerFields = getRemoteHeaderFields(option);\n return (\n <>\n <SettingsInput\n testId=\"mcp-install-field-url\"\n name=\"url\"\n type=\"url\"\n label={t(I18nKey.SETTINGS$MCP_URL)}\n value={state.values.url ?? template.url}\n onChange={(value) => setValue(\"url\", value)}\n isDisabled={!template.urlEditable}\n className=\"w-full\"\n />\n {state.errors.url && (\n <p className=\"text-xs text-red-500\">{state.errors.url}</p>\n )}\n {headerFields.map((field) => (\n <div key={field.key} className=\"flex flex-col gap-1\">\n <SettingsInput\n testId={`mcp-install-field-${field.key}`}\n name={field.key}\n type={field.type === \"password\" ? \"password\" : \"text\"}\n label={field.label}\n value={state.values[field.key] ?? \"\"}\n onChange={(v) => setValue(field.key, v)}\n placeholder={field.placeholder}\n required={field.required}\n showOptionalTag={!field.required}\n className=\"w-full\"\n />\n {field.helperText && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(field.helperText)}\n </p>\n )}\n {state.errors[field.key] && (\n <p className=\"text-xs text-red-500\">\n {state.errors[field.key]}\n </p>\n )}\n {field.key in state.savedAsSecret && (\n <SaveAsSecretToggle\n fieldKey={field.key}\n checked={state.savedAsSecret[field.key] ?? false}\n onToggle={(v) => toggleSecret(field.key, v)}\n />\n )}\n </div>\n ))}\n {oauthMode ? (\n <div\n data-testid=\"mcp-install-oauth-info\"\n className=\"flex flex-col gap-2 p-3 rounded-lg border border-[var(--oh-border)] bg-base-tertiary\"\n >\n <p className=\"text-sm text-secondary-light\">\n {t(I18nKey.MCP$OAUTH_CONNECT_INFO)}\n </p>\n <p className=\"text-xs text-tertiary-alt\">\n {t(I18nKey.MCP$OAUTH_CONNECT_HINT)}\n </p>\n </div>\n ) : shouldRenderCredential ? (\n <div className=\"flex flex-col gap-1\">\n <SettingsInput\n testId=\"mcp-install-field-api_key\"\n name=\"api_key\"\n type=\"password\"\n label={\n option?.auth.credentialLabel ??\n t(I18nKey.SETTINGS$MCP_API_KEY)\n }\n value={state.values.api_key ?? \"\"}\n onChange={(v) => setValue(\"api_key\", v)}\n placeholder={\n option?.auth.credentialPlaceholder ??\n t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)\n }\n showOptionalTag={apiKeyOptional}\n required={!apiKeyOptional}\n className=\"w-full\"\n />\n {option?.auth.credentialHelp && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(option.auth.credentialHelp)}\n </p>\n )}\n {state.errors.api_key && (\n <p className=\"text-xs text-red-500\">{state.errors.api_key}</p>\n )}\n {credentialSecretName && (\n <SaveAsSecretToggle\n fieldKey={credentialSecretName}\n checked={state.savedAsSecret.api_key ?? false}\n onToggle={(v) => toggleSecret(\"api_key\", v)}\n />\n )}\n </div>\n ) : null}\n </>\n );\n }\n\n if (template?.kind !== \"stdio\") return null;\n const stdio = template;\n return (\n <>\n <SettingsInput\n testId=\"mcp-install-field-command-readonly\"\n name=\"command-readonly\"\n type=\"text\"\n label={t(I18nKey.MCP$COMMAND_LABEL)}\n value={`${stdio.command} ${stdio.args.join(\" \")}`.trim()}\n onChange={() => {}}\n isDisabled\n className=\"w-full\"\n />\n {(stdio.envFields ?? []).map((field) => (\n <div key={field.key} className=\"flex flex-col gap-1\">\n <SettingsInput\n testId={`mcp-install-field-${field.key}`}\n name={field.key}\n type={field.type === \"password\" ? \"password\" : \"text\"}\n label={field.label}\n value={state.values[field.key] ?? \"\"}\n onChange={(v) => setValue(field.key, v)}\n placeholder={field.placeholder}\n required={field.required}\n showOptionalTag={!field.required}\n className=\"w-full\"\n />\n {field.helperText && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(field.helperText)}\n </p>\n )}\n {state.errors[field.key] && (\n <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n )}\n {field.key in state.savedAsSecret && (\n <SaveAsSecretToggle\n fieldKey={field.key}\n checked={state.savedAsSecret[field.key]}\n onToggle={(v) => toggleSecret(field.key, v)}\n />\n )}\n </div>\n ))}\n {/ argFields are CLI arguments, not credentials — they don't need\n a \"save as secret\" toggle and are excluded from savedAsSecret. */}\n {(stdio.argFields ?? []).map((field) => (\n <div key={field.key} className=\"flex flex-col gap-1\">\n <SettingsInput\n testId={`mcp-install-field-${field.key}`}\n name={field.key}\n type={field.type === \"password\" ? \"password\" : \"text\"}\n label={field.label}\n value={state.values[field.key] ?? \"\"}\n onChange={(v) => setValue(field.key, v)}\n placeholder={field.placeholder}\n required={field.required}\n showOptionalTag={!field.required}\n className=\"w-full\"\n />\n {field.helperText && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(field.helperText)}\n </p>\n )}\n {state.errors[field.key] && (\n <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n )}\n </div>\n ))}\n </>\n );\n };\n\n return (\n <ModalBackdrop onClose={onClose} aria-label={entry.name}>\n <form\n data-testid=\"mcp-install-modal\"\n data-marketplace-id={entry.id}\n onSubmit={handleSubmit}\n className=\"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"mcp-install-modal-close\"\n disabled={isPending}\n />\n <div className=\"flex items-start gap-3 pr-6\">\n <McpLogoBadge entry={entry} />\n <div className=\"flex flex-col flex-1\">\n <h2 className={modalTitleLgClassName}>{entry.name}</h2>\n <p className=\"text-xs text-tertiary-light\">{entry.description}</p>\n </div>\n </div>\n\n {entry.installHint && (\n <p className=\"text-xs text-tertiary-light\">{entry.installHint}</p>\n )}\n\n {entry.docsUrl && (\n <a\n href={entry.docsUrl}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors\"\n >\n {t(I18nKey.MCP$VIEW_DOCS)}\n </a>\n )}\n\n <div className=\"flex flex-col gap-3\">{renderFields()}</div>\n\n {globalError && (\n <p\n data-testid=\"mcp-install-modal-error\"\n className=\"text-sm text-red-500 whitespace-pre-wrap\"\n >\n {globalError}\n </p>\n )}\n\n <div className=\"flex justify-end gap-2 mt-2\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"mcp-install-cancel\"\n isDisabled={isPending}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n type=\"submit\"\n variant=\"primary\"\n isDisabled={isPending}\n testId=\"mcp-install-submit\"\n >\n {isTesting \|\| isAuthorizingOAuth\n ? t(I18nKey.MCP$VERIFYING)\n : isAdding \|\| isFinalizingInstall\n ? t(I18nKey.SETTINGS$SAVING)\n : t(I18nKey.MCP$INSTALL_BUTTON)}\n </BrandButton>\n </div>\n </form>\n </ModalBackdrop>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"install-server-modal.js","names":[],"sources":["../../../../src/components/features/mcp-page/install-server-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { AxiosError } from \"axios\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SaveAsSecretToggle } from \"#/components/features/mcp-page/save-as-secret-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type {\n IntegrationCatalogEntry as MarketplaceEntry,\n MarketplaceField,\n} from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport type { MCPAuthCredential } from \"#/types/mcp-auth\";\nimport { seedMcpServerHealth } from \"#/api/mcp-health/probe-mcp-server-health\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport {\n getMcpOAuthAuthenticationConfig,\n getInstallableMcpConnectionOption,\n type McpMarketplaceConnectionOption,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { useSaveFieldsAsSecrets } from \"#/hooks/mutation/use-save-fields-as-secrets\";\nimport { makeMcpTestErrorMessage } from \"#/utils/mcp-test-error-message\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\nimport { toMcpServerName } from \"#/utils/mcp-server-name\";\n\n/*\n Renders a helperText string as React nodes, converting any `[text](url)`\n * markdown links into real `<a>` elements. Plain text segments are left as-is.\n * Only `http:` and `https:` URLs are rendered as links; anything else falls\n * back to `#` to guard against `javascript:` / `data:` XSS vectors.\n /\nfunction renderHelperText(text: string): React.ReactNode {\n const linkPattern = /\\[([^\\]]+)\\]\$([^)]+)\$/g;\n const parts: React.ReactNode[] = [];\n let lastIndex = 0;\n for (const match of text.matchAll(linkPattern)) {\n if (match.index > lastIndex) {\n parts.push(text.slice(lastIndex, match.index));\n }\n parts.push(\n <a\n key={match.index}\n href={/^https?:\\/\\//i.test(match[2]) ? match[2] : \"#\"}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"underline hover:text-white transition-colors\"\n >\n {match[1]}\n </a>,\n );\n lastIndex = match.index + match[0].length;\n }\n if (lastIndex < text.length) {\n parts.push(text.slice(lastIndex));\n }\n return parts;\n}\n\ninterface InstallServerModalProps {\n entry: MarketplaceEntry;\n /* Servers installed before this modal opened — guards health seeding. /\n existingServers: MCPServerConfig[];\n onClose: () => void;\n onSuccess?: (entry: MarketplaceEntry) => void;\n}\n\ninterface FieldState {\n values: Record<string, string>;\n errors: Record<string, string \| null>;\n savedAsSecret: Record<string, boolean>;\n}\n\nfunction optionNeedsCredentialField(\n option: McpMarketplaceConnectionOption \| undefined,\n): boolean {\n if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n return false;\n }\n return [\"api_key\", \"bearer\"].includes(option.auth.strategy);\n}\n\nfunction isOAuthOption(\n option: McpMarketplaceConnectionOption \| undefined,\n): boolean {\n return !!option && option.auth.strategy === \"oauth2\";\n}\n\nfunction isCredentialOptional(option: McpMarketplaceConnectionOption): boolean {\n if (option.transport.kind === \"stdio\") {\n return option.auth.apiKeyOptional ?? false;\n }\n return option.auth.apiKeyOptional ?? option.transport.apiKeyOptional ?? false;\n}\n\nfunction getRemoteHeaderFields(\n option: McpMarketplaceConnectionOption \| undefined,\n): MarketplaceField[] {\n if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n return [];\n }\n return option.transport.headerFields ?? [];\n}\n\nfunction makeInitialState(entry: MarketplaceEntry): FieldState {\n const values: Record<string, string> = {};\n const savedAsSecret: Record<string, boolean> = {};\n const option = getInstallableMcpConnectionOption(entry);\n const template = option?.transport;\n if (template?.kind === \"stdio\") {\n for (const field of template.envFields ?? []) {\n values[field.key] = \"\";\n // Pre-check password fields; non-password fields default to off.\n savedAsSecret[field.key] = field.type === \"password\";\n }\n for (const field of template.argFields ?? []) {\n values[field.key] = \"\";\n }\n } else if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n values.url = template.url;\n for (const field of getRemoteHeaderFields(option)) {\n values[field.key] = \"\";\n savedAsSecret[field.key] = field.type === \"password\";\n }\n if (optionNeedsCredentialField(option)) {\n values.api_key = \"\";\n if (option?.auth.credentialSecretName) {\n savedAsSecret.api_key =\n option.auth.saveCredentialAsSecretByDefault ?? false;\n }\n }\n }\n return { values, errors: {}, savedAsSecret };\n}\n\n// The marketplace install modal is intentionally add-only: clicking\n// a catalog tile always appends a new server (the user might want\n// two Slack workspaces, two Postgres connections, etc.) even when\n// one of the same template kind is already installed. Editing an\n// existing server is reached via the installed-server-card's edit\n// button, which opens `CustomServerEditor` instead.\nexport function InstallServerModal({\n entry,\n existingServers,\n onClose,\n onSuccess,\n}: InstallServerModalProps) {\n const { t } = useTranslation(\"openhands\");\n const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n const { mutate: testMcpServer, isPending: isTesting } = useTestMcpServer();\n const saveFieldsAsSecrets = useSaveFieldsAsSecrets();\n // Cloud backends get a synthetic test success (no local test endpoint);\n // never seed card health from it.\n const { backend } = useActiveBackend();\n const isCloudBackend = backend.kind === \"cloud\";\n\n const [state, setState] = React.useState<FieldState>(() =>\n makeInitialState(entry),\n );\n // Always holds the latest state so async callbacks (onSuccess) never read\n // stale closure values, even under React concurrent-mode scheduling.\n const stateRef = React.useRef(state);\n stateRef.current = state;\n\n const [globalError, setGlobalError] = React.useState<string \| null>(null);\n const [isFinalizingInstall, setIsFinalizingInstall] = React.useState(false);\n const [isAuthorizingOAuth, setIsAuthorizingOAuth] = React.useState(false);\n const option = getInstallableMcpConnectionOption(entry);\n const template = option?.transport;\n\n const isPending =\n isTesting \|\| isAuthorizingOAuth \|\| isAdding \|\| isFinalizingInstall;\n\n const setValue = (key: string, value: string) => {\n setState((prev) => ({\n ...prev,\n values: { ...prev.values, [key]: value },\n errors: { ...prev.errors, [key]: null },\n }));\n setGlobalError(null);\n };\n\n const toggleSecret = (key: string, value: boolean) => {\n setState((prev) => ({\n ...prev,\n savedAsSecret: { ...prev.savedAsSecret, [key]: value },\n }));\n };\n\n const saveHostedCredentialAsSecret = (): Promise<void> => {\n const secretName = option?.auth.credentialSecretName;\n const apiKey = stateRef.current.values.api_key?.trim();\n if (!secretName \|\| !apiKey \|\| !stateRef.current.savedAsSecret.api_key) {\n return Promise.resolve();\n }\n\n const field: MarketplaceField = {\n key: secretName,\n label: option.auth.credentialLabel ?? secretName,\n type: \"password\",\n required: true,\n };\n return saveFieldsAsSecrets(\n [field],\n { [secretName]: apiKey },\n { [secretName]: true },\n );\n };\n\n const saveSelectedSecrets = (): Promise<void> => {\n if (template?.kind === \"stdio\") {\n return saveFieldsAsSecrets(\n template.envFields ?? [],\n stateRef.current.values,\n stateRef.current.savedAsSecret,\n );\n }\n if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n return Promise.all([\n saveHostedCredentialAsSecret(),\n saveFieldsAsSecrets(\n getRemoteHeaderFields(option),\n stateRef.current.values,\n stateRef.current.savedAsSecret,\n ),\n ]).then(() => undefined);\n }\n return Promise.resolve();\n };\n\n const submitServer = (payload: MCPServerConfig) => {\n if (payload.auth?.strategy === \"oauth2\") {\n setIsAuthorizingOAuth(true);\n void McpService.authorizeOAuth(payload)\n .then((result) => {\n if (!result.ok) {\n setGlobalError(\n makeMcpTestErrorMessage(t, result.error_kind, result.error),\n );\n return;\n }\n const serverToSave = result.oauth_state\n ? {\n ...payload,\n auth: { ...payload.auth!, state: result.oauth_state },\n }\n : payload;\n addMcpServer(serverToSave, {\n onSuccess: () => {\n if (!isCloudBackend) {\n seedMcpServerHealth(serverToSave, result, existingServers);\n }\n displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n setIsFinalizingInstall(true);\n void (async () => {\n try {\n await saveSelectedSecrets();\n } finally {\n onSuccess?.(entry);\n onClose();\n }\n })();\n },\n onError: (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n },\n });\n })\n .catch((err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n })\n .finally(() => setIsAuthorizingOAuth(false));\n return;\n }\n testMcpServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n setGlobalError(\n makeMcpTestErrorMessage(t, result.error_kind, result.error),\n );\n // Modal stays open — do NOT call onClose.\n return;\n }\n const serverToSave =\n result.oauth_state && payload.auth?.strategy === \"oauth2\"\n ? {\n ...payload,\n auth: { ...payload.auth, state: result.oauth_state },\n }\n : payload;\n addMcpServer(serverToSave, {\n onSuccess: () => {\n if (!isCloudBackend) {\n seedMcpServerHealth(serverToSave, result, existingServers);\n }\n displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n setIsFinalizingInstall(true);\n void (async () => {\n try {\n await saveSelectedSecrets();\n } finally {\n onSuccess?.(entry);\n onClose();\n }\n })();\n },\n onError: (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n },\n });\n },\n onError: (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n },\n });\n };\n\n // ------------------------------------------------------------------\n // Per-template submit handlers. Each is small and self-contained:\n // validate user input, build the payload, then hand off to\n // submitServer.\n // ------------------------------------------------------------------\n const handleHttpServerSubmit = () => {\n // TS narrows this branch to shttp\|sse; the equality guard is a\n // runtime/defensive belt to make the helper safe in isolation.\n if (template?.kind !== \"shttp\" && template?.kind !== \"sse\") {\n return;\n }\n if (!option) return;\n const apiKey = state.values.api_key?.trim() ?? \"\";\n const url = template.urlEditable\n ? (state.values.url?.trim() ?? \"\")\n : template.url;\n const oauthMode = isOAuthOption(option);\n const needsCredential = optionNeedsCredentialField(option);\n const headerFields = getRemoteHeaderFields(option);\n const headerErrors: Record<string, string \| null> = {};\n if (!url) {\n headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n } else {\n try {\n const parsedUrl = new URL(url);\n if (![\"http:\", \"https:\"].includes(parsedUrl.protocol)) {\n headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n }\n } catch {\n headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n }\n }\n for (const field of headerFields) {\n if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n headerErrors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n }\n if (\n !oauthMode &&\n needsCredential &&\n !isCredentialOptional(option) &&\n !apiKey\n ) {\n headerErrors.api_key = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n if (Object.values(headerErrors).some(Boolean)) {\n setState((prev) => ({ ...prev, errors: headerErrors }));\n return;\n }\n const oauthAuthentication = oauthMode\n ? getMcpOAuthAuthenticationConfig(option)\n : undefined;\n const fieldHeaders = Object.fromEntries(\n headerFields\n .map((field) => [field.key, state.values[field.key]?.trim() ?? \"\"])\n .filter(([, value]) => value),\n );\n const hasFieldHeaders = Object.keys(fieldHeaders).length > 0;\n let auth: MCPAuthCredential \| undefined;\n if (oauthMode) {\n auth = {\n strategy: \"oauth2\",\n ...(oauthAuthentication && { authentication: oauthAuthentication }),\n };\n } else if (needsCredential && apiKey) {\n auth =\n option.auth.strategy === \"api_key\"\n ? {\n strategy: \"api_key\",\n value: apiKey,\n ...(option.auth.apiKeyHeaderName && {\n header_name: option.auth.apiKeyHeaderName,\n }),\n }\n : { strategy: \"bearer\", value: apiKey };\n } else if (hasFieldHeaders) {\n auth = { strategy: \"header\", headers: fieldHeaders };\n }\n const payload: MCPServerConfig = {\n id: \"\",\n type: template.kind,\n // Name remote servers after the catalog slug (e.g. \"github\") so they\n // get a referenceable, LLM-tool-safe mcp_config key instead of the\n // auto-generated \"sse\"/\"shttp\" fallback. Stdio installs already carry\n // serverName from the catalog.\n name: toMcpServerName(entry.id),\n url,\n ...(auth && { auth }),\n ...(hasFieldHeaders &&\n auth?.strategy !== \"header\" && { headers: fieldHeaders }),\n };\n submitServer(payload);\n };\n\n const handleStdioSubmit = () => {\n if (template?.kind !== \"stdio\") return;\n const stdio = template;\n const errors: Record<string, string \| null> = {};\n\n for (const field of stdio.envFields ?? []) {\n if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n }\n for (const field of stdio.argFields ?? []) {\n if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n }\n if (Object.values(errors).some(Boolean)) {\n setState((prev) => ({ ...prev, errors }));\n return;\n }\n\n const env: Record<string, string> = {};\n for (const field of stdio.envFields ?? []) {\n const v = state.values[field.key]?.trim();\n if (v) env[field.key] = v;\n }\n const extraArgs: string[] = [];\n for (const field of stdio.argFields ?? []) {\n const v = state.values[field.key]?.trim();\n if (v) {\n // Filesystem-style multi-token input: split on whitespace.\n for (const token of v.split(/\\s+/)) {\n if (token) extraArgs.push(token);\n }\n }\n }\n\n const payload: MCPServerConfig = {\n id: \"\",\n type: \"stdio\",\n name: stdio.serverName,\n command: stdio.command,\n args: [...stdio.args, ...extraArgs],\n ...(Object.keys(env).length > 0 && { env }),\n };\n submitServer(payload);\n };\n\n const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n setGlobalError(null);\n if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n return handleHttpServerSubmit();\n }\n return handleStdioSubmit();\n };\n\n const renderFields = () => {\n if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n const oauthMode = isOAuthOption(option);\n const shouldRenderCredential = optionNeedsCredentialField(option);\n const apiKeyOptional = option ? isCredentialOptional(option) : false;\n const credentialSecretName = option?.auth.credentialSecretName;\n const headerFields = getRemoteHeaderFields(option);\n return (\n <>\n <SettingsInput\n testId=\"mcp-install-field-url\"\n name=\"url\"\n type=\"url\"\n label={t(I18nKey.SETTINGS$MCP_URL)}\n value={state.values.url ?? template.url}\n onChange={(value) => setValue(\"url\", value)}\n isDisabled={!template.urlEditable}\n className=\"w-full\"\n />\n {state.errors.url && (\n <p className=\"text-xs text-red-500\">{state.errors.url}</p>\n )}\n {headerFields.map((field) => (\n <div key={field.key} className=\"flex flex-col gap-1\">\n <SettingsInput\n testId={`mcp-install-field-${field.key}`}\n name={field.key}\n type={field.type === \"password\" ? \"password\" : \"text\"}\n label={field.label}\n value={state.values[field.key] ?? \"\"}\n onChange={(v) => setValue(field.key, v)}\n placeholder={field.placeholder}\n required={field.required}\n showOptionalTag={!field.required}\n className=\"w-full\"\n />\n {field.helperText && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(field.helperText)}\n </p>\n )}\n {state.errors[field.key] && (\n <p className=\"text-xs text-red-500\">\n {state.errors[field.key]}\n </p>\n )}\n {field.key in state.savedAsSecret && (\n <SaveAsSecretToggle\n fieldKey={field.key}\n checked={state.savedAsSecret[field.key] ?? false}\n onToggle={(v) => toggleSecret(field.key, v)}\n />\n )}\n </div>\n ))}\n {oauthMode ? (\n <div\n data-testid=\"mcp-install-oauth-info\"\n className=\"flex flex-col gap-2 p-3 rounded-lg border border-[var(--oh-border)] bg-base-tertiary\"\n >\n <p className=\"text-sm text-secondary-light\">\n {t(I18nKey.MCP$OAUTH_CONNECT_INFO)}\n </p>\n <p className=\"text-xs text-tertiary-alt\">\n {t(I18nKey.MCP$OAUTH_CONNECT_HINT)}\n </p>\n </div>\n ) : shouldRenderCredential ? (\n <div className=\"flex flex-col gap-1\">\n <SettingsInput\n testId=\"mcp-install-field-api_key\"\n name=\"api_key\"\n type=\"password\"\n label={\n option?.auth.credentialLabel ??\n t(I18nKey.SETTINGS$MCP_API_KEY)\n }\n value={state.values.api_key ?? \"\"}\n onChange={(v) => setValue(\"api_key\", v)}\n placeholder={\n option?.auth.credentialPlaceholder ??\n t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)\n }\n showOptionalTag={apiKeyOptional}\n required={!apiKeyOptional}\n className=\"w-full\"\n />\n {option?.auth.credentialHelp && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(option.auth.credentialHelp)}\n </p>\n )}\n {state.errors.api_key && (\n <p className=\"text-xs text-red-500\">{state.errors.api_key}</p>\n )}\n {credentialSecretName && (\n <SaveAsSecretToggle\n fieldKey={credentialSecretName}\n checked={state.savedAsSecret.api_key ?? false}\n onToggle={(v) => toggleSecret(\"api_key\", v)}\n />\n )}\n </div>\n ) : null}\n </>\n );\n }\n\n if (template?.kind !== \"stdio\") return null;\n const stdio = template;\n return (\n <>\n <SettingsInput\n testId=\"mcp-install-field-command-readonly\"\n name=\"command-readonly\"\n type=\"text\"\n label={t(I18nKey.MCP$COMMAND_LABEL)}\n value={`${stdio.command} ${stdio.args.join(\" \")}`.trim()}\n onChange={() => {}}\n isDisabled\n className=\"w-full\"\n />\n {(stdio.envFields ?? []).map((field) => (\n <div key={field.key} className=\"flex flex-col gap-1\">\n <SettingsInput\n testId={`mcp-install-field-${field.key}`}\n name={field.key}\n type={field.type === \"password\" ? \"password\" : \"text\"}\n label={field.label}\n value={state.values[field.key] ?? \"\"}\n onChange={(v) => setValue(field.key, v)}\n placeholder={field.placeholder}\n required={field.required}\n showOptionalTag={!field.required}\n className=\"w-full\"\n />\n {field.helperText && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(field.helperText)}\n </p>\n )}\n {state.errors[field.key] && (\n <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n )}\n {field.key in state.savedAsSecret && (\n <SaveAsSecretToggle\n fieldKey={field.key}\n checked={state.savedAsSecret[field.key]}\n onToggle={(v) => toggleSecret(field.key, v)}\n />\n )}\n </div>\n ))}\n {/ argFields are CLI arguments, not credentials — they don't need\n a \"save as secret\" toggle and are excluded from savedAsSecret. */}\n {(stdio.argFields ?? []).map((field) => (\n <div key={field.key} className=\"flex flex-col gap-1\">\n <SettingsInput\n testId={`mcp-install-field-${field.key}`}\n name={field.key}\n type={field.type === \"password\" ? \"password\" : \"text\"}\n label={field.label}\n value={state.values[field.key] ?? \"\"}\n onChange={(v) => setValue(field.key, v)}\n placeholder={field.placeholder}\n required={field.required}\n showOptionalTag={!field.required}\n className=\"w-full\"\n />\n {field.helperText && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(field.helperText)}\n </p>\n )}\n {state.errors[field.key] && (\n <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n )}\n </div>\n ))}\n </>\n );\n };\n\n return (\n <ModalBackdrop onClose={onClose} aria-label={entry.name}>\n <form\n data-testid=\"mcp-install-modal\"\n data-marketplace-id={entry.id}\n onSubmit={handleSubmit}\n className=\"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"mcp-install-modal-close\"\n disabled={isPending}\n />\n <div className=\"flex items-start gap-3 pr-6\">\n <McpLogoBadge entry={entry} />\n <div className=\"flex flex-col flex-1\">\n <h2 className={modalTitleLgClassName}>{entry.name}</h2>\n <p className=\"text-xs text-tertiary-light\">{entry.description}</p>\n </div>\n </div>\n\n {entry.installHint && (\n <p className=\"text-xs text-tertiary-light\">{entry.installHint}</p>\n )}\n\n {entry.docsUrl && (\n <a\n href={entry.docsUrl}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors\"\n >\n {t(I18nKey.MCP$VIEW_DOCS)}\n </a>\n )}\n\n <div className=\"flex flex-col gap-3\">{renderFields()}</div>\n\n {globalError && (\n <p\n data-testid=\"mcp-install-modal-error\"\n className=\"text-sm text-red-500 whitespace-pre-wrap\"\n >\n {globalError}\n </p>\n )}\n\n <div className=\"flex justify-end gap-2 mt-2\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"mcp-install-cancel\"\n isDisabled={isPending}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n type=\"submit\"\n variant=\"primary\"\n isDisabled={isPending}\n testId=\"mcp-install-submit\"\n >\n {isTesting \|\| isAuthorizingOAuth\n ? t(I18nKey.MCP$VERIFYING)\n : isAdding \|\| isFinalizingInstall\n ? t(I18nKey.SETTINGS$SAVING)\n : t(I18nKey.MCP$INSTALL_BUTTON)}\n </BrandButton>\n </div>\n </form>\n </ModalBackdrop>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/mcp-page/installed-server-card.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/puzzle.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../utils/extension-module-card-classes.cjs"),o=require("../../../utils/mcp-marketplace-utils.cjs"),s=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),c=require("../mcp-logo-badge.cjs"),l=require("../../shared/buttons/circle-plus-check-toggle.cjs"),u=require("../../../utils/mcp-installed-server-display.cjs"),d=require("./mcp-server-health.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");function m(e){switch(e){case`sse`:return`SSE`;case`shttp`:return`HTTP`;case`stdio`:return`STDIO`;default:return e}}function h(e){if(e.type===`stdio`){let t=e.args&&e.args.length>0?` ${e.args.join(` `)}`:``;return`${e.command??``}${t}`.trim()}return e.url??``}function g({server:e,onEdit:f,onToggleEnabled:g}){let{t:_}=t.useTranslation(`openhands`),v=o.findCatalogEntryForServer(e,o.getMcpMarketplaceCatalog(s.default)),y=u.getInstalledServerTitle(e,v),b=h(e),x=m(e.type);return(0,p.jsx)(`div`,{"data-testid":`mcp-server-item`,"data-server-id":e.id,role:`button`,tabIndex:0,onClick:f,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),f())},"aria-label":_(n.I18nKey.MCP$EDIT_SERVER_ARIA,{name:y}),className:i.cn(`flex min-h-[132px] flex-col overflow-hidden p-4 text-left`,a.extensionModuleCardSurfaceClassName,a.extensionModuleCardInteractiveClassName),children:(0,p.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,p.jsx)(c.McpLogoBadge,{entry:v,fallback:(0,p.jsx)(r.Puzzle,{strokeWidth:2.25})}),(0,p.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[(0,p.jsxs)(`header`,{className:`flex items-start justify-between gap-3`,children:[(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsx)(`h3`,{className:`truncate text-sm font-semibold`,title:y,children:y}),(0,p.jsx)(`p`,{className:`mt-0.5 text-xs text-tertiary-alt`,children:x})]}),(0,p.jsx)(l.CirclePlusCheckToggle,{testId:`mcp-installed-toggle-${e.id}`,isSelected:e.enabled!==!1,onToggle:g,enableLabelKey:n.I18nKey.MCP$TOGGLE_ENABLE_SERVER,disableLabelKey:n.I18nKey.MCP$TOGGLE_DISABLE_SERVER,disableTooltipKey:n.I18nKey.COMMON$DISABLE})]}),v?.description?(0,p.jsx)(`p`,{"data-testid":`mcp-server-description-${e.id}`,className:`line-clamp-2 break-words text-xs leading-relaxed text-tertiary-light`,children:v.description}):null,b?(0,p.jsx)(`p`,{"data-testid":`mcp-server-detail-${e.id}`,className:`truncate text-xs text-tertiary-alt`,title:b,children:b}):null,(0,p.jsx)(d.McpServerHealthSection,{server:e,catalog:v,onEdit:f})]})]})})}exports.InstalledServerCard=g;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/puzzle.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../utils/extension-module-card-classes.cjs"),o=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),s=require("../mcp-logo-badge.cjs"),c=require("../../../utils/mcp-marketplace-utils.cjs"),l=require("../../shared/buttons/circle-plus-check-toggle.cjs"),u=require("../../../utils/mcp-installed-server-display.cjs"),d=require("./mcp-server-health.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");function m(e){switch(e){case`sse`:return`SSE`;case`shttp`:return`HTTP`;case`stdio`:return`STDIO`;default:return e}}function h(e){if(e.type===`stdio`){let t=e.args&&e.args.length>0?` ${e.args.join(` `)}`:``;return`${e.command??``}${t}`.trim()}return e.url??``}function g({server:e,onEdit:f,onToggleEnabled:g}){let{t:_}=t.useTranslation(`openhands`),v=c.findCatalogEntryForServer(e,c.getMcpMarketplaceCatalog(o.default)),y=u.getInstalledServerTitle(e,v),b=h(e),x=m(e.type);return(0,p.jsx)(`div`,{"data-testid":`mcp-server-item`,"data-server-id":e.id,role:`button`,tabIndex:0,onClick:f,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),f())},"aria-label":_(n.I18nKey.MCP$EDIT_SERVER_ARIA,{name:y}),className:i.cn(`flex min-h-[132px] flex-col overflow-hidden p-4 text-left`,a.extensionModuleCardSurfaceClassName,a.extensionModuleCardInteractiveClassName),children:(0,p.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,p.jsx)(s.McpLogoBadge,{entry:v,fallback:(0,p.jsx)(r.Puzzle,{strokeWidth:2.25})}),(0,p.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[(0,p.jsxs)(`header`,{className:`flex items-start justify-between gap-3`,children:[(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsx)(`h3`,{className:`truncate text-sm font-semibold`,title:y,children:y}),(0,p.jsx)(`p`,{className:`mt-0.5 text-xs text-tertiary-alt`,children:x})]}),(0,p.jsx)(l.CirclePlusCheckToggle,{testId:`mcp-installed-toggle-${e.id}`,isSelected:e.enabled!==!1,onToggle:g,enableLabelKey:n.I18nKey.MCP$TOGGLE_ENABLE_SERVER,disableLabelKey:n.I18nKey.MCP$TOGGLE_DISABLE_SERVER,disableTooltipKey:n.I18nKey.COMMON$DISABLE})]}),v?.description?(0,p.jsx)(`p`,{"data-testid":`mcp-server-description-${e.id}`,className:`line-clamp-2 break-words text-xs leading-relaxed text-tertiary-light`,children:v.description}):null,b?(0,p.jsx)(`p`,{"data-testid":`mcp-server-detail-${e.id}`,className:`truncate text-xs text-tertiary-alt`,title:b,children:b}):null,(0,p.jsx)(d.McpServerHealthSection,{server:e,catalog:v,onEdit:f})]})]})})}exports.InstalledServerCard=g;
 //# sourceMappingURL=installed-server-card.cjs.map

package/dist/components/features/mcp-page/installed-server-card.js CHANGED Viewed

@@ -3,9 +3,9 @@ import { I18nKey as t } from "../../../i18n/declaration.js";
 import { Puzzle as n } from "../../../node_modules/lucide-react/dist/esm/icons/puzzle.js";
 import { cn as r } from "../../../utils/utils.js";
 import { extensionModuleCardInteractiveClassName as i, extensionModuleCardSurfaceClassName as a } from "../../../utils/extension-module-card-classes.js";
-import { findCatalogEntryForServer as o, getMcpMarketplaceCatalog as s } from "../../../utils/mcp-marketplace-utils.js";
-import c from "../../../node_modules/@openhands/extensions/integrations/index.js";
-import { McpLogoBadge as l } from "../mcp-logo-badge.js";
+import o from "../../../node_modules/@openhands/extensions/integrations/index.js";
+import { McpLogoBadge as s } from "../mcp-logo-badge.js";
+import { findCatalogEntryForServer as c, getMcpMarketplaceCatalog as l } from "../../../utils/mcp-marketplace-utils.js";
 import { CirclePlusCheckToggle as u } from "../../shared/buttons/circle-plus-check-toggle.js";
 import { getInstalledServerTitle as d } from "../../../utils/mcp-installed-server-display.js";
 import { McpServerHealthSection as f } from "./mcp-server-health.js";
@@ -28,7 +28,7 @@ function g(e) {
 	return e.url ?? "";
 }
 function _({ server: _, onEdit: v, onToggleEnabled: y }) {
-	let { t: b } = e("openhands"), x = o(_, s(c)), S = d(_, x), C = g(_), w = h(_.type);
+	let { t: b } = e("openhands"), x = c(_, l(o)), S = d(_, x), C = g(_), w = h(_.type);
 	return /* @__PURE__ */ p("div", {
 		"data-testid": "mcp-server-item",
 		"data-server-id": _.id,
@@ -42,7 +42,7 @@ function _({ server: _, onEdit: v, onToggleEnabled: y }) {
 		className: r("flex min-h-[132px] flex-col overflow-hidden p-4 text-left", a, i),
 		children: /* @__PURE__ */ m("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ p(l, {
+			children: [/* @__PURE__ */ p(s, {
 				entry: x,
 				fallback: /* @__PURE__ */ p(n, { strokeWidth: 2.25 })
 			}), /* @__PURE__ */ m("div", {

package/dist/components/features/mcp-page/marketplace-card.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../i18n/declaration.cjs"),t=require("../../../utils/utils.cjs"),n=require("../../../utils/extension-module-card-classes.cjs"),r=require("../../../utils/mcp-marketplace-utils.cjs"),i=require("../mcp-logo-badge.cjs"),a=require("../../shared/buttons/circle-plus-check-toggle.cjs");let o=require("react/jsx-runtime");function s({entry:s,onClick:c,onAdd:l}){let u=r.getDefaultMcpTransport(s),d=(()=>{switch(u?.kind){case`stdio`:return`STDIO`;case`shttp`:return`HTTP`;case`sse`:return`SSE`;default:return``}})();return(0,o.jsx)(`div`,{role:`button`,tabIndex:0,onClick:c,onKeyDown:e=>{e.target===e.currentTarget&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),c())},"data-testid":`mcp-marketplace-card-${s.id}`,className:t.cn(`flex min-h-[132px] flex-col overflow-hidden p-4 text-left`,n.extensionModuleCardSurfaceClassName,n.extensionModuleCardInteractiveClassName),children:(0,o.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,o.jsx)(i.McpLogoBadge,{entry:s}),(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[(0,o.jsxs)(`header`,{className:`flex items-start justify-between gap-3`,children:[(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`h3`,{className:`truncate text-sm font-semibold`,children:s.name}),(0,o.jsx)(`p`,{className:`mt-0.5 text-xs text-tertiary-alt`,children:d})]}),(0,o.jsx)(a.CirclePlusCheckToggle,{testId:`mcp-marketplace-toggle-${s.id}`,isSelected:!1,onToggle:e=>{e&&l()},enableLabelKey:e.I18nKey.MCP$TOGGLE_ADD_SERVER,disableLabelKey:e.I18nKey.MCP$TOGGLE_ADD_SERVER})]}),(0,o.jsx)(`p`,{className:`line-clamp-3 text-xs leading-relaxed text-tertiary-light`,children:s.description})]})]})})}exports.MarketplaceCard=s;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../i18n/declaration.cjs"),t=require("../../../utils/utils.cjs"),n=require("../../../utils/extension-module-card-classes.cjs"),r=require("../mcp-logo-badge.cjs"),i=require("../../../utils/mcp-marketplace-utils.cjs"),a=require("../../shared/buttons/circle-plus-check-toggle.cjs");let o=require("react/jsx-runtime");function s({entry:s,onClick:c,onAdd:l}){let u=i.getDefaultMcpTransport(s),d=(()=>{switch(u?.kind){case`stdio`:return`STDIO`;case`shttp`:return`HTTP`;case`sse`:return`SSE`;default:return``}})();return(0,o.jsx)(`div`,{role:`button`,tabIndex:0,onClick:c,onKeyDown:e=>{e.target===e.currentTarget&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),c())},"data-testid":`mcp-marketplace-card-${s.id}`,className:t.cn(`flex min-h-[132px] flex-col overflow-hidden p-4 text-left`,n.extensionModuleCardSurfaceClassName,n.extensionModuleCardInteractiveClassName),children:(0,o.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,o.jsx)(r.McpLogoBadge,{entry:s}),(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[(0,o.jsxs)(`header`,{className:`flex items-start justify-between gap-3`,children:[(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`h3`,{className:`truncate text-sm font-semibold`,children:s.name}),(0,o.jsx)(`p`,{className:`mt-0.5 text-xs text-tertiary-alt`,children:d})]}),(0,o.jsx)(a.CirclePlusCheckToggle,{testId:`mcp-marketplace-toggle-${s.id}`,isSelected:!1,onToggle:e=>{e&&l()},enableLabelKey:e.I18nKey.MCP$TOGGLE_ADD_SERVER,disableLabelKey:e.I18nKey.MCP$TOGGLE_ADD_SERVER})]}),(0,o.jsx)(`p`,{className:`line-clamp-3 text-xs leading-relaxed text-tertiary-light`,children:s.description})]})]})})}exports.MarketplaceCard=s;
 //# sourceMappingURL=marketplace-card.cjs.map

package/dist/components/features/mcp-page/marketplace-card.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { I18nKey as e } from "../../../i18n/declaration.js";
 import { cn as t } from "../../../utils/utils.js";
 import { extensionModuleCardInteractiveClassName as n, extensionModuleCardSurfaceClassName as r } from "../../../utils/extension-module-card-classes.js";
-import { getDefaultMcpTransport as i } from "../../../utils/mcp-marketplace-utils.js";
-import { McpLogoBadge as a } from "../mcp-logo-badge.js";
+import { McpLogoBadge as i } from "../mcp-logo-badge.js";
+import { getDefaultMcpTransport as a } from "../../../utils/mcp-marketplace-utils.js";
 import { CirclePlusCheckToggle as o } from "../../shared/buttons/circle-plus-check-toggle.js";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/features/mcp-page/marketplace-card.tsx
 function l({ entry: l, onClick: u, onAdd: d }) {
-	let f = i(l), p = (() => {
+	let f = a(l), p = (() => {
 		switch (f?.kind) {
 			case "stdio": return "STDIO";
 			case "shttp": return "HTTP";
@@ -26,7 +26,7 @@ function l({ entry: l, onClick: u, onAdd: d }) {
 		className: t("flex min-h-[132px] flex-col overflow-hidden p-4 text-left", r, n),
 		children: /* @__PURE__ */ c("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ s(a, { entry: l }), /* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ s(i, { entry: l }), /* @__PURE__ */ c("div", {
 				className: "flex min-w-0 flex-1 flex-col gap-3",
 				children: [/* @__PURE__ */ c("header", {
 					className: "flex items-start justify-between gap-3",

package/dist/components/features/mcp-page/marketplace-section.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/extension-module-card-classes.cjs"),r=require("../../../utils/mcp-marketplace-utils.cjs"),i=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),a=require("./marketplace-card.cjs");let o=require("react/jsx-runtime");function s({onSelect:s,onAdd:c,query:l=``}){let{t:u}=e.useTranslation(`openhands`),d=r.getMarketplaceEntriesByPopularity(r.getMcpMarketplaceCatalog(i.default)).filter(e=>r.marketplaceEntryMatchesQuery(e,l));return(0,o.jsxs)(`section`,{"data-testid":`mcp-marketplace-section`,className:`flex flex-col gap-3`,children:[(0,o.jsx)(`h2`,{className:`text-base font-medium text-foreground`,children:u(t.I18nKey.MCP$LIBRARY_TITLE)}),d.length===0?(0,o.jsx)(`div`,{"data-testid":`mcp-marketplace-empty`,className:`rounded-xl border border-dashed border-[var(--oh-border)] p-6 text-center`,children:(0,o.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:u(t.I18nKey.MCP$SEARCH_EMPTY)})}):(0,o.jsx)(`div`,{className:n.extensionModuleCardGridContainerClassName,children:(0,o.jsx)(`div`,{"data-testid":`mcp-marketplace-grid`,className:n.extensionModuleCardGridClassName,children:d.map(e=>(0,o.jsx)(a.MarketplaceCard,{entry:e,onClick:()=>s(e),onAdd:()=>c(e)},e.id))})})]})}exports.MarketplaceSection=s;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/extension-module-card-classes.cjs"),r=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),i=require("../../../utils/mcp-marketplace-utils.cjs"),a=require("./marketplace-card.cjs");let o=require("react/jsx-runtime");function s({onSelect:s,onAdd:c,query:l=``}){let{t:u}=e.useTranslation(`openhands`),d=i.getMarketplaceEntriesByPopularity(i.getMcpMarketplaceCatalog(r.default)).filter(e=>i.marketplaceEntryMatchesQuery(e,l));return(0,o.jsxs)(`section`,{"data-testid":`mcp-marketplace-section`,className:`flex flex-col gap-3`,children:[(0,o.jsx)(`h2`,{className:`text-base font-medium text-foreground`,children:u(t.I18nKey.MCP$LIBRARY_TITLE)}),d.length===0?(0,o.jsx)(`div`,{"data-testid":`mcp-marketplace-empty`,className:`rounded-xl border border-dashed border-[var(--oh-border)] p-6 text-center`,children:(0,o.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:u(t.I18nKey.MCP$SEARCH_EMPTY)})}):(0,o.jsx)(`div`,{className:n.extensionModuleCardGridContainerClassName,children:(0,o.jsx)(`div`,{"data-testid":`mcp-marketplace-grid`,className:n.extensionModuleCardGridClassName,children:d.map(e=>(0,o.jsx)(a.MarketplaceCard,{entry:e,onClick:()=>s(e),onAdd:()=>c(e)},e.id))})})]})}exports.MarketplaceSection=s;
 //# sourceMappingURL=marketplace-section.cjs.map

package/dist/components/features/mcp-page/marketplace-section.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { extensionModuleCardGridClassName as n, extensionModuleCardGridContainerClassName as r } from "../../../utils/extension-module-card-classes.js";
-import { getMarketplaceEntriesByPopularity as i, getMcpMarketplaceCatalog as a, marketplaceEntryMatchesQuery as o } from "../../../utils/mcp-marketplace-utils.js";
-import s from "../../../node_modules/@openhands/extensions/integrations/index.js";
+import i from "../../../node_modules/@openhands/extensions/integrations/index.js";
+import { getMarketplaceEntriesByPopularity as a, getMcpMarketplaceCatalog as o, marketplaceEntryMatchesQuery as s } from "../../../utils/mcp-marketplace-utils.js";
 import { MarketplaceCard as c } from "./marketplace-card.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/features/mcp-page/marketplace-section.tsx
 function d({ onSelect: d, onAdd: f, query: p = "" }) {
-	let { t: m } = e("openhands"), h = i(a(s)).filter((e) => o(e, p));
+	let { t: m } = e("openhands"), h = a(o(i)).filter((e) => s(e, p));
 	return /* @__PURE__ */ u("section", {
 		"data-testid": "mcp-marketplace-section",
 		className: "flex flex-col gap-3",

package/dist/components/features/mcp-page/mcp-logo-stack-badge.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs"),t=require("../mcp-logo-badge.cjs");let n=require("react/jsx-runtime");var r=`inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-lg border border-white/10 bg-surface-raised shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]`;function i(e){return e.slice(0,4)}function a({entries:a,className:o,testId:s}){let c=i(a);if(c.length===0)return(0,n.jsx)(t.McpLogoBadge,{entry:null,size:`md`,className:o,testId:s});if(c.length===1)return(0,n.jsx)(t.McpLogoBadge,{entry:c[0],size:`md`,className:o,testId:s});if(c.length===2)return(0,n.jsx)(`span`,{"aria-hidden":`true`,"data-testid":s,"data-layout":`overlap`,className:e.cn(r,`items-center justify-center`,o),children:(0,n.jsx)(`span`,{className:`flex items-center justify-center -space-x-2`,children:c.map(e=>(0,n.jsx)(t.McpLogoBadge,{entry:e,size:`sm`,className:`ring-2 ring-surface-raised`},e.id))})});let l=[c[0]??null,c[1]??null,c[2]??null,c[3]??null];return(0,n.jsx)(`span`,{"aria-hidden":`true`,"data-testid":s,"data-layout":`quadrants`,className:e.cn(r,`grid grid-cols-2 grid-rows-2 gap-0.5 p-1`,o),children:l.map((e,r)=>e?(0,n.jsx)(`span`,{className:`flex items-center justify-center`,children:(0,n.jsx)(t.McpLogoBadge,{entry:e,size:`xs`})},e.id):(0,n.jsx)(`span`,{"aria-hidden":`true`},`empty-${r}`))})}exports.McpLogoStackBadge=a;
2	+ //# sourceMappingURL=mcp-logo-stack-badge.cjs.map

package/dist/components/features/mcp-page/mcp-logo-stack-badge.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mcp-logo-stack-badge.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/mcp-logo-stack-badge.tsx"],"sourcesContent":["import {\n McpLogoBadge,\n type McpLogoEntry,\n} from \"#/components/features/mcp-logo-badge\";\nimport { cn } from \"#/utils/utils\";\n\nconst STACK_CONTAINER_CLASS_NAME =\n \"inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-lg border border-white/10 bg-surface-raised shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\";\n\ninterface McpLogoStackBadgeProps {\n entries: McpLogoEntry[];\n className?: string;\n testId?: string;\n}\n\nfunction toLogoEntries(\n entries: McpLogoStackBadgeProps[\"entries\"],\n): McpLogoEntry[] {\n return entries.slice(0, 4);\n}\n\nexport function McpLogoStackBadge({\n entries,\n className,\n testId,\n}: McpLogoStackBadgeProps) {\n const visibleEntries = toLogoEntries(entries);\n\n if (visibleEntries.length === 0) {\n return (\n <McpLogoBadge\n entry={null}\n size=\"md\"\n className={className}\n testId={testId}\n />\n );\n }\n\n if (visibleEntries.length === 1) {\n return (\n <McpLogoBadge\n entry={visibleEntries[0]}\n size=\"md\"\n className={className}\n testId={testId}\n />\n );\n }\n\n if (visibleEntries.length === 2) {\n return (\n <span\n aria-hidden=\"true\"\n data-testid={testId}\n data-layout=\"overlap\"\n className={cn(\n STACK_CONTAINER_CLASS_NAME,\n \"items-center justify-center\",\n className,\n )}\n >\n \n {visibleEntries.map((entry) => (\n <McpLogoBadge\n key={entry.id}\n entry={entry}\n size=\"sm\"\n className=\"ring-2 ring-surface-raised\"\n />\n ))}\n \n \n );\n }\n\n const quadrantSlots: Array<McpLogoEntry | null> = [\n visibleEntries[0] ?? null,\n visibleEntries[1] ?? null,\n visibleEntries[2] ?? null,\n visibleEntries[3] ?? null,\n ];\n\n return (\n <span\n aria-hidden=\"true\"\n data-testid={testId}\n data-layout=\"quadrants\"\n className={cn(\n STACK_CONTAINER_CLASS_NAME,\n \"grid grid-cols-2 grid-rows-2 gap-0.5 p-1\",\n className,\n )}\n >\n {quadrantSlots.map((entry, index) =>\n entry ? (\n \n <McpLogoBadge entry={entry} size=\"xs\" />\n \n ) : (\n \n ),\n )}\n \n );\n}\n"],"mappings":"qKAMA,IAAM,EACJ,mJAQF,SAAS,EACP,EACgB,CAChB,OAAO,EAAQ,MAAM,EAAG,CAAC,CAC3B,CAEA,SAAgB,EAAkB,CAChC,UACA,YACA,UACyB,CACzB,IAAM,EAAiB,EAAc,CAAO,EAE5C,GAAI,EAAe,SAAW,EAC5B,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,MAAO,KACP,KAAK,KACM,YACH,QACT,CAAA,EAIL,GAAI,EAAe,SAAW,EAC5B,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,MAAO,EAAe,GACtB,KAAK,KACM,YACH,QACT,CAAA,EAIL,GAAI,EAAe,SAAW,EAC5B,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,cAAa,EACb,cAAY,UACZ,UAAW,EAAA,GACT,EACA,8BACA,CACF,YAEA,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uDACb,EAAe,IAAK,IACnB,EAAA,EAAA,KAAC,EAAA,aAAD,CAES,QACP,KAAK,KACL,UAAU,4BACX,EAJM,EAAM,EAIZ,CACF,CACG,CAAA,CACF,CAAA,EAIV,IAAM,EAA4C,CAChD,EAAe,IAAM,KACrB,EAAe,IAAM,KACrB,EAAe,IAAM,KACrB,EAAe,IAAM,IACvB,EAEA,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,cAAa,EACb,cAAY,YACZ,UAAW,EAAA,GACT,EACA,2CACA,CACF,WAEC,EAAc,KAAK,EAAO,IACzB,GACE,EAAA,EAAA,KAAC,OAAD,CAAqB,UAAU,6CAC7B,EAAA,EAAA,KAAC,EAAA,aAAD,CAAqB,QAAO,KAAK,IAAM,CAAA,CACnC,EAFK,EAAM,EAEX,GAEN,EAAA,EAAA,KAAC,OAAD,CAA6B,cAAY,MAAQ,EAAtC,SAAS,GAA6B,CAErD,CACI,CAAA,CAEV"}

package/dist/components/features/mcp-page/mcp-logo-stack-badge.js ADDED Viewed

@@ -0,0 +1,60 @@
+import { cn as e } from "../../../utils/utils.js";
+import { McpLogoBadge as t } from "../mcp-logo-badge.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/features/mcp-page/mcp-logo-stack-badge.tsx
+var r = "inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-lg border border-white/10 bg-surface-raised shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]";
+function i(e) {
+	return e.slice(0, 4);
+}
+function a({ entries: a, className: o, testId: s }) {
+	let c = i(a);
+	if (c.length === 0) return /* @__PURE__ */ n(t, {
+		entry: null,
+		size: "md",
+		className: o,
+		testId: s
+	});
+	if (c.length === 1) return /* @__PURE__ */ n(t, {
+		entry: c[0],
+		size: "md",
+		className: o,
+		testId: s
+	});
+	if (c.length === 2) return /* @__PURE__ */ n("span", {
+		"aria-hidden": "true",
+		"data-testid": s,
+		"data-layout": "overlap",
+		className: e(r, "items-center justify-center", o),
+		children: /* @__PURE__ */ n("span", {
+			className: "flex items-center justify-center -space-x-2",
+			children: c.map((e) => /* @__PURE__ */ n(t, {
+				entry: e,
+				size: "sm",
+				className: "ring-2 ring-surface-raised"
+			}, e.id))
+		})
+	});
+	let l = [
+		c[0] ?? null,
+		c[1] ?? null,
+		c[2] ?? null,
+		c[3] ?? null
+	];
+	return /* @__PURE__ */ n("span", {
+		"aria-hidden": "true",
+		"data-testid": s,
+		"data-layout": "quadrants",
+		className: e(r, "grid grid-cols-2 grid-rows-2 gap-0.5 p-1", o),
+		children: l.map((e, r) => e ? /* @__PURE__ */ n("span", {
+			className: "flex items-center justify-center",
+			children: /* @__PURE__ */ n(t, {
+				entry: e,
+				size: "xs"
+			})
+		}, e.id) : /* @__PURE__ */ n("span", { "aria-hidden": "true" }, `empty-${r}`))
+	});
+}
+//#endregion
+export { a as McpLogoStackBadge };
+//# sourceMappingURL=mcp-logo-stack-badge.js.map

package/dist/components/features/mcp-page/mcp-logo-stack-badge.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mcp-logo-stack-badge.js","names":[],"sources":["../../../../src/components/features/mcp-page/mcp-logo-stack-badge.tsx"],"sourcesContent":["import {\n McpLogoBadge,\n type McpLogoEntry,\n} from \"#/components/features/mcp-logo-badge\";\nimport { cn } from \"#/utils/utils\";\n\nconst STACK_CONTAINER_CLASS_NAME =\n \"inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-lg border border-white/10 bg-surface-raised shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\";\n\ninterface McpLogoStackBadgeProps {\n entries: McpLogoEntry[];\n className?: string;\n testId?: string;\n}\n\nfunction toLogoEntries(\n entries: McpLogoStackBadgeProps[\"entries\"],\n): McpLogoEntry[] {\n return entries.slice(0, 4);\n}\n\nexport function McpLogoStackBadge({\n entries,\n className,\n testId,\n}: McpLogoStackBadgeProps) {\n const visibleEntries = toLogoEntries(entries);\n\n if (visibleEntries.length === 0) {\n return (\n <McpLogoBadge\n entry={null}\n size=\"md\"\n className={className}\n testId={testId}\n />\n );\n }\n\n if (visibleEntries.length === 1) {\n return (\n <McpLogoBadge\n entry={visibleEntries[0]}\n size=\"md\"\n className={className}\n testId={testId}\n />\n );\n }\n\n if (visibleEntries.length === 2) {\n return (\n <span\n aria-hidden=\"true\"\n data-testid={testId}\n data-layout=\"overlap\"\n className={cn(\n STACK_CONTAINER_CLASS_NAME,\n \"items-center justify-center\",\n className,\n )}\n >\n \n {visibleEntries.map((entry) => (\n <McpLogoBadge\n key={entry.id}\n entry={entry}\n size=\"sm\"\n className=\"ring-2 ring-surface-raised\"\n />\n ))}\n \n \n );\n }\n\n const quadrantSlots: Array<McpLogoEntry | null> = [\n visibleEntries[0] ?? null,\n visibleEntries[1] ?? null,\n visibleEntries[2] ?? null,\n visibleEntries[3] ?? null,\n ];\n\n return (\n <span\n aria-hidden=\"true\"\n data-testid={testId}\n data-layout=\"quadrants\"\n className={cn(\n STACK_CONTAINER_CLASS_NAME,\n \"grid grid-cols-2 grid-rows-2 gap-0.5 p-1\",\n className,\n )}\n >\n {quadrantSlots.map((entry, index) =>\n entry ? (\n \n <McpLogoBadge entry={entry} size=\"xs\" />\n \n ) : (\n \n ),\n )}\n \n );\n}\n"],"mappings":";;;;AAMA,IAAM,IACJ;AAQF,SAAS,EACP,GACgB;CAChB,OAAO,EAAQ,MAAM,GAAG,CAAC;AAC3B;AAEA,SAAgB,EAAkB,EAChC,YACA,cACA,aACyB;CACzB,IAAM,IAAiB,EAAc,CAAO;CAE5C,IAAI,EAAe,WAAW,GAC5B,OACE,kBAAC,GAAD;EACE,OAAO;EACP,MAAK;EACM;EACH;CACT,CAAA;CAIL,IAAI,EAAe,WAAW,GAC5B,OACE,kBAAC,GAAD;EACE,OAAO,EAAe;EACtB,MAAK;EACM;EACH;CACT,CAAA;CAIL,IAAI,EAAe,WAAW,GAC5B,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,eAAa;EACb,eAAY;EACZ,WAAW,EACT,GACA,+BACA,CACF;YAEA,kBAAC,QAAD;GAAM,WAAU;aACb,EAAe,KAAK,MACnB,kBAAC,GAAD;IAES;IACP,MAAK;IACL,WAAU;GACX,GAJM,EAAM,EAIZ,CACF;EACG,CAAA;CACF,CAAA;CAIV,IAAM,IAA4C;EAChD,EAAe,MAAM;EACrB,EAAe,MAAM;EACrB,EAAe,MAAM;EACrB,EAAe,MAAM;CACvB;CAEA,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,eAAa;EACb,eAAY;EACZ,WAAW,EACT,GACA,4CACA,CACF;YAEC,EAAc,KAAK,GAAO,MACzB,IACE,kBAAC,QAAD;GAAqB,WAAU;aAC7B,kBAAC,GAAD;IAAqB;IAAO,MAAK;GAAM,CAAA;EACnC,GAFK,EAAM,EAEX,IAEN,kBAAC,QAAD,EAA6B,eAAY,OAAQ,GAAtC,SAAS,GAA6B,CAErD;CACI,CAAA;AAEV"}

package/dist/components/features/mcp-page/mcp-server-health.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../utils/retrieve-axios-error-message.cjs"),a=require("../../../utils/custom-toast-handlers.cjs"),o=require("../../../contexts/active-backend-context.cjs"),s=require("../../../hooks/mutation/use-update-mcp-server.cjs"),c=require("../../../api/mcp-health/probe-mcp-server-health.cjs"),l=require("../../../hooks/use-mcp-server-health.cjs"),u=require("../../../utils/mcp-test-error-message.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p={unchecked:`bg-[var(--oh-text-tertiary)]`,checking:`bg-[var(--oh-interactive-selected)] animate-pulse`,healthy:`bg-[var(--oh-status-success)]`,failed:`bg-red-500`},m=`text-xs text-[var(--oh-muted)] underline transition-colors hover:text-white disabled:cursor-not-allowed disabled:opacity-60`;function h(e){return e.status===`healthy`?e.verification===`verified`?`healthy`:`healthy-connectivity`:e.status}function g(e,t){switch(t.status){case`checking`:return e(n.I18nKey.MCP$HEALTH_STATUS_CHECKING);case`healthy`:return t.verification===`verified`?e(n.I18nKey.MCP$HEALTH_STATUS_VERIFIED,{count:t.toolCount}):e(n.I18nKey.MCP$HEALTH_STATUS_CONNECTIVITY_ONLY);case`failed`:return u.makeMcpTestErrorMessage(e,t.kind,t.error);default:return e(n.I18nKey.MCP$HEALTH_STATUS_UNCHECKED)}}function _({server:e,catalog:u,onEdit:d}){let{t:_}=t.useTranslation(`openhands`),{backend:v}=o.useActiveBackend(),{health:y,probe:b,reauthorize:x}=l.useMcpServerHealth(e),{mutate:S}=s.useUpdateMcpServer();if(v.kind===`cloud`)return null;let C=y.status===`checking`,w=y.status===`failed`,T=g(_,y),E=async()=>{let t=await x();if(!t?.ok||!t.oauth_state||e.auth?.strategy!==`oauth2`)return;let r={...e,auth:{...e.auth,state:t.oauth_state}};S({serverId:e.id,server:r},{onSuccess:()=>c.seedMcpServerHealth(r,t,[]),onError:e=>a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||_(n.I18nKey.ERROR$GENERIC))})};return(0,f.jsxs)(`div`,{"data-testid":`mcp-server-health-${e.id}`,role:`presentation`,className:`flex flex-col gap-1.5`,onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation(),children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(`span`,{"data-testid":`mcp-health-dot`,"data-status":h(y),"aria-hidden":`true`,className:r.cn(`inline-block h-2 w-2 shrink-0 rounded-full`,p[y.status])}),(0,f.jsx)(`p`,{"data-testid":`mcp-health-label-${e.id}`,className:r.cn(`line-clamp-2 break-words text-xs`,w?`text-red-500`:`text-tertiary-alt`),title:T,children:T})]}),y.status===`healthy`&&y.verification===`connectivity-only`?(0,f.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:_(n.I18nKey.MCP$HEALTH_CONNECTIVITY_ONLY_HINT)}):null,(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,f.jsx)(`button`,{type:`button`,"data-testid":`mcp-health-probe-${e.id}`,className:m,onClick:()=>void b(),disabled:C,children:_(w?n.I18nKey.MCP$HEALTH_RETRY:n.I18nKey.MCP$TEST_BUTTON)}),w&&y.kind===`credentials`?(0,f.jsx)(`button`,{type:`button`,"data-testid":`mcp-health-update-credentials-${e.id}`,className:m,onClick:d,children:_(n.I18nKey.MCP$HEALTH_UPDATE_CREDENTIALS)}):null,w&&e.auth?.strategy===`oauth2`?(0,f.jsx)(`button`,{type:`button`,"data-testid":`mcp-health-reauthorize-${e.id}`,className:m,onClick:()=>void E(),children:_(n.I18nKey.MCP$HEALTH_REAUTHORIZE)}):null,w&&u?.docsUrl?(0,f.jsx)(`a`,{href:u.docsUrl,target:`_blank`,rel:`noreferrer`,className:m,children:_(n.I18nKey.MCP$VIEW_DOCS)}):null]})]})}exports.McpServerHealthSection=_;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../utils/retrieve-axios-error-message.cjs"),a=require("../../../utils/custom-toast-handlers.cjs"),o=require("../../../contexts/active-backend-context.cjs"),s=require("../../../api/mcp-health/probe-mcp-server-health.cjs"),c=require("../../../utils/mcp-test-error-message.cjs"),l=require("../../../hooks/mutation/use-update-mcp-server.cjs"),u=require("../../../hooks/use-mcp-server-health.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p={unchecked:`bg-[var(--oh-text-tertiary)]`,checking:`bg-[var(--oh-interactive-selected)] animate-pulse`,healthy:`bg-[var(--oh-status-success)]`,failed:`bg-red-500`},m=`text-xs text-[var(--oh-muted)] underline transition-colors hover:text-white disabled:cursor-not-allowed disabled:opacity-60`;function h(e){return e.status===`healthy`?e.verification===`verified`?`healthy`:`healthy-connectivity`:e.status}function g(e,t){switch(t.status){case`checking`:return e(n.I18nKey.MCP$HEALTH_STATUS_CHECKING);case`healthy`:return t.verification===`verified`?e(n.I18nKey.MCP$HEALTH_STATUS_VERIFIED,{count:t.toolCount}):e(n.I18nKey.MCP$HEALTH_STATUS_CONNECTIVITY_ONLY);case`failed`:return c.makeMcpTestErrorMessage(e,t.kind,t.error);default:return e(n.I18nKey.MCP$HEALTH_STATUS_UNCHECKED)}}function _({server:e,catalog:c,onEdit:d}){let{t:_}=t.useTranslation(`openhands`),{backend:v}=o.useActiveBackend(),{health:y,probe:b,reauthorize:x}=u.useMcpServerHealth(e),{mutate:S}=l.useUpdateMcpServer();if(v.kind===`cloud`)return null;let C=y.status===`checking`,w=y.status===`failed`,T=g(_,y),E=async()=>{let t=await x();if(!t?.ok||!t.oauth_state||e.auth?.strategy!==`oauth2`)return;let r={...e,auth:{...e.auth,state:t.oauth_state}};S({serverId:e.id,server:r},{onSuccess:()=>s.seedMcpServerHealth(r,t,[]),onError:e=>a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||_(n.I18nKey.ERROR$GENERIC))})};return(0,f.jsxs)(`div`,{"data-testid":`mcp-server-health-${e.id}`,role:`presentation`,className:`flex flex-col gap-1.5`,onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation(),children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(`span`,{"data-testid":`mcp-health-dot`,"data-status":h(y),"aria-hidden":`true`,className:r.cn(`inline-block h-2 w-2 shrink-0 rounded-full`,p[y.status])}),(0,f.jsx)(`p`,{"data-testid":`mcp-health-label-${e.id}`,className:r.cn(`line-clamp-2 break-words text-xs`,w?`text-red-500`:`text-tertiary-alt`),title:T,children:T})]}),y.status===`healthy`&&y.verification===`connectivity-only`?(0,f.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:_(n.I18nKey.MCP$HEALTH_CONNECTIVITY_ONLY_HINT)}):null,(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,f.jsx)(`button`,{type:`button`,"data-testid":`mcp-health-probe-${e.id}`,className:m,onClick:()=>void b(),disabled:C,children:_(w?n.I18nKey.MCP$HEALTH_RETRY:n.I18nKey.MCP$TEST_BUTTON)}),w&&y.kind===`credentials`?(0,f.jsx)(`button`,{type:`button`,"data-testid":`mcp-health-update-credentials-${e.id}`,className:m,onClick:d,children:_(n.I18nKey.MCP$HEALTH_UPDATE_CREDENTIALS)}):null,w&&e.auth?.strategy===`oauth2`?(0,f.jsx)(`button`,{type:`button`,"data-testid":`mcp-health-reauthorize-${e.id}`,className:m,onClick:()=>void E(),children:_(n.I18nKey.MCP$HEALTH_REAUTHORIZE)}):null,w&&c?.docsUrl?(0,f.jsx)(`a`,{href:c.docsUrl,target:`_blank`,rel:`noreferrer`,className:m,children:_(n.I18nKey.MCP$VIEW_DOCS)}):null]})]})}exports.McpServerHealthSection=_;
 //# sourceMappingURL=mcp-server-health.cjs.map

package/dist/components/features/mcp-page/mcp-server-health.js CHANGED Viewed

@@ -4,10 +4,10 @@ import { cn as n } from "../../../utils/utils.js";
 import { retrieveAxiosErrorMessage as r } from "../../../utils/retrieve-axios-error-message.js";
 import { displayErrorToast as i } from "../../../utils/custom-toast-handlers.js";
 import { useActiveBackend as a } from "../../../contexts/active-backend-context.js";
-import { useUpdateMcpServer as o } from "../../../hooks/mutation/use-update-mcp-server.js";
-import { seedMcpServerHealth as s } from "../../../api/mcp-health/probe-mcp-server-health.js";
-import { useMcpServerHealth as c } from "../../../hooks/use-mcp-server-health.js";
-import { makeMcpTestErrorMessage as l } from "../../../utils/mcp-test-error-message.js";
+import { seedMcpServerHealth as o } from "../../../api/mcp-health/probe-mcp-server-health.js";
+import { makeMcpTestErrorMessage as s } from "../../../utils/mcp-test-error-message.js";
+import { useUpdateMcpServer as c } from "../../../hooks/mutation/use-update-mcp-server.js";
+import { useMcpServerHealth as l } from "../../../hooks/use-mcp-server-health.js";
 import "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/features/mcp-page/mcp-server-health.tsx
@@ -24,33 +24,33 @@ function h(e, n) {
 	switch (n.status) {
 		case "checking": return e(t.MCP$HEALTH_STATUS_CHECKING);
 		case "healthy": return n.verification === "verified" ? e(t.MCP$HEALTH_STATUS_VERIFIED, { count: n.toolCount }) : e(t.MCP$HEALTH_STATUS_CONNECTIVITY_ONLY);
-		case "failed": return l(e, n.kind, n.error);
+		case "failed": return s(e, n.kind, n.error);
 		default: return e(t.MCP$HEALTH_STATUS_UNCHECKED);
 	}
 }
-function g({ server: l, catalog: g, onEdit: _ }) {
-	let { t: v } = e("openhands"), { backend: y } = a(), { health: b, probe: x, reauthorize: S } = c(l), { mutate: C } = o();
+function g({ server: s, catalog: g, onEdit: _ }) {
+	let { t: v } = e("openhands"), { backend: y } = a(), { health: b, probe: x, reauthorize: S } = l(s), { mutate: C } = c();
 	if (y.kind === "cloud") return null;
 	let w = b.status === "checking", T = b.status === "failed", E = h(v, b), D = async () => {
 		let e = await S();
-		if (!e?.ok || !e.oauth_state || l.auth?.strategy !== "oauth2") return;
+		if (!e?.ok || !e.oauth_state || s.auth?.strategy !== "oauth2") return;
 		let n = {
-			...l,
+			...s,
 			auth: {
-				...l.auth,
+				...s.auth,
 				state: e.oauth_state
 			}
 		};
 		C({
-			serverId: l.id,
+			serverId: s.id,
 			server: n
 		}, {
-			onSuccess: () => s(n, e, []),
+			onSuccess: () => o(n, e, []),
 			onError: (e) => i(r(e) || v(t.ERROR$GENERIC))
 		});
 	};
 	return /* @__PURE__ */ d("div", {
-		"data-testid": `mcp-server-health-${l.id}`,
+		"data-testid": `mcp-server-health-${s.id}`,
 		role: "presentation",
 		className: "flex flex-col gap-1.5",
 		onClick: (e) => e.stopPropagation(),
@@ -64,7 +64,7 @@ function g({ server: l, catalog: g, onEdit: _ }) {
 					"aria-hidden": "true",
 					className: n("inline-block h-2 w-2 shrink-0 rounded-full", f[b.status])
 				}), /* @__PURE__ */ u("p", {
-					"data-testid": `mcp-health-label-${l.id}`,
+					"data-testid": `mcp-health-label-${s.id}`,
 					className: n("line-clamp-2 break-words text-xs", T ? "text-red-500" : "text-tertiary-alt"),
 					title: E,
 					children: E
@@ -79,7 +79,7 @@ function g({ server: l, catalog: g, onEdit: _ }) {
 				children: [
 					/* @__PURE__ */ u("button", {
 						type: "button",
-						"data-testid": `mcp-health-probe-${l.id}`,
+						"data-testid": `mcp-health-probe-${s.id}`,
 						className: p,
 						onClick: () => void x(),
 						disabled: w,
@@ -87,14 +87,14 @@ function g({ server: l, catalog: g, onEdit: _ }) {
 					}),
 					T && b.kind === "credentials" ? /* @__PURE__ */ u("button", {
 						type: "button",
-						"data-testid": `mcp-health-update-credentials-${l.id}`,
+						"data-testid": `mcp-health-update-credentials-${s.id}`,
 						className: p,
 						onClick: _,
 						children: v(t.MCP$HEALTH_UPDATE_CREDENTIALS)
 					}) : null,
-					T && l.auth?.strategy === "oauth2" ? /* @__PURE__ */ u("button", {
+					T && s.auth?.strategy === "oauth2" ? /* @__PURE__ */ u("button", {
 						type: "button",
-						"data-testid": `mcp-health-reauthorize-${l.id}`,
+						"data-testid": `mcp-health-reauthorize-${s.id}`,
 						className: p,
 						onClick: () => void D(),
 						children: v(t.MCP$HEALTH_REAUTHORIZE)

package/dist/components/features/onboarding/steps/setup-llm-step.d.ts CHANGED Viewed

@@ -4,13 +4,16 @@ interface SetupLlmStepProps {
     onNext: () => void;
 }
 /**
- * Pre-fills the LLM form with the OpenAI GPT-5.5 model. The SDK's
- * bare default model is `gpt-5.5`; Canvas stores provider-qualified
- * LiteLLM model ids, so the onboarding override uses this OpenAI-prefixed
- * model id. Keeping this as an explicit override marks the model dirty so
- * the Next button persists the suggested default immediately.
+ * Pre-fills the LLM form with the OpenHands provider's free default model
+ * (`openhands/kimi-k3`), matching `DEFAULT_SETTINGS.llm_model`. The OpenHands
+ * provider is the agent the user just selected, so the onboarding override
+ * keeps the LLM provider aligned with that choice rather than silently
+ * switching to OpenAI. Canvas stores provider-qualified LiteLLM model ids,
+ * so the override uses this OpenHands-prefixed model id, and keeping it as an
+ * explicit override marks the model dirty so the Next button persists the
+ * suggested default immediately.
  */
-export declare const ONBOARDING_DEFAULT_LLM_MODEL = "openai/gpt-5.5";
+export declare const ONBOARDING_DEFAULT_LLM_MODEL = "openhands/kimi-k3";
 /**
  * Step 2: embed the LLM settings form. The screen runs in `embedded`
  * mode (so it doesn't render its own sticky Save bar) and with
@@ -26,7 +29,7 @@ export declare const ONBOARDING_DEFAULT_LLM_MODEL = "openai/gpt-5.5";
  * Note: returning Cloud users who already have an LLM configured are
  * intercepted upstream by `OnboardingHost`, so they never reach this
  * step. Users who do reach it are first-time installs (Cloud or Local)
- * who want the OpenAI/GPT-5.5 default pre-filled.
+ * who want the OpenHands default pre-filled.
  */
 export declare function SetupLlmStep({ onBack, onNext }: SetupLlmStepProps): React.JSX.Element;
 export {};

package/dist/components/features/onboarding/use-onboarding-completion.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);var n=`openhands-onboarded`;function r(){if(typeof window>`u`)return!0;try{return window.localStorage.getItem(n)!==null}catch{return!0}}function i(){let[e,i]=t.default.useState(()=>r());return t.default.useEffect(()=>{let e=e=>{e.key===`openhands-onboarded`&&i(r())};return window.addEventListener(`storage`,e),()=>window.removeEventListener(`storage`,e)},[]),{isCompleted:e,markCompleted:t.default.useCallback(()=>{try{window.localStorage.setItem(n,`1`)}catch{}i(!0)},[])}}exports.useOnboardingCompletion=i;
2	+ //# sourceMappingURL=use-onboarding-completion.cjs.map

package/dist/components/features/onboarding/use-onboarding-completion.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-onboarding-completion.cjs","names":[],"sources":["../../../../src/components/features/onboarding/use-onboarding-completion.ts"],"sourcesContent":["import React from \"react\";\n\n/**\n * localStorage key persisting whether the welcome onboarding flow has\n * been completed (or skipped). Once present, the modal won't auto-show\n * again on subsequent visits.\n */\nexport const ONBOARDING_COMPLETED_STORAGE_KEY = \"openhands-onboarded\";\n\nfunction readCompletedFromStorage(): boolean {\n if (typeof window === \"undefined\") return true;\n try {\n return (\n window.localStorage.getItem(ONBOARDING_COMPLETED_STORAGE_KEY) !== null\n );\n } catch {\n // Inaccessible localStorage (private mode, SSR, …) — assume the\n // user has already onboarded so we don't loop on every render.\n return true;\n }\n}\n\n/**\n * Tracks whether the welcome onboarding modal has been completed.\n * The hook returns the current `isCompleted` flag plus an imperative\n * `markCompleted()` callback. State is mirrored to localStorage and\n * synced across tabs via the `storage` event.\n */\nexport function useOnboardingCompletion() {\n const [isCompleted, setIsCompleted] = React.useState<boolean>(() =>\n readCompletedFromStorage(),\n );\n\n React.useEffect(() => {\n const handleStorage = (event: StorageEvent) => {\n if (event.key !== ONBOARDING_COMPLETED_STORAGE_KEY) return;\n setIsCompleted(readCompletedFromStorage());\n };\n window.addEventListener(\"storage\", handleStorage);\n return () => window.removeEventListener(\"storage\", handleStorage);\n }, []);\n\n const markCompleted = React.useCallback(() => {\n try {\n window.localStorage.setItem(ONBOARDING_COMPLETED_STORAGE_KEY, \"1\");\n } catch {\n // best-effort; we still flip the in-memory flag below.\n }\n setIsCompleted(true);\n }, []);\n\n return { isCompleted, markCompleted } as const;\n}\n"],"mappings":"mGAOA,IAAa,EAAmC,sBAEhD,SAAS,GAAoC,CAC3C,GAAI,OAAO,OAAW,IAAa,MAAO,GAC1C,GAAI,CACF,OACE,OAAO,aAAa,QAAQ,CAAgC,IAAM,IAEtE,MAAQ,CAGN,MAAO,EACT,CACF,CAQA,SAAgB,GAA0B,CACxC,GAAM,CAAC,EAAa,GAAkB,EAAA,QAAM,aAC1C,EAAyB,CAC3B,EAoBA,OAlBA,EAAA,QAAM,cAAgB,CACpB,IAAM,EAAiB,GAAwB,CACzC,EAAM,MAAA,uBACV,EAAe,EAAyB,CAAC,CAC3C,EAEA,OADA,OAAO,iBAAiB,UAAW,CAAa,MACnC,OAAO,oBAAoB,UAAW,CAAa,CAClE,EAAG,CAAC,CAAC,EAWE,CAAE,cAAa,cATA,EAAA,QAAM,gBAAkB,CAC5C,GAAI,CACF,OAAO,aAAa,QAAQ,EAAkC,GAAG,CACnE,MAAQ,CAER,CACA,EAAe,EAAI,CACrB,EAAG,CAAC,CAEkB,CAAc,CACtC"}

package/dist/components/features/onboarding/use-onboarding-completion.js ADDED Viewed

@@ -0,0 +1,32 @@
+import e from "react";
+//#region src/components/features/onboarding/use-onboarding-completion.ts
+var t = "openhands-onboarded";
+function n() {
+	if (typeof window > "u") return !0;
+	try {
+		return window.localStorage.getItem(t) !== null;
+	} catch {
+		return !0;
+	}
+}
+function r() {
+	let [r, i] = e.useState(() => n());
+	return e.useEffect(() => {
+		let e = (e) => {
+			e.key === "openhands-onboarded" && i(n());
+		};
+		return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
+	}, []), {
+		isCompleted: r,
+		markCompleted: e.useCallback(() => {
+			try {
+				window.localStorage.setItem(t, "1");
+			} catch {}
+			i(!0);
+		}, [])
+	};
+}
+//#endregion
+export { r as useOnboardingCompletion };
+//# sourceMappingURL=use-onboarding-completion.js.map