npm - @openhands/agent-canvas - Versions diffs - 1.0.0-rc.8 → 1.0.0 - Mend

@openhands/agent-canvas 1.0.0-rc.8 → 1.0.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 (600) hide show

package/dist/components/features/home/workspace-dropdown/folder-browser-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"folder-browser-modal.js","names":[],"sources":["../../../../../src/components/features/home/workspace-dropdown/folder-browser-modal.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n MODAL_MAX_WIDTH_VIEWPORT,\n modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LocalWorkspace, LocalWorkspaceParent } from \"#/types/workspace\";\nimport {\n type HomeDirectoryResponse,\n useHomeDirectory,\n useSearchSubdirs,\n} from \"#/hooks/query/use-search-subdirs\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleSmClassName } from \"#/utils/modal-classes\";\nimport FolderIcon from \"#/icons/folder.svg?react\";\nimport ChevronLeft from \"#/icons/chevron-left-small.svg?react\";\n\nconst PROJECTS_PATH = \"/projects\";\n\ninterface FolderBrowserModalProps {\n isOpen: boolean;\n onClose: () => void;\n onAdd: (items: LocalWorkspace[]) => void;\n onAddParent?: (items: LocalWorkspaceParent[]) => void;\n}\n\ninterface SidebarEntry {\n label: string;\n path: string;\n}\n\ninterface SidebarSectionProps {\n label: string;\n entries: SidebarEntry[];\n currentPath: string \| null;\n onPick: (path: string) => void;\n}\n\nfunction SidebarSection({\n label,\n entries,\n currentPath,\n onPick,\n}: SidebarSectionProps) {\n if (entries.length === 0) return null;\n return (\n <div className=\"px-2 pb-3\">\n <div className=\"px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold\">\n {label}\n </div>\n <ul>\n {entries.map((entry) => {\n const isActive = currentPath === entry.path;\n return (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => onPick(entry.path)}\n data-testid={`folder-browser-sidebar-${entry.label.toLowerCase()}`}\n className={cn(\n \"flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer\",\n isActive\n ? \"bg-tertiary text-white\"\n : \"text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]\",\n )}\n >\n <FolderIcon width={14} height={14} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.label}</span>\n </button>\n </li>\n );\n })}\n </ul>\n </div>\n );\n}\n\nfunction getParentPath(path: string): string \| null {\n const trimmed = path.replace(/\\/+$/, \"\");\n if (!trimmed \|\| trimmed === \"/\") return null;\n const idx = trimmed.lastIndexOf(\"/\");\n if (idx <= 0) return \"/\";\n return trimmed.slice(0, idx);\n}\n\nfunction shouldDefaultToProjectsPath(\n homeData: HomeDirectoryResponse \| undefined,\n): boolean {\n return homeData?.home === \"/home/openhands\";\n}\n\nexport function FolderBrowserModal({\n isOpen,\n onClose,\n onAdd,\n onAddParent,\n}: FolderBrowserModalProps) {\n const { t } = useTranslation(\"openhands\");\n const [currentPath, setCurrentPath] = useState<string \| null>(null);\n const active = useActiveBackend();\n\n const { data: homeData } = useHomeDirectory();\n\n // Initialize / reset to home each time the modal is opened\n useEffect(() => {\n if (isOpen && homeData?.home && currentPath === null) {\n setCurrentPath(\n shouldDefaultToProjectsPath(homeData) ? PROJECTS_PATH : homeData.home,\n );\n }\n if (!isOpen) {\n setCurrentPath(null);\n }\n }, [isOpen, homeData?.home, currentPath]);\n\n // A backend switch invalidates the previous path — clear it so the\n // open/close effect can re-seed from the new backend's homeData.home.\n useEffect(() => {\n setCurrentPath(null);\n }, [active.backend.id, active.orgId]);\n\n const {\n data: listing,\n isLoading,\n isError,\n error,\n } = useSearchSubdirs(isOpen ? currentPath : null);\n\n const favorites: SidebarEntry[] = useMemo(() => {\n if (!homeData?.home) return [];\n const trimmed = homeData.home.replace(/[\\\\/]+$/, \"\") \|\| homeData.home;\n const backendFavorites = [\n { label: \"Home\", path: trimmed },\n ...(homeData.favorites ?? []),\n ];\n if (\n shouldDefaultToProjectsPath(homeData) &&\n !backendFavorites.some((entry) => entry.path === PROJECTS_PATH)\n ) {\n backendFavorites.push({\n label: PROJECTS_PATH,\n path: PROJECTS_PATH,\n });\n }\n\n return backendFavorites;\n }, [homeData]);\n\n const locations: SidebarEntry[] = homeData?.locations ?? [];\n\n if (!isOpen) return null;\n\n const subdirs = listing?.items ?? [];\n const parent = currentPath ? getParentPath(currentPath) : null;\n\n // Signal that we're inside a container environment without the host\n // home mounted: the agent server reports `/home/openhands` as home and\n // returns no favorites (the only contents are hidden credential dirs).\n // In that case there's nothing useful for the user to browse, so we\n // surface a hint instead of the generic empty state.\n const showHostHomeHint =\n homeData?.home === \"/home/openhands\" &&\n (homeData?.favorites?.length ?? 0) === 0 &&\n currentPath === homeData?.home &&\n !isLoading &&\n !isError &&\n subdirs.length === 0;\n\n const getBasename = (path: string): string => {\n const trimmed = path.replace(/\\/+$/, \"\");\n if (!trimmed) return \"/\";\n const idx = trimmed.lastIndexOf(\"/\");\n return idx >= 0 ? trimmed.slice(idx + 1) \|\| \"/\" : trimmed;\n };\n\n const handleAddDirectory = () => {\n if (!currentPath) return;\n const item: LocalWorkspace = {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n };\n onAdd([item]);\n onClose();\n };\n\n const handleAddAllSubdirectories = () => {\n if (!currentPath \|\| !onAddParent) return;\n onAddParent([\n {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n },\n ]);\n onClose();\n };\n\n return (\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n >\n <div\n data-testid=\"folder-browser-modal\"\n className={cn(\n \"flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl\",\n modalWidthClassName(\"xl\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"h-[480px]\",\n )}\n >\n {/* Title bar /}\n <div className=\"flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]\">\n <BaseModalTitle\n className={modalTitleSmClassName}\n title={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n />\n </div>\n\n {/ Body: sidebar + main /}\n <div className=\"flex flex-1 min-h-0\">\n {/ Sidebar /}\n <aside\n data-testid=\"folder-browser-sidebar\"\n className=\"w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto\"\n >\n <SidebarSection\n label={t(I18nKey.HOME$FAVORITES)}\n entries={favorites}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n <SidebarSection\n label={t(I18nKey.HOME$LOCATIONS)}\n entries={locations}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n </aside>\n\n {/ Main /}\n <div className=\"flex-1 flex flex-col min-w-0\">\n {/ Nav row /}\n <div className=\"flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]\">\n <button\n type=\"button\"\n data-testid=\"folder-browser-up\"\n onClick={() => parent && setCurrentPath(parent)}\n disabled={!parent}\n aria-label=\"Up\"\n className=\"p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer\"\n >\n <ChevronLeft width={16} height={16} />\n </button>\n <span\n className=\"text-xs text-[var(--oh-muted)] truncate\"\n data-testid=\"folder-browser-current-path\"\n >\n {currentPath ?? \"\"}\n </span>\n </div>\n\n {/ Column headers /}\n <div className=\"grid grid-cols-[1fr_120px] px-4 py-1 border-b border-[var(--oh-border-input)] text-xs text-[var(--oh-text-secondary)] font-semibold\">\n <span>{t(I18nKey.HOME$NAME)}</span>\n <span>{t(I18nKey.HOME$KIND)}</span>\n </div>\n\n {/ List /}\n <ul\n className=\"flex-1 overflow-auto custom-scrollbar-always\"\n data-testid=\"folder-browser-list\"\n >\n {isLoading && (\n <li className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\">\n {t(I18nKey.HOME$LOADING)}\n </li>\n )}\n {isError && (\n <li\n className=\"px-4 py-2 text-sm text-red-400\"\n data-testid=\"folder-browser-error\"\n >\n {(error as Error \| undefined)?.message ?? \"Failed to load\"}\n </li>\n )}\n {!isLoading && !isError && subdirs.length === 0 && (\n <li\n className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\"\n data-testid={\n showHostHomeHint\n ? \"folder-browser-host-home-hint\"\n : \"folder-browser-empty\"\n }\n >\n {showHostHomeHint\n ? t(I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT)\n : t(I18nKey.HOME$NO_WORKSPACES)}\n </li>\n )}\n {subdirs.map((entry) => (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => setCurrentPath(entry.path)}\n className=\"grid grid-cols-[1fr_120px] items-center w-full text-left px-4 py-1.5 text-sm text-white hover:bg-[var(--oh-interactive-hover)] cursor-pointer\"\n data-testid={`folder-browser-entry-${entry.name}`}\n >\n <span className=\"flex items-center gap-2 min-w-0\">\n <FolderIcon width={16} height={16} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.name}</span>\n </span>\n <span className=\"text-[var(--oh-text-secondary)] text-xs\">\n {t(I18nKey.HOME$FOLDER)}\n </span>\n </button>\n </li>\n ))}\n </ul>\n </div>\n </div>\n\n {/ Footer */}\n <div className=\"flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"folder-browser-cancel\"\n >\n {t(I18nKey.HOME$CANCEL)}\n </BrandButton>\n {onAddParent && (\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={handleAddAllSubdirectories}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-add-all-subdirs\"\n >\n {t(I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}\n </BrandButton>\n )}\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={handleAddDirectory}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-use\"\n >\n {t(I18nKey.HOME$ADD_THIS_DIRECTORY)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"folder-browser-modal.js","names":[],"sources":["../../../../../src/components/features/home/workspace-dropdown/folder-browser-modal.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n MODAL_MAX_WIDTH_VIEWPORT,\n modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LocalWorkspace, LocalWorkspaceParent } from \"#/types/workspace\";\nimport {\n type HomeDirectoryResponse,\n useHomeDirectory,\n useSearchSubdirs,\n} from \"#/hooks/query/use-search-subdirs\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleSmClassName } from \"#/utils/modal-classes\";\nimport FolderIcon from \"#/icons/folder.svg?react\";\nimport ChevronLeft from \"#/icons/chevron-left-small.svg?react\";\n\nconst PROJECTS_PATH = \"/projects\";\n\ninterface FolderBrowserModalProps {\n isOpen: boolean;\n onClose: () => void;\n onAdd: (items: LocalWorkspace[]) => void;\n onAddParent?: (items: LocalWorkspaceParent[]) => void;\n}\n\ninterface SidebarEntry {\n label: string;\n path: string;\n}\n\ninterface SidebarSectionProps {\n label: string;\n entries: SidebarEntry[];\n currentPath: string \| null;\n onPick: (path: string) => void;\n}\n\nfunction SidebarSection({\n label,\n entries,\n currentPath,\n onPick,\n}: SidebarSectionProps) {\n if (entries.length === 0) return null;\n return (\n <div className=\"px-2 pb-3\">\n <div className=\"px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold\">\n {label}\n </div>\n <ul>\n {entries.map((entry) => {\n const isActive = currentPath === entry.path;\n return (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => onPick(entry.path)}\n data-testid={`folder-browser-sidebar-${entry.label.toLowerCase()}`}\n className={cn(\n \"flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer\",\n isActive\n ? \"bg-tertiary text-white\"\n : \"text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]\",\n )}\n >\n <FolderIcon width={14} height={14} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.label}</span>\n </button>\n </li>\n );\n })}\n </ul>\n </div>\n );\n}\n\nfunction getParentPath(path: string): string \| null {\n const trimmed = trimTrailingSeparators(path);\n if (!trimmed \|\| trimmed === \"/\" \|\| isWindowsDriveRoot(trimmed)) return null;\n\n const idx = Math.max(trimmed.lastIndexOf(\"/\"), trimmed.lastIndexOf(\"\\\\\"));\n if (idx < 0) return null;\n if (idx === 0) return \"/\";\n\n const parent = trimmed.slice(0, idx);\n if (/^[A-Za-z]:$/.test(parent)) {\n return `${parent}${trimmed[idx]}`;\n }\n\n return parent;\n}\n\nfunction isWindowsDriveRoot(path: string): boolean {\n return /^[A-Za-z]:[\\\\/]?$/.test(path);\n}\n\nfunction trimTrailingSeparators(path: string): string {\n const trimmed = path.replace(/[\\\\/]+$/, \"\");\n if (/^[A-Za-z]:$/.test(trimmed)) {\n const separator = path.includes(\"/\") && !path.includes(\"\\\\\") ? \"/\" : \"\\\\\";\n return `${trimmed}${separator}`;\n }\n return trimmed;\n}\n\nfunction shouldDefaultToProjectsPath(\n homeData: HomeDirectoryResponse \| undefined,\n): boolean {\n return homeData?.home === \"/home/openhands\";\n}\n\nexport function FolderBrowserModal({\n isOpen,\n onClose,\n onAdd,\n onAddParent,\n}: FolderBrowserModalProps) {\n const { t } = useTranslation(\"openhands\");\n const [currentPath, setCurrentPath] = useState<string \| null>(null);\n const active = useActiveBackend();\n\n const { data: homeData } = useHomeDirectory();\n\n // Initialize / reset to home each time the modal is opened\n useEffect(() => {\n if (isOpen && homeData?.home && currentPath === null) {\n setCurrentPath(\n shouldDefaultToProjectsPath(homeData) ? PROJECTS_PATH : homeData.home,\n );\n }\n if (!isOpen) {\n setCurrentPath(null);\n }\n }, [isOpen, homeData?.home, currentPath]);\n\n // A backend switch invalidates the previous path — clear it so the\n // open/close effect can re-seed from the new backend's homeData.home.\n useEffect(() => {\n setCurrentPath(null);\n }, [active.backend.id, active.orgId]);\n\n const {\n data: listing,\n isLoading,\n isError,\n error,\n } = useSearchSubdirs(isOpen ? currentPath : null);\n\n const favorites: SidebarEntry[] = useMemo(() => {\n if (!homeData?.home) return [];\n const trimmed = trimTrailingSeparators(homeData.home) \|\| homeData.home;\n const backendFavorites = [\n { label: \"Home\", path: trimmed },\n ...(homeData.favorites ?? []),\n ];\n if (\n shouldDefaultToProjectsPath(homeData) &&\n !backendFavorites.some((entry) => entry.path === PROJECTS_PATH)\n ) {\n backendFavorites.push({\n label: PROJECTS_PATH,\n path: PROJECTS_PATH,\n });\n }\n\n return backendFavorites;\n }, [homeData]);\n\n const locations: SidebarEntry[] = homeData?.locations ?? [];\n\n if (!isOpen) return null;\n\n const subdirs = listing?.items ?? [];\n const parent = currentPath ? getParentPath(currentPath) : null;\n\n // Signal that we're inside a container environment without the host\n // home mounted: the agent server reports `/home/openhands` as home and\n // returns no favorites (the only contents are hidden credential dirs).\n // In that case there's nothing useful for the user to browse, so we\n // surface a hint instead of the generic empty state.\n const showHostHomeHint =\n homeData?.home === \"/home/openhands\" &&\n (homeData?.favorites?.length ?? 0) === 0 &&\n currentPath === homeData?.home &&\n !isLoading &&\n !isError &&\n subdirs.length === 0;\n\n const getBasename = (path: string): string => {\n const trimmed = trimTrailingSeparators(path);\n if (!trimmed) return \"/\";\n if (trimmed === \"/\" \|\| isWindowsDriveRoot(trimmed)) return trimmed;\n const idx = Math.max(trimmed.lastIndexOf(\"/\"), trimmed.lastIndexOf(\"\\\\\"));\n return idx >= 0 ? trimmed.slice(idx + 1) \|\| trimmed : trimmed;\n };\n\n const handleAddDirectory = () => {\n if (!currentPath) return;\n const item: LocalWorkspace = {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n };\n onAdd([item]);\n onClose();\n };\n\n const handleAddAllSubdirectories = () => {\n if (!currentPath \|\| !onAddParent) return;\n onAddParent([\n {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n },\n ]);\n onClose();\n };\n\n return (\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n >\n <div\n data-testid=\"folder-browser-modal\"\n className={cn(\n \"flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl\",\n modalWidthClassName(\"xl\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"h-[480px]\",\n )}\n >\n {/* Title bar /}\n <div className=\"flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]\">\n <BaseModalTitle\n className={modalTitleSmClassName}\n title={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n />\n </div>\n\n {/ Body: sidebar + main /}\n <div className=\"flex flex-1 min-h-0\">\n {/ Sidebar /}\n <aside\n data-testid=\"folder-browser-sidebar\"\n className=\"w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto\"\n >\n <SidebarSection\n label={t(I18nKey.HOME$FAVORITES)}\n entries={favorites}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n <SidebarSection\n label={t(I18nKey.HOME$LOCATIONS)}\n entries={locations}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n </aside>\n\n {/ Main /}\n <div className=\"flex-1 flex flex-col min-w-0\">\n {/ Nav row /}\n <div className=\"flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]\">\n <button\n type=\"button\"\n data-testid=\"folder-browser-up\"\n onClick={() => parent && setCurrentPath(parent)}\n disabled={!parent}\n aria-label=\"Up\"\n className=\"p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer\"\n >\n <ChevronLeft width={16} height={16} />\n </button>\n <span\n className=\"text-xs text-[var(--oh-muted)] truncate\"\n data-testid=\"folder-browser-current-path\"\n >\n {currentPath ?? \"\"}\n </span>\n </div>\n\n {/ Column headers /}\n <div className=\"grid grid-cols-[1fr_120px] px-4 py-1 border-b border-[var(--oh-border-input)] text-xs text-[var(--oh-text-secondary)] font-semibold\">\n <span>{t(I18nKey.HOME$NAME)}</span>\n <span>{t(I18nKey.HOME$KIND)}</span>\n </div>\n\n {/ List /}\n <ul\n className=\"flex-1 overflow-auto custom-scrollbar-always\"\n data-testid=\"folder-browser-list\"\n >\n {isLoading && (\n <li className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\">\n {t(I18nKey.HOME$LOADING)}\n </li>\n )}\n {isError && (\n <li\n className=\"px-4 py-2 text-sm text-red-400\"\n data-testid=\"folder-browser-error\"\n >\n {(error as Error \| undefined)?.message ?? \"Failed to load\"}\n </li>\n )}\n {!isLoading && !isError && subdirs.length === 0 && (\n <li\n className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\"\n data-testid={\n showHostHomeHint\n ? \"folder-browser-host-home-hint\"\n : \"folder-browser-empty\"\n }\n >\n {showHostHomeHint\n ? t(I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT)\n : t(I18nKey.HOME$NO_WORKSPACES)}\n </li>\n )}\n {subdirs.map((entry) => (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => setCurrentPath(entry.path)}\n className=\"grid grid-cols-[1fr_120px] items-center w-full text-left px-4 py-1.5 text-sm text-white hover:bg-[var(--oh-interactive-hover)] cursor-pointer\"\n data-testid={`folder-browser-entry-${entry.name}`}\n >\n <span className=\"flex items-center gap-2 min-w-0\">\n <FolderIcon width={16} height={16} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.name}</span>\n </span>\n <span className=\"text-[var(--oh-text-secondary)] text-xs\">\n {t(I18nKey.HOME$FOLDER)}\n </span>\n </button>\n </li>\n ))}\n </ul>\n </div>\n </div>\n\n {/ Footer */}\n <div className=\"flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"folder-browser-cancel\"\n >\n {t(I18nKey.HOME$CANCEL)}\n </BrandButton>\n {onAddParent && (\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={handleAddAllSubdirectories}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-add-all-subdirs\"\n >\n {t(I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}\n </BrandButton>\n )}\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={handleAddDirectory}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-use\"\n >\n {t(I18nKey.HOME$ADD_THIS_DIRECTORY)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/mcp-page/custom-server-editor.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(`../../shared/modals/modal-backdrop.cjs`),c=require(`../../../utils/modal-classes.cjs`),l=require(`../../shared/modals/modal-close-button.cjs`),u=require(`../../shared/modals/confirmation-modal.cjs`),d=require(`../../../hooks/mutation/use-delete-mcp-server.cjs`),f=require(`../../../hooks/mutation/use-add-mcp-server.cjs`),p=require(`../../../hooks/mutation/use-test-mcp-server.cjs`),m=require(`../settings/mcp-settings/mcp-server-form.cjs`),h=require(`../../../hooks/mutation/use-update-mcp-server.cjs`);let g=require(`react`);g=e.__toESM(g,1);let _=require(`react/jsx-runtime`);function v({server:e,existingServers:v,onClose:y}){let{t:b}=t.useTranslation(`openhands`),{mutate:x,isPending:S}=f.useAddMcpServer(),{mutate:C,isPending:w}=h.useUpdateMcpServer(),{mutate:T,isPending:E}=d.useDeleteMcpServer(),{mutate:D,isPending:O,data:k,reset:A}=p.useTestMcpServer(),[j,M]=g.default.useState(!1),{backend:N}=o.useActiveBackend(),P=N.kind===`cloud`,F=!!e.id,I=S||w||E,L=I||O||j,R=e=>{switch(e.error_kind){case`timeout`:return b(n.I18nKey.MCP$TEST_ERROR_TIMEOUT);case`connection`:return b(n.I18nKey.MCP$TEST_ERROR_CONNECTION);default:return b(n.I18nKey.MCP$TEST_ERROR_UNKNOWN,{error:e.error})}},z=g.default.useMemo(()=>k?k.ok?{ok:!0,text:b(n.I18nKey.MCP$TEST_SUCCESS,{count:k.tools.length})}:{ok:!1,text:R(k)}:null,[k,b]),B=e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||b(n.I18nKey.ERROR$GENERIC))};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(s.ModalBackdrop,{onClose:L?void 0:y,closeOnEscape:!L,"aria-label":b(F?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,_.jsxs)(`div`,{"data-testid":`mcp-custom-editor`,className:`relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar`,children:[(0,_.jsx)(l.ModalCloseButton,{onClose:y,testId:`mcp-custom-editor-close`,disabled:L}),(0,_.jsx)(`h2`,{className:r.cn(`mb-4 pr-6`,c.modalTitleLgClassName),children:b(F?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,_.jsx)(m.MCPServerForm,{mode:F?`edit`:`add`,server:F?e:void 0,existingServers:v,onSubmit:t=>{A(),D(t,{onSuccess:n=>{n.ok&&(F?C({serverId:e.id,server:t},{onSuccess:y,onError:B}):x(t,{onSuccess:y,onError:B}))},onError:B})},onCancel:y,onDelete:F?()=>M(!0):void 0,isActionDisabled:I,onTest:P?void 0:e=>{D(e)},isTestPending:O,testMessage:P?null:z})]})}),j?(0,_.jsx)(u.ConfirmationModal,{text:b(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>M(!1),onConfirm:()=>{T(e,{onSuccess:()=>{a.displaySuccessToast(b(n.I18nKey.MCP$REMOVE_SUCCESS)),M(!1),y()},onError:e=>{B(e),M(!1)}})},isConfirming:E}):null]})}exports.CustomServerEditor=v;
+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(`../../shared/modals/modal-backdrop.cjs`),c=require(`../../../utils/modal-classes.cjs`),l=require(`../../shared/modals/modal-close-button.cjs`),u=require(`../../shared/modals/confirmation-modal.cjs`),d=require(`../../../hooks/mutation/use-delete-mcp-server.cjs`),f=require(`../../../hooks/mutation/use-add-mcp-server.cjs`),p=require(`../../../hooks/mutation/use-test-mcp-server.cjs`),m=require(`../settings/mcp-settings/mcp-server-form.cjs`),h=require(`../../../hooks/mutation/use-update-mcp-server.cjs`);let g=require(`react`);g=e.__toESM(g,1);let _=require(`react/jsx-runtime`);function v({server:e,existingServers:v,onClose:y}){let{t:b}=t.useTranslation(`openhands`),{mutate:x,isPending:S}=f.useAddMcpServer(),{mutate:C,isPending:w}=h.useUpdateMcpServer(),{mutate:T,isPending:E}=d.useDeleteMcpServer(),{mutate:D,isPending:O,data:k,reset:A}=p.useTestMcpServer(),[j,M]=g.default.useState(!1),{backend:N}=o.useActiveBackend(),P=N.kind===`cloud`,F=!!e.id,I=S||w||E,L=I||O||j,R=e=>{switch(e.error_kind){case`timeout`:return b(n.I18nKey.MCP$TEST_ERROR_TIMEOUT);case`connection`:return b(n.I18nKey.MCP$TEST_ERROR_CONNECTION);case`credentials`:return b(n.I18nKey.MCP$TEST_ERROR_CREDENTIALS,{error:e.error});default:return b(n.I18nKey.MCP$TEST_ERROR_UNKNOWN,{error:e.error})}},z=g.default.useMemo(()=>k?k.ok?{ok:!0,text:b(n.I18nKey.MCP$TEST_SUCCESS,{count:k.tools.length})}:{ok:!1,text:R(k)}:null,[k,b]),B=e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||b(n.I18nKey.ERROR$GENERIC))};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(s.ModalBackdrop,{onClose:L?void 0:y,closeOnEscape:!L,"aria-label":b(F?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,_.jsxs)(`div`,{"data-testid":`mcp-custom-editor`,className:`relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar`,children:[(0,_.jsx)(l.ModalCloseButton,{onClose:y,testId:`mcp-custom-editor-close`,disabled:L}),(0,_.jsx)(`h2`,{className:r.cn(`mb-4 pr-6`,c.modalTitleLgClassName),children:b(F?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,_.jsx)(m.MCPServerForm,{mode:F?`edit`:`add`,server:F?e:void 0,existingServers:v,onSubmit:t=>{A(),D(t,{onSuccess:n=>{n.ok&&(F?C({serverId:e.id,server:t},{onSuccess:y,onError:B}):x(t,{onSuccess:y,onError:B}))},onError:B})},onCancel:y,onDelete:F?()=>M(!0):void 0,isActionDisabled:I,onTest:P?void 0:e=>{D(e)},isTestPending:O,testMessage:P?null:z})]})}),j?(0,_.jsx)(u.ConfirmationModal,{text:b(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>M(!1),onConfirm:()=>{T(e,{onSuccess:()=>{a.displaySuccessToast(b(n.I18nKey.MCP$REMOVE_SUCCESS)),M(!1),y()},onError:e=>{B(e),M(!1)}})},isConfirming:E}):null]})}exports.CustomServerEditor=v;
 //# sourceMappingURL=custom-server-editor.cjs.map

package/dist/components/features/mcp-page/custom-server-editor.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"custom-server-editor.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport ~~type~~ { ~~MCPTestFailure } from \"@openhands/typescript-client\";\nimport {~~ I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n MCPServerForm,\n type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n displayErrorToast,\n displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\n\ninterface CustomServerEditorProps {\n server: MCPServerConfig;\n existingServers: MCPServerConfig[];\n onClose: () => void;\n}\n\n/*\n Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n server,\n existingServers,\n onClose,\n}: CustomServerEditorProps) {\n const { t } = useTranslation(\"openhands\");\n const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n const { mutate: updateMcpServer, isPending: isUpdating } =\n useUpdateMcpServer();\n const { mutate: deleteMcpServer, isPending: isDeleting } =\n useDeleteMcpServer();\n const {\n mutate: testServer,\n isPending: isTesting,\n data: testResult,\n reset: resetTest,\n } = useTestMcpServer();\n const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n\n // The MCP connectivity-test endpoint only exists on the local agent-server.\n // For cloud backends `McpService.testServer` short-circuits with a synthetic\n // success so the save still completes; we hide the manual \"Test connection\"\n // button here so cloud users aren't shown a misleading \"0 tools\" result.\n const { backend } = useActiveBackend();\n const isCloudBackend = backend.kind === \"cloud\";\n\n const isEditing = !!server.id;\n const isPending = isAdding \|\| isUpdating \|\| isDeleting;\n const isDismissBlocked = isPending \|\| isTesting \|\| showDeleteConfirm;\n\n const makeTestErrorMessage = (failure: ~~MCPTestFailure~~): string => {\n switch (failure.error_kind) {\n case \"timeout\":\n return t(I18nKey.MCP$TEST_ERROR_TIMEOUT);\n case \"connection\":\n return t(I18nKey.MCP$TEST_ERROR_CONNECTION);\n default:\n return t(I18nKey.MCP$TEST_ERROR_UNKNOWN, { error: failure.error });\n }\n };\n\n const testMessage: TestMessage \| null = React.useMemo(() => {\n if (!testResult) return null;\n if (testResult.ok) {\n return {\n ok: true,\n text: t(I18nKey.MCP$TEST_SUCCESS, { count: testResult.tools.length }),\n };\n }\n return { ok: false, text: makeTestErrorMessage(testResult) };\n }, [testResult, t]);\n\n // Shared error handler so both add and update surface backend errors\n // as a toast instead of failing silently — previously these calls\n // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n // the user to discover the failure on the next page load.\n const handleError = (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n displayErrorToast(message \|\| t(I18nKey.ERROR$GENERIC));\n };\n\n const handleSubmit = (payload: MCPServerConfig) => {\n resetTest();\n testServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n // Test failed — modal stays open, error shown via testMessage.\n return;\n }\n if (isEditing) {\n updateMcpServer(\n { serverId: server.id, server: payload },\n { onSuccess: onClose, onError: handleError },\n );\n } else {\n addMcpServer(payload, { onSuccess: onClose, onError: handleError });\n }\n },\n onError: handleError,\n });\n };\n\n const handleTestClick = (payload: MCPServerConfig) => {\n testServer(payload);\n };\n\n const handleConfirmDelete = () => {\n deleteMcpServer(server, {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n setShowDeleteConfirm(false);\n onClose();\n },\n onError: (err) => {\n handleError(err);\n setShowDeleteConfirm(false);\n },\n });\n };\n\n return (\n <>\n <ModalBackdrop\n // Block backdrop-click / Escape from dismissing the modal while\n // a mutation is in flight — closing mid-request would orphan\n // the request and leave the user with no error feedback.\n onClose={isDismissBlocked ? undefined : onClose}\n closeOnEscape={!isDismissBlocked}\n aria-label={\n isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n }\n >\n <div\n data-testid=\"mcp-custom-editor\"\n className=\"relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"mcp-custom-editor-close\"\n disabled={isDismissBlocked}\n />\n <h2 className={cn(\"mb-4 pr-6\", modalTitleLgClassName)}>\n {isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n </h2>\n <MCPServerForm\n mode={isEditing ? \"edit\" : \"add\"}\n server={isEditing ? server : undefined}\n existingServers={existingServers}\n onSubmit={handleSubmit}\n onCancel={onClose}\n onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n isActionDisabled={isPending}\n onTest={isCloudBackend ? undefined : handleTestClick}\n isTestPending={isTesting}\n testMessage={isCloudBackend ? null : testMessage}\n />\n </div>\n </ModalBackdrop>\n\n {showDeleteConfirm ? (\n <ConfirmationModal\n text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n onCancel={() => setShowDeleteConfirm(false)}\n onConfirm={handleConfirmDelete}\n isConfirming={isDeleting}\n />\n ) : null}\n </>\n );\n}\n"],"mappings":"~~m9BAqCA~~,SAAgB,EAAmB,CACjC,SACA,kBACA,WAC0B,CAC1B,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,OAAQ,EAAc,UAAW,GAAa,EAAA,iBAAiB,CACjE,CAAE,OAAQ,EAAiB,UAAW,GAC1C,EAAA,oBAAoB,CAChB,CAAE,OAAQ,EAAiB,UAAW,GAC1C,EAAA,oBAAoB,CAChB,CACJ,OAAQ,EACR,UAAW,EACX,KAAM,EACN,MAAO,GACL,EAAA,kBAAkB,CAChB,CAAC,EAAmB,GAAwB,EAAA,QAAM,SAAS,GAAM,CAMjE,CAAE,WAAY,EAAA,kBAAkB,CAChC,EAAiB,EAAQ,OAAS,QAElC,EAAY,CAAC,CAAC,EAAO,GACrB,EAAY,GAAY,GAAc,EACtC,EAAmB,GAAa,GAAa,EAE7C,EAAwB,~~GAAoC~~,~~CAChE~~,OAAQ,EAAQ,WAAhB,CACE,IAAK,UACH,OAAO,EAAE,EAAA,QAAQ,uBAAuB,CAC1C,IAAK,aACH,OAAO,EAAE,EAAA,QAAQ,0BAA0B,CAC7C,QACE,OAAO,EAAE,EAAA,QAAQ,uBAAwB,CAAE,MAAO,EAAQ,MAAO,CAAC,GAIlE,EAAkC,EAAA,QAAM,YACvC,EACD,EAAW,GACN,CACL,GAAI,GACJ,KAAM,EAAE,EAAA,QAAQ,iBAAkB,CAAE,MAAO,EAAW,MAAM,OAAQ,CAAC,CACtE,CAEI,CAAE,GAAI,GAAO,KAAM,EAAqB,EAAW,CAAE,CAPpC,KAQvB,CAAC,EAAY,EAAE,CAAC,CAMb,EAAe,GAAiB,CAEpC,EAAA,kBADgB,EAAA,0BAA0B,EACxB,EAAW,EAAE,EAAA,QAAQ,cAAc,CAAC,EA0CxD,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAIE,QAAS,EAAmB,IAAA,GAAY,EACxC,cAAe,CAAC,EAChB,aAEM,EADJ,EACM,EAAA,QAAQ,sBACR,EAAA,QAAQ,qBAAqB,WAGrC,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,oBACZ,UAAU,2JAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,iBAAD,CACW,UACT,OAAO,0BACP,SAAU,EACV,CAAA,EACF,EAAA,EAAA,KAAC,KAAD,CAAI,UAAW,EAAA,GAAG,YAAa,EAAA,sBAAsB,UAE/C,EADH,EACK,EAAA,QAAQ,sBACR,EAAA,QAAQ,qBAAqB,CAChC,CAAA,EACL,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,KAAM,EAAY,OAAS,MAC3B,OAAQ,EAAY,EAAS,IAAA,GACZ,kBACjB,SAvEY,GAA6B,CACjD,GAAW,CACX,EAAW,EAAS,CAClB,UAAY,GAAW,CAChB,EAAO,KAIR,EACF,EACE,CAAE,SAAU,EAAO,GAAI,OAAQ,EAAS,CACxC,CAAE,UAAW,EAAS,QAAS,EAAa,CAC7C,CAED,EAAa,EAAS,CAAE,UAAW,EAAS,QAAS,EAAa,CAAC,GAGvE,QAAS,EACV,CAAC,EAsDM,SAAU,EACV,SAAU,MAAkB,EAAqB,GAAK,CAAG,IAAA,GACzD,iBAAkB,EAClB,OAAQ,EAAiB,IAAA,GAtDV,GAA6B,CACpD,EAAW,EAAQ,EAsDX,cAAe,EACf,YAAa,EAAiB,KAAO,EACrC,CAAA,CACE,GACQ,CAAA,CAEf,GACC,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,KAAM,EAAE,EAAA,QAAQ,4BAA4B,CAC5C,aAAgB,EAAqB,GAAM,CAC3C,cA7D0B,CAChC,EAAgB,EAAQ,CACtB,cAAiB,CACf,EAAA,oBAAoB,EAAE,EAAA,QAAQ,mBAAmB,CAAC,CAClD,EAAqB,GAAM,CAC3B,GAAS,EAEX,QAAU,GAAQ,CAChB,EAAY,EAAI,CAChB,EAAqB,GAAM,EAE9B,CAAC,EAmDI,aAAc,EACd,CAAA,CACA,KACH,CAAA,CAAA"}
1	+ {"version":3,"file":"custom-server-editor.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n MCPServerForm,\n type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { ExtendedMCPTestFailure, MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n displayErrorToast,\n displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\n\ninterface CustomServerEditorProps {\n server: MCPServerConfig;\n existingServers: MCPServerConfig[];\n onClose: () => void;\n}\n\n/*\n Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n server,\n existingServers,\n onClose,\n}: CustomServerEditorProps) {\n const { t } = useTranslation(\"openhands\");\n const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n const { mutate: updateMcpServer, isPending: isUpdating } =\n useUpdateMcpServer();\n const { mutate: deleteMcpServer, isPending: isDeleting } =\n useDeleteMcpServer();\n const {\n mutate: testServer,\n isPending: isTesting,\n data: testResult,\n reset: resetTest,\n } = useTestMcpServer();\n const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n\n // The MCP connectivity-test endpoint only exists on the local agent-server.\n // For cloud backends `McpService.testServer` short-circuits with a synthetic\n // success so the save still completes; we hide the manual \"Test connection\"\n // button here so cloud users aren't shown a misleading \"0 tools\" result.\n const { backend } = useActiveBackend();\n const isCloudBackend = backend.kind === \"cloud\";\n\n const isEditing = !!server.id;\n const isPending = isAdding \|\| isUpdating \|\| isDeleting;\n const isDismissBlocked = isPending \|\| isTesting \|\| showDeleteConfirm;\n\n const makeTestErrorMessage = (failure: ExtendedMCPTestFailure): string => {\n switch (failure.error_kind) {\n case \"timeout\":\n return t(I18nKey.MCP$TEST_ERROR_TIMEOUT);\n case \"connection\":\n return t(I18nKey.MCP$TEST_ERROR_CONNECTION);\n case \"credentials\":\n return t(I18nKey.MCP$TEST_ERROR_CREDENTIALS, { error: failure.error });\n default:\n return t(I18nKey.MCP$TEST_ERROR_UNKNOWN, { error: failure.error });\n }\n };\n\n const testMessage: TestMessage \| null = React.useMemo(() => {\n if (!testResult) return null;\n if (testResult.ok) {\n return {\n ok: true,\n text: t(I18nKey.MCP$TEST_SUCCESS, { count: testResult.tools.length }),\n };\n }\n return { ok: false, text: makeTestErrorMessage(testResult) };\n }, [testResult, t]);\n\n // Shared error handler so both add and update surface backend errors\n // as a toast instead of failing silently — previously these calls\n // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n // the user to discover the failure on the next page load.\n const handleError = (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n displayErrorToast(message \|\| t(I18nKey.ERROR$GENERIC));\n };\n\n const handleSubmit = (payload: MCPServerConfig) => {\n resetTest();\n testServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n // Test failed — modal stays open, error shown via testMessage.\n return;\n }\n if (isEditing) {\n updateMcpServer(\n { serverId: server.id, server: payload },\n { onSuccess: onClose, onError: handleError },\n );\n } else {\n addMcpServer(payload, { onSuccess: onClose, onError: handleError });\n }\n },\n onError: handleError,\n });\n };\n\n const handleTestClick = (payload: MCPServerConfig) => {\n testServer(payload);\n };\n\n const handleConfirmDelete = () => {\n deleteMcpServer(server, {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n setShowDeleteConfirm(false);\n onClose();\n },\n onError: (err) => {\n handleError(err);\n setShowDeleteConfirm(false);\n },\n });\n };\n\n return (\n <>\n <ModalBackdrop\n // Block backdrop-click / Escape from dismissing the modal while\n // a mutation is in flight — closing mid-request would orphan\n // the request and leave the user with no error feedback.\n onClose={isDismissBlocked ? undefined : onClose}\n closeOnEscape={!isDismissBlocked}\n aria-label={\n isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n }\n >\n <div\n data-testid=\"mcp-custom-editor\"\n className=\"relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"mcp-custom-editor-close\"\n disabled={isDismissBlocked}\n />\n <h2 className={cn(\"mb-4 pr-6\", modalTitleLgClassName)}>\n {isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n </h2>\n <MCPServerForm\n mode={isEditing ? \"edit\" : \"add\"}\n server={isEditing ? server : undefined}\n existingServers={existingServers}\n onSubmit={handleSubmit}\n onCancel={onClose}\n onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n isActionDisabled={isPending}\n onTest={isCloudBackend ? undefined : handleTestClick}\n isTestPending={isTesting}\n testMessage={isCloudBackend ? null : testMessage}\n />\n </div>\n </ModalBackdrop>\n\n {showDeleteConfirm ? (\n <ConfirmationModal\n text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n onCancel={() => setShowDeleteConfirm(false)}\n onConfirm={handleConfirmDelete}\n isConfirming={isDeleting}\n />\n ) : null}\n </>\n );\n}\n"],"mappings":"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"}

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

@@ -21,6 +21,7 @@ function b({ server: b, existingServers: x, onClose: S }) {
 		switch (e.error_kind) {
 			case "timeout": return C(t.MCP$TEST_ERROR_TIMEOUT);
 			case "connection": return C(t.MCP$TEST_ERROR_CONNECTION);
+			case "credentials": return C(t.MCP$TEST_ERROR_CREDENTIALS, { error: e.error });
 			default: return C(t.MCP$TEST_ERROR_UNKNOWN, { error: e.error });
 		}
 	}, H = g.useMemo(() => M ? M.ok ? {

package/dist/components/features/mcp-page/custom-server-editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"custom-server-editor.js","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport ~~type~~ { ~~MCPTestFailure } from \"@openhands/typescript-client\";\nimport {~~ I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n MCPServerForm,\n type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n displayErrorToast,\n displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\n\ninterface CustomServerEditorProps {\n server: MCPServerConfig;\n existingServers: MCPServerConfig[];\n onClose: () => void;\n}\n\n/*\n Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n server,\n existingServers,\n onClose,\n}: CustomServerEditorProps) {\n const { t } = useTranslation(\"openhands\");\n const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n const { mutate: updateMcpServer, isPending: isUpdating } =\n useUpdateMcpServer();\n const { mutate: deleteMcpServer, isPending: isDeleting } =\n useDeleteMcpServer();\n const {\n mutate: testServer,\n isPending: isTesting,\n data: testResult,\n reset: resetTest,\n } = useTestMcpServer();\n const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n\n // The MCP connectivity-test endpoint only exists on the local agent-server.\n // For cloud backends `McpService.testServer` short-circuits with a synthetic\n // success so the save still completes; we hide the manual \"Test connection\"\n // button here so cloud users aren't shown a misleading \"0 tools\" result.\n const { backend } = useActiveBackend();\n const isCloudBackend = backend.kind === \"cloud\";\n\n const isEditing = !!server.id;\n const isPending = isAdding \|\| isUpdating \|\| isDeleting;\n const isDismissBlocked = isPending \|\| isTesting \|\| showDeleteConfirm;\n\n const makeTestErrorMessage = (failure: ~~MCPTestFailure~~): string => {\n switch (failure.error_kind) {\n case \"timeout\":\n return t(I18nKey.MCP$TEST_ERROR_TIMEOUT);\n case \"connection\":\n return t(I18nKey.MCP$TEST_ERROR_CONNECTION);\n default:\n return t(I18nKey.MCP$TEST_ERROR_UNKNOWN, { error: failure.error });\n }\n };\n\n const testMessage: TestMessage \| null = React.useMemo(() => {\n if (!testResult) return null;\n if (testResult.ok) {\n return {\n ok: true,\n text: t(I18nKey.MCP$TEST_SUCCESS, { count: testResult.tools.length }),\n };\n }\n return { ok: false, text: makeTestErrorMessage(testResult) };\n }, [testResult, t]);\n\n // Shared error handler so both add and update surface backend errors\n // as a toast instead of failing silently — previously these calls\n // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n // the user to discover the failure on the next page load.\n const handleError = (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n displayErrorToast(message \|\| t(I18nKey.ERROR$GENERIC));\n };\n\n const handleSubmit = (payload: MCPServerConfig) => {\n resetTest();\n testServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n // Test failed — modal stays open, error shown via testMessage.\n return;\n }\n if (isEditing) {\n updateMcpServer(\n { serverId: server.id, server: payload },\n { onSuccess: onClose, onError: handleError },\n );\n } else {\n addMcpServer(payload, { onSuccess: onClose, onError: handleError });\n }\n },\n onError: handleError,\n });\n };\n\n const handleTestClick = (payload: MCPServerConfig) => {\n testServer(payload);\n };\n\n const handleConfirmDelete = () => {\n deleteMcpServer(server, {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n setShowDeleteConfirm(false);\n onClose();\n },\n onError: (err) => {\n handleError(err);\n setShowDeleteConfirm(false);\n },\n });\n };\n\n return (\n <>\n <ModalBackdrop\n // Block backdrop-click / Escape from dismissing the modal while\n // a mutation is in flight — closing mid-request would orphan\n // the request and leave the user with no error feedback.\n onClose={isDismissBlocked ? undefined : onClose}\n closeOnEscape={!isDismissBlocked}\n aria-label={\n isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n }\n >\n <div\n data-testid=\"mcp-custom-editor\"\n className=\"relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"mcp-custom-editor-close\"\n disabled={isDismissBlocked}\n />\n <h2 className={cn(\"mb-4 pr-6\", modalTitleLgClassName)}>\n {isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n </h2>\n <MCPServerForm\n mode={isEditing ? \"edit\" : \"add\"}\n server={isEditing ? server : undefined}\n existingServers={existingServers}\n onSubmit={handleSubmit}\n onCancel={onClose}\n onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n isActionDisabled={isPending}\n onTest={isCloudBackend ? undefined : handleTestClick}\n isTestPending={isTesting}\n testMessage={isCloudBackend ? null : testMessage}\n />\n </div>\n </ModalBackdrop>\n\n {showDeleteConfirm ? (\n <ConfirmationModal\n text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n onCancel={() => setShowDeleteConfirm(false)}\n onConfirm={handleConfirmDelete}\n isConfirming={isDeleting}\n />\n ) : null}\n </>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;~~AAqCA~~,SAAgB,EAAmB,EACjC,WACA,oBACA,cAC0B;CAC1B,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,QAAQ,GAAc,WAAW,MAAa,GAAiB,EACjE,EAAE,QAAQ,GAAiB,WAAW,MAC1C,GAAoB,EAChB,EAAE,QAAQ,GAAiB,WAAW,MAC1C,GAAoB,EAChB,EACJ,QAAQ,GACR,WAAW,GACX,MAAM,GACN,OAAO,MACL,GAAkB,EAChB,CAAC,GAAmB,KAAwB,EAAM,SAAS,GAAM,EAMjE,EAAE,eAAY,GAAkB,EAChC,IAAiB,EAAQ,SAAS,SAElC,IAAY,CAAC,CAAC,EAAO,IACrB,IAAY,KAAY,KAAc,GACtC,IAAmB,KAAa,KAAa,GAE7C,KAAwB,~~MAAoC~~;~~AAChE~~,UAAQ,EAAQ,YAAhB;GACE,KAAK,UACH,QAAO,EAAE,EAAQ,uBAAuB;GAC1C,KAAK,aACH,QAAO,EAAE,EAAQ,0BAA0B;GAC7C,QACE,QAAO,EAAE,EAAQ,wBAAwB,EAAE,OAAO,EAAQ,OAAO,CAAC;;IAIlE,IAAkC,EAAM,cACvC,IACD,EAAW,KACN;EACL,IAAI;EACJ,MAAM,EAAE,EAAQ,kBAAkB,EAAE,OAAO,EAAW,MAAM,QAAQ,CAAC;EACtE,GAEI;EAAE,IAAI;EAAO,MAAM,EAAqB,EAAW;EAAE,GAPpC,MAQvB,CAAC,GAAY,EAAE,CAAC,EAMb,KAAe,MAAiB;AAEpC,IADgB,EAA0B,EACxB,IAAW,EAAE,EAAQ,cAAc,CAAC;;AA0CxD,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAIE,SAAS,IAAmB,KAAA,IAAY;EACxC,eAAe,CAAC;EAChB,cAEM,EADJ,IACM,EAAQ,wBACR,EAAQ,qBAAqB;YAGrC,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAFZ;IAIE,kBAAC,GAAD;KACW;KACT,QAAO;KACP,UAAU;KACV,CAAA;IACF,kBAAC,MAAD;KAAI,WAAW,EAAG,aAAa,EAAsB;eAE/C,EADH,IACK,EAAQ,wBACR,EAAQ,qBAAqB;KAChC,CAAA;IACL,kBAAC,GAAD;KACE,MAAM,IAAY,SAAS;KAC3B,QAAQ,IAAY,IAAS,KAAA;KACZ;KACjB,WAvEY,MAA6B;AAEjD,MADA,GAAW,EACX,EAAW,GAAS;OAClB,YAAY,MAAW;AAChB,UAAO,OAIR,IACF,EACE;SAAE,UAAU,EAAO;SAAI,QAAQ;SAAS,EACxC;SAAE,WAAW;SAAS,SAAS;SAAa,CAC7C,GAED,EAAa,GAAS;SAAE,WAAW;SAAS,SAAS;SAAa,CAAC;;OAGvE,SAAS;OACV,CAAC;;KAsDM,UAAU;KACV,UAAU,UAAkB,EAAqB,GAAK,GAAG,KAAA;KACzD,kBAAkB;KAClB,QAAQ,IAAiB,KAAA,KAtDV,MAA6B;AACpD,QAAW,EAAQ;;KAsDX,eAAe;KACf,aAAa,IAAiB,OAAO;KACrC,CAAA;IACE;;EACQ,CAAA,EAEf,IACC,kBAAC,GAAD;EACE,MAAM,EAAE,EAAQ,4BAA4B;EAC5C,gBAAgB,EAAqB,GAAM;EAC3C,iBA7D0B;AAChC,KAAgB,GAAQ;IACtB,iBAAiB;AAGf,KAFA,EAAoB,EAAE,EAAQ,mBAAmB,CAAC,EAClD,EAAqB,GAAM,EAC3B,GAAS;;IAEX,UAAU,MAAQ;AAEhB,KADA,EAAY,EAAI,EAChB,EAAqB,GAAM;;IAE9B,CAAC;;EAmDI,cAAc;EACd,CAAA,GACA,KACH,EAAA,CAAA"}
1	+ {"version":3,"file":"custom-server-editor.js","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n MCPServerForm,\n type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { ExtendedMCPTestFailure, MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n displayErrorToast,\n displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\n\ninterface CustomServerEditorProps {\n server: MCPServerConfig;\n existingServers: MCPServerConfig[];\n onClose: () => void;\n}\n\n/*\n Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n server,\n existingServers,\n onClose,\n}: CustomServerEditorProps) {\n const { t } = useTranslation(\"openhands\");\n const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n const { mutate: updateMcpServer, isPending: isUpdating } =\n useUpdateMcpServer();\n const { mutate: deleteMcpServer, isPending: isDeleting } =\n useDeleteMcpServer();\n const {\n mutate: testServer,\n isPending: isTesting,\n data: testResult,\n reset: resetTest,\n } = useTestMcpServer();\n const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n\n // The MCP connectivity-test endpoint only exists on the local agent-server.\n // For cloud backends `McpService.testServer` short-circuits with a synthetic\n // success so the save still completes; we hide the manual \"Test connection\"\n // button here so cloud users aren't shown a misleading \"0 tools\" result.\n const { backend } = useActiveBackend();\n const isCloudBackend = backend.kind === \"cloud\";\n\n const isEditing = !!server.id;\n const isPending = isAdding \|\| isUpdating \|\| isDeleting;\n const isDismissBlocked = isPending \|\| isTesting \|\| showDeleteConfirm;\n\n const makeTestErrorMessage = (failure: ExtendedMCPTestFailure): string => {\n switch (failure.error_kind) {\n case \"timeout\":\n return t(I18nKey.MCP$TEST_ERROR_TIMEOUT);\n case \"connection\":\n return t(I18nKey.MCP$TEST_ERROR_CONNECTION);\n case \"credentials\":\n return t(I18nKey.MCP$TEST_ERROR_CREDENTIALS, { error: failure.error });\n default:\n return t(I18nKey.MCP$TEST_ERROR_UNKNOWN, { error: failure.error });\n }\n };\n\n const testMessage: TestMessage \| null = React.useMemo(() => {\n if (!testResult) return null;\n if (testResult.ok) {\n return {\n ok: true,\n text: t(I18nKey.MCP$TEST_SUCCESS, { count: testResult.tools.length }),\n };\n }\n return { ok: false, text: makeTestErrorMessage(testResult) };\n }, [testResult, t]);\n\n // Shared error handler so both add and update surface backend errors\n // as a toast instead of failing silently — previously these calls\n // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n // the user to discover the failure on the next page load.\n const handleError = (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n displayErrorToast(message \|\| t(I18nKey.ERROR$GENERIC));\n };\n\n const handleSubmit = (payload: MCPServerConfig) => {\n resetTest();\n testServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n // Test failed — modal stays open, error shown via testMessage.\n return;\n }\n if (isEditing) {\n updateMcpServer(\n { serverId: server.id, server: payload },\n { onSuccess: onClose, onError: handleError },\n );\n } else {\n addMcpServer(payload, { onSuccess: onClose, onError: handleError });\n }\n },\n onError: handleError,\n });\n };\n\n const handleTestClick = (payload: MCPServerConfig) => {\n testServer(payload);\n };\n\n const handleConfirmDelete = () => {\n deleteMcpServer(server, {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n setShowDeleteConfirm(false);\n onClose();\n },\n onError: (err) => {\n handleError(err);\n setShowDeleteConfirm(false);\n },\n });\n };\n\n return (\n <>\n <ModalBackdrop\n // Block backdrop-click / Escape from dismissing the modal while\n // a mutation is in flight — closing mid-request would orphan\n // the request and leave the user with no error feedback.\n onClose={isDismissBlocked ? undefined : onClose}\n closeOnEscape={!isDismissBlocked}\n aria-label={\n isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n }\n >\n <div\n data-testid=\"mcp-custom-editor\"\n className=\"relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"mcp-custom-editor-close\"\n disabled={isDismissBlocked}\n />\n <h2 className={cn(\"mb-4 pr-6\", modalTitleLgClassName)}>\n {isEditing\n ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n </h2>\n <MCPServerForm\n mode={isEditing ? \"edit\" : \"add\"}\n server={isEditing ? server : undefined}\n existingServers={existingServers}\n onSubmit={handleSubmit}\n onCancel={onClose}\n onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n isActionDisabled={isPending}\n onTest={isCloudBackend ? undefined : handleTestClick}\n isTestPending={isTesting}\n testMessage={isCloudBackend ? null : testMessage}\n />\n </div>\n </ModalBackdrop>\n\n {showDeleteConfirm ? (\n <ConfirmationModal\n text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n onCancel={() => setShowDeleteConfirm(false)}\n onConfirm={handleConfirmDelete}\n isConfirming={isDeleting}\n />\n ) : null}\n </>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoCA,SAAgB,EAAmB,EACjC,WACA,oBACA,cAC0B;CAC1B,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,QAAQ,GAAc,WAAW,MAAa,GAAiB,EACjE,EAAE,QAAQ,GAAiB,WAAW,MAC1C,GAAoB,EAChB,EAAE,QAAQ,GAAiB,WAAW,MAC1C,GAAoB,EAChB,EACJ,QAAQ,GACR,WAAW,GACX,MAAM,GACN,OAAO,MACL,GAAkB,EAChB,CAAC,GAAmB,KAAwB,EAAM,SAAS,GAAM,EAMjE,EAAE,eAAY,GAAkB,EAChC,IAAiB,EAAQ,SAAS,SAElC,IAAY,CAAC,CAAC,EAAO,IACrB,IAAY,KAAY,KAAc,GACtC,IAAmB,KAAa,KAAa,GAE7C,KAAwB,MAA4C;AACxE,UAAQ,EAAQ,YAAhB;GACE,KAAK,UACH,QAAO,EAAE,EAAQ,uBAAuB;GAC1C,KAAK,aACH,QAAO,EAAE,EAAQ,0BAA0B;GAC7C,KAAK,cACH,QAAO,EAAE,EAAQ,4BAA4B,EAAE,OAAO,EAAQ,OAAO,CAAC;GACxE,QACE,QAAO,EAAE,EAAQ,wBAAwB,EAAE,OAAO,EAAQ,OAAO,CAAC;;IAIlE,IAAkC,EAAM,cACvC,IACD,EAAW,KACN;EACL,IAAI;EACJ,MAAM,EAAE,EAAQ,kBAAkB,EAAE,OAAO,EAAW,MAAM,QAAQ,CAAC;EACtE,GAEI;EAAE,IAAI;EAAO,MAAM,EAAqB,EAAW;EAAE,GAPpC,MAQvB,CAAC,GAAY,EAAE,CAAC,EAMb,KAAe,MAAiB;AAEpC,IADgB,EAA0B,EACxB,IAAW,EAAE,EAAQ,cAAc,CAAC;;AA0CxD,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAIE,SAAS,IAAmB,KAAA,IAAY;EACxC,eAAe,CAAC;EAChB,cAEM,EADJ,IACM,EAAQ,wBACR,EAAQ,qBAAqB;YAGrC,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAFZ;IAIE,kBAAC,GAAD;KACW;KACT,QAAO;KACP,UAAU;KACV,CAAA;IACF,kBAAC,MAAD;KAAI,WAAW,EAAG,aAAa,EAAsB;eAE/C,EADH,IACK,EAAQ,wBACR,EAAQ,qBAAqB;KAChC,CAAA;IACL,kBAAC,GAAD;KACE,MAAM,IAAY,SAAS;KAC3B,QAAQ,IAAY,IAAS,KAAA;KACZ;KACjB,WAvEY,MAA6B;AAEjD,MADA,GAAW,EACX,EAAW,GAAS;OAClB,YAAY,MAAW;AAChB,UAAO,OAIR,IACF,EACE;SAAE,UAAU,EAAO;SAAI,QAAQ;SAAS,EACxC;SAAE,WAAW;SAAS,SAAS;SAAa,CAC7C,GAED,EAAa,GAAS;SAAE,WAAW;SAAS,SAAS;SAAa,CAAC;;OAGvE,SAAS;OACV,CAAC;;KAsDM,UAAU;KACV,UAAU,UAAkB,EAAqB,GAAK,GAAG,KAAA;KACzD,kBAAkB;KAClB,QAAQ,IAAiB,KAAA,KAtDV,MAA6B;AACpD,QAAW,EAAQ;;KAsDX,eAAe;KACf,aAAa,IAAiB,OAAO;KACrC,CAAA;IACE;;EACQ,CAAA,EAEf,IACC,kBAAC,GAAD;EACE,MAAM,EAAE,EAAQ,4BAA4B;EAC5C,gBAAgB,EAAqB,GAAM;EAC3C,iBA7D0B;AAChC,KAAgB,GAAQ;IACtB,iBAAiB;AAGf,KAFA,EAAoB,EAAE,EAAQ,mBAAmB,CAAC,EAClD,EAAqB,GAAM,EAC3B,GAAS;;IAEX,UAAU,MAAQ;AAEhB,KADA,EAAY,EAAI,EAChB,EAAqB,GAAM;;IAE9B,CAAC;;EAmDI,cAAc;EACd,CAAA,GACA,KACH,EAAA,CAAA"}

package/dist/components/features/mcp-page/install-server-modal.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/retrieve-axios-error-message.cjs`),i=require(`../../../utils/custom-toast-handlers.cjs`),a=require(`../../../node_modules/uuid/dist/v4.cjs`),o=require(`../../shared/modals/modal-backdrop.cjs`),s=require(`../../../utils/modal-classes.cjs`),c=require(`../../shared/modals/modal-close-button.cjs`),l=require(`../settings/brand-button.cjs`),u=require(`../settings/settings-input.cjs`),d=require(`../../../utils/mcp-marketplace-utils.cjs`),f=require(`../mcp-logo-badge.cjs`),p=require(`./save-as-secret-toggle.cjs`),m=require(`../../../hooks/mutation/use-add-mcp-server.cjs`),h=require(`../../../hooks/mutation/use-test-mcp-server.cjs`),g=require(`../../../hooks/mutation/use-save-fields-as-secrets.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y(e){let t=/\[([^\]]+)\]\(([^)]+)\)/g,n=[],r=0;for(let i of e.matchAll(t))i.index>r&&n.push(e.slice(r,i.index)),n.push((0,v.jsx)(`a`,{href:/^https?:\/\//i.test(i[2])?i[2]:`#`,target:`_blank`,rel:`noreferrer`,className:`underline hover:text-white transition-colors`,children:i[1]},i.index)),r=i.index+i[0].length;return r<e.length&&n.push(e.slice(r)),n}function b(e){return e?.transport.kind!==`shttp`&&e?.transport.kind!==`sse`?!1:[`api_key`,`bearer`,`basic`].includes(e.auth.strategy)}function x(e){return e.transport.kind===`stdio`?e.auth.apiKeyOptional??!1:e.auth.apiKeyOptional??e.transport.apiKeyOptional??!1}function S(e){let t={},n={},r=d.getInstallableMcpConnectionOption(e),i=r?.transport;if(i?.kind===`stdio`){for(let e of i.envFields??[])t[e.key]=``,n[e.key]=e.type===`password`;for(let e of i.argFields??[])t[e.key]=``}else b(r)&&(t.api_key=``);return{values:t,errors:{},savedAsSecret:n}}function C({entry:e,onClose:C,onSuccess:w}){let{t:T}=t.useTranslation(`openhands`),{mutate:E,isPending:D}=m.useAddMcpServer(),{mutate:O,isPending:k}=h.useTestMcpServer(),A=g.useSaveFieldsAsSecrets(),[j,M]=_.default.useState(()=>S(e)),N=_.default.useRef(j);N.current=j;let[P,F]=_.default.useState(null),I=d.getInstallableMcpConnectionOption(e),L=I?.transport,R=k||D,z=(e,t)=>{M(n=>({...n,values:{...n.values,[e]:t},errors:{...n.errors,[e]:null}})),F(null)},B=(e,t)=>{M(n=>({...n,savedAsSecret:{...n.savedAsSecret,[e]:t}}))},V=e=>{switch(e.error_kind){case`timeout`:return T(n.I18nKey.MCP$TEST_ERROR_TIMEOUT);case`connection`:return T(n.I18nKey.MCP$TEST_ERROR_CONNECTION);default:return T(n.I18nKey.MCP$TEST_ERROR_UNKNOWN,{error:e.error})}},H=t=>{O(t,{onSuccess:a=>{if(!a.ok){F(V(a));return}E(t,{onSuccess:()=>{i.displaySuccessToast(T(n.I18nKey.MCP$INSTALL_SUCCESS)),w?.(e),C(),L?.kind===`stdio`&&A(L.envFields??[],N.current.values,N.current.savedAsSecret)},onError:e=>{F(r.retrieveAxiosErrorMessage(e)||T(n.I18nKey.ERROR$GENERIC))}})},onError:e=>{F(r.retrieveAxiosErrorMessage(e)||T(n.I18nKey.ERROR$GENERIC))}})},U=()=>{if(L?.kind!==`shttp`&&L?.kind!==`sse`||!I)return;let e=j.values.api_key?.trim()??``,t=b(I);if(t&&!x(I)&&!e){M(e=>({...e,errors:{api_key:T(n.I18nKey.MCP$ERROR_FIELD_REQUIRED)}}));return}H({id:`${L.kind}-${a.default()}`,type:L.kind,url:L.url,...t&&e&&{api_key:e}})},W=()=>{if(L?.kind!==`stdio`)return;let e=L,t={};for(let r of e.envFields??[])r.required&&!(j.values[r.key]??``).trim()&&(t[r.key]=T(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));for(let r of e.argFields??[])r.required&&!(j.values[r.key]??``).trim()&&(t[r.key]=T(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));if(Object.values(t).some(Boolean)){M(e=>({...e,errors:t}));return}let r={};for(let t of e.envFields??[]){let e=j.values[t.key]?.trim();e&&(r[t.key]=e)}let i=[];for(let t of e.argFields??[]){let e=j.values[t.key]?.trim();if(e)for(let t of e.split(/\s+/))t&&i.push(t)}H({id:`stdio-${a.default()}`,type:`stdio`,name:e.serverName,command:e.command,args:[...e.args,...i],...Object.keys(r).length>0&&{env:r}})};return(0,v.jsx)(o.ModalBackdrop,{onClose:C,"aria-label":e.name,children:(0,v.jsxs)(`form`,{"data-testid":`mcp-install-modal`,"data-marketplace-id":e.id,onSubmit:e=>(e.preventDefault(),F(null),L?.kind===`shttp`||L?.kind===`sse`?U():W()),className:`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar`,children:[(0,v.jsx)(c.ModalCloseButton,{onClose:C,testId:`mcp-install-modal-close`,disabled:R}),(0,v.jsxs)(`div`,{className:`flex items-start gap-3 pr-6`,children:[(0,v.jsx)(f.McpLogoBadge,{entry:e}),(0,v.jsxs)(`div`,{className:`flex flex-col flex-1`,children:[(0,v.jsx)(`h2`,{className:s.modalTitleLgClassName,children:e.name}),(0,v.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.description})]})]}),e.installHint&&(0,v.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.installHint}),e.docsUrl&&(0,v.jsx)(`a`,{href:e.docsUrl,target:`_blank`,rel:`noreferrer`,className:`text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors`,children:T(n.I18nKey.MCP$VIEW_DOCS)}),(0,v.jsx)(`div`,{className:`flex flex-col gap-3`,children:(()=>{if(L?.kind===`shttp`||L?.kind===`sse`){let e=b(I),t=I?x(I):!1;return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(u.SettingsInput,{testId:`mcp-install-field-url`,name:`url`,type:`url`,label:T(n.I18nKey.SETTINGS$MCP_URL),value:L.url,onChange:()=>{},isDisabled:!0,className:`w-full`}),e?(0,v.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,v.jsx)(u.SettingsInput,{testId:`mcp-install-field-api_key`,name:`api_key`,type:`password`,label:T(n.I18nKey.SETTINGS$MCP_API_KEY),value:j.values.api_key??``,onChange:e=>z(`api_key`,e),placeholder:T(n.I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER),showOptionalTag:t,required:!t,className:`w-full`}),j.errors.api_key&&(0,v.jsx)(`p`,{className:`text-xs text-red-500`,children:j.errors.api_key})]}):null]})}if(L?.kind!==`stdio`)return null;let e=L;return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(u.SettingsInput,{testId:`mcp-install-field-command-readonly`,name:`command-readonly`,type:`text`,label:T(n.I18nKey.MCP$COMMAND_LABEL),value:`${e.command} ${e.args.join(` `)}`.trim(),onChange:()=>{},isDisabled:!0,className:`w-full`}),(e.envFields??[]).map(e=>(0,v.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,v.jsx)(u.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:j.values[e.key]??``,onChange:t=>z(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,v.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:y(e.helperText)}),j.errors[e.key]&&(0,v.jsx)(`p`,{className:`text-xs text-red-500`,children:j.errors[e.key]}),e.key in j.savedAsSecret&&(0,v.jsx)(p.SaveAsSecretToggle,{fieldKey:e.key,checked:j.savedAsSecret[e.key],onToggle:t=>B(e.key,t)})]},e.key)),(e.argFields??[]).map(e=>(0,v.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,v.jsx)(u.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:j.values[e.key]??``,onChange:t=>z(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,v.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:y(e.helperText)}),j.errors[e.key]&&(0,v.jsx)(`p`,{className:`text-xs text-red-500`,children:j.errors[e.key]})]},e.key))]})})()}),P&&(0,v.jsx)(`p`,{"data-testid":`mcp-install-modal-error`,className:`text-sm text-red-500 whitespace-pre-wrap`,children:P}),(0,v.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2`,children:[(0,v.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:C,testId:`mcp-install-cancel`,children:T(n.I18nKey.BUTTON$CANCEL)}),(0,v.jsx)(l.BrandButton,{type:`submit`,variant:`primary`,isDisabled:R,testId:`mcp-install-submit`,children:T(k?n.I18nKey.MCP$VERIFYING:D?n.I18nKey.SETTINGS$SAVING:n.I18nKey.MCP$INSTALL_BUTTON)})]})]})})}exports.InstallServerModal=C;
+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/retrieve-axios-error-message.cjs`),i=require(`../../../utils/custom-toast-handlers.cjs`),a=require(`../../../node_modules/uuid/dist/v4.cjs`),o=require(`../../shared/modals/modal-backdrop.cjs`),s=require(`../../../utils/modal-classes.cjs`),c=require(`../../shared/modals/modal-close-button.cjs`),l=require(`../settings/brand-button.cjs`),u=require(`../settings/settings-input.cjs`),d=require(`../../../utils/mcp-marketplace-utils.cjs`),f=require(`../mcp-logo-badge.cjs`),p=require(`./save-as-secret-toggle.cjs`),m=require(`../../../hooks/mutation/use-add-mcp-server.cjs`),h=require(`../../../hooks/mutation/use-test-mcp-server.cjs`),g=require(`../../../hooks/mutation/use-save-fields-as-secrets.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y(e){let t=/\[([^\]]+)\]\(([^)]+)\)/g,n=[],r=0;for(let i of e.matchAll(t))i.index>r&&n.push(e.slice(r,i.index)),n.push((0,v.jsx)(`a`,{href:/^https?:\/\//i.test(i[2])?i[2]:`#`,target:`_blank`,rel:`noreferrer`,className:`underline hover:text-white transition-colors`,children:i[1]},i.index)),r=i.index+i[0].length;return r<e.length&&n.push(e.slice(r)),n}function b(e){return e?.transport.kind!==`shttp`&&e?.transport.kind!==`sse`?!1:[`api_key`,`bearer`,`basic`].includes(e.auth.strategy)}function x(e){return e.transport.kind===`stdio`?e.auth.apiKeyOptional??!1:e.auth.apiKeyOptional??e.transport.apiKeyOptional??!1}function S(e){let t={},n={},r=d.getInstallableMcpConnectionOption(e),i=r?.transport;if(i?.kind===`stdio`){for(let e of i.envFields??[])t[e.key]=``,n[e.key]=e.type===`password`;for(let e of i.argFields??[])t[e.key]=``}else b(r)&&(t.api_key=``,r?.auth.credentialSecretName&&(n.api_key=r.auth.saveCredentialAsSecretByDefault??!1));return{values:t,errors:{},savedAsSecret:n}}function C({entry:e,onClose:C,onSuccess:w}){let{t:T}=t.useTranslation(`openhands`),{mutate:E,isPending:D}=m.useAddMcpServer(),{mutate:O,isPending:k}=h.useTestMcpServer(),A=g.useSaveFieldsAsSecrets(),[j,M]=_.default.useState(()=>S(e)),N=_.default.useRef(j);N.current=j;let[P,F]=_.default.useState(null),[I,L]=_.default.useState(!1),R=d.getInstallableMcpConnectionOption(e),z=R?.transport,B=k||D||I,V=(e,t)=>{M(n=>({...n,values:{...n.values,[e]:t},errors:{...n.errors,[e]:null}})),F(null)},H=(e,t)=>{M(n=>({...n,savedAsSecret:{...n.savedAsSecret,[e]:t}}))},U=()=>{let e=R?.auth.credentialSecretName,t=N.current.values.api_key?.trim();return!e||!t||!N.current.savedAsSecret.api_key?Promise.resolve():A([{key:e,label:R.auth.credentialLabel??e,type:`password`}],{[e]:t},{[e]:!0})},W=()=>z?.kind===`stdio`?A(z.envFields??[],N.current.values,N.current.savedAsSecret):z?.kind===`shttp`||z?.kind===`sse`?U():Promise.resolve(),G=e=>{switch(e.error_kind){case`timeout`:return T(n.I18nKey.MCP$TEST_ERROR_TIMEOUT);case`connection`:return T(n.I18nKey.MCP$TEST_ERROR_CONNECTION);case`credentials`:return T(n.I18nKey.MCP$TEST_ERROR_CREDENTIALS,{error:e.error});default:return T(n.I18nKey.MCP$TEST_ERROR_UNKNOWN,{error:e.error})}},K=t=>{O(t,{onSuccess:a=>{if(!a.ok){F(G(a));return}E(t,{onSuccess:()=>{i.displaySuccessToast(T(n.I18nKey.MCP$INSTALL_SUCCESS)),L(!0),(async()=>{try{await W()}finally{w?.(e),C()}})()},onError:e=>{F(r.retrieveAxiosErrorMessage(e)||T(n.I18nKey.ERROR$GENERIC))}})},onError:e=>{F(r.retrieveAxiosErrorMessage(e)||T(n.I18nKey.ERROR$GENERIC))}})},q=()=>{if(z?.kind!==`shttp`&&z?.kind!==`sse`||!R)return;let e=j.values.api_key?.trim()??``,t=b(R);if(t&&!x(R)&&!e){M(e=>({...e,errors:{api_key:T(n.I18nKey.MCP$ERROR_FIELD_REQUIRED)}}));return}K({id:`${z.kind}-${a.default()}`,type:z.kind,url:z.url,...t&&e&&{api_key:e}})},J=()=>{if(z?.kind!==`stdio`)return;let e=z,t={};for(let r of e.envFields??[])r.required&&!(j.values[r.key]??``).trim()&&(t[r.key]=T(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));for(let r of e.argFields??[])r.required&&!(j.values[r.key]??``).trim()&&(t[r.key]=T(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));if(Object.values(t).some(Boolean)){M(e=>({...e,errors:t}));return}let r={};for(let t of e.envFields??[]){let e=j.values[t.key]?.trim();e&&(r[t.key]=e)}let i=[];for(let t of e.argFields??[]){let e=j.values[t.key]?.trim();if(e)for(let t of e.split(/\s+/))t&&i.push(t)}K({id:`stdio-${a.default()}`,type:`stdio`,name:e.serverName,command:e.command,args:[...e.args,...i],...Object.keys(r).length>0&&{env:r}})};return(0,v.jsx)(o.ModalBackdrop,{onClose:C,"aria-label":e.name,children:(0,v.jsxs)(`form`,{"data-testid":`mcp-install-modal`,"data-marketplace-id":e.id,onSubmit:e=>(e.preventDefault(),F(null),z?.kind===`shttp`||z?.kind===`sse`?q():J()),className:`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar`,children:[(0,v.jsx)(c.ModalCloseButton,{onClose:C,testId:`mcp-install-modal-close`,disabled:B}),(0,v.jsxs)(`div`,{className:`flex items-start gap-3 pr-6`,children:[(0,v.jsx)(f.McpLogoBadge,{entry:e}),(0,v.jsxs)(`div`,{className:`flex flex-col flex-1`,children:[(0,v.jsx)(`h2`,{className:s.modalTitleLgClassName,children:e.name}),(0,v.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.description})]})]}),e.installHint&&(0,v.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.installHint}),e.docsUrl&&(0,v.jsx)(`a`,{href:e.docsUrl,target:`_blank`,rel:`noreferrer`,className:`text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors`,children:T(n.I18nKey.MCP$VIEW_DOCS)}),(0,v.jsx)(`div`,{className:`flex flex-col gap-3`,children:(()=>{if(z?.kind===`shttp`||z?.kind===`sse`){let e=b(R),t=R?x(R):!1,r=R?.auth.credentialSecretName;return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(u.SettingsInput,{testId:`mcp-install-field-url`,name:`url`,type:`url`,label:T(n.I18nKey.SETTINGS$MCP_URL),value:z.url,onChange:()=>{},isDisabled:!0,className:`w-full`}),e?(0,v.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,v.jsx)(u.SettingsInput,{testId:`mcp-install-field-api_key`,name:`api_key`,type:`password`,label:R?.auth.credentialLabel??T(n.I18nKey.SETTINGS$MCP_API_KEY),value:j.values.api_key??``,onChange:e=>V(`api_key`,e),placeholder:R?.auth.credentialPlaceholder??T(n.I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER),showOptionalTag:t,required:!t,className:`w-full`}),R?.auth.credentialHelp&&(0,v.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:y(R.auth.credentialHelp)}),j.errors.api_key&&(0,v.jsx)(`p`,{className:`text-xs text-red-500`,children:j.errors.api_key}),r&&(0,v.jsx)(p.SaveAsSecretToggle,{fieldKey:r,checked:j.savedAsSecret.api_key??!1,onToggle:e=>H(`api_key`,e)})]}):null]})}if(z?.kind!==`stdio`)return null;let e=z;return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(u.SettingsInput,{testId:`mcp-install-field-command-readonly`,name:`command-readonly`,type:`text`,label:T(n.I18nKey.MCP$COMMAND_LABEL),value:`${e.command} ${e.args.join(` `)}`.trim(),onChange:()=>{},isDisabled:!0,className:`w-full`}),(e.envFields??[]).map(e=>(0,v.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,v.jsx)(u.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:j.values[e.key]??``,onChange:t=>V(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,v.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:y(e.helperText)}),j.errors[e.key]&&(0,v.jsx)(`p`,{className:`text-xs text-red-500`,children:j.errors[e.key]}),e.key in j.savedAsSecret&&(0,v.jsx)(p.SaveAsSecretToggle,{fieldKey:e.key,checked:j.savedAsSecret[e.key],onToggle:t=>H(e.key,t)})]},e.key)),(e.argFields??[]).map(e=>(0,v.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,v.jsx)(u.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:j.values[e.key]??``,onChange:t=>V(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,v.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:y(e.helperText)}),j.errors[e.key]&&(0,v.jsx)(`p`,{className:`text-xs text-red-500`,children:j.errors[e.key]})]},e.key))]})})()}),P&&(0,v.jsx)(`p`,{"data-testid":`mcp-install-modal-error`,className:`text-sm text-red-500 whitespace-pre-wrap`,children:P}),(0,v.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2`,children:[(0,v.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:C,testId:`mcp-install-cancel`,isDisabled:B,children:T(n.I18nKey.BUTTON$CANCEL)}),(0,v.jsx)(l.BrandButton,{type:`submit`,variant:`primary`,isDisabled:B,testId:`mcp-install-submit`,children:T(k?n.I18nKey.MCP$VERIFYING:D||I?n.I18nKey.SETTINGS$SAVING:n.I18nKey.MCP$INSTALL_BUTTON)})]})]})})}exports.InstallServerModal=C;
 //# sourceMappingURL=install-server-modal.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"install-server-modal.cjs","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 { v4 as uuidv4 } from \"uuid\";\nimport type { MCPTestFailure } from \"@openhands/typescript-client\";\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 { IntegrationCatalogEntry as MarketplaceEntry } from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\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 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 { modalTitleLgClassName } from \"#/utils/modal-classes\";\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 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\", \"basic\"].includes(option.auth.strategy);\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 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 (optionNeedsCredentialField(option)) {\n values.api_key = \"\";\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 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\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 option = getInstallableMcpConnectionOption(entry);\n const template = option?.transport;\n\n const isPending = isTesting \|\| isAdding;\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 makeTestErrorMessage = (failure: MCPTestFailure): string => {\n switch (failure.error_kind) {\n case \"timeout\":\n return t(I18nKey.MCP$TEST_ERROR_TIMEOUT);\n case \"connection\":\n return t(I18nKey.MCP$TEST_ERROR_CONNECTION);\n default:\n return t(I18nKey.MCP$TEST_ERROR_UNKNOWN, { error: failure.error });\n }\n };\n\n const submitServer = (payload: MCPServerConfig) => {\n testMcpServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n setGlobalError(makeTestErrorMessage(result));\n // Modal stays open — do NOT call onClose.\n return;\n }\n addMcpServer(payload, {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n onSuccess?.(entry);\n onClose();\n\n // Save checked envFields as secrets in the background so the\n // Automation Server can access them without a separate manual step.\n // Runs after onClose so failures don't block the modal from closing.\n // Uses stateRef.current to avoid reading a stale closure snapshot.\n if (template?.kind === \"stdio\") {\n saveFieldsAsSecrets(\n template.envFields ?? [],\n stateRef.current.values,\n stateRef.current.savedAsSecret,\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 needsCredential = optionNeedsCredentialField(option);\n if (needsCredential && !isCredentialOptional(option) && !apiKey) {\n setState((prev) => ({\n ...prev,\n errors: { api_key: t(I18nKey.MCP$ERROR_FIELD_REQUIRED) },\n }));\n return;\n }\n const payload: MCPServerConfig = {\n id: `${template.kind}-${uuidv4()}`,\n type: template.kind,\n url: template.url,\n ...(needsCredential && apiKey && { api_key: apiKey }),\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: `stdio-${uuidv4()}`,\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 shouldRenderCredential = optionNeedsCredentialField(option);\n const apiKeyOptional = option ? isCredentialOptional(option) : false;\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={template.url}\n onChange={() => {}}\n isDisabled\n className=\"w-full\"\n />\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={t(I18nKey.SETTINGS$MCP_API_KEY)}\n value={state.values.api_key ?? \"\"}\n onChange={(v) => setValue(\"api_key\", v)}\n placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n showOptionalTag={apiKeyOptional}\n required={!apiKeyOptional}\n className=\"w-full\"\n />\n {state.errors.api_key && (\n <p className=\"text-xs text-red-500\">{state.errors.api_key}</p>\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 >\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\n ? t(I18nKey.MCP$VERIFYING)\n : isAdding\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.cjs","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 { v4 as uuidv4 } from \"uuid\";\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 { ExtendedMCPTestFailure, MCPServerConfig } from \"#/types/mcp-server\";\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 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 { modalTitleLgClassName } from \"#/utils/modal-classes\";\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 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\", \"basic\"].includes(option.auth.strategy);\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 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 (optionNeedsCredentialField(option)) {\n values.api_key = \"\";\n if (option?.auth.credentialSecretName) {\n savedAsSecret.api_key =\n option.auth.saveCredentialAsSecretByDefault ?? false;\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 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\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 option = getInstallableMcpConnectionOption(entry);\n const template = option?.transport;\n\n const isPending = isTesting \|\| 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 };\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 saveHostedCredentialAsSecret();\n }\n return Promise.resolve();\n };\n\n const makeTestErrorMessage = (failure: ExtendedMCPTestFailure): string => {\n switch (failure.error_kind) {\n case \"timeout\":\n return t(I18nKey.MCP$TEST_ERROR_TIMEOUT);\n case \"connection\":\n return t(I18nKey.MCP$TEST_ERROR_CONNECTION);\n case \"credentials\":\n return t(I18nKey.MCP$TEST_ERROR_CREDENTIALS, { error: failure.error });\n default:\n return t(I18nKey.MCP$TEST_ERROR_UNKNOWN, { error: failure.error });\n }\n };\n\n const submitServer = (payload: MCPServerConfig) => {\n testMcpServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n setGlobalError(makeTestErrorMessage(result));\n // Modal stays open — do NOT call onClose.\n return;\n }\n addMcpServer(payload, {\n onSuccess: () => {\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 needsCredential = optionNeedsCredentialField(option);\n if (needsCredential && !isCredentialOptional(option) && !apiKey) {\n setState((prev) => ({\n ...prev,\n errors: { api_key: t(I18nKey.MCP$ERROR_FIELD_REQUIRED) },\n }));\n return;\n }\n const payload: MCPServerConfig = {\n id: `${template.kind}-${uuidv4()}`,\n type: template.kind,\n url: template.url,\n ...(needsCredential && apiKey && { api_key: apiKey }),\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: `stdio-${uuidv4()}`,\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 shouldRenderCredential = optionNeedsCredentialField(option);\n const apiKeyOptional = option ? isCredentialOptional(option) : false;\n const credentialSecretName = option?.auth.credentialSecretName;\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={template.url}\n onChange={() => {}}\n isDisabled\n className=\"w-full\"\n />\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\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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"}