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

package/dist/package.js.map

@@ -1 +1 @@
-{"version":3,"file":"package.js","names":[],"sources":["../package.json"],"sourcesContent":["{\n  \"name\": \"@openhands/agent-canvas\",\n  \"version\": \"1.0.0-alpha.7\",\n  \"description\": \"Agent Canvas UI for OpenHands - run AI coding agents with a visual interface\",\n  \"license\": \"MIT\",\n  \"private\": false,\n  \"type\": \"module\",\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/OpenHands/agent-canvas\"\n  },\n  \"homepage\": \"https://github.com/OpenHands/agent-canvas#readme\",\n  \"bugs\": {\n    \"url\": \"https://github.com/OpenHands/agent-canvas/issues\"\n  },\n  \"bin\": {\n    \"agent-canvas\": \"bin/agent-canvas.mjs\"\n  },\n  \"engines\": {\n    \"node\": \">=22.12.0\"\n  },\n  \"dependencies\": {\n    \"@heroui/react\": \"2.8.10\",\n    \"@microlink/react-json-view\": \"1.31.20\",\n    \"@monaco-editor/react\": \"4.7.0\",\n    \"@openhands/extensions\": \"git+https://github.com/OpenHands/extensions.git#b8c1869ec9dea4467bb27d5754dc695d14e27889\",\n    \"@openhands/typescript-client\": \"1.23.3\",\n    \"@react-router/node\": \"7.14.2\",\n    \"@react-router/serve\": \"7.14.2\",\n    \"@tailwindcss/vite\": \"4.2.4\",\n    \"@tanstack/react-query\": \"5.100.9\",\n    \"@types/shell-quote\": \"^1.7.5\",\n    \"@uidotdev/usehooks\": \"2.4.1\",\n    \"@xterm/addon-fit\": \"0.11.0\",\n    \"@xterm/xterm\": \"6.0.0\",\n    \"axios\": \"1.16.0\",\n    \"class-variance-authority\": \"0.7.1\",\n    \"clsx\": \"2.1.1\",\n    \"downshift\": \"9.3.2\",\n    \"framer-motion\": \"12.38.0\",\n    \"i18next\": \"26.0.8\",\n    \"i18next-browser-languagedetector\": \"8.2.1\",\n    \"i18next-http-backend\": \"4.0.0\",\n    \"isbot\": \"5.1.39\",\n    \"lucide-react\": \"1.14.0\",\n    \"monaco-editor\": \"0.55.1\",\n    \"posthog-js\": \"1.372.6\",\n    \"react\": \"19.2.5\",\n    \"react-dom\": \"19.2.5\",\n    \"react-hot-toast\": \"2.6.0\",\n    \"react-i18next\": \"17.0.6\",\n    \"react-icons\": \"5.6.0\",\n    \"react-markdown\": \"10.1.0\",\n    \"react-router\": \"7.14.2\",\n    \"react-syntax-highlighter\": \"16.1.1\",\n    \"rehype-raw\": \"7.0.0\",\n    \"rehype-sanitize\": \"6.0.0\",\n    \"remark-breaks\": \"4.0.0\",\n    \"remark-gfm\": \"4.0.1\",\n    \"shell-quote\": \"^1.8.3\",\n    \"sirv-cli\": \"3.0.1\",\n    \"socket.io-client\": \"4.8.3\",\n    \"tailwind-merge\": \"3.5.0\",\n    \"tailwind-scrollbar\": \"4.0.2\",\n    \"unist-util-visit\": \"5.1.0\",\n    \"uuid\": \"14.0.0\",\n    \"vite\": \"8.0.10\",\n    \"zustand\": \"5.0.12\"\n  },\n  \"scripts\": {\n    \"dev\": \"node --env-file-if-exists=.env scripts/dev-with-automation.mjs\",\n    \"dev:static\": \"node --env-file-if-exists=.env scripts/dev-static.mjs\",\n    \"dev:extra-backend\": \"node --env-file-if-exists=.env scripts/dev-extra-backend.mjs\",\n    \"dev:minimal\": \"node --env-file-if-exists=.env scripts/dev-safe.mjs\",\n    \"dev:frontend\": \"npm run make-i18n && cross-env VITE_MOCK_API=false react-router dev\",\n    \"dev:mock\": \"npm run make-i18n && cross-env VITE_MOCK_API=true react-router dev\",\n    \"build\": \"npm run build:app\",\n    \"build:mock\": \"npm run make-i18n && cross-env VITE_MOCK_API=true react-router build\",\n    \"start\": \"npx sirv-cli build/ --single\",\n    \"test\": \"npm run make-i18n && vitest run\",\n    \"test:e2e\": \"playwright test --pass-with-no-tests\",\n    \"test:e2e:live\": \"node --env-file-if-exists=.env tests/e2e/live/scripts/run-live-e2e.mjs\",\n    \"test:e2e:snapshots\": \"playwright test tests/e2e/snapshots --project=chromium --retries=0\",\n    \"test:e2e:snapshots:update\": \"playwright test tests/e2e/snapshots --project=chromium --update-snapshots\",\n    \"test:coverage\": \"npm run make-i18n && vitest run --coverage\",\n    \"dev_wsl\": \"VITE_WATCH_USE_POLLING=true vite\",\n    \"preview\": \"vite preview\",\n    \"make-i18n\": \"node scripts/make-i18n-translations.cjs\",\n    \"prelint\": \"npm run make-i18n\",\n    \"lint\": \"npm run typecheck && eslint src && prettier --check src/**/*.{ts,tsx}\",\n    \"lint:fix\": \"eslint src --fix && prettier --write src/**/*.{ts,tsx}\",\n    \"prepare\": \"husky\",\n    \"typecheck\": \"react-router typegen && tsc\",\n    \"typecheck:staged\": \"react-router typegen && npx tsc --noEmit --skipLibCheck\",\n    \"check-translation-completeness\": \"node scripts/check-translation-completeness.cjs\",\n    \"build:app\": \"npm run make-i18n && react-router build\",\n    \"build:lib\": \"npm run make-i18n && react-router typegen && cross-env BUILD_LIB=true VITE_APP_ENV=production vite build && tsc -p tsconfig.lib.json\",\n    \"build:docker\": \"node scripts/docker-build.mjs\"\n  },\n  \"lint-staged\": {\n    \"src/**/*.{ts,tsx,js}\": [\n      \"eslint --fix\",\n      \"prettier --write\"\n    ],\n    \"src/**/*.{ts,tsx}\": [\n      \"bash -c 'npm run typecheck:staged'\"\n    ],\n    \"src/**/*\": [\n      \"npm run check-translation-completeness\"\n    ]\n  },\n  \"devDependencies\": {\n    \"@eslint/eslintrc\": \"3.3.1\",\n    \"@eslint/js\": \"9.39.4\",\n    \"@mswjs/socket.io-binding\": \"0.2.0\",\n    \"@playwright/test\": \"1.59.1\",\n    \"@react-router/dev\": \"7.14.2\",\n    \"@tailwindcss/typography\": \"0.5.19\",\n    \"@tanstack/eslint-plugin-query\": \"5.100.9\",\n    \"@testing-library/dom\": \"10.4.1\",\n    \"@testing-library/jest-dom\": \"6.9.1\",\n    \"@testing-library/react\": \"16.3.2\",\n    \"@testing-library/user-event\": \"14.6.1\",\n    \"@types/mdast\": \"4.0.4\",\n    \"@types/node\": \"25.6.0\",\n    \"@types/react\": \"19.2.14\",\n    \"@types/react-dom\": \"19.2.3\",\n    \"@types/react-syntax-highlighter\": \"15.5.13\",\n    \"@typescript-eslint/eslint-plugin\": \"8.59.2\",\n    \"@typescript-eslint/parser\": \"8.59.2\",\n    \"@vercel/react-router\": \"1.3.0\",\n    \"@vitest/coverage-v8\": \"4.1.5\",\n    \"cross-env\": \"10.1.0\",\n    \"eslint\": \"9.39.4\",\n    \"eslint-config-prettier\": \"10.1.8\",\n    \"eslint-import-resolver-typescript\": \"4.4.4\",\n    \"eslint-plugin-i18next\": \"6.1.4\",\n    \"eslint-plugin-import-x\": \"4.16.2\",\n    \"eslint-plugin-jsx-a11y\": \"6.10.2\",\n    \"eslint-plugin-prettier\": \"5.5.5\",\n    \"eslint-plugin-react\": \"7.37.5\",\n    \"eslint-plugin-react-hooks\": \"7.1.1\",\n    \"eslint-plugin-unused-imports\": \"4.4.1\",\n    \"globals\": \"16.5.0\",\n    \"husky\": \"9.1.7\",\n    \"jsdom\": \"29.1.1\",\n    \"lint-staged\": \"16.4.0\",\n    \"msw\": \"2.14.2\",\n    \"postcss-prefix-selector\": \"2.1.1\",\n    \"prettier\": \"3.8.3\",\n    \"tailwindcss\": \"4.2.4\",\n    \"typescript\": \"6.0.3\",\n    \"vite-plugin-svgr\": \"5.2.0\",\n    \"vitest\": \"4.1.5\"\n  },\n  \"packageManager\": \"npm@10.5.0\",\n  \"volta\": {\n    \"node\": \"22.12.0\"\n  },\n  \"msw\": {\n    \"workerDirectory\": [\n      \"public\"\n    ]\n  },\n  \"overrides\": {\n    \"dompurify\": \"3.3.2\"\n  },\n  \"main\": \"./dist/index.cjs\",\n  \"module\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"files\": [\n    \"dist\",\n    \"bin\",\n    \"build\",\n    \"config\",\n    \"scripts\"\n  ],\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./browser\": {\n      \"types\": \"./dist/components/browser/index.d.ts\",\n      \"import\": \"./dist/components/browser/index.js\",\n      \"require\": \"./dist/components/browser/index.cjs\"\n    },\n    \"./conversation\": {\n      \"types\": \"./dist/components/conversation/index.d.ts\",\n      \"import\": \"./dist/components/conversation/index.js\",\n      \"require\": \"./dist/components/conversation/index.cjs\"\n    },\n    \"./files\": {\n      \"types\": \"./dist/components/files/index.d.ts\",\n      \"import\": \"./dist/components/files/index.js\",\n      \"require\": \"./dist/components/files/index.cjs\"\n    },\n    \"./settings\": {\n      \"types\": \"./dist/components/settings/index.d.ts\",\n      \"import\": \"./dist/components/settings/index.js\",\n      \"require\": \"./dist/components/settings/index.cjs\"\n    },\n    \"./sidebar\": {\n      \"types\": \"./dist/components/sidebar/index.d.ts\",\n      \"import\": \"./dist/components/sidebar/index.js\",\n      \"require\": \"./dist/components/sidebar/index.cjs\"\n    },\n    \"./terminal\": {\n      \"types\": \"./dist/components/terminal/index.d.ts\",\n      \"import\": \"./dist/components/terminal/index.js\",\n      \"require\": \"./dist/components/terminal/index.cjs\"\n    },\n    \"./i18n\": {\n      \"types\": \"./dist/i18n/index.d.ts\",\n      \"import\": \"./dist/i18n/index.js\",\n      \"require\": \"./dist/i18n/index.cjs\"\n    },\n    \"./package.json\": \"./package.json\"\n  },\n  \"peerDependencies\": {\n    \"react\": \"19.2.5\",\n    \"react-dom\": \"19.2.5\",\n    \"react-router\": \"7.14.2\"\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"package.js","names":[],"sources":["../package.json"],"sourcesContent":["{\n  \"name\": \"@openhands/agent-canvas\",\n  \"version\": \"1.0.0-alpha.8\",\n  \"description\": \"Agent Canvas UI for OpenHands - run AI coding agents with a visual interface\",\n  \"license\": \"MIT\",\n  \"private\": false,\n  \"type\": \"module\",\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/OpenHands/agent-canvas\"\n  },\n  \"homepage\": \"https://github.com/OpenHands/agent-canvas#readme\",\n  \"bugs\": {\n    \"url\": \"https://github.com/OpenHands/agent-canvas/issues\"\n  },\n  \"bin\": {\n    \"agent-canvas\": \"bin/agent-canvas.mjs\"\n  },\n  \"engines\": {\n    \"node\": \">=22.12.0\"\n  },\n  \"dependencies\": {\n    \"@heroui/react\": \"2.8.10\",\n    \"@microlink/react-json-view\": \"1.31.20\",\n    \"@monaco-editor/react\": \"4.7.0\",\n    \"@openhands/extensions\": \"git+https://github.com/OpenHands/extensions.git#39711065f53166c52608462f60a4c8507253ce56\",\n    \"@openhands/typescript-client\": \"1.24.0\",\n    \"@react-router/node\": \"7.14.2\",\n    \"@react-router/serve\": \"7.14.2\",\n    \"@tailwindcss/vite\": \"4.2.4\",\n    \"@tanstack/react-query\": \"5.100.9\",\n    \"@types/shell-quote\": \"^1.7.5\",\n    \"@uidotdev/usehooks\": \"2.4.1\",\n    \"@xterm/addon-fit\": \"0.11.0\",\n    \"@xterm/xterm\": \"6.0.0\",\n    \"axios\": \"1.16.0\",\n    \"class-variance-authority\": \"0.7.1\",\n    \"clsx\": \"2.1.1\",\n    \"downshift\": \"9.3.2\",\n    \"framer-motion\": \"12.38.0\",\n    \"i18next\": \"26.0.8\",\n    \"i18next-browser-languagedetector\": \"8.2.1\",\n    \"i18next-http-backend\": \"4.0.0\",\n    \"isbot\": \"5.1.39\",\n    \"lucide-react\": \"1.14.0\",\n    \"monaco-editor\": \"0.55.1\",\n    \"posthog-js\": \"1.372.6\",\n    \"react\": \"19.2.5\",\n    \"react-dom\": \"19.2.5\",\n    \"react-hot-toast\": \"2.6.0\",\n    \"react-i18next\": \"17.0.6\",\n    \"react-icons\": \"5.6.0\",\n    \"react-markdown\": \"10.1.0\",\n    \"react-router\": \"7.14.2\",\n    \"react-syntax-highlighter\": \"16.1.1\",\n    \"rehype-raw\": \"7.0.0\",\n    \"rehype-sanitize\": \"6.0.0\",\n    \"remark-breaks\": \"4.0.0\",\n    \"remark-gfm\": \"4.0.1\",\n    \"shell-quote\": \"^1.8.3\",\n    \"sirv-cli\": \"3.0.1\",\n    \"socket.io-client\": \"4.8.3\",\n    \"tailwind-merge\": \"3.5.0\",\n    \"tailwind-scrollbar\": \"4.0.2\",\n    \"unist-util-visit\": \"5.1.0\",\n    \"uuid\": \"14.0.0\",\n    \"vite\": \"8.0.10\",\n    \"zustand\": \"5.0.12\"\n  },\n  \"scripts\": {\n    \"dev\": \"node --env-file-if-exists=.env scripts/dev-with-automation.mjs\",\n    \"dev:static\": \"node --env-file-if-exists=.env scripts/dev-static.mjs\",\n    \"dev:extra-backend\": \"node --env-file-if-exists=.env scripts/dev-extra-backend.mjs\",\n    \"dev:minimal\": \"node --env-file-if-exists=.env scripts/dev-safe.mjs\",\n    \"dev:frontend\": \"npm run make-i18n && cross-env VITE_MOCK_API=false react-router dev\",\n    \"dev:mock\": \"npm run make-i18n && cross-env VITE_MOCK_API=true react-router dev\",\n    \"build\": \"npm run build:app\",\n    \"build:mock\": \"npm run make-i18n && cross-env VITE_MOCK_API=true react-router build\",\n    \"start\": \"npx sirv-cli build/ --single\",\n    \"test\": \"npm run make-i18n && vitest run\",\n    \"test:e2e\": \"playwright test --pass-with-no-tests\",\n    \"test:e2e:live\": \"node --env-file-if-exists=.env tests/e2e/live/scripts/run-live-e2e.mjs\",\n    \"test:e2e:mock-llm\": \"playwright test --config=playwright.mock-llm.config.ts\",\n    \"test:e2e:snapshots\": \"playwright test tests/e2e/snapshots --project=chromium --retries=0\",\n    \"test:e2e:snapshots:update\": \"playwright test tests/e2e/snapshots --project=chromium --update-snapshots\",\n    \"test:coverage\": \"npm run make-i18n && vitest run --coverage\",\n    \"dev_wsl\": \"VITE_WATCH_USE_POLLING=true vite\",\n    \"preview\": \"vite preview\",\n    \"make-i18n\": \"node scripts/make-i18n-translations.cjs\",\n    \"prelint\": \"npm run make-i18n\",\n    \"lint\": \"npm run typecheck && eslint src && prettier --check src/**/*.{ts,tsx}\",\n    \"lint:fix\": \"eslint src --fix && prettier --write src/**/*.{ts,tsx}\",\n    \"prepare\": \"husky\",\n    \"typecheck\": \"react-router typegen && tsc\",\n    \"typecheck:staged\": \"react-router typegen && npx tsc --noEmit --skipLibCheck\",\n    \"check-translation-completeness\": \"node scripts/check-translation-completeness.cjs\",\n    \"build:app\": \"npm run make-i18n && react-router build\",\n    \"build:lib\": \"npm run make-i18n && react-router typegen && cross-env BUILD_LIB=true VITE_APP_ENV=production vite build && tsc -p tsconfig.lib.json\",\n    \"build:docker\": \"node scripts/docker-build.mjs\"\n  },\n  \"lint-staged\": {\n    \"src/**/*.{ts,tsx,js}\": [\n      \"eslint --fix\",\n      \"prettier --write\"\n    ],\n    \"src/**/*.{ts,tsx}\": [\n      \"bash -c 'npm run typecheck:staged'\"\n    ],\n    \"src/**/*\": [\n      \"npm run check-translation-completeness\"\n    ]\n  },\n  \"devDependencies\": {\n    \"@eslint/eslintrc\": \"3.3.1\",\n    \"@eslint/js\": \"9.39.4\",\n    \"@mswjs/socket.io-binding\": \"0.2.0\",\n    \"@playwright/test\": \"1.59.1\",\n    \"@react-router/dev\": \"7.14.2\",\n    \"@tailwindcss/typography\": \"0.5.19\",\n    \"@tanstack/eslint-plugin-query\": \"5.100.9\",\n    \"@testing-library/dom\": \"10.4.1\",\n    \"@testing-library/jest-dom\": \"6.9.1\",\n    \"@testing-library/react\": \"16.3.2\",\n    \"@testing-library/user-event\": \"14.6.1\",\n    \"@types/mdast\": \"4.0.4\",\n    \"@types/node\": \"25.6.0\",\n    \"@types/react\": \"19.2.14\",\n    \"@types/react-dom\": \"19.2.3\",\n    \"@types/react-syntax-highlighter\": \"15.5.13\",\n    \"@typescript-eslint/eslint-plugin\": \"8.59.2\",\n    \"@typescript-eslint/parser\": \"8.59.2\",\n    \"@vercel/react-router\": \"1.3.0\",\n    \"@vitest/coverage-v8\": \"4.1.5\",\n    \"cross-env\": \"10.1.0\",\n    \"eslint\": \"9.39.4\",\n    \"eslint-config-prettier\": \"10.1.8\",\n    \"eslint-import-resolver-typescript\": \"4.4.4\",\n    \"eslint-plugin-i18next\": \"6.1.4\",\n    \"eslint-plugin-import-x\": \"4.16.2\",\n    \"eslint-plugin-jsx-a11y\": \"6.10.2\",\n    \"eslint-plugin-prettier\": \"5.5.5\",\n    \"eslint-plugin-react\": \"7.37.5\",\n    \"eslint-plugin-react-hooks\": \"7.1.1\",\n    \"eslint-plugin-unused-imports\": \"4.4.1\",\n    \"globals\": \"16.5.0\",\n    \"husky\": \"9.1.7\",\n    \"jsdom\": \"29.1.1\",\n    \"lint-staged\": \"16.4.0\",\n    \"msw\": \"2.14.2\",\n    \"postcss-prefix-selector\": \"2.1.1\",\n    \"prettier\": \"3.8.3\",\n    \"tailwindcss\": \"4.2.4\",\n    \"typescript\": \"6.0.3\",\n    \"vite-plugin-svgr\": \"5.2.0\",\n    \"vitest\": \"4.1.5\"\n  },\n  \"packageManager\": \"npm@10.5.0\",\n  \"volta\": {\n    \"node\": \"22.12.0\"\n  },\n  \"msw\": {\n    \"workerDirectory\": [\n      \"public\"\n    ]\n  },\n  \"overrides\": {\n    \"dompurify\": \"3.3.2\"\n  },\n  \"main\": \"./dist/index.cjs\",\n  \"module\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"files\": [\n    \"dist\",\n    \"bin\",\n    \"build\",\n    \"config\",\n    \"scripts\",\n    \"tools\"\n  ],\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./browser\": {\n      \"types\": \"./dist/components/browser/index.d.ts\",\n      \"import\": \"./dist/components/browser/index.js\",\n      \"require\": \"./dist/components/browser/index.cjs\"\n    },\n    \"./conversation\": {\n      \"types\": \"./dist/components/conversation/index.d.ts\",\n      \"import\": \"./dist/components/conversation/index.js\",\n      \"require\": \"./dist/components/conversation/index.cjs\"\n    },\n    \"./files\": {\n      \"types\": \"./dist/components/files/index.d.ts\",\n      \"import\": \"./dist/components/files/index.js\",\n      \"require\": \"./dist/components/files/index.cjs\"\n    },\n    \"./settings\": {\n      \"types\": \"./dist/components/settings/index.d.ts\",\n      \"import\": \"./dist/components/settings/index.js\",\n      \"require\": \"./dist/components/settings/index.cjs\"\n    },\n    \"./sidebar\": {\n      \"types\": \"./dist/components/sidebar/index.d.ts\",\n      \"import\": \"./dist/components/sidebar/index.js\",\n      \"require\": \"./dist/components/sidebar/index.cjs\"\n    },\n    \"./terminal\": {\n      \"types\": \"./dist/components/terminal/index.d.ts\",\n      \"import\": \"./dist/components/terminal/index.js\",\n      \"require\": \"./dist/components/terminal/index.cjs\"\n    },\n    \"./i18n\": {\n      \"types\": \"./dist/i18n/index.d.ts\",\n      \"import\": \"./dist/i18n/index.js\",\n      \"require\": \"./dist/i18n/index.cjs\"\n    },\n    \"./package.json\": \"./package.json\"\n  },\n  \"peerDependencies\": {\n    \"react\": \"19.2.5\",\n    \"react-dom\": \"19.2.5\",\n    \"react-router\": \"7.14.2\"\n  }\n}\n"],"mappings":""}

package/dist/routes/mcp.cjs

@@ -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(`../contexts/active-backend-context.cjs`),i=require(`../utils/custom-toast-handlers.cjs`),a=require(`../utils/mcp-config.cjs`),o=require(`../hooks/query/use-settings.cjs`),s=require(`../components/features/settings/brand-button.cjs`),c=require(`../utils/settings-like-page-layout-classes.cjs`),l=require(`../utils/retrieve-axios-error-message.cjs`),u=require(`../components/features/skills/extensions-navigation.cjs`),d=require(`../components/shared/modals/confirmation-modal.cjs`),f=require(`../hooks/mutation/use-delete-mcp-server.cjs`);require(`../utils/acp-route-guard.cjs`);const p=require(`../utils/mcp-marketplace-utils.cjs`),m=require(`../node_modules/@openhands/extensions/mcps/index.cjs`),h=require(`../utils/mcp-installed-servers.cjs`),g=require(`../components/features/mcp-page/installed-servers-section.cjs`),_=require(`../components/features/mcp-page/marketplace-section.cjs`),v=require(`../components/features/mcp-page/install-server-modal.cjs`),y=require(`../components/features/mcp-page/custom-server-editor.cjs`),b=require(`../components/features/mcp-page/mcp-toolbar.cjs`);require(`../components/features/mcp-page/index.cjs`);let x=require(`react`);x=e.__toESM(x,1);let S=require(`react/jsx-runtime`);function C(){let{t:e}=t.useTranslation(`openhands`),{data:C,isLoading:w}=o.useSettings(),{mutate:T,isPending:E}=f.useDeleteMcpServer(),D=r.useActiveBackend().backend.kind,[O,k]=x.default.useState(null),[A,j]=x.default.useState(null),[M,N]=x.default.useState(null),[P,F]=x.default.useState(``),[I,L]=x.default.useState(`all`),R=h.flattenMcpConfig(a.parseMcpConfig(C?.agent_settings?.mcp_config)),z=R.filter(e=>p.installedServerMatchesQuery(e,p.findCatalogEntryForServer(e,m.default),P)),B=e=>{k(e)};return w||!C?(0,S.jsxs)(`div`,{"data-testid":`mcp-page`,className:`flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10`,children:[(0,S.jsx)(u.ExtensionsNavigation,{}),(0,S.jsx)(`div`,{className:`flex h-full flex-1 items-center justify-center px-4 md:px-0`,children:(0,S.jsx)(`div`,{className:`h-8 w-8 rounded-full border-2 border-[var(--oh-border)] border-t-white animate-spin`})})]}):(0,S.jsxs)(`div`,{"data-testid":`mcp-page`,className:`flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10`,children:[(0,S.jsx)(u.ExtensionsNavigation,{}),(0,S.jsxs)(`main`,{className:c.settingsLikeMainScrollClassName,children:[(0,S.jsxs)(`div`,{className:`mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6`,children:[(0,S.jsx)(`div`,{className:`min-w-0`,children:(0,S.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,S.jsxs)(`div`,{className:`space-y-1`,children:[(0,S.jsx)(`h2`,{className:`text-xl font-medium leading-6 text-foreground`,children:e(n.I18nKey.SETTINGS$MCP_TITLE)}),(0,S.jsx)(`div`,{className:`max-w-2xl text-sm text-tertiary-light`,children:e(n.I18nKey.MCP$PAGE_DESCRIPTION)})]}),(0,S.jsx)(s.BrandButton,{type:`button`,variant:`secondary`,testId:`mcp-add-custom-server`,className:`flex-shrink-0 whitespace-nowrap`,onClick:()=>j({id:``,type:`sse`}),children:e(n.I18nKey.MCP$ADD_CUSTOM)})]})}),(0,S.jsx)(b.McpToolbar,{search:P,onSearchChange:F,sectionFilter:I,onSectionFilterChange:L}),I===`library`?null:(0,S.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,S.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:e(n.I18nKey.MCP$INSTALLED_TITLE)}),(0,S.jsx)(g.InstalledServersSection,{servers:z,hasAnyInstalled:R.length>0,query:P,onEdit:e=>{j(e)},onDelete:e=>{let t=R.find(t=>t.id===e);t&&N(t)}})]}),I===`installed`?null:(0,S.jsx)(_.MarketplaceSection,{backendKind:D,onSelect:B,onAdd:B,query:P})]}),O&&(0,S.jsx)(v.InstallServerModal,{entry:O,onClose:()=>k(null)}),A&&(0,S.jsx)(y.CustomServerEditor,{server:A,existingServers:R,onClose:()=>j(null)}),M&&(0,S.jsx)(d.ConfirmationModal,{text:e(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>N(null),onConfirm:()=>{M&&T(M,{onSuccess:()=>{i.displaySuccessToast(e(n.I18nKey.MCP$REMOVE_SUCCESS)),N(null)},onError:t=>{i.displayErrorToast(l.retrieveAxiosErrorMessage(t)||e(n.I18nKey.ERROR$GENERIC)),N(null)}})},isConfirming:E})]})]})}exports.default=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(`../contexts/active-backend-context.cjs`),i=require(`../utils/custom-toast-handlers.cjs`),a=require(`../utils/mcp-config.cjs`),o=require(`../hooks/query/use-settings.cjs`),s=require(`../components/features/settings/brand-button.cjs`),c=require(`../utils/settings-like-page-layout-classes.cjs`),l=require(`../utils/retrieve-axios-error-message.cjs`),u=require(`../components/features/skills/extensions-navigation.cjs`),d=require(`../components/shared/modals/confirmation-modal.cjs`),f=require(`../hooks/mutation/use-delete-mcp-server.cjs`);require(`../utils/acp-route-guard.cjs`);const p=require(`../utils/mcp-marketplace-utils.cjs`),m=require(`../node_modules/@openhands/extensions/integrations/index.cjs`),h=require(`../utils/mcp-installed-servers.cjs`),g=require(`../components/features/mcp-page/installed-servers-section.cjs`),_=require(`../components/features/mcp-page/marketplace-section.cjs`),v=require(`../components/features/mcp-page/install-server-modal.cjs`),y=require(`../components/features/mcp-page/custom-server-editor.cjs`),b=require(`../components/features/mcp-page/mcp-toolbar.cjs`);require(`../components/features/mcp-page/index.cjs`);let x=require(`react`);x=e.__toESM(x,1);let S=require(`react/jsx-runtime`);function C(){let{t:e}=t.useTranslation(`openhands`),{data:C,isLoading:w}=o.useSettings(),{mutate:T,isPending:E}=f.useDeleteMcpServer(),D=r.useActiveBackend().backend.kind,[O,k]=x.default.useState(null),[A,j]=x.default.useState(null),[M,N]=x.default.useState(null),[P,F]=x.default.useState(``),[I,L]=x.default.useState(`all`),R=h.flattenMcpConfig(a.parseMcpConfig(C?.agent_settings?.mcp_config)),z=R.filter(e=>p.installedServerMatchesQuery(e,p.findCatalogEntryForServer(e,m.default),P)),B=e=>{k(e)};return w||!C?(0,S.jsxs)(`div`,{"data-testid":`mcp-page`,className:`flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10`,children:[(0,S.jsx)(u.ExtensionsNavigation,{}),(0,S.jsx)(`div`,{className:`flex h-full flex-1 items-center justify-center px-4 md:px-0`,children:(0,S.jsx)(`div`,{className:`h-8 w-8 rounded-full border-2 border-[var(--oh-border)] border-t-white animate-spin`})})]}):(0,S.jsxs)(`div`,{"data-testid":`mcp-page`,className:`flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10`,children:[(0,S.jsx)(u.ExtensionsNavigation,{}),(0,S.jsxs)(`main`,{className:c.settingsLikeMainScrollClassName,children:[(0,S.jsxs)(`div`,{className:`mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6`,children:[(0,S.jsx)(`div`,{className:`min-w-0`,children:(0,S.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,S.jsxs)(`div`,{className:`space-y-1`,children:[(0,S.jsx)(`h2`,{className:`text-xl font-medium leading-6 text-foreground`,children:e(n.I18nKey.SETTINGS$MCP_TITLE)}),(0,S.jsx)(`div`,{className:`max-w-2xl text-sm text-tertiary-light`,children:e(n.I18nKey.MCP$PAGE_DESCRIPTION)})]}),(0,S.jsx)(s.BrandButton,{type:`button`,variant:`secondary`,testId:`mcp-add-custom-server`,className:`flex-shrink-0 whitespace-nowrap`,onClick:()=>j({id:``,type:`sse`}),children:e(n.I18nKey.MCP$ADD_CUSTOM)})]})}),(0,S.jsx)(b.McpToolbar,{search:P,onSearchChange:F,sectionFilter:I,onSectionFilterChange:L}),I===`library`?null:(0,S.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,S.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:e(n.I18nKey.MCP$INSTALLED_TITLE)}),(0,S.jsx)(g.InstalledServersSection,{servers:z,hasAnyInstalled:R.length>0,query:P,onEdit:e=>{j(e)},onDelete:e=>{let t=R.find(t=>t.id===e);t&&N(t)}})]}),I===`installed`?null:(0,S.jsx)(_.MarketplaceSection,{backendKind:D,onSelect:B,onAdd:B,query:P})]}),O&&(0,S.jsx)(v.InstallServerModal,{entry:O,onClose:()=>k(null)}),A&&(0,S.jsx)(y.CustomServerEditor,{server:A,existingServers:R,onClose:()=>j(null)}),M&&(0,S.jsx)(d.ConfirmationModal,{text:e(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>N(null),onConfirm:()=>{M&&T(M,{onSuccess:()=>{i.displaySuccessToast(e(n.I18nKey.MCP$REMOVE_SUCCESS)),N(null)},onError:t=>{i.displayErrorToast(l.retrieveAxiosErrorMessage(t)||e(n.I18nKey.ERROR$GENERIC)),N(null)}})},isConfirming:E})]})]})}exports.default=C;
 //# sourceMappingURL=mcp.cjs.map

package/dist/routes/mcp.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mcp.cjs","names":[],"sources":["../../src/routes/mcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { ExtensionsNavigation } from \"#/components/features/skills/extensions-navigation\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport { redirectIfAcpActive } from \"#/utils/acp-route-guard\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { settingsLikeMainScrollClassName } from \"#/utils/settings-like-page-layout-classes\";\nimport {\n  findCatalogEntryForServer,\n  installedServerMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport {\n  MCP_CATALOG as MCP_MARKETPLACE,\n  type McpCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/mcps\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  InstalledServersSection,\n  McpToolbar,\n  MarketplaceSection,\n  InstallServerModal,\n  CustomServerEditor,\n  type McpSectionFilter,\n} from \"#/components/features/mcp-page\";\n\n// ACP guard: the ACP sub-agent owns its own MCP server configuration —\n// the SDK explicitly rejects `mcp_config` on ACPAgent init, and\n// `agent-server-adapter` already strips it from start payloads. The\n// Settings → Agent page is where the user configures the ACP server, so\n// bouncing there is consistent with how `/settings` and\n// `/settings/condenser` already behave under ACP.\n//\n// Declared with no parameters (rather than typed as Route.ClientLoaderArgs)\n// so the lib build doesn't pull generated React Router types out of rootDir.\nexport const clientLoader = async () => redirectIfAcpActive();\n\nexport default function MCPPage() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings, isLoading } = useSettings();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n  const activeBackend = useActiveBackend();\n  const backendKind = activeBackend.backend.kind;\n\n  const [installEntry, setInstallEntry] =\n    React.useState<MarketplaceEntry | null>(null);\n  const [editingServer, setEditingServer] =\n    React.useState<MCPServerConfig | null>(null);\n  const [serverToDelete, setServerToDelete] =\n    React.useState<MCPServerConfig | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [sectionFilter, setSectionFilter] =\n    React.useState<McpSectionFilter>(\"all\");\n\n  const mcpConfig = parseMcpConfig(settings?.agent_settings?.mcp_config);\n  const allServers = flattenMcpConfig(mcpConfig);\n\n  // Filter installed servers by the search query. We pair each server\n  // with its catalog entry (if any) so the search can match friendly\n  // names like \"Slack\" against a stdio server whose own `.name` is\n  // just \"slack\".\n  const filteredInstalledServers = allServers.filter((server) =>\n    installedServerMatchesQuery(\n      server,\n      findCatalogEntryForServer(server, MCP_MARKETPLACE),\n      searchQuery,\n    ),\n  );\n\n  const handleMarketplaceInstall = (entry: MarketplaceEntry) => {\n    setInstallEntry(entry);\n  };\n\n  const handleEdit = (server: MCPServerConfig) => {\n    setEditingServer(server);\n  };\n\n  const handleDeleteClick = (serverId: string) => {\n    const target = allServers.find((s) => s.id === serverId);\n    if (target) setServerToDelete(target);\n  };\n\n  const handleConfirmDelete = () => {\n    if (!serverToDelete) return;\n    // Pass the full server config — useDeleteMcpServer re-resolves its\n    // position against the fresh settings at mutation time, so a\n    // background refresh between this click and confirm cannot point\n    // us at the wrong index.\n    deleteMcpServer(serverToDelete, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setServerToDelete(null);\n      },\n      onError: (err) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n        setServerToDelete(null);\n      },\n    });\n  };\n\n  if (isLoading || !settings) {\n    return (\n      <div\n        data-testid=\"mcp-page\"\n        className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n      >\n        <ExtensionsNavigation />\n        <div className=\"flex h-full flex-1 items-center justify-center px-4 md:px-0\">\n          <div className=\"h-8 w-8 rounded-full border-2 border-[var(--oh-border)] border-t-white animate-spin\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"mcp-page\"\n      className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n    >\n      <ExtensionsNavigation />\n      <main className={settingsLikeMainScrollClassName}>\n        <div className=\"mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"space-y-1\">\n                <h2 className=\"text-xl font-medium leading-6 text-foreground\">\n                  {t(I18nKey.SETTINGS$MCP_TITLE)}\n                </h2>\n                <div className=\"max-w-2xl text-sm text-tertiary-light\">\n                  {t(I18nKey.MCP$PAGE_DESCRIPTION)}\n                </div>\n              </div>\n              <BrandButton\n                type=\"button\"\n                variant=\"secondary\"\n                testId=\"mcp-add-custom-server\"\n                className=\"flex-shrink-0 whitespace-nowrap\"\n                onClick={() => setEditingServer({ id: \"\", type: \"sse\" })}\n              >\n                {t(I18nKey.MCP$ADD_CUSTOM)}\n              </BrandButton>\n            </div>\n          </div>\n\n          <McpToolbar\n            search={searchQuery}\n            onSearchChange={setSearchQuery}\n            sectionFilter={sectionFilter}\n            onSectionFilterChange={setSectionFilter}\n          />\n\n          {sectionFilter !== \"library\" ? (\n            <section className=\"flex flex-col gap-3\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {t(I18nKey.MCP$INSTALLED_TITLE)}\n              </h2>\n              <InstalledServersSection\n                servers={filteredInstalledServers}\n                hasAnyInstalled={allServers.length > 0}\n                query={searchQuery}\n                onEdit={handleEdit}\n                onDelete={handleDeleteClick}\n              />\n            </section>\n          ) : null}\n\n          {sectionFilter !== \"installed\" ? (\n            <MarketplaceSection\n              backendKind={backendKind}\n              onSelect={handleMarketplaceInstall}\n              onAdd={handleMarketplaceInstall}\n              query={searchQuery}\n            />\n          ) : null}\n        </div>\n\n        {installEntry && (\n          <InstallServerModal\n            entry={installEntry}\n            onClose={() => setInstallEntry(null)}\n          />\n        )}\n\n        {/* Custom (or non-marketplace) server editor. The empty-id\n            sentinel (`{ id: \"\", type: \"sse\" }`) means \"add new\". */}\n        {editingServer && (\n          <CustomServerEditor\n            server={editingServer}\n            existingServers={allServers}\n            onClose={() => setEditingServer(null)}\n          />\n        )}\n\n        {serverToDelete && (\n          <ConfirmationModal\n            text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n            onCancel={() => setServerToDelete(null)}\n            onConfirm={handleConfirmDelete}\n            isConfirming={isDeleting}\n          />\n        )}\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"mcp.cjs","names":[],"sources":["../../src/routes/mcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { ExtensionsNavigation } from \"#/components/features/skills/extensions-navigation\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport { redirectIfAcpActive } from \"#/utils/acp-route-guard\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { settingsLikeMainScrollClassName } from \"#/utils/settings-like-page-layout-classes\";\nimport {\n  findCatalogEntryForServer,\n  installedServerMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport {\n  INTEGRATION_CATALOG as INTEGRATION_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  InstalledServersSection,\n  McpToolbar,\n  MarketplaceSection,\n  InstallServerModal,\n  CustomServerEditor,\n  type McpSectionFilter,\n} from \"#/components/features/mcp-page\";\n\n// ACP guard: the ACP sub-agent owns its own MCP server configuration —\n// the SDK explicitly rejects `mcp_config` on ACPAgent init, and\n// `agent-server-adapter` already strips it from start payloads. The\n// Settings → Agent page is where the user configures the ACP server, so\n// bouncing there is consistent with how `/settings` and\n// `/settings/condenser` already behave under ACP.\n//\n// Declared with no parameters (rather than typed as Route.ClientLoaderArgs)\n// so the lib build doesn't pull generated React Router types out of rootDir.\nexport const clientLoader = async () => redirectIfAcpActive();\n\nexport default function MCPPage() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings, isLoading } = useSettings();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n  const activeBackend = useActiveBackend();\n  const backendKind = activeBackend.backend.kind;\n\n  const [installEntry, setInstallEntry] =\n    React.useState<MarketplaceEntry | null>(null);\n  const [editingServer, setEditingServer] =\n    React.useState<MCPServerConfig | null>(null);\n  const [serverToDelete, setServerToDelete] =\n    React.useState<MCPServerConfig | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [sectionFilter, setSectionFilter] =\n    React.useState<McpSectionFilter>(\"all\");\n\n  const mcpConfig = parseMcpConfig(settings?.agent_settings?.mcp_config);\n  const allServers = flattenMcpConfig(mcpConfig);\n\n  // Filter installed servers by the search query. We pair each server\n  // with its catalog entry (if any) so the search can match friendly\n  // names like \"Slack\" against a stdio server whose own `.name` is\n  // just \"slack\".\n  const filteredInstalledServers = allServers.filter((server) =>\n    installedServerMatchesQuery(\n      server,\n      findCatalogEntryForServer(server, INTEGRATION_MARKETPLACE),\n      searchQuery,\n    ),\n  );\n\n  const handleMarketplaceInstall = (entry: MarketplaceEntry) => {\n    setInstallEntry(entry);\n  };\n\n  const handleEdit = (server: MCPServerConfig) => {\n    setEditingServer(server);\n  };\n\n  const handleDeleteClick = (serverId: string) => {\n    const target = allServers.find((s) => s.id === serverId);\n    if (target) setServerToDelete(target);\n  };\n\n  const handleConfirmDelete = () => {\n    if (!serverToDelete) return;\n    // Pass the full server config — useDeleteMcpServer re-resolves its\n    // position against the fresh settings at mutation time, so a\n    // background refresh between this click and confirm cannot point\n    // us at the wrong index.\n    deleteMcpServer(serverToDelete, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setServerToDelete(null);\n      },\n      onError: (err) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n        setServerToDelete(null);\n      },\n    });\n  };\n\n  if (isLoading || !settings) {\n    return (\n      <div\n        data-testid=\"mcp-page\"\n        className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n      >\n        <ExtensionsNavigation />\n        <div className=\"flex h-full flex-1 items-center justify-center px-4 md:px-0\">\n          <div className=\"h-8 w-8 rounded-full border-2 border-[var(--oh-border)] border-t-white animate-spin\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"mcp-page\"\n      className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n    >\n      <ExtensionsNavigation />\n      <main className={settingsLikeMainScrollClassName}>\n        <div className=\"mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"space-y-1\">\n                <h2 className=\"text-xl font-medium leading-6 text-foreground\">\n                  {t(I18nKey.SETTINGS$MCP_TITLE)}\n                </h2>\n                <div className=\"max-w-2xl text-sm text-tertiary-light\">\n                  {t(I18nKey.MCP$PAGE_DESCRIPTION)}\n                </div>\n              </div>\n              <BrandButton\n                type=\"button\"\n                variant=\"secondary\"\n                testId=\"mcp-add-custom-server\"\n                className=\"flex-shrink-0 whitespace-nowrap\"\n                onClick={() => setEditingServer({ id: \"\", type: \"sse\" })}\n              >\n                {t(I18nKey.MCP$ADD_CUSTOM)}\n              </BrandButton>\n            </div>\n          </div>\n\n          <McpToolbar\n            search={searchQuery}\n            onSearchChange={setSearchQuery}\n            sectionFilter={sectionFilter}\n            onSectionFilterChange={setSectionFilter}\n          />\n\n          {sectionFilter !== \"library\" ? (\n            <section className=\"flex flex-col gap-3\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {t(I18nKey.MCP$INSTALLED_TITLE)}\n              </h2>\n              <InstalledServersSection\n                servers={filteredInstalledServers}\n                hasAnyInstalled={allServers.length > 0}\n                query={searchQuery}\n                onEdit={handleEdit}\n                onDelete={handleDeleteClick}\n              />\n            </section>\n          ) : null}\n\n          {sectionFilter !== \"installed\" ? (\n            <MarketplaceSection\n              backendKind={backendKind}\n              onSelect={handleMarketplaceInstall}\n              onAdd={handleMarketplaceInstall}\n              query={searchQuery}\n            />\n          ) : null}\n        </div>\n\n        {installEntry && (\n          <InstallServerModal\n            entry={installEntry}\n            onClose={() => setInstallEntry(null)}\n          />\n        )}\n\n        {/* Custom (or non-marketplace) server editor. The empty-id\n            sentinel (`{ id: \"\", type: \"sse\" }`) means \"add new\". */}\n        {editingServer && (\n          <CustomServerEditor\n            server={editingServer}\n            existingServers={allServers}\n            onClose={() => setEditingServer(null)}\n          />\n        )}\n\n        {serverToDelete && (\n          <ConfirmationModal\n            text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n            onCancel={() => setServerToDelete(null)}\n            onConfirm={handleConfirmDelete}\n            isConfirming={isDeleting}\n          />\n        )}\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/routes/mcp.js

@@ -12,7 +12,7 @@ import { ConfirmationModal as d } from "../components/shared/modals/confirmation
 import { useDeleteMcpServer as f } from "../hooks/mutation/use-delete-mcp-server.js";
 import "../utils/acp-route-guard.js";
 import { findCatalogEntryForServer as p, installedServerMatchesQuery as m } from "../utils/mcp-marketplace-utils.js";
-import h from "../node_modules/@openhands/extensions/mcps/index.js";
+import h from "../node_modules/@openhands/extensions/integrations/index.js";
 import { flattenMcpConfig as g } from "../utils/mcp-installed-servers.js";
 import { InstalledServersSection as _ } from "../components/features/mcp-page/installed-servers-section.js";
 import { MarketplaceSection as v } from "../components/features/mcp-page/marketplace-section.js";

package/dist/routes/mcp.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp.js","names":[],"sources":["../../src/routes/mcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { ExtensionsNavigation } from \"#/components/features/skills/extensions-navigation\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport { redirectIfAcpActive } from \"#/utils/acp-route-guard\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { settingsLikeMainScrollClassName } from \"#/utils/settings-like-page-layout-classes\";\nimport {\n  findCatalogEntryForServer,\n  installedServerMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport {\n  MCP_CATALOG as MCP_MARKETPLACE,\n  type McpCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/mcps\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  InstalledServersSection,\n  McpToolbar,\n  MarketplaceSection,\n  InstallServerModal,\n  CustomServerEditor,\n  type McpSectionFilter,\n} from \"#/components/features/mcp-page\";\n\n// ACP guard: the ACP sub-agent owns its own MCP server configuration —\n// the SDK explicitly rejects `mcp_config` on ACPAgent init, and\n// `agent-server-adapter` already strips it from start payloads. The\n// Settings → Agent page is where the user configures the ACP server, so\n// bouncing there is consistent with how `/settings` and\n// `/settings/condenser` already behave under ACP.\n//\n// Declared with no parameters (rather than typed as Route.ClientLoaderArgs)\n// so the lib build doesn't pull generated React Router types out of rootDir.\nexport const clientLoader = async () => redirectIfAcpActive();\n\nexport default function MCPPage() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings, isLoading } = useSettings();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n  const activeBackend = useActiveBackend();\n  const backendKind = activeBackend.backend.kind;\n\n  const [installEntry, setInstallEntry] =\n    React.useState<MarketplaceEntry | null>(null);\n  const [editingServer, setEditingServer] =\n    React.useState<MCPServerConfig | null>(null);\n  const [serverToDelete, setServerToDelete] =\n    React.useState<MCPServerConfig | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [sectionFilter, setSectionFilter] =\n    React.useState<McpSectionFilter>(\"all\");\n\n  const mcpConfig = parseMcpConfig(settings?.agent_settings?.mcp_config);\n  const allServers = flattenMcpConfig(mcpConfig);\n\n  // Filter installed servers by the search query. We pair each server\n  // with its catalog entry (if any) so the search can match friendly\n  // names like \"Slack\" against a stdio server whose own `.name` is\n  // just \"slack\".\n  const filteredInstalledServers = allServers.filter((server) =>\n    installedServerMatchesQuery(\n      server,\n      findCatalogEntryForServer(server, MCP_MARKETPLACE),\n      searchQuery,\n    ),\n  );\n\n  const handleMarketplaceInstall = (entry: MarketplaceEntry) => {\n    setInstallEntry(entry);\n  };\n\n  const handleEdit = (server: MCPServerConfig) => {\n    setEditingServer(server);\n  };\n\n  const handleDeleteClick = (serverId: string) => {\n    const target = allServers.find((s) => s.id === serverId);\n    if (target) setServerToDelete(target);\n  };\n\n  const handleConfirmDelete = () => {\n    if (!serverToDelete) return;\n    // Pass the full server config — useDeleteMcpServer re-resolves its\n    // position against the fresh settings at mutation time, so a\n    // background refresh between this click and confirm cannot point\n    // us at the wrong index.\n    deleteMcpServer(serverToDelete, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setServerToDelete(null);\n      },\n      onError: (err) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n        setServerToDelete(null);\n      },\n    });\n  };\n\n  if (isLoading || !settings) {\n    return (\n      <div\n        data-testid=\"mcp-page\"\n        className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n      >\n        <ExtensionsNavigation />\n        <div className=\"flex h-full flex-1 items-center justify-center px-4 md:px-0\">\n          <div className=\"h-8 w-8 rounded-full border-2 border-[var(--oh-border)] border-t-white animate-spin\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"mcp-page\"\n      className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n    >\n      <ExtensionsNavigation />\n      <main className={settingsLikeMainScrollClassName}>\n        <div className=\"mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"space-y-1\">\n                <h2 className=\"text-xl font-medium leading-6 text-foreground\">\n                  {t(I18nKey.SETTINGS$MCP_TITLE)}\n                </h2>\n                <div className=\"max-w-2xl text-sm text-tertiary-light\">\n                  {t(I18nKey.MCP$PAGE_DESCRIPTION)}\n                </div>\n              </div>\n              <BrandButton\n                type=\"button\"\n                variant=\"secondary\"\n                testId=\"mcp-add-custom-server\"\n                className=\"flex-shrink-0 whitespace-nowrap\"\n                onClick={() => setEditingServer({ id: \"\", type: \"sse\" })}\n              >\n                {t(I18nKey.MCP$ADD_CUSTOM)}\n              </BrandButton>\n            </div>\n          </div>\n\n          <McpToolbar\n            search={searchQuery}\n            onSearchChange={setSearchQuery}\n            sectionFilter={sectionFilter}\n            onSectionFilterChange={setSectionFilter}\n          />\n\n          {sectionFilter !== \"library\" ? (\n            <section className=\"flex flex-col gap-3\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {t(I18nKey.MCP$INSTALLED_TITLE)}\n              </h2>\n              <InstalledServersSection\n                servers={filteredInstalledServers}\n                hasAnyInstalled={allServers.length > 0}\n                query={searchQuery}\n                onEdit={handleEdit}\n                onDelete={handleDeleteClick}\n              />\n            </section>\n          ) : null}\n\n          {sectionFilter !== \"installed\" ? (\n            <MarketplaceSection\n              backendKind={backendKind}\n              onSelect={handleMarketplaceInstall}\n              onAdd={handleMarketplaceInstall}\n              query={searchQuery}\n            />\n          ) : null}\n        </div>\n\n        {installEntry && (\n          <InstallServerModal\n            entry={installEntry}\n            onClose={() => setInstallEntry(null)}\n          />\n        )}\n\n        {/* Custom (or non-marketplace) server editor. The empty-id\n            sentinel (`{ id: \"\", type: \"sse\" }`) means \"add new\". */}\n        {editingServer && (\n          <CustomServerEditor\n            server={editingServer}\n            existingServers={allServers}\n            onClose={() => setEditingServer(null)}\n          />\n        )}\n\n        {serverToDelete && (\n          <ConfirmationModal\n            text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n            onCancel={() => setServerToDelete(null)}\n            onConfirm={handleConfirmDelete}\n            isConfirming={isDeleting}\n          />\n        )}\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"mcp.js","names":[],"sources":["../../src/routes/mcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { ExtensionsNavigation } from \"#/components/features/skills/extensions-navigation\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport { redirectIfAcpActive } from \"#/utils/acp-route-guard\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { settingsLikeMainScrollClassName } from \"#/utils/settings-like-page-layout-classes\";\nimport {\n  findCatalogEntryForServer,\n  installedServerMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport {\n  INTEGRATION_CATALOG as INTEGRATION_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  InstalledServersSection,\n  McpToolbar,\n  MarketplaceSection,\n  InstallServerModal,\n  CustomServerEditor,\n  type McpSectionFilter,\n} from \"#/components/features/mcp-page\";\n\n// ACP guard: the ACP sub-agent owns its own MCP server configuration —\n// the SDK explicitly rejects `mcp_config` on ACPAgent init, and\n// `agent-server-adapter` already strips it from start payloads. The\n// Settings → Agent page is where the user configures the ACP server, so\n// bouncing there is consistent with how `/settings` and\n// `/settings/condenser` already behave under ACP.\n//\n// Declared with no parameters (rather than typed as Route.ClientLoaderArgs)\n// so the lib build doesn't pull generated React Router types out of rootDir.\nexport const clientLoader = async () => redirectIfAcpActive();\n\nexport default function MCPPage() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings, isLoading } = useSettings();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n  const activeBackend = useActiveBackend();\n  const backendKind = activeBackend.backend.kind;\n\n  const [installEntry, setInstallEntry] =\n    React.useState<MarketplaceEntry | null>(null);\n  const [editingServer, setEditingServer] =\n    React.useState<MCPServerConfig | null>(null);\n  const [serverToDelete, setServerToDelete] =\n    React.useState<MCPServerConfig | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [sectionFilter, setSectionFilter] =\n    React.useState<McpSectionFilter>(\"all\");\n\n  const mcpConfig = parseMcpConfig(settings?.agent_settings?.mcp_config);\n  const allServers = flattenMcpConfig(mcpConfig);\n\n  // Filter installed servers by the search query. We pair each server\n  // with its catalog entry (if any) so the search can match friendly\n  // names like \"Slack\" against a stdio server whose own `.name` is\n  // just \"slack\".\n  const filteredInstalledServers = allServers.filter((server) =>\n    installedServerMatchesQuery(\n      server,\n      findCatalogEntryForServer(server, INTEGRATION_MARKETPLACE),\n      searchQuery,\n    ),\n  );\n\n  const handleMarketplaceInstall = (entry: MarketplaceEntry) => {\n    setInstallEntry(entry);\n  };\n\n  const handleEdit = (server: MCPServerConfig) => {\n    setEditingServer(server);\n  };\n\n  const handleDeleteClick = (serverId: string) => {\n    const target = allServers.find((s) => s.id === serverId);\n    if (target) setServerToDelete(target);\n  };\n\n  const handleConfirmDelete = () => {\n    if (!serverToDelete) return;\n    // Pass the full server config — useDeleteMcpServer re-resolves its\n    // position against the fresh settings at mutation time, so a\n    // background refresh between this click and confirm cannot point\n    // us at the wrong index.\n    deleteMcpServer(serverToDelete, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setServerToDelete(null);\n      },\n      onError: (err) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n        setServerToDelete(null);\n      },\n    });\n  };\n\n  if (isLoading || !settings) {\n    return (\n      <div\n        data-testid=\"mcp-page\"\n        className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n      >\n        <ExtensionsNavigation />\n        <div className=\"flex h-full flex-1 items-center justify-center px-4 md:px-0\">\n          <div className=\"h-8 w-8 rounded-full border-2 border-[var(--oh-border)] border-t-white animate-spin\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"mcp-page\"\n      className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n    >\n      <ExtensionsNavigation />\n      <main className={settingsLikeMainScrollClassName}>\n        <div className=\"mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"space-y-1\">\n                <h2 className=\"text-xl font-medium leading-6 text-foreground\">\n                  {t(I18nKey.SETTINGS$MCP_TITLE)}\n                </h2>\n                <div className=\"max-w-2xl text-sm text-tertiary-light\">\n                  {t(I18nKey.MCP$PAGE_DESCRIPTION)}\n                </div>\n              </div>\n              <BrandButton\n                type=\"button\"\n                variant=\"secondary\"\n                testId=\"mcp-add-custom-server\"\n                className=\"flex-shrink-0 whitespace-nowrap\"\n                onClick={() => setEditingServer({ id: \"\", type: \"sse\" })}\n              >\n                {t(I18nKey.MCP$ADD_CUSTOM)}\n              </BrandButton>\n            </div>\n          </div>\n\n          <McpToolbar\n            search={searchQuery}\n            onSearchChange={setSearchQuery}\n            sectionFilter={sectionFilter}\n            onSectionFilterChange={setSectionFilter}\n          />\n\n          {sectionFilter !== \"library\" ? (\n            <section className=\"flex flex-col gap-3\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {t(I18nKey.MCP$INSTALLED_TITLE)}\n              </h2>\n              <InstalledServersSection\n                servers={filteredInstalledServers}\n                hasAnyInstalled={allServers.length > 0}\n                query={searchQuery}\n                onEdit={handleEdit}\n                onDelete={handleDeleteClick}\n              />\n            </section>\n          ) : null}\n\n          {sectionFilter !== \"installed\" ? (\n            <MarketplaceSection\n              backendKind={backendKind}\n              onSelect={handleMarketplaceInstall}\n              onAdd={handleMarketplaceInstall}\n              query={searchQuery}\n            />\n          ) : null}\n        </div>\n\n        {installEntry && (\n          <InstallServerModal\n            entry={installEntry}\n            onClose={() => setInstallEntry(null)}\n          />\n        )}\n\n        {/* Custom (or non-marketplace) server editor. The empty-id\n            sentinel (`{ id: \"\", type: \"sse\" }`) means \"add new\". */}\n        {editingServer && (\n          <CustomServerEditor\n            server={editingServer}\n            existingServers={allServers}\n            onClose={() => setEditingServer(null)}\n          />\n        )}\n\n        {serverToDelete && (\n          <ConfirmationModal\n            text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n            onCancel={() => setServerToDelete(null)}\n            onConfirm={handleConfirmDelete}\n            isConfirming={isDeleting}\n          />\n        )}\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/utils/mcp-marketplace-utils.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);var e=e=>{try{return new URL(e)}catch{return null}};function t(t,n){let r=typeof t==`string`?t:``,i=typeof n==`string`?n:``;if(!r||!i)return!1;let a=e(r),o=e(i);return!a||!o?r.replace(/\/+$/,``)===i.replace(/\/+$/,``):a.protocol===o.protocol&&a.host===o.host&&a.pathname.replace(/\/+$/,``)===o.pathname.replace(/\/+$/,``)}function n(e,t){return!e.availability||e.availability===`all`?!0:e.availability===t}function r(e){return e.trim().toLowerCase()}function i(e){return e.map((e,t)=>({entry:e,index:t})).sort((e,t)=>(t.entry.popularityRank??0)-(e.entry.popularityRank??0)||e.index-t.index).map(({entry:e})=>e)}function a(e,t){let n=r(t);return n?[e.name,e.description,e.id,...e.keywords??[]].join(` `).toLowerCase().includes(n):!0}function o(e,t,n){let i=r(n);return i?[e.type,`name`in e?e.name:void 0,`command`in e?e.command:void 0,`args`in e?e.args?.join(` `):void 0,`url`in e?e.url:void 0,t?.name,t?.description,t?.id,...t?.keywords??[]].filter(Boolean).join(` `).toLowerCase().includes(i):!0}function s(e,n){return n.find(n=>{let r=n.template;return r.kind===`stdio`?e.type===`stdio`&&e.name===r.serverName:r.kind===`shttp`?e.type===`shttp`&&t(e.url,r.url):r.kind===`sse`?e.type===`sse`&&t(e.url,r.url):!1})}exports.findCatalogEntryForServer=s,exports.getMarketplaceEntriesByPopularity=i,exports.installedServerMatchesQuery=o,exports.isMarketplaceEntryAvailable=n,exports.marketplaceEntryMatchesQuery=a;
+require(`../_virtual/_rolldown/runtime.cjs`);var e=e=>{try{return new URL(e)}catch{return null}};function t(t,n){let r=typeof t==`string`?t:``,i=typeof n==`string`?n:``;if(!r||!i)return!1;let a=e(r),o=e(i);return!a||!o?r.replace(/\/+$/,``)===i.replace(/\/+$/,``):a.protocol===o.protocol&&a.host===o.host&&a.pathname.replace(/\/+$/,``)===o.pathname.replace(/\/+$/,``)}function n(e){return(e.connectionOptions.find(t=>t.id===e.defaultConnectionOptionId)??e.connectionOptions[0])?.transport}function r(e){let t=e.connectionOptions.find(e=>e.transport?.kind===`stdio`);return t?.transport?t.transport:n(e)}function i(e,t){return!e.runtimeAvailability||e.runtimeAvailability===`all`?!0:e.runtimeAvailability===t}function a(e){return e.trim().toLowerCase()}function o(e){return e.map((e,t)=>({entry:e,index:t})).sort((e,t)=>(t.entry.popularityRank??0)-(e.entry.popularityRank??0)||e.index-t.index).map(({entry:e})=>e)}function s(e,t){let n=a(t);return n?[e.name,e.description,e.id,...e.keywords??[]].join(` `).toLowerCase().includes(n):!0}function c(e,t,n){let r=a(n);return r?[e.type,`name`in e?e.name:void 0,`command`in e?e.command:void 0,`args`in e?e.args?.join(` `):void 0,`url`in e?e.url:void 0,t?.name,t?.description,t?.id,...t?.keywords??[]].filter(Boolean).join(` `).toLowerCase().includes(r):!0}function l(e,n){return n.find(n=>{for(let r of n.connectionOptions){let n=r.transport;if(n&&(n.kind===`stdio`&&e.type===`stdio`&&e.name===n.serverName||n.kind===`shttp`&&e.type===`shttp`&&t(e.url,n.url)||n.kind===`sse`&&e.type===`sse`&&t(e.url,n.url)))return!0}return!1})}exports.findCatalogEntryForServer=l,exports.getDefaultTemplate=n,exports.getInstallableTemplate=r,exports.getMarketplaceEntriesByPopularity=o,exports.installedServerMatchesQuery=c,exports.isMarketplaceEntryAvailable=i,exports.marketplaceEntryMatchesQuery=s;
 //# sourceMappingURL=mcp-marketplace-utils.cjs.map

package/dist/utils/mcp-marketplace-utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-marketplace-utils.cjs","names":[],"sources":["../../src/utils/mcp-marketplace-utils.ts"],"sourcesContent":["import { MCPServerConfig } from \"#/types/mcp-server\";\nimport type {\n  McpCatalogEntry as MarketplaceEntry,\n  MarketplaceTemplate,\n} from \"@openhands/extensions/mcps\";\n\nconst tryUrl = (raw: string): URL | null => {\n  try {\n    return new URL(raw);\n  } catch {\n    return null;\n  }\n};\n\n/**\n * Loose URL match that ignores query strings, trailing slashes, and\n * default ports. We want clicking \"Linear\" to flag the entry as\n * installed even if the user pasted the URL with extra trailing slash\n * or a different port-equivalent variant.\n *\n * Defensive against runtime data that doesn't match the static type:\n * if either input is not a string (e.g. parsed from an older settings\n * blob), we fall through the URL parsing path and the safe trim\n * fallback below, never calling `.replace` on undefined.\n */\nexport function urlsMatch(a: unknown, b: unknown): boolean {\n  const aStr = typeof a === \"string\" ? a : \"\";\n  const bStr = typeof b === \"string\" ? b : \"\";\n  if (!aStr || !bStr) return false;\n  const left = tryUrl(aStr);\n  const right = tryUrl(bStr);\n  if (!left || !right) {\n    return aStr.replace(/\\/+$/, \"\") === bStr.replace(/\\/+$/, \"\");\n  }\n  return (\n    left.protocol === right.protocol &&\n    left.host === right.host &&\n    left.pathname.replace(/\\/+$/, \"\") === right.pathname.replace(/\\/+$/, \"\")\n  );\n}\n\n/**\n * Decide whether a marketplace template is already represented by one\n * of the installed MCP servers. Used to render an \"Installed\" badge on\n * the marketplace tile. Returns the first matching server, or null.\n */\nexport function findInstalledMatch(\n  template: MarketplaceTemplate,\n  servers: MCPServerConfig[],\n): MCPServerConfig | null {\n  if (template.kind === \"shttp\") {\n    const tplUrl = template.url;\n    if (!tplUrl) return null;\n    return (\n      servers.find(\n        (s) => s.type === \"shttp\" && !!s.url && urlsMatch(s.url, tplUrl),\n      ) ?? null\n    );\n  }\n\n  if (template.kind === \"sse\") {\n    const tplUrl = template.url;\n    if (!tplUrl) return null;\n    return (\n      servers.find(\n        (s) => s.type === \"sse\" && !!s.url && urlsMatch(s.url, tplUrl),\n      ) ?? null\n    );\n  }\n\n  // stdio: match on the registered server name.\n  return (\n    servers.find((s) => s.type === \"stdio\" && s.name === template.serverName) ??\n    null\n  );\n}\n\nexport function isMarketplaceEntryAvailable(\n  entry: MarketplaceEntry,\n  backendKind: \"local\" | \"cloud\",\n): boolean {\n  if (!entry.availability || entry.availability === \"all\") return true;\n  return entry.availability === backendKind;\n}\n\nfunction normalize(query: string): string {\n  return query.trim().toLowerCase();\n}\n\n/**\n * Case-insensitive substring match against the catalog entry's\n * user-visible identity (name, description, id, keywords). Empty\n * queries always match.\n */\nexport function getMarketplaceEntriesByPopularity(\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry[] {\n  return catalog\n    .map((entry, index) => ({ entry, index }))\n    .sort((a, b) => {\n      const byPopularity =\n        (b.entry.popularityRank ?? 0) - (a.entry.popularityRank ?? 0);\n      return byPopularity || a.index - b.index;\n    })\n    .map(({ entry }) => entry);\n}\n\nexport function getMarketplaceEntryById(\n  id: string,\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry | undefined {\n  return catalog.find((entry) => entry.id === id);\n}\n\nexport function marketplaceEntryMatchesQuery(\n  entry: MarketplaceEntry,\n  rawQuery: string,\n): boolean {\n  const q = normalize(rawQuery);\n  if (!q) return true;\n  const haystack = [\n    entry.name,\n    entry.description,\n    entry.id,\n    ...(entry.keywords ?? []),\n  ]\n    .join(\" \")\n    .toLowerCase();\n  return haystack.includes(q);\n}\n\n/**\n * Search match for an installed (already-configured) server. We\n * search the server's own identifying fields and — if it's a catalog\n * entry — its catalog name/keywords too, so typing \"Slack\" matches\n * the installed Slack tile even though the persisted server is just\n * `{ type: \"stdio\", name: \"slack\", ... }`.\n */\nexport function installedServerMatchesQuery(\n  server: MCPServerConfig,\n  catalogEntry: MarketplaceEntry | undefined,\n  rawQuery: string,\n): boolean {\n  const q = normalize(rawQuery);\n  if (!q) return true;\n  const haystack = [\n    server.type,\n    \"name\" in server ? server.name : undefined,\n    \"command\" in server ? server.command : undefined,\n    \"args\" in server ? server.args?.join(\" \") : undefined,\n    \"url\" in server ? server.url : undefined,\n    catalogEntry?.name,\n    catalogEntry?.description,\n    catalogEntry?.id,\n    ...(catalogEntry?.keywords ?? []),\n  ]\n    .filter(Boolean)\n    .join(\" \")\n    .toLowerCase();\n  return haystack.includes(q);\n}\n\n/**\n * Look up the catalog entry that best matches an installed server.\n * Mirrors the lookup used in `installed-server-card.tsx` for\n * rendering the friendly icon.\n */\nexport function findCatalogEntryForServer(\n  server: MCPServerConfig,\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry | undefined {\n  return catalog.find((entry) => {\n    const tpl = entry.template;\n    if (tpl.kind === \"stdio\")\n      return server.type === \"stdio\" && server.name === tpl.serverName;\n    // Reuse the same loose URL match as `findInstalledMatch` so a\n    // server whose URL was normalized by the backend (trailing slash\n    // stripped, query string dropped, etc.) still gets paired with\n    // its catalog tile — otherwise the installed-servers list would\n    // render the generic icon while the marketplace shows the\n    // entry as installed, which is confusing.\n    if (tpl.kind === \"shttp\")\n      return server.type === \"shttp\" && urlsMatch(server.url, tpl.url);\n    if (tpl.kind === \"sse\")\n      return server.type === \"sse\" && urlsMatch(server.url, tpl.url);\n    return false;\n  });\n}\n"],"mappings":"6CAMA,IAAM,EAAU,GAA4B,CAC1C,GAAI,CACF,OAAO,IAAI,IAAI,EAAI,MACb,CACN,OAAO,OAeX,SAAgB,EAAU,EAAY,EAAqB,CACzD,IAAM,EAAO,OAAO,GAAM,SAAW,EAAI,GACnC,EAAO,OAAO,GAAM,SAAW,EAAI,GACzC,GAAI,CAAC,GAAQ,CAAC,EAAM,MAAO,GAC3B,IAAM,EAAO,EAAO,EAAK,CACnB,EAAQ,EAAO,EAAK,CAI1B,MAHI,CAAC,GAAQ,CAAC,EACL,EAAK,QAAQ,OAAQ,GAAG,GAAK,EAAK,QAAQ,OAAQ,GAAG,CAG5D,EAAK,WAAa,EAAM,UACxB,EAAK,OAAS,EAAM,MACpB,EAAK,SAAS,QAAQ,OAAQ,GAAG,GAAK,EAAM,SAAS,QAAQ,OAAQ,GAAG,CAwC5E,SAAgB,EACd,EACA,EACS,CAET,MADI,CAAC,EAAM,cAAgB,EAAM,eAAiB,MAAc,GACzD,EAAM,eAAiB,EAGhC,SAAS,EAAU,EAAuB,CACxC,OAAO,EAAM,MAAM,CAAC,aAAa,CAQnC,SAAgB,EACd,EACoB,CACpB,OAAO,EACJ,KAAK,EAAO,KAAW,CAAE,QAAO,QAAO,EAAE,CACzC,MAAM,EAAG,KAEL,EAAE,MAAM,gBAAkB,IAAM,EAAE,MAAM,gBAAkB,IACtC,EAAE,MAAQ,EAAE,MACnC,CACD,KAAK,CAAE,WAAY,EAAM,CAU9B,SAAgB,EACd,EACA,EACS,CACT,IAAM,EAAI,EAAU,EAAS,CAU7B,OATK,EACY,CACf,EAAM,KACN,EAAM,YACN,EAAM,GACN,GAAI,EAAM,UAAY,EAAE,CACzB,CACE,KAAK,IAAI,CACT,aACI,CAAS,SAAS,EAAE,CATZ,GAmBjB,SAAgB,EACd,EACA,EACA,EACS,CACT,IAAM,EAAI,EAAU,EAAS,CAgB7B,OAfK,EACY,CACf,EAAO,KACP,SAAU,EAAS,EAAO,KAAO,IAAA,GACjC,YAAa,EAAS,EAAO,QAAU,IAAA,GACvC,SAAU,EAAS,EAAO,MAAM,KAAK,IAAI,CAAG,IAAA,GAC5C,QAAS,EAAS,EAAO,IAAM,IAAA,GAC/B,GAAc,KACd,GAAc,YACd,GAAc,GACd,GAAI,GAAc,UAAY,EAAE,CACjC,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACT,aACI,CAAS,SAAS,EAAE,CAfZ,GAuBjB,SAAgB,EACd,EACA,EAC8B,CAC9B,OAAO,EAAQ,KAAM,GAAU,CAC7B,IAAM,EAAM,EAAM,SAalB,OAZI,EAAI,OAAS,QACR,EAAO,OAAS,SAAW,EAAO,OAAS,EAAI,WAOpD,EAAI,OAAS,QACR,EAAO,OAAS,SAAW,EAAU,EAAO,IAAK,EAAI,IAAI,CAC9D,EAAI,OAAS,MACR,EAAO,OAAS,OAAS,EAAU,EAAO,IAAK,EAAI,IAAI,CACzD,IACP"}
+{"version":3,"file":"mcp-marketplace-utils.cjs","names":[],"sources":["../../src/utils/mcp-marketplace-utils.ts"],"sourcesContent":["import { MCPServerConfig } from \"#/types/mcp-server\";\nimport type {\n  IntegrationCatalogEntry as MarketplaceEntry,\n  IntegrationTransport as MarketplaceTemplate,\n} from \"@openhands/extensions/integrations\";\n\nconst tryUrl = (raw: string): URL | null => {\n  try {\n    return new URL(raw);\n  } catch {\n    return null;\n  }\n};\n\n/**\n * Loose URL match that ignores query strings, trailing slashes, and\n * default ports. We want clicking \"Linear\" to flag the entry as\n * installed even if the user pasted the URL with extra trailing slash\n * or a different port-equivalent variant.\n *\n * Defensive against runtime data that doesn't match the static type:\n * if either input is not a string (e.g. parsed from an older settings\n * blob), we fall through the URL parsing path and the safe trim\n * fallback below, never calling `.replace` on undefined.\n */\nexport function urlsMatch(a: unknown, b: unknown): boolean {\n  const aStr = typeof a === \"string\" ? a : \"\";\n  const bStr = typeof b === \"string\" ? b : \"\";\n  if (!aStr || !bStr) return false;\n  const left = tryUrl(aStr);\n  const right = tryUrl(bStr);\n  if (!left || !right) {\n    return aStr.replace(/\\/+$/, \"\") === bStr.replace(/\\/+$/, \"\");\n  }\n  return (\n    left.protocol === right.protocol &&\n    left.host === right.host &&\n    left.pathname.replace(/\\/+$/, \"\") === right.pathname.replace(/\\/+$/, \"\")\n  );\n}\n\n/**\n * Get the default transport template from an integration catalog entry.\n * Integrations may have multiple connection options; we use the default\n * one (or the first if no default is specified). Only MCP-backed options\n * have a `transport` field.\n */\nexport function getDefaultTemplate(\n  entry: MarketplaceEntry,\n): MarketplaceTemplate | undefined {\n  const option =\n    entry.connectionOptions.find(\n      (o) => o.id === entry.defaultConnectionOptionId,\n    ) ?? entry.connectionOptions[0];\n  return option?.transport;\n}\n\n/**\n * Get the stdio (API key-based) transport template from an integration entry.\n * Many integrations have multiple connection options (e.g., OAuth + stdio).\n * Since OAuth isn't implemented in the UI yet, the install modal should use\n * this function to get the stdio-based option that can be configured with\n * API keys/tokens.\n *\n * Falls back to getDefaultTemplate if no stdio option exists.\n */\nexport function getInstallableTemplate(\n  entry: MarketplaceEntry,\n): MarketplaceTemplate | undefined {\n  // First, try to find a stdio option (API key-based, what we can actually install)\n  const stdioOption = entry.connectionOptions.find(\n    (o) => o.transport?.kind === \"stdio\",\n  );\n  if (stdioOption?.transport) return stdioOption.transport;\n\n  // Fall back to the default template (could be shttp/sse with api_key)\n  return getDefaultTemplate(entry);\n}\n\n/**\n * Decide whether a marketplace template is already represented by one\n * of the installed MCP servers. Used to render an \"Installed\" badge on\n * the marketplace tile. Returns the first matching server, or null.\n */\nexport function findInstalledMatch(\n  template: MarketplaceTemplate,\n  servers: MCPServerConfig[],\n): MCPServerConfig | null {\n  if (template.kind === \"shttp\") {\n    const tplUrl = template.url;\n    if (!tplUrl) return null;\n    return (\n      servers.find(\n        (s) => s.type === \"shttp\" && !!s.url && urlsMatch(s.url, tplUrl),\n      ) ?? null\n    );\n  }\n\n  if (template.kind === \"sse\") {\n    const tplUrl = template.url;\n    if (!tplUrl) return null;\n    return (\n      servers.find(\n        (s) => s.type === \"sse\" && !!s.url && urlsMatch(s.url, tplUrl),\n      ) ?? null\n    );\n  }\n\n  // stdio: match on the registered server name.\n  return (\n    servers.find((s) => s.type === \"stdio\" && s.name === template.serverName) ??\n    null\n  );\n}\n\nexport function isMarketplaceEntryAvailable(\n  entry: MarketplaceEntry,\n  backendKind: \"local\" | \"cloud\",\n): boolean {\n  if (!entry.runtimeAvailability || entry.runtimeAvailability === \"all\")\n    return true;\n  return entry.runtimeAvailability === backendKind;\n}\n\nfunction normalize(query: string): string {\n  return query.trim().toLowerCase();\n}\n\n/**\n * Case-insensitive substring match against the catalog entry's\n * user-visible identity (name, description, id, keywords). Empty\n * queries always match.\n */\nexport function getMarketplaceEntriesByPopularity(\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry[] {\n  return catalog\n    .map((entry, index) => ({ entry, index }))\n    .sort((a, b) => {\n      const byPopularity =\n        (b.entry.popularityRank ?? 0) - (a.entry.popularityRank ?? 0);\n      return byPopularity || a.index - b.index;\n    })\n    .map(({ entry }) => entry);\n}\n\nexport function getMarketplaceEntryById(\n  id: string,\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry | undefined {\n  return catalog.find((entry) => entry.id === id);\n}\n\nexport function marketplaceEntryMatchesQuery(\n  entry: MarketplaceEntry,\n  rawQuery: string,\n): boolean {\n  const q = normalize(rawQuery);\n  if (!q) return true;\n  const haystack = [\n    entry.name,\n    entry.description,\n    entry.id,\n    ...(entry.keywords ?? []),\n  ]\n    .join(\" \")\n    .toLowerCase();\n  return haystack.includes(q);\n}\n\n/**\n * Search match for an installed (already-configured) server. We\n * search the server's own identifying fields and — if it's a catalog\n * entry — its catalog name/keywords too, so typing \"Slack\" matches\n * the installed Slack tile even though the persisted server is just\n * `{ type: \"stdio\", name: \"slack\", ... }`.\n */\nexport function installedServerMatchesQuery(\n  server: MCPServerConfig,\n  catalogEntry: MarketplaceEntry | undefined,\n  rawQuery: string,\n): boolean {\n  const q = normalize(rawQuery);\n  if (!q) return true;\n  const haystack = [\n    server.type,\n    \"name\" in server ? server.name : undefined,\n    \"command\" in server ? server.command : undefined,\n    \"args\" in server ? server.args?.join(\" \") : undefined,\n    \"url\" in server ? server.url : undefined,\n    catalogEntry?.name,\n    catalogEntry?.description,\n    catalogEntry?.id,\n    ...(catalogEntry?.keywords ?? []),\n  ]\n    .filter(Boolean)\n    .join(\" \")\n    .toLowerCase();\n  return haystack.includes(q);\n}\n\n/**\n * Look up the catalog entry that best matches an installed server.\n * Mirrors the lookup used in `installed-server-card.tsx` for\n * rendering the friendly icon.\n *\n * Since an entry may have multiple connection options (e.g., OAuth + stdio),\n * we check ALL templates in the entry's connectionOptions, not just the default.\n */\nexport function findCatalogEntryForServer(\n  server: MCPServerConfig,\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry | undefined {\n  return catalog.find((entry) => {\n    // Check all connection options, not just the default\n    for (const option of entry.connectionOptions) {\n      const tpl = option.transport;\n      if (!tpl) continue;\n      if (tpl.kind === \"stdio\") {\n        if (server.type === \"stdio\" && server.name === tpl.serverName)\n          return true;\n      }\n      // Reuse the same loose URL match as `findInstalledMatch` so a\n      // server whose URL was normalized by the backend (trailing slash\n      // stripped, query string dropped, etc.) still gets paired with\n      // its catalog tile — otherwise the installed-servers list would\n      // render the generic icon while the marketplace shows the\n      // entry as installed, which is confusing.\n      if (tpl.kind === \"shttp\") {\n        if (server.type === \"shttp\" && urlsMatch(server.url, tpl.url))\n          return true;\n      }\n      if (tpl.kind === \"sse\") {\n        if (server.type === \"sse\" && urlsMatch(server.url, tpl.url))\n          return true;\n      }\n    }\n    return false;\n  });\n}\n"],"mappings":"6CAMA,IAAM,EAAU,GAA4B,CAC1C,GAAI,CACF,OAAO,IAAI,IAAI,EAAI,MACb,CACN,OAAO,OAeX,SAAgB,EAAU,EAAY,EAAqB,CACzD,IAAM,EAAO,OAAO,GAAM,SAAW,EAAI,GACnC,EAAO,OAAO,GAAM,SAAW,EAAI,GACzC,GAAI,CAAC,GAAQ,CAAC,EAAM,MAAO,GAC3B,IAAM,EAAO,EAAO,EAAK,CACnB,EAAQ,EAAO,EAAK,CAI1B,MAHI,CAAC,GAAQ,CAAC,EACL,EAAK,QAAQ,OAAQ,GAAG,GAAK,EAAK,QAAQ,OAAQ,GAAG,CAG5D,EAAK,WAAa,EAAM,UACxB,EAAK,OAAS,EAAM,MACpB,EAAK,SAAS,QAAQ,OAAQ,GAAG,GAAK,EAAM,SAAS,QAAQ,OAAQ,GAAG,CAU5E,SAAgB,EACd,EACiC,CAKjC,OAHE,EAAM,kBAAkB,KACrB,GAAM,EAAE,KAAO,EAAM,0BACvB,EAAI,EAAM,kBAAkB,KAChB,UAYjB,SAAgB,EACd,EACiC,CAEjC,IAAM,EAAc,EAAM,kBAAkB,KACzC,GAAM,EAAE,WAAW,OAAS,QAC9B,CAID,OAHI,GAAa,UAAkB,EAAY,UAGxC,EAAmB,EAAM,CAuClC,SAAgB,EACd,EACA,EACS,CAGT,MAFI,CAAC,EAAM,qBAAuB,EAAM,sBAAwB,MACvD,GACF,EAAM,sBAAwB,EAGvC,SAAS,EAAU,EAAuB,CACxC,OAAO,EAAM,MAAM,CAAC,aAAa,CAQnC,SAAgB,EACd,EACoB,CACpB,OAAO,EACJ,KAAK,EAAO,KAAW,CAAE,QAAO,QAAO,EAAE,CACzC,MAAM,EAAG,KAEL,EAAE,MAAM,gBAAkB,IAAM,EAAE,MAAM,gBAAkB,IACtC,EAAE,MAAQ,EAAE,MACnC,CACD,KAAK,CAAE,WAAY,EAAM,CAU9B,SAAgB,EACd,EACA,EACS,CACT,IAAM,EAAI,EAAU,EAAS,CAU7B,OATK,EACY,CACf,EAAM,KACN,EAAM,YACN,EAAM,GACN,GAAI,EAAM,UAAY,EAAE,CACzB,CACE,KAAK,IAAI,CACT,aACI,CAAS,SAAS,EAAE,CATZ,GAmBjB,SAAgB,EACd,EACA,EACA,EACS,CACT,IAAM,EAAI,EAAU,EAAS,CAgB7B,OAfK,EACY,CACf,EAAO,KACP,SAAU,EAAS,EAAO,KAAO,IAAA,GACjC,YAAa,EAAS,EAAO,QAAU,IAAA,GACvC,SAAU,EAAS,EAAO,MAAM,KAAK,IAAI,CAAG,IAAA,GAC5C,QAAS,EAAS,EAAO,IAAM,IAAA,GAC/B,GAAc,KACd,GAAc,YACd,GAAc,GACd,GAAI,GAAc,UAAY,EAAE,CACjC,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACT,aACI,CAAS,SAAS,EAAE,CAfZ,GA0BjB,SAAgB,EACd,EACA,EAC8B,CAC9B,OAAO,EAAQ,KAAM,GAAU,CAE7B,IAAK,IAAM,KAAU,EAAM,kBAAmB,CAC5C,IAAM,EAAM,EAAO,UACd,OACD,EAAI,OAAS,SACX,EAAO,OAAS,SAAW,EAAO,OAAS,EAAI,YASjD,EAAI,OAAS,SACX,EAAO,OAAS,SAAW,EAAU,EAAO,IAAK,EAAI,IAAI,EAG3D,EAAI,OAAS,OACX,EAAO,OAAS,OAAS,EAAU,EAAO,IAAK,EAAI,IAAI,EACzD,MAAO,GAGb,MAAO,IACP"}

package/dist/utils/mcp-marketplace-utils.d.ts

@@ -1,5 +1,5 @@
 import { MCPServerConfig } from "#/types/mcp-server";
-import type { McpCatalogEntry as MarketplaceEntry, MarketplaceTemplate } from "@openhands/extensions/mcps";
+import type { IntegrationCatalogEntry as MarketplaceEntry, IntegrationTransport as MarketplaceTemplate } from "@openhands/extensions/integrations";
 /**
  * Loose URL match that ignores query strings, trailing slashes, and
  * default ports. We want clicking "Linear" to flag the entry as
@@ -12,6 +12,23 @@ import type { McpCatalogEntry as MarketplaceEntry, MarketplaceTemplate } from "@
  * fallback below, never calling `.replace` on undefined.
  */
 export declare function urlsMatch(a: unknown, b: unknown): boolean;
+/**
+ * Get the default transport template from an integration catalog entry.
+ * Integrations may have multiple connection options; we use the default
+ * one (or the first if no default is specified). Only MCP-backed options
+ * have a `transport` field.
+ */
+export declare function getDefaultTemplate(entry: MarketplaceEntry): MarketplaceTemplate | undefined;
+/**
+ * Get the stdio (API key-based) transport template from an integration entry.
+ * Many integrations have multiple connection options (e.g., OAuth + stdio).
+ * Since OAuth isn't implemented in the UI yet, the install modal should use
+ * this function to get the stdio-based option that can be configured with
+ * API keys/tokens.
+ *
+ * Falls back to getDefaultTemplate if no stdio option exists.
+ */
+export declare function getInstallableTemplate(entry: MarketplaceEntry): MarketplaceTemplate | undefined;
 /**
  * Decide whether a marketplace template is already represented by one
  * of the installed MCP servers. Used to render an "Installed" badge on
@@ -39,5 +56,8 @@ export declare function installedServerMatchesQuery(server: MCPServerConfig, cat
  * Look up the catalog entry that best matches an installed server.
  * Mirrors the lookup used in `installed-server-card.tsx` for
  * rendering the friendly icon.
+ *
+ * Since an entry may have multiple connection options (e.g., OAuth + stdio),
+ * we check ALL templates in the entry's connectionOptions, not just the default.
  */
 export declare function findCatalogEntryForServer(server: MCPServerConfig, catalog: MarketplaceEntry[]): MarketplaceEntry | undefined;

package/dist/utils/mcp-marketplace-utils.js

@@ -12,20 +12,27 @@ function t(t, n) {
 	let a = e(r), o = e(i);
 	return !a || !o ? r.replace(/\/+$/, "") === i.replace(/\/+$/, "") : a.protocol === o.protocol && a.host === o.host && a.pathname.replace(/\/+$/, "") === o.pathname.replace(/\/+$/, "");
 }
-function n(e, t) {
-	return !e.availability || e.availability === "all" ? !0 : e.availability === t;
+function n(e) {
+	return (e.connectionOptions.find((t) => t.id === e.defaultConnectionOptionId) ?? e.connectionOptions[0])?.transport;
 }
 function r(e) {
+	let t = e.connectionOptions.find((e) => e.transport?.kind === "stdio");
+	return t?.transport ? t.transport : n(e);
+}
+function i(e, t) {
+	return !e.runtimeAvailability || e.runtimeAvailability === "all" ? !0 : e.runtimeAvailability === t;
+}
+function a(e) {
 	return e.trim().toLowerCase();
 }
-function i(e) {
+function o(e) {
 	return e.map((e, t) => ({
 		entry: e,
 		index: t
 	})).sort((e, t) => (t.entry.popularityRank ?? 0) - (e.entry.popularityRank ?? 0) || e.index - t.index).map(({ entry: e }) => e);
 }
-function a(e, t) {
-	let n = r(t);
+function s(e, t) {
+	let n = a(t);
 	return n ? [
 		e.name,
 		e.description,
@@ -33,9 +40,9 @@ function a(e, t) {
 		...e.keywords ?? []
 	].join(" ").toLowerCase().includes(n) : !0;
 }
-function o(e, t, n) {
-	let i = r(n);
-	return i ? [
+function c(e, t, n) {
+	let r = a(n);
+	return r ? [
 		e.type,
 		"name" in e ? e.name : void 0,
 		"command" in e ? e.command : void 0,
@@ -45,15 +52,18 @@ function o(e, t, n) {
 		t?.description,
 		t?.id,
 		...t?.keywords ?? []
-	].filter(Boolean).join(" ").toLowerCase().includes(i) : !0;
+	].filter(Boolean).join(" ").toLowerCase().includes(r) : !0;
 }
-function s(e, n) {
+function l(e, n) {
 	return n.find((n) => {
-		let r = n.template;
-		return r.kind === "stdio" ? e.type === "stdio" && e.name === r.serverName : r.kind === "shttp" ? e.type === "shttp" && t(e.url, r.url) : r.kind === "sse" ? e.type === "sse" && t(e.url, r.url) : !1;
+		for (let r of n.connectionOptions) {
+			let n = r.transport;
+			if (n && (n.kind === "stdio" && e.type === "stdio" && e.name === n.serverName || n.kind === "shttp" && e.type === "shttp" && t(e.url, n.url) || n.kind === "sse" && e.type === "sse" && t(e.url, n.url))) return !0;
+		}
+		return !1;
 	});
 }
 //#endregion
-export { s as findCatalogEntryForServer, i as getMarketplaceEntriesByPopularity, o as installedServerMatchesQuery, n as isMarketplaceEntryAvailable, a as marketplaceEntryMatchesQuery };
+export { l as findCatalogEntryForServer, n as getDefaultTemplate, r as getInstallableTemplate, o as getMarketplaceEntriesByPopularity, c as installedServerMatchesQuery, i as isMarketplaceEntryAvailable, s as marketplaceEntryMatchesQuery };
 
 //# sourceMappingURL=mcp-marketplace-utils.js.map

package/dist/utils/mcp-marketplace-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-marketplace-utils.js","names":[],"sources":["../../src/utils/mcp-marketplace-utils.ts"],"sourcesContent":["import { MCPServerConfig } from \"#/types/mcp-server\";\nimport type {\n  McpCatalogEntry as MarketplaceEntry,\n  MarketplaceTemplate,\n} from \"@openhands/extensions/mcps\";\n\nconst tryUrl = (raw: string): URL | null => {\n  try {\n    return new URL(raw);\n  } catch {\n    return null;\n  }\n};\n\n/**\n * Loose URL match that ignores query strings, trailing slashes, and\n * default ports. We want clicking \"Linear\" to flag the entry as\n * installed even if the user pasted the URL with extra trailing slash\n * or a different port-equivalent variant.\n *\n * Defensive against runtime data that doesn't match the static type:\n * if either input is not a string (e.g. parsed from an older settings\n * blob), we fall through the URL parsing path and the safe trim\n * fallback below, never calling `.replace` on undefined.\n */\nexport function urlsMatch(a: unknown, b: unknown): boolean {\n  const aStr = typeof a === \"string\" ? a : \"\";\n  const bStr = typeof b === \"string\" ? b : \"\";\n  if (!aStr || !bStr) return false;\n  const left = tryUrl(aStr);\n  const right = tryUrl(bStr);\n  if (!left || !right) {\n    return aStr.replace(/\\/+$/, \"\") === bStr.replace(/\\/+$/, \"\");\n  }\n  return (\n    left.protocol === right.protocol &&\n    left.host === right.host &&\n    left.pathname.replace(/\\/+$/, \"\") === right.pathname.replace(/\\/+$/, \"\")\n  );\n}\n\n/**\n * Decide whether a marketplace template is already represented by one\n * of the installed MCP servers. Used to render an \"Installed\" badge on\n * the marketplace tile. Returns the first matching server, or null.\n */\nexport function findInstalledMatch(\n  template: MarketplaceTemplate,\n  servers: MCPServerConfig[],\n): MCPServerConfig | null {\n  if (template.kind === \"shttp\") {\n    const tplUrl = template.url;\n    if (!tplUrl) return null;\n    return (\n      servers.find(\n        (s) => s.type === \"shttp\" && !!s.url && urlsMatch(s.url, tplUrl),\n      ) ?? null\n    );\n  }\n\n  if (template.kind === \"sse\") {\n    const tplUrl = template.url;\n    if (!tplUrl) return null;\n    return (\n      servers.find(\n        (s) => s.type === \"sse\" && !!s.url && urlsMatch(s.url, tplUrl),\n      ) ?? null\n    );\n  }\n\n  // stdio: match on the registered server name.\n  return (\n    servers.find((s) => s.type === \"stdio\" && s.name === template.serverName) ??\n    null\n  );\n}\n\nexport function isMarketplaceEntryAvailable(\n  entry: MarketplaceEntry,\n  backendKind: \"local\" | \"cloud\",\n): boolean {\n  if (!entry.availability || entry.availability === \"all\") return true;\n  return entry.availability === backendKind;\n}\n\nfunction normalize(query: string): string {\n  return query.trim().toLowerCase();\n}\n\n/**\n * Case-insensitive substring match against the catalog entry's\n * user-visible identity (name, description, id, keywords). Empty\n * queries always match.\n */\nexport function getMarketplaceEntriesByPopularity(\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry[] {\n  return catalog\n    .map((entry, index) => ({ entry, index }))\n    .sort((a, b) => {\n      const byPopularity =\n        (b.entry.popularityRank ?? 0) - (a.entry.popularityRank ?? 0);\n      return byPopularity || a.index - b.index;\n    })\n    .map(({ entry }) => entry);\n}\n\nexport function getMarketplaceEntryById(\n  id: string,\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry | undefined {\n  return catalog.find((entry) => entry.id === id);\n}\n\nexport function marketplaceEntryMatchesQuery(\n  entry: MarketplaceEntry,\n  rawQuery: string,\n): boolean {\n  const q = normalize(rawQuery);\n  if (!q) return true;\n  const haystack = [\n    entry.name,\n    entry.description,\n    entry.id,\n    ...(entry.keywords ?? []),\n  ]\n    .join(\" \")\n    .toLowerCase();\n  return haystack.includes(q);\n}\n\n/**\n * Search match for an installed (already-configured) server. We\n * search the server's own identifying fields and — if it's a catalog\n * entry — its catalog name/keywords too, so typing \"Slack\" matches\n * the installed Slack tile even though the persisted server is just\n * `{ type: \"stdio\", name: \"slack\", ... }`.\n */\nexport function installedServerMatchesQuery(\n  server: MCPServerConfig,\n  catalogEntry: MarketplaceEntry | undefined,\n  rawQuery: string,\n): boolean {\n  const q = normalize(rawQuery);\n  if (!q) return true;\n  const haystack = [\n    server.type,\n    \"name\" in server ? server.name : undefined,\n    \"command\" in server ? server.command : undefined,\n    \"args\" in server ? server.args?.join(\" \") : undefined,\n    \"url\" in server ? server.url : undefined,\n    catalogEntry?.name,\n    catalogEntry?.description,\n    catalogEntry?.id,\n    ...(catalogEntry?.keywords ?? []),\n  ]\n    .filter(Boolean)\n    .join(\" \")\n    .toLowerCase();\n  return haystack.includes(q);\n}\n\n/**\n * Look up the catalog entry that best matches an installed server.\n * Mirrors the lookup used in `installed-server-card.tsx` for\n * rendering the friendly icon.\n */\nexport function findCatalogEntryForServer(\n  server: MCPServerConfig,\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry | undefined {\n  return catalog.find((entry) => {\n    const tpl = entry.template;\n    if (tpl.kind === \"stdio\")\n      return server.type === \"stdio\" && server.name === tpl.serverName;\n    // Reuse the same loose URL match as `findInstalledMatch` so a\n    // server whose URL was normalized by the backend (trailing slash\n    // stripped, query string dropped, etc.) still gets paired with\n    // its catalog tile — otherwise the installed-servers list would\n    // render the generic icon while the marketplace shows the\n    // entry as installed, which is confusing.\n    if (tpl.kind === \"shttp\")\n      return server.type === \"shttp\" && urlsMatch(server.url, tpl.url);\n    if (tpl.kind === \"sse\")\n      return server.type === \"sse\" && urlsMatch(server.url, tpl.url);\n    return false;\n  });\n}\n"],"mappings":";AAMA,IAAM,KAAU,MAA4B;AAC1C,KAAI;AACF,SAAO,IAAI,IAAI,EAAI;SACb;AACN,SAAO;;;AAeX,SAAgB,EAAU,GAAY,GAAqB;CACzD,IAAM,IAAO,OAAO,KAAM,WAAW,IAAI,IACnC,IAAO,OAAO,KAAM,WAAW,IAAI;AACzC,KAAI,CAAC,KAAQ,CAAC,EAAM,QAAO;CAC3B,IAAM,IAAO,EAAO,EAAK,EACnB,IAAQ,EAAO,EAAK;AAI1B,QAHI,CAAC,KAAQ,CAAC,IACL,EAAK,QAAQ,QAAQ,GAAG,KAAK,EAAK,QAAQ,QAAQ,GAAG,GAG5D,EAAK,aAAa,EAAM,YACxB,EAAK,SAAS,EAAM,QACpB,EAAK,SAAS,QAAQ,QAAQ,GAAG,KAAK,EAAM,SAAS,QAAQ,QAAQ,GAAG;;AAwC5E,SAAgB,EACd,GACA,GACS;AAET,QADI,CAAC,EAAM,gBAAgB,EAAM,iBAAiB,QAAc,KACzD,EAAM,iBAAiB;;AAGhC,SAAS,EAAU,GAAuB;AACxC,QAAO,EAAM,MAAM,CAAC,aAAa;;AAQnC,SAAgB,EACd,GACoB;AACpB,QAAO,EACJ,KAAK,GAAO,OAAW;EAAE;EAAO;EAAO,EAAE,CACzC,MAAM,GAAG,OAEL,EAAE,MAAM,kBAAkB,MAAM,EAAE,MAAM,kBAAkB,MACtC,EAAE,QAAQ,EAAE,MACnC,CACD,KAAK,EAAE,eAAY,EAAM;;AAU9B,SAAgB,EACd,GACA,GACS;CACT,IAAM,IAAI,EAAU,EAAS;AAU7B,QATK,IACY;EACf,EAAM;EACN,EAAM;EACN,EAAM;EACN,GAAI,EAAM,YAAY,EAAE;EACzB,CACE,KAAK,IAAI,CACT,aACI,CAAS,SAAS,EAAE,GATZ;;AAmBjB,SAAgB,EACd,GACA,GACA,GACS;CACT,IAAM,IAAI,EAAU,EAAS;AAgB7B,QAfK,IACY;EACf,EAAO;EACP,UAAU,IAAS,EAAO,OAAO,KAAA;EACjC,aAAa,IAAS,EAAO,UAAU,KAAA;EACvC,UAAU,IAAS,EAAO,MAAM,KAAK,IAAI,GAAG,KAAA;EAC5C,SAAS,IAAS,EAAO,MAAM,KAAA;EAC/B,GAAc;EACd,GAAc;EACd,GAAc;EACd,GAAI,GAAc,YAAY,EAAE;EACjC,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACT,aACI,CAAS,SAAS,EAAE,GAfZ;;AAuBjB,SAAgB,EACd,GACA,GAC8B;AAC9B,QAAO,EAAQ,MAAM,MAAU;EAC7B,IAAM,IAAM,EAAM;AAalB,SAZI,EAAI,SAAS,UACR,EAAO,SAAS,WAAW,EAAO,SAAS,EAAI,aAOpD,EAAI,SAAS,UACR,EAAO,SAAS,WAAW,EAAU,EAAO,KAAK,EAAI,IAAI,GAC9D,EAAI,SAAS,QACR,EAAO,SAAS,SAAS,EAAU,EAAO,KAAK,EAAI,IAAI,GACzD;GACP"}
+{"version":3,"file":"mcp-marketplace-utils.js","names":[],"sources":["../../src/utils/mcp-marketplace-utils.ts"],"sourcesContent":["import { MCPServerConfig } from \"#/types/mcp-server\";\nimport type {\n  IntegrationCatalogEntry as MarketplaceEntry,\n  IntegrationTransport as MarketplaceTemplate,\n} from \"@openhands/extensions/integrations\";\n\nconst tryUrl = (raw: string): URL | null => {\n  try {\n    return new URL(raw);\n  } catch {\n    return null;\n  }\n};\n\n/**\n * Loose URL match that ignores query strings, trailing slashes, and\n * default ports. We want clicking \"Linear\" to flag the entry as\n * installed even if the user pasted the URL with extra trailing slash\n * or a different port-equivalent variant.\n *\n * Defensive against runtime data that doesn't match the static type:\n * if either input is not a string (e.g. parsed from an older settings\n * blob), we fall through the URL parsing path and the safe trim\n * fallback below, never calling `.replace` on undefined.\n */\nexport function urlsMatch(a: unknown, b: unknown): boolean {\n  const aStr = typeof a === \"string\" ? a : \"\";\n  const bStr = typeof b === \"string\" ? b : \"\";\n  if (!aStr || !bStr) return false;\n  const left = tryUrl(aStr);\n  const right = tryUrl(bStr);\n  if (!left || !right) {\n    return aStr.replace(/\\/+$/, \"\") === bStr.replace(/\\/+$/, \"\");\n  }\n  return (\n    left.protocol === right.protocol &&\n    left.host === right.host &&\n    left.pathname.replace(/\\/+$/, \"\") === right.pathname.replace(/\\/+$/, \"\")\n  );\n}\n\n/**\n * Get the default transport template from an integration catalog entry.\n * Integrations may have multiple connection options; we use the default\n * one (or the first if no default is specified). Only MCP-backed options\n * have a `transport` field.\n */\nexport function getDefaultTemplate(\n  entry: MarketplaceEntry,\n): MarketplaceTemplate | undefined {\n  const option =\n    entry.connectionOptions.find(\n      (o) => o.id === entry.defaultConnectionOptionId,\n    ) ?? entry.connectionOptions[0];\n  return option?.transport;\n}\n\n/**\n * Get the stdio (API key-based) transport template from an integration entry.\n * Many integrations have multiple connection options (e.g., OAuth + stdio).\n * Since OAuth isn't implemented in the UI yet, the install modal should use\n * this function to get the stdio-based option that can be configured with\n * API keys/tokens.\n *\n * Falls back to getDefaultTemplate if no stdio option exists.\n */\nexport function getInstallableTemplate(\n  entry: MarketplaceEntry,\n): MarketplaceTemplate | undefined {\n  // First, try to find a stdio option (API key-based, what we can actually install)\n  const stdioOption = entry.connectionOptions.find(\n    (o) => o.transport?.kind === \"stdio\",\n  );\n  if (stdioOption?.transport) return stdioOption.transport;\n\n  // Fall back to the default template (could be shttp/sse with api_key)\n  return getDefaultTemplate(entry);\n}\n\n/**\n * Decide whether a marketplace template is already represented by one\n * of the installed MCP servers. Used to render an \"Installed\" badge on\n * the marketplace tile. Returns the first matching server, or null.\n */\nexport function findInstalledMatch(\n  template: MarketplaceTemplate,\n  servers: MCPServerConfig[],\n): MCPServerConfig | null {\n  if (template.kind === \"shttp\") {\n    const tplUrl = template.url;\n    if (!tplUrl) return null;\n    return (\n      servers.find(\n        (s) => s.type === \"shttp\" && !!s.url && urlsMatch(s.url, tplUrl),\n      ) ?? null\n    );\n  }\n\n  if (template.kind === \"sse\") {\n    const tplUrl = template.url;\n    if (!tplUrl) return null;\n    return (\n      servers.find(\n        (s) => s.type === \"sse\" && !!s.url && urlsMatch(s.url, tplUrl),\n      ) ?? null\n    );\n  }\n\n  // stdio: match on the registered server name.\n  return (\n    servers.find((s) => s.type === \"stdio\" && s.name === template.serverName) ??\n    null\n  );\n}\n\nexport function isMarketplaceEntryAvailable(\n  entry: MarketplaceEntry,\n  backendKind: \"local\" | \"cloud\",\n): boolean {\n  if (!entry.runtimeAvailability || entry.runtimeAvailability === \"all\")\n    return true;\n  return entry.runtimeAvailability === backendKind;\n}\n\nfunction normalize(query: string): string {\n  return query.trim().toLowerCase();\n}\n\n/**\n * Case-insensitive substring match against the catalog entry's\n * user-visible identity (name, description, id, keywords). Empty\n * queries always match.\n */\nexport function getMarketplaceEntriesByPopularity(\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry[] {\n  return catalog\n    .map((entry, index) => ({ entry, index }))\n    .sort((a, b) => {\n      const byPopularity =\n        (b.entry.popularityRank ?? 0) - (a.entry.popularityRank ?? 0);\n      return byPopularity || a.index - b.index;\n    })\n    .map(({ entry }) => entry);\n}\n\nexport function getMarketplaceEntryById(\n  id: string,\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry | undefined {\n  return catalog.find((entry) => entry.id === id);\n}\n\nexport function marketplaceEntryMatchesQuery(\n  entry: MarketplaceEntry,\n  rawQuery: string,\n): boolean {\n  const q = normalize(rawQuery);\n  if (!q) return true;\n  const haystack = [\n    entry.name,\n    entry.description,\n    entry.id,\n    ...(entry.keywords ?? []),\n  ]\n    .join(\" \")\n    .toLowerCase();\n  return haystack.includes(q);\n}\n\n/**\n * Search match for an installed (already-configured) server. We\n * search the server's own identifying fields and — if it's a catalog\n * entry — its catalog name/keywords too, so typing \"Slack\" matches\n * the installed Slack tile even though the persisted server is just\n * `{ type: \"stdio\", name: \"slack\", ... }`.\n */\nexport function installedServerMatchesQuery(\n  server: MCPServerConfig,\n  catalogEntry: MarketplaceEntry | undefined,\n  rawQuery: string,\n): boolean {\n  const q = normalize(rawQuery);\n  if (!q) return true;\n  const haystack = [\n    server.type,\n    \"name\" in server ? server.name : undefined,\n    \"command\" in server ? server.command : undefined,\n    \"args\" in server ? server.args?.join(\" \") : undefined,\n    \"url\" in server ? server.url : undefined,\n    catalogEntry?.name,\n    catalogEntry?.description,\n    catalogEntry?.id,\n    ...(catalogEntry?.keywords ?? []),\n  ]\n    .filter(Boolean)\n    .join(\" \")\n    .toLowerCase();\n  return haystack.includes(q);\n}\n\n/**\n * Look up the catalog entry that best matches an installed server.\n * Mirrors the lookup used in `installed-server-card.tsx` for\n * rendering the friendly icon.\n *\n * Since an entry may have multiple connection options (e.g., OAuth + stdio),\n * we check ALL templates in the entry's connectionOptions, not just the default.\n */\nexport function findCatalogEntryForServer(\n  server: MCPServerConfig,\n  catalog: MarketplaceEntry[],\n): MarketplaceEntry | undefined {\n  return catalog.find((entry) => {\n    // Check all connection options, not just the default\n    for (const option of entry.connectionOptions) {\n      const tpl = option.transport;\n      if (!tpl) continue;\n      if (tpl.kind === \"stdio\") {\n        if (server.type === \"stdio\" && server.name === tpl.serverName)\n          return true;\n      }\n      // Reuse the same loose URL match as `findInstalledMatch` so a\n      // server whose URL was normalized by the backend (trailing slash\n      // stripped, query string dropped, etc.) still gets paired with\n      // its catalog tile — otherwise the installed-servers list would\n      // render the generic icon while the marketplace shows the\n      // entry as installed, which is confusing.\n      if (tpl.kind === \"shttp\") {\n        if (server.type === \"shttp\" && urlsMatch(server.url, tpl.url))\n          return true;\n      }\n      if (tpl.kind === \"sse\") {\n        if (server.type === \"sse\" && urlsMatch(server.url, tpl.url))\n          return true;\n      }\n    }\n    return false;\n  });\n}\n"],"mappings":";AAMA,IAAM,KAAU,MAA4B;AAC1C,KAAI;AACF,SAAO,IAAI,IAAI,EAAI;SACb;AACN,SAAO;;;AAeX,SAAgB,EAAU,GAAY,GAAqB;CACzD,IAAM,IAAO,OAAO,KAAM,WAAW,IAAI,IACnC,IAAO,OAAO,KAAM,WAAW,IAAI;AACzC,KAAI,CAAC,KAAQ,CAAC,EAAM,QAAO;CAC3B,IAAM,IAAO,EAAO,EAAK,EACnB,IAAQ,EAAO,EAAK;AAI1B,QAHI,CAAC,KAAQ,CAAC,IACL,EAAK,QAAQ,QAAQ,GAAG,KAAK,EAAK,QAAQ,QAAQ,GAAG,GAG5D,EAAK,aAAa,EAAM,YACxB,EAAK,SAAS,EAAM,QACpB,EAAK,SAAS,QAAQ,QAAQ,GAAG,KAAK,EAAM,SAAS,QAAQ,QAAQ,GAAG;;AAU5E,SAAgB,EACd,GACiC;AAKjC,SAHE,EAAM,kBAAkB,MACrB,MAAM,EAAE,OAAO,EAAM,0BACvB,IAAI,EAAM,kBAAkB,KAChB;;AAYjB,SAAgB,EACd,GACiC;CAEjC,IAAM,IAAc,EAAM,kBAAkB,MACzC,MAAM,EAAE,WAAW,SAAS,QAC9B;AAID,QAHI,GAAa,YAAkB,EAAY,YAGxC,EAAmB,EAAM;;AAuClC,SAAgB,EACd,GACA,GACS;AAGT,QAFI,CAAC,EAAM,uBAAuB,EAAM,wBAAwB,QACvD,KACF,EAAM,wBAAwB;;AAGvC,SAAS,EAAU,GAAuB;AACxC,QAAO,EAAM,MAAM,CAAC,aAAa;;AAQnC,SAAgB,EACd,GACoB;AACpB,QAAO,EACJ,KAAK,GAAO,OAAW;EAAE;EAAO;EAAO,EAAE,CACzC,MAAM,GAAG,OAEL,EAAE,MAAM,kBAAkB,MAAM,EAAE,MAAM,kBAAkB,MACtC,EAAE,QAAQ,EAAE,MACnC,CACD,KAAK,EAAE,eAAY,EAAM;;AAU9B,SAAgB,EACd,GACA,GACS;CACT,IAAM,IAAI,EAAU,EAAS;AAU7B,QATK,IACY;EACf,EAAM;EACN,EAAM;EACN,EAAM;EACN,GAAI,EAAM,YAAY,EAAE;EACzB,CACE,KAAK,IAAI,CACT,aACI,CAAS,SAAS,EAAE,GATZ;;AAmBjB,SAAgB,EACd,GACA,GACA,GACS;CACT,IAAM,IAAI,EAAU,EAAS;AAgB7B,QAfK,IACY;EACf,EAAO;EACP,UAAU,IAAS,EAAO,OAAO,KAAA;EACjC,aAAa,IAAS,EAAO,UAAU,KAAA;EACvC,UAAU,IAAS,EAAO,MAAM,KAAK,IAAI,GAAG,KAAA;EAC5C,SAAS,IAAS,EAAO,MAAM,KAAA;EAC/B,GAAc;EACd,GAAc;EACd,GAAc;EACd,GAAI,GAAc,YAAY,EAAE;EACjC,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACT,aACI,CAAS,SAAS,EAAE,GAfZ;;AA0BjB,SAAgB,EACd,GACA,GAC8B;AAC9B,QAAO,EAAQ,MAAM,MAAU;AAE7B,OAAK,IAAM,KAAU,EAAM,mBAAmB;GAC5C,IAAM,IAAM,EAAO;AACd,aACD,EAAI,SAAS,WACX,EAAO,SAAS,WAAW,EAAO,SAAS,EAAI,cASjD,EAAI,SAAS,WACX,EAAO,SAAS,WAAW,EAAU,EAAO,KAAK,EAAI,IAAI,IAG3D,EAAI,SAAS,SACX,EAAO,SAAS,SAAS,EAAU,EAAO,KAAK,EAAI,IAAI,EACzD,QAAO;;AAGb,SAAO;GACP"}

package/dist/utils/settings-utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings-utils.cjs","names":[],"sources":["../../src/utils/settings-utils.ts"],"sourcesContent":["import { WebClientFeatureFlags } from \"#/api/option-service/option.types\";\nimport { Settings, SettingsValue } from \"#/types/settings\";\nimport { getProviderId } from \"#/utils/map-provider\";\n\nconst extractBasicFormData = (formData: FormData) => {\n  const providerDisplay = formData.get(\"llm-provider-input\")?.toString();\n  const provider = providerDisplay ? getProviderId(providerDisplay) : undefined;\n  const model = formData.get(\"llm-model-input\")?.toString();\n\n  return {\n    llmModel: provider && model ? `${provider}/${model}` : undefined,\n    llmApiKey: formData.get(\"llm-api-key-input\")?.toString(),\n    agent: formData.get(\"agent\")?.toString(),\n    language: formData.get(\"language\")?.toString(),\n  };\n};\n\nexport const parseMaxBudgetPerTask = (value: string): number | null => {\n  if (!value) {\n    return null;\n  }\n\n  const parsedValue = parseFloat(value);\n  return parsedValue && parsedValue >= 1 && Number.isFinite(parsedValue)\n    ? parsedValue\n    : null;\n};\n\nexport const extractSettings = (\n  formData: FormData,\n): Partial<Settings> & Record<string, unknown> => {\n  const { llmModel, llmApiKey, agent, language } =\n    extractBasicFormData(formData);\n\n  const llm: Record<string, unknown> = {};\n  if (llmModel) llm.model = llmModel;\n  if (llmApiKey !== undefined) llm.api_key = llmApiKey;\n\n  const agentSettings: Record<string, SettingsValue> = {};\n  if (Object.keys(llm).length > 0)\n    agentSettings.llm = llm as Record<string, SettingsValue>;\n  if (agent) agentSettings.agent = agent;\n\n  return {\n    ...(Object.keys(agentSettings).length > 0\n      ? { agent_settings_diff: agentSettings }\n      : {}),\n    ...(language ? { language } : {}),\n  };\n};\n\nexport function isSettingsPageHidden(\n  path: string,\n  featureFlags: WebClientFeatureFlags | undefined,\n): boolean {\n  if (featureFlags?.hide_llm_settings && path === \"/settings/llm\") return true;\n  return false;\n}\n\nexport function getFirstAvailablePath(\n  featureFlags: WebClientFeatureFlags | undefined,\n): string | null {\n  // ``/settings/agent`` precedes ``/settings`` because it is the ACP\n  // landing page and is always available (no feature flag hides it).\n  // When ``hide_llm_settings`` is on, the user is steered there rather\n  // than to ``/settings/app`` (an unrelated section that used to win the\n  // fallback). For OpenHands-agent users this is also a sensible landing\n  // — the Agent page is the single place to switch kinds.\n  const fallbackOrder = [\n    { path: \"/settings/llm\", hidden: !!featureFlags?.hide_llm_settings },\n    { path: \"/settings/agent\", hidden: false },\n    { path: \"/settings\", hidden: !!featureFlags?.hide_llm_settings },\n    { path: \"/settings/app\", hidden: false },\n    { path: \"/settings/secrets\", hidden: false },\n  ];\n\n  const firstAvailable = fallbackOrder.find((item) => !item.hidden);\n  return firstAvailable?.path ?? null;\n}\n"],"mappings":"mFAIA,IAAM,EAAwB,GAAuB,CACnD,IAAM,EAAkB,EAAS,IAAI,qBAAqB,EAAE,UAAU,CAChE,EAAW,EAAkB,EAAA,cAAc,EAAgB,CAAG,IAAA,GAC9D,EAAQ,EAAS,IAAI,kBAAkB,EAAE,UAAU,CAEzD,MAAO,CACL,SAAU,GAAY,EAAQ,GAAG,EAAS,GAAG,IAAU,IAAA,GACvD,UAAW,EAAS,IAAI,oBAAoB,EAAE,UAAU,CACxD,MAAO,EAAS,IAAI,QAAQ,EAAE,UAAU,CACxC,SAAU,EAAS,IAAI,WAAW,EAAE,UAAU,CAC/C,EAcU,EACX,GACgD,CAChD,GAAM,CAAE,WAAU,YAAW,QAAO,YAClC,EAAqB,EAAS,CAE1B,EAA+B,EAAE,CACnC,IAAU,EAAI,MAAQ,GACtB,IAAc,IAAA,KAAW,EAAI,QAAU,GAE3C,IAAM,EAA+C,EAAE,CAKvD,OAJI,OAAO,KAAK,EAAI,CAAC,OAAS,IAC5B,EAAc,IAAM,GAClB,IAAO,EAAc,MAAQ,GAE1B,CACL,GAAI,OAAO,KAAK,EAAc,CAAC,OAAS,EACpC,CAAE,oBAAqB,EAAe,CACtC,EAAE,CACN,GAAI,EAAW,CAAE,WAAU,CAAG,EAAE,CACjC"}
+{"version":3,"file":"settings-utils.cjs","names":[],"sources":["../../src/utils/settings-utils.ts"],"sourcesContent":["import { WebClientFeatureFlags } from \"#/api/option-service/option.types\";\nimport { Settings, SettingsValue } from \"#/types/settings\";\nimport { getProviderId } from \"#/utils/map-provider\";\n\nconst extractBasicFormData = (formData: FormData) => {\n  const providerDisplay = formData.get(\"llm-provider-input\")?.toString();\n  const provider = providerDisplay ? getProviderId(providerDisplay) : undefined;\n  const model = formData.get(\"llm-model-input\")?.toString();\n\n  return {\n    llmModel: provider && model ? `${provider}/${model}` : undefined,\n    llmApiKey: formData.get(\"llm-api-key-input\")?.toString(),\n    agent: formData.get(\"agent\")?.toString(),\n    language: formData.get(\"language\")?.toString(),\n  };\n};\n\nexport const parseMaxBudgetPerTask = (value: string): number | null => {\n  if (!value) {\n    return null;\n  }\n\n  const parsedValue = parseFloat(value);\n  return parsedValue && parsedValue >= 1 && Number.isFinite(parsedValue)\n    ? parsedValue\n    : null;\n};\n\nexport const extractSettings = (\n  formData: FormData,\n): Partial<Settings> & Record<string, unknown> => {\n  const { llmModel, llmApiKey, agent, language } =\n    extractBasicFormData(formData);\n\n  const llm: Record<string, unknown> = {};\n  if (llmModel) llm.model = llmModel;\n  if (llmApiKey !== undefined) llm.api_key = llmApiKey;\n\n  const agentSettings: Record<string, SettingsValue> = {};\n  if (Object.keys(llm).length > 0)\n    agentSettings.llm = llm as Record<string, SettingsValue>;\n  if (agent) agentSettings.agent = agent;\n\n  return {\n    ...(Object.keys(agentSettings).length > 0\n      ? { agent_settings_diff: agentSettings }\n      : {}),\n    ...(language ? { language } : {}),\n  };\n};\n\nexport function isSettingsPageHidden(\n  path: string,\n  featureFlags: WebClientFeatureFlags | undefined,\n): boolean {\n  if (featureFlags?.hide_llm_settings && path === \"/settings/llm\") return true;\n  return false;\n}\n\nexport function getFirstAvailablePath(\n  featureFlags: WebClientFeatureFlags | undefined,\n): string | null {\n  // ``/settings/agent`` always wins: it is the single place to switch\n  // agent kinds (OpenHands / ACP) and the only sub-page that is always\n  // available regardless of feature flags. Landing here keeps the\n  // routing simple — ACP users no longer have to bounce through\n  // ``/settings/llm`` (which is disabled for them), and OpenHands users\n  // are one nav-click away from the LLM page.\n  const fallbackOrder = [\n    { path: \"/settings/agent\", hidden: false },\n    { path: \"/settings/llm\", hidden: !!featureFlags?.hide_llm_settings },\n    { path: \"/settings\", hidden: !!featureFlags?.hide_llm_settings },\n    { path: \"/settings/app\", hidden: false },\n    { path: \"/settings/secrets\", hidden: false },\n  ];\n\n  const firstAvailable = fallbackOrder.find((item) => !item.hidden);\n  return firstAvailable?.path ?? null;\n}\n"],"mappings":"mFAIA,IAAM,EAAwB,GAAuB,CACnD,IAAM,EAAkB,EAAS,IAAI,qBAAqB,EAAE,UAAU,CAChE,EAAW,EAAkB,EAAA,cAAc,EAAgB,CAAG,IAAA,GAC9D,EAAQ,EAAS,IAAI,kBAAkB,EAAE,UAAU,CAEzD,MAAO,CACL,SAAU,GAAY,EAAQ,GAAG,EAAS,GAAG,IAAU,IAAA,GACvD,UAAW,EAAS,IAAI,oBAAoB,EAAE,UAAU,CACxD,MAAO,EAAS,IAAI,QAAQ,EAAE,UAAU,CACxC,SAAU,EAAS,IAAI,WAAW,EAAE,UAAU,CAC/C,EAcU,EACX,GACgD,CAChD,GAAM,CAAE,WAAU,YAAW,QAAO,YAClC,EAAqB,EAAS,CAE1B,EAA+B,EAAE,CACnC,IAAU,EAAI,MAAQ,GACtB,IAAc,IAAA,KAAW,EAAI,QAAU,GAE3C,IAAM,EAA+C,EAAE,CAKvD,OAJI,OAAO,KAAK,EAAI,CAAC,OAAS,IAC5B,EAAc,IAAM,GAClB,IAAO,EAAc,MAAQ,GAE1B,CACL,GAAI,OAAO,KAAK,EAAc,CAAC,OAAS,EACpC,CAAE,oBAAqB,EAAe,CACtC,EAAE,CACN,GAAI,EAAW,CAAE,WAAU,CAAG,EAAE,CACjC"}

package/dist/utils/settings-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-utils.js","names":[],"sources":["../../src/utils/settings-utils.ts"],"sourcesContent":["import { WebClientFeatureFlags } from \"#/api/option-service/option.types\";\nimport { Settings, SettingsValue } from \"#/types/settings\";\nimport { getProviderId } from \"#/utils/map-provider\";\n\nconst extractBasicFormData = (formData: FormData) => {\n  const providerDisplay = formData.get(\"llm-provider-input\")?.toString();\n  const provider = providerDisplay ? getProviderId(providerDisplay) : undefined;\n  const model = formData.get(\"llm-model-input\")?.toString();\n\n  return {\n    llmModel: provider && model ? `${provider}/${model}` : undefined,\n    llmApiKey: formData.get(\"llm-api-key-input\")?.toString(),\n    agent: formData.get(\"agent\")?.toString(),\n    language: formData.get(\"language\")?.toString(),\n  };\n};\n\nexport const parseMaxBudgetPerTask = (value: string): number | null => {\n  if (!value) {\n    return null;\n  }\n\n  const parsedValue = parseFloat(value);\n  return parsedValue && parsedValue >= 1 && Number.isFinite(parsedValue)\n    ? parsedValue\n    : null;\n};\n\nexport const extractSettings = (\n  formData: FormData,\n): Partial<Settings> & Record<string, unknown> => {\n  const { llmModel, llmApiKey, agent, language } =\n    extractBasicFormData(formData);\n\n  const llm: Record<string, unknown> = {};\n  if (llmModel) llm.model = llmModel;\n  if (llmApiKey !== undefined) llm.api_key = llmApiKey;\n\n  const agentSettings: Record<string, SettingsValue> = {};\n  if (Object.keys(llm).length > 0)\n    agentSettings.llm = llm as Record<string, SettingsValue>;\n  if (agent) agentSettings.agent = agent;\n\n  return {\n    ...(Object.keys(agentSettings).length > 0\n      ? { agent_settings_diff: agentSettings }\n      : {}),\n    ...(language ? { language } : {}),\n  };\n};\n\nexport function isSettingsPageHidden(\n  path: string,\n  featureFlags: WebClientFeatureFlags | undefined,\n): boolean {\n  if (featureFlags?.hide_llm_settings && path === \"/settings/llm\") return true;\n  return false;\n}\n\nexport function getFirstAvailablePath(\n  featureFlags: WebClientFeatureFlags | undefined,\n): string | null {\n  // ``/settings/agent`` precedes ``/settings`` because it is the ACP\n  // landing page and is always available (no feature flag hides it).\n  // When ``hide_llm_settings`` is on, the user is steered there rather\n  // than to ``/settings/app`` (an unrelated section that used to win the\n  // fallback). For OpenHands-agent users this is also a sensible landing\n  // — the Agent page is the single place to switch kinds.\n  const fallbackOrder = [\n    { path: \"/settings/llm\", hidden: !!featureFlags?.hide_llm_settings },\n    { path: \"/settings/agent\", hidden: false },\n    { path: \"/settings\", hidden: !!featureFlags?.hide_llm_settings },\n    { path: \"/settings/app\", hidden: false },\n    { path: \"/settings/secrets\", hidden: false },\n  ];\n\n  const firstAvailable = fallbackOrder.find((item) => !item.hidden);\n  return firstAvailable?.path ?? null;\n}\n"],"mappings":";;AAIA,IAAM,KAAwB,MAAuB;CACnD,IAAM,IAAkB,EAAS,IAAI,qBAAqB,EAAE,UAAU,EAChE,IAAW,IAAkB,EAAc,EAAgB,GAAG,KAAA,GAC9D,IAAQ,EAAS,IAAI,kBAAkB,EAAE,UAAU;AAEzD,QAAO;EACL,UAAU,KAAY,IAAQ,GAAG,EAAS,GAAG,MAAU,KAAA;EACvD,WAAW,EAAS,IAAI,oBAAoB,EAAE,UAAU;EACxD,OAAO,EAAS,IAAI,QAAQ,EAAE,UAAU;EACxC,UAAU,EAAS,IAAI,WAAW,EAAE,UAAU;EAC/C;GAcU,KACX,MACgD;CAChD,IAAM,EAAE,aAAU,cAAW,UAAO,gBAClC,EAAqB,EAAS,EAE1B,IAA+B,EAAE;AAEvC,CADI,MAAU,EAAI,QAAQ,IACtB,MAAc,KAAA,MAAW,EAAI,UAAU;CAE3C,IAAM,IAA+C,EAAE;AAKvD,QAJI,OAAO,KAAK,EAAI,CAAC,SAAS,MAC5B,EAAc,MAAM,IAClB,MAAO,EAAc,QAAQ,IAE1B;EACL,GAAI,OAAO,KAAK,EAAc,CAAC,SAAS,IACpC,EAAE,qBAAqB,GAAe,GACtC,EAAE;EACN,GAAI,IAAW,EAAE,aAAU,GAAG,EAAE;EACjC"}
+{"version":3,"file":"settings-utils.js","names":[],"sources":["../../src/utils/settings-utils.ts"],"sourcesContent":["import { WebClientFeatureFlags } from \"#/api/option-service/option.types\";\nimport { Settings, SettingsValue } from \"#/types/settings\";\nimport { getProviderId } from \"#/utils/map-provider\";\n\nconst extractBasicFormData = (formData: FormData) => {\n  const providerDisplay = formData.get(\"llm-provider-input\")?.toString();\n  const provider = providerDisplay ? getProviderId(providerDisplay) : undefined;\n  const model = formData.get(\"llm-model-input\")?.toString();\n\n  return {\n    llmModel: provider && model ? `${provider}/${model}` : undefined,\n    llmApiKey: formData.get(\"llm-api-key-input\")?.toString(),\n    agent: formData.get(\"agent\")?.toString(),\n    language: formData.get(\"language\")?.toString(),\n  };\n};\n\nexport const parseMaxBudgetPerTask = (value: string): number | null => {\n  if (!value) {\n    return null;\n  }\n\n  const parsedValue = parseFloat(value);\n  return parsedValue && parsedValue >= 1 && Number.isFinite(parsedValue)\n    ? parsedValue\n    : null;\n};\n\nexport const extractSettings = (\n  formData: FormData,\n): Partial<Settings> & Record<string, unknown> => {\n  const { llmModel, llmApiKey, agent, language } =\n    extractBasicFormData(formData);\n\n  const llm: Record<string, unknown> = {};\n  if (llmModel) llm.model = llmModel;\n  if (llmApiKey !== undefined) llm.api_key = llmApiKey;\n\n  const agentSettings: Record<string, SettingsValue> = {};\n  if (Object.keys(llm).length > 0)\n    agentSettings.llm = llm as Record<string, SettingsValue>;\n  if (agent) agentSettings.agent = agent;\n\n  return {\n    ...(Object.keys(agentSettings).length > 0\n      ? { agent_settings_diff: agentSettings }\n      : {}),\n    ...(language ? { language } : {}),\n  };\n};\n\nexport function isSettingsPageHidden(\n  path: string,\n  featureFlags: WebClientFeatureFlags | undefined,\n): boolean {\n  if (featureFlags?.hide_llm_settings && path === \"/settings/llm\") return true;\n  return false;\n}\n\nexport function getFirstAvailablePath(\n  featureFlags: WebClientFeatureFlags | undefined,\n): string | null {\n  // ``/settings/agent`` always wins: it is the single place to switch\n  // agent kinds (OpenHands / ACP) and the only sub-page that is always\n  // available regardless of feature flags. Landing here keeps the\n  // routing simple — ACP users no longer have to bounce through\n  // ``/settings/llm`` (which is disabled for them), and OpenHands users\n  // are one nav-click away from the LLM page.\n  const fallbackOrder = [\n    { path: \"/settings/agent\", hidden: false },\n    { path: \"/settings/llm\", hidden: !!featureFlags?.hide_llm_settings },\n    { path: \"/settings\", hidden: !!featureFlags?.hide_llm_settings },\n    { path: \"/settings/app\", hidden: false },\n    { path: \"/settings/secrets\", hidden: false },\n  ];\n\n  const firstAvailable = fallbackOrder.find((item) => !item.hidden);\n  return firstAvailable?.path ?? null;\n}\n"],"mappings":";;AAIA,IAAM,KAAwB,MAAuB;CACnD,IAAM,IAAkB,EAAS,IAAI,qBAAqB,EAAE,UAAU,EAChE,IAAW,IAAkB,EAAc,EAAgB,GAAG,KAAA,GAC9D,IAAQ,EAAS,IAAI,kBAAkB,EAAE,UAAU;AAEzD,QAAO;EACL,UAAU,KAAY,IAAQ,GAAG,EAAS,GAAG,MAAU,KAAA;EACvD,WAAW,EAAS,IAAI,oBAAoB,EAAE,UAAU;EACxD,OAAO,EAAS,IAAI,QAAQ,EAAE,UAAU;EACxC,UAAU,EAAS,IAAI,WAAW,EAAE,UAAU;EAC/C;GAcU,KACX,MACgD;CAChD,IAAM,EAAE,aAAU,cAAW,UAAO,gBAClC,EAAqB,EAAS,EAE1B,IAA+B,EAAE;AAEvC,CADI,MAAU,EAAI,QAAQ,IACtB,MAAc,KAAA,MAAW,EAAI,UAAU;CAE3C,IAAM,IAA+C,EAAE;AAKvD,QAJI,OAAO,KAAK,EAAI,CAAC,SAAS,MAC5B,EAAc,MAAM,IAClB,MAAO,EAAc,QAAQ,IAE1B;EACL,GAAI,OAAO,KAAK,EAAc,CAAC,SAAS,IACpC,EAAE,qBAAqB,GAAe,GACtC,EAAE;EACN,GAAI,IAAW,EAAE,aAAU,GAAG,EAAE;EACjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openhands/agent-canvas",
-  "version": "1.0.0-alpha.7",
+  "version": "1.0.0-alpha.8",
   "description": "Agent Canvas UI for OpenHands - run AI coding agents with a visual interface",
   "license": "MIT",
   "private": false,
@@ -23,8 +23,8 @@
     "@heroui/react": "2.8.10",
     "@microlink/react-json-view": "1.31.20",
     "@monaco-editor/react": "4.7.0",
-    "@openhands/extensions": "git+https://github.com/OpenHands/extensions.git#b8c1869ec9dea4467bb27d5754dc695d14e27889",
-    "@openhands/typescript-client": "1.23.3",
+    "@openhands/extensions": "git+https://github.com/OpenHands/extensions.git#39711065f53166c52608462f60a4c8507253ce56",
+    "@openhands/typescript-client": "1.24.0",
     "@react-router/node": "7.14.2",
     "@react-router/serve": "7.14.2",
     "@tailwindcss/vite": "4.2.4",
@@ -80,6 +80,7 @@
     "test": "npm run make-i18n && vitest run",
     "test:e2e": "playwright test --pass-with-no-tests",
     "test:e2e:live": "node --env-file-if-exists=.env tests/e2e/live/scripts/run-live-e2e.mjs",
+    "test:e2e:mock-llm": "playwright test --config=playwright.mock-llm.config.ts",
     "test:e2e:snapshots": "playwright test tests/e2e/snapshots --project=chromium --retries=0",
     "test:e2e:snapshots:update": "playwright test tests/e2e/snapshots --project=chromium --update-snapshots",
     "test:coverage": "npm run make-i18n && vitest run --coverage",
@@ -173,7 +174,8 @@
     "bin",
     "build",
     "config",
-    "scripts"
+    "scripts",
+    "tools"
   ],
   "exports": {
     ".": {

package/scripts/check-sdk-version-sync.mjs

@@ -19,7 +19,7 @@
  *
  * Usage:
  *   node scripts/check-sdk-version-sync.mjs
- *   EXPECTED_SDK_VERSION=1.23.1 node scripts/check-sdk-version-sync.mjs
+ *   EXPECTED_SDK_VERSION=1.24.0 node scripts/check-sdk-version-sync.mjs
  *   node scripts/check-sdk-version-sync.mjs --check-pypi
  *
  * Environment variables:
@@ -79,7 +79,7 @@ Triggering from other repos:
     -H "Authorization: token \$GITHUB_TOKEN" \\
     -H "Accept: application/vnd.github.v3+json" \\
     https://api.github.com/repos/OpenHands/agent-canvas/dispatches \\
-    -d '{"event_type": "sdk-version-check", "client_payload": {"version": "1.23.1"}}'
+    -d '{"event_type": "sdk-version-check", "client_payload": {"version": "1.24.0"}}'
 `);
   process.exit(0);
 }
@@ -268,9 +268,9 @@ async function fetchPyPIDependencies(packageName, version) {
  * Parse PyPI requires_dist array and extract SDK package versions
  *
  * PyPI returns dependencies in PEP 508 format like:
- *   "openhands-sdk>=1.23.1,<2.0.0"
- *   "openhands-tools==1.23.1"
- *   "openhands-workspace (>=1.23.1)"
+ *   "openhands-sdk>=1.24.0,<2.0.0"
+ *   "openhands-tools==1.24.0"
+ *   "openhands-workspace (>=1.24.0)"
  */
 function parseSdkVersionsFromRequiresDist(requiresDist) {
   const versions = {};
@@ -284,7 +284,7 @@ function parseSdkVersionsFromRequiresDist(requiresDist) {
       }
 
       // Extract the version number - look for patterns like:
-      // ">=1.23.1", "==1.23.1", "(>=1.23.1)", "~=1.23.1"
+      // ">=1.24.0", "==1.24.0", "(>=1.24.0)", "~=1.24.0"
       // After the package name and before any comma or closing paren
       const versionPattern = /[><=~!]+\s*([0-9]+(?:\.[0-9]+)*)/;
       const match = dep.match(versionPattern);