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

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.9\",\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#e14f740c59b4bfd7369d4bb6aea5eeb33dd05909\",\n    \"@openhands/typescript-client\": \"1.24.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: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/conversation.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(`../types/agent-state.cjs`),i=require(`../hooks/use-conversation-id.cjs`),a=require(`../stores/command-store.cjs`),o=require(`../stores/conversation-store.cjs`),s=require(`../stores/agent-store.cjs`),c=require(`../stores/conversation-state-store.cjs`),l=require(`../contexts/active-backend-context.cjs`),u=require(`../api/backend-registry/last-conversation-store.cjs`),d=require(`../utils/custom-toast-handlers.cjs`),f=require(`../stores/use-event-store.cjs`),p=require(`../stores/error-message-store.cjs`),m=require(`../api/cloud/conversation-service.api.cjs`),h=require(`../hooks/query/use-active-conversation.cjs`),g=require(`../wrapper/event-handler.cjs`),_=require(`../hooks/query/use-task-polling.cjs`),v=require(`../hooks/query/use-is-authed.cjs`),y=require(`../components/features/conversation/conversation-main/conversation-main.cjs`),b=require(`../contexts/websocket-provider-wrapper.cjs`);let x=require(`react`);x=e.__toESM(x,1);let S=require(`react/jsx-runtime`),C=require(`react-router`);function w(){let{t:e}=t.useTranslation(`openhands`),{conversationId:w}=i.useConversationId(),T=(0,C.useMatch)(`/conversations/:conversationId/panel`),E=f.useEventStore(e=>e.clearEvents),{isTask:D,taskStatus:O,taskDetail:k}=_.useTaskPolling(),A=l.useActiveBackend(),j=x.default.useRef(A.backend.id),M=x.default.useRef(A.orgId),N=j.current!==A.backend.id||M.current!==A.orgId,{data:P,isFetched:F}=h.useActiveConversation(),{data:I}=v.useIsAuthed(),{resetConversationState:L}=o.useConversationStore(),R=(0,C.useNavigate)(),z=(0,C.useLocation)(),B=a.useCommandStore(e=>e.clearTerminal),V=c.useConversationStateStore(e=>e.reset),H=s.useAgentStore(e=>e.setCurrentAgentState),U=p.useErrorMessageStore(e=>e.removeErrorMessage);x.default.useEffect(()=>{B(),L(),V(),H(r.AgentState.LOADING),U(),E()},[w,B,L,V,H,U,E]),x.default.useEffect(()=>{if(D&&O===`ERROR`){d.displayErrorToast(k||e(n.I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));let t=z.state?.resumedFromConversationId;R(t?`/conversations/${t}`:`/conversations`,{replace:!0})}},[D,O,k,e,R,z.state]),x.default.useEffect(()=>{!F||!I||N||P||(u.clearLastConversationId(A.backend.id,A.orgId),d.displayErrorToast(e(n.I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)),R(`/conversations`))},[P,F,I,R,e,N,A.backend.id,A.orgId]),x.default.useEffect(()=>{N||w&&(w.startsWith(`task-`)||u.setLastConversationId(A.backend.id,A.orgId,w))},[w,N,A.backend.id,A.orgId]);let W=x.default.useRef(null);return x.default.useEffect(()=>{!F||!P||A.backend.kind===`cloud`&&P.sandbox_status===`PAUSED`&&P.sandbox_id&&W.current!==P.id&&(W.current=P.id,m.resumeCloudSandbox(P.sandbox_id).catch(()=>{d.displayErrorToast(e(n.I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK))}))},[F,P?.id,P?.sandbox_status,P?.sandbox_id,A.backend.kind,e]),(0,S.jsx)(b.WebSocketProviderWrapper,{conversationId:w,children:(0,S.jsx)(g.EventHandler,{children:(0,S.jsx)(`div`,{"data-testid":`app-route`,className:`flex h-full flex-col`,children:T?(0,S.jsx)(y.ConversationMobilePanelPage,{onNavigateBack:()=>R(`/conversations/${w}`)}):(0,S.jsx)(y.ConversationMain,{})})})})}function T(){return(0,S.jsx)(w,{})}exports.default=T;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../i18n/declaration.cjs`),r=require(`../types/agent-state.cjs`),i=require(`../hooks/use-conversation-id.cjs`),a=require(`../stores/command-store.cjs`),o=require(`../stores/conversation-store.cjs`),s=require(`../stores/agent-store.cjs`),c=require(`../stores/conversation-state-store.cjs`),l=require(`../contexts/active-backend-context.cjs`),u=require(`../api/backend-registry/last-conversation-store.cjs`),d=require(`../utils/custom-toast-handlers.cjs`),f=require(`../stores/error-message-store.cjs`),p=require(`../api/cloud/conversation-service.api.cjs`),m=require(`../hooks/query/use-active-conversation.cjs`),h=require(`../wrapper/event-handler.cjs`),g=require(`../hooks/query/use-task-polling.cjs`),_=require(`../hooks/query/use-is-authed.cjs`),v=require(`../components/features/conversation/conversation-main/conversation-main.cjs`),y=require(`../contexts/websocket-provider-wrapper.cjs`);let b=require(`react`);b=e.__toESM(b,1);let x=require(`react/jsx-runtime`),S=require(`react-router`);function C(){let{t:e}=t.useTranslation(`openhands`),{conversationId:C}=i.useConversationId(),w=(0,S.useMatch)(`/conversations/:conversationId/panel`),{isTask:T,taskStatus:E,taskDetail:D}=g.useTaskPolling(),O=l.useActiveBackend(),k=b.default.useRef(O.backend.id),A=b.default.useRef(O.orgId),j=k.current!==O.backend.id||A.current!==O.orgId,{data:M,isFetched:N}=m.useActiveConversation(),{data:P}=_.useIsAuthed(),{resetConversationState:F}=o.useConversationStore(),I=(0,S.useNavigate)(),L=(0,S.useLocation)(),R=a.useCommandStore(e=>e.clearTerminal),z=c.useConversationStateStore(e=>e.reset),B=s.useAgentStore(e=>e.setCurrentAgentState),V=f.useErrorMessageStore(e=>e.removeErrorMessage);b.default.useEffect(()=>{R(),F(),z(),B(r.AgentState.LOADING),V()},[C,R,F,z,B,V]),b.default.useEffect(()=>{if(T&&E===`ERROR`){d.displayErrorToast(D||e(n.I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));let t=L.state?.resumedFromConversationId;I(t?`/conversations/${t}`:`/conversations`,{replace:!0})}},[T,E,D,e,I,L.state]),b.default.useEffect(()=>{!N||!P||j||M||(u.clearLastConversationId(O.backend.id,O.orgId),d.displayErrorToast(e(n.I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)),I(`/conversations`))},[M,N,P,I,e,j,O.backend.id,O.orgId]),b.default.useEffect(()=>{j||C&&(C.startsWith(`task-`)||u.setLastConversationId(O.backend.id,O.orgId,C))},[C,j,O.backend.id,O.orgId]);let H=b.default.useRef(null);return b.default.useEffect(()=>{!N||!M||O.backend.kind===`cloud`&&M.sandbox_status===`PAUSED`&&M.sandbox_id&&H.current!==M.id&&(H.current=M.id,p.resumeCloudSandbox(M.sandbox_id).catch(()=>{d.displayErrorToast(e(n.I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK))}))},[N,M?.id,M?.sandbox_status,M?.sandbox_id,O.backend.kind,e]),(0,x.jsx)(y.WebSocketProviderWrapper,{conversationId:C,children:(0,x.jsx)(h.EventHandler,{children:(0,x.jsx)(`div`,{"data-testid":`app-route`,className:`flex h-full flex-col`,children:w?(0,x.jsx)(v.ConversationMobilePanelPage,{onNavigateBack:()=>I(`/conversations/${C}`)}):(0,x.jsx)(v.ConversationMain,{})})})})}function w(){return(0,x.jsx)(C,{})}exports.default=w;
 //# sourceMappingURL=conversation.cjs.map

package/dist/routes/conversation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.cjs","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  clearLastConversationId,\n  setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport {\n  ConversationMain,\n  ConversationMobilePanelPage,\n} from \"#/components/features/conversation/conversation-main/conversation-main\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n  const clearEvents = useEventStore((state) => state.clearEvents);\n\n  const { isTask, taskStatus, taskDetail } = useTaskPolling();\n\n  // The conversationId in the URL belongs to whichever backend was\n  // active when the route first mounted. If the user switches backends\n  // while this route is still mounted, the id is meaningless under the\n  // new backend — disable the active-conversation fetch (and its 404\n  // toast) so we don't fire a request that the BackendSelector's\n  // redirect will immediately navigate away from anyway. Mirrors the\n  // same guard in `routes/automation-detail.tsx`.\n  const active = useActiveBackend();\n  const mountedBackendId = React.useRef(active.backend.id);\n  const mountedOrgId = React.useRef(active.orgId);\n  const backendChanged =\n    mountedBackendId.current !== active.backend.id ||\n    mountedOrgId.current !== active.orgId;\n\n  const { data: conversation, isFetched } = useActiveConversation();\n  const { data: isAuthed } = useIsAuthed();\n  const { resetConversationState } = useConversationStore();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const clearTerminal = useCommandStore((state) => state.clearTerminal);\n  const resetConversationRuntimeState = useConversationStateStore(\n    (state) => state.reset,\n  );\n  const setCurrentAgentState = useAgentStore(\n    (state) => state.setCurrentAgentState,\n  );\n  const removeErrorMessage = useErrorMessageStore(\n    (state) => state.removeErrorMessage,\n  );\n\n  React.useEffect(() => {\n    clearTerminal();\n    resetConversationState();\n    resetConversationRuntimeState();\n    setCurrentAgentState(AgentState.LOADING);\n    removeErrorMessage();\n    clearEvents();\n  }, [\n    conversationId,\n    clearTerminal,\n    resetConversationState,\n    resetConversationRuntimeState,\n    setCurrentAgentState,\n    removeErrorMessage,\n    clearEvents,\n  ]);\n\n  React.useEffect(() => {\n    if (isTask && taskStatus === \"ERROR\") {\n      displayErrorToast(\n        taskDetail || t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n      );\n      // Navigate back to the original conversation when a resume task fails so\n      // the user isn't stranded at the dead task-{id} URL. The resume effect's\n      // ref prevents it from immediately retrying once we land there.\n      const resumedFrom = (location.state as Record<string, unknown> | null)\n        ?.resumedFromConversationId as string | undefined;\n      navigate(\n        resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n        { replace: true },\n      );\n    }\n  }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n  React.useEffect(() => {\n    if (!isFetched || !isAuthed) return;\n    // The BackendSelector is in the middle of redirecting us away from\n    // this route — don't toast/navigate based on a 404 that's just\n    // \"this id doesn't exist on the new backend\".\n    if (backendChanged) return;\n\n    if (!conversation) {\n      // Clear the per-backend \"last selected\" slot so the next switch\n      // to this backend doesn't try to revisit a stale id.\n      clearLastConversationId(active.backend.id, active.orgId);\n      displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n      navigate(\"/conversations\");\n    }\n  }, [\n    conversation,\n    isFetched,\n    isAuthed,\n    navigate,\n    t,\n    backendChanged,\n    active.backend.id,\n    active.orgId,\n  ]);\n\n  // Remember the most recently selected conversation for the current\n  // (backend, org) so flipping back to this backend later restores the\n  // user to where they left off. Skip while a backend switch is in\n  // flight: the id in the URL is from the previous backend and would\n  // otherwise overwrite the new backend's memory.\n  React.useEffect(() => {\n    if (backendChanged) return;\n    if (!conversationId) return;\n    if (conversationId.startsWith(\"task-\")) return;\n    setLastConversationId(active.backend.id, active.orgId, conversationId);\n  }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n  // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n  //\n  // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n  // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n  // (a lightweight unpause). The previous approach — creating a new start task\n  // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n  // fresh conversation in the sandbox and is subject to a 120-second cold-start\n  // timeout that can fail. The resume endpoint simply unpauses the existing one.\n  //\n  // After calling resume we stay on the current URL. The 3-second refetch\n  // interval in useActiveConversation (active while conversation_url is null)\n  // polls until conversation_url populates, then the WebSocket connects.\n  //\n  // A ref guards against duplicate triggers per unique conversation.id within\n  // the same route-mount lifetime.\n  const resumeTriggeredForRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (!isFetched || !conversation) return;\n    if (active.backend.kind !== \"cloud\") return;\n    if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n    if (!conversation.sandbox_id) return; // no sandbox to resume\n    if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n    resumeTriggeredForRef.current = conversation.id;\n\n    resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n      displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n    });\n  }, [\n    isFetched,\n    conversation?.id,\n    conversation?.sandbox_status,\n    conversation?.sandbox_id,\n    active.backend.kind,\n    t,\n  ]);\n\n  const content = (\n    <EventHandler>\n      <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n        {panelViewMatch ? (\n          <ConversationMobilePanelPage\n            onNavigateBack={() => navigate(`/conversations/${conversationId}`)}\n          />\n        ) : (\n          <ConversationMain />\n        )}\n      </div>\n    </EventHandler>\n  );\n\n  return (\n    <WebSocketProviderWrapper conversationId={conversationId}>\n      {content}\n    </WebSocketProviderWrapper>\n  );\n}\n\nexport function ConversationView() {\n  return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":"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"}
+{"version":3,"file":"conversation.cjs","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  clearLastConversationId,\n  setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport {\n  ConversationMain,\n  ConversationMobilePanelPage,\n} from \"#/components/features/conversation/conversation-main/conversation-main\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n\n  const { isTask, taskStatus, taskDetail } = useTaskPolling();\n\n  // The conversationId in the URL belongs to whichever backend was\n  // active when the route first mounted. If the user switches backends\n  // while this route is still mounted, the id is meaningless under the\n  // new backend — disable the active-conversation fetch (and its 404\n  // toast) so we don't fire a request that the BackendSelector's\n  // redirect will immediately navigate away from anyway. Mirrors the\n  // same guard in `routes/automation-detail.tsx`.\n  const active = useActiveBackend();\n  const mountedBackendId = React.useRef(active.backend.id);\n  const mountedOrgId = React.useRef(active.orgId);\n  const backendChanged =\n    mountedBackendId.current !== active.backend.id ||\n    mountedOrgId.current !== active.orgId;\n\n  const { data: conversation, isFetched } = useActiveConversation();\n  const { data: isAuthed } = useIsAuthed();\n  const { resetConversationState } = useConversationStore();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const clearTerminal = useCommandStore((state) => state.clearTerminal);\n  const resetConversationRuntimeState = useConversationStateStore(\n    (state) => state.reset,\n  );\n  const setCurrentAgentState = useAgentStore(\n    (state) => state.setCurrentAgentState,\n  );\n  const removeErrorMessage = useErrorMessageStore(\n    (state) => state.removeErrorMessage,\n  );\n\n  // Per-conversation UI/runtime resets. The event store is cleared separately,\n  // inside ConversationWebSocketProvider, so the clear is ordered *before* the\n  // preloaded-history re-seed (see the note there) — clearing it here would run\n  // too late and wipe the freshly seeded history on a conversation switch.\n  React.useEffect(() => {\n    clearTerminal();\n    resetConversationState();\n    resetConversationRuntimeState();\n    setCurrentAgentState(AgentState.LOADING);\n    removeErrorMessage();\n  }, [\n    conversationId,\n    clearTerminal,\n    resetConversationState,\n    resetConversationRuntimeState,\n    setCurrentAgentState,\n    removeErrorMessage,\n  ]);\n\n  React.useEffect(() => {\n    if (isTask && taskStatus === \"ERROR\") {\n      displayErrorToast(\n        taskDetail || t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n      );\n      // Navigate back to the original conversation when a resume task fails so\n      // the user isn't stranded at the dead task-{id} URL. The resume effect's\n      // ref prevents it from immediately retrying once we land there.\n      const resumedFrom = (location.state as Record<string, unknown> | null)\n        ?.resumedFromConversationId as string | undefined;\n      navigate(\n        resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n        { replace: true },\n      );\n    }\n  }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n  React.useEffect(() => {\n    if (!isFetched || !isAuthed) return;\n    // The BackendSelector is in the middle of redirecting us away from\n    // this route — don't toast/navigate based on a 404 that's just\n    // \"this id doesn't exist on the new backend\".\n    if (backendChanged) return;\n\n    if (!conversation) {\n      // Clear the per-backend \"last selected\" slot so the next switch\n      // to this backend doesn't try to revisit a stale id.\n      clearLastConversationId(active.backend.id, active.orgId);\n      displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n      navigate(\"/conversations\");\n    }\n  }, [\n    conversation,\n    isFetched,\n    isAuthed,\n    navigate,\n    t,\n    backendChanged,\n    active.backend.id,\n    active.orgId,\n  ]);\n\n  // Remember the most recently selected conversation for the current\n  // (backend, org) so flipping back to this backend later restores the\n  // user to where they left off. Skip while a backend switch is in\n  // flight: the id in the URL is from the previous backend and would\n  // otherwise overwrite the new backend's memory.\n  React.useEffect(() => {\n    if (backendChanged) return;\n    if (!conversationId) return;\n    if (conversationId.startsWith(\"task-\")) return;\n    setLastConversationId(active.backend.id, active.orgId, conversationId);\n  }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n  // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n  //\n  // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n  // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n  // (a lightweight unpause). The previous approach — creating a new start task\n  // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n  // fresh conversation in the sandbox and is subject to a 120-second cold-start\n  // timeout that can fail. The resume endpoint simply unpauses the existing one.\n  //\n  // After calling resume we stay on the current URL. The 3-second refetch\n  // interval in useActiveConversation (active while conversation_url is null)\n  // polls until conversation_url populates, then the WebSocket connects.\n  //\n  // A ref guards against duplicate triggers per unique conversation.id within\n  // the same route-mount lifetime.\n  const resumeTriggeredForRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (!isFetched || !conversation) return;\n    if (active.backend.kind !== \"cloud\") return;\n    if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n    if (!conversation.sandbox_id) return; // no sandbox to resume\n    if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n    resumeTriggeredForRef.current = conversation.id;\n\n    resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n      displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n    });\n  }, [\n    isFetched,\n    conversation?.id,\n    conversation?.sandbox_status,\n    conversation?.sandbox_id,\n    active.backend.kind,\n    t,\n  ]);\n\n  const content = (\n    <EventHandler>\n      <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n        {panelViewMatch ? (\n          <ConversationMobilePanelPage\n            onNavigateBack={() => navigate(`/conversations/${conversationId}`)}\n          />\n        ) : (\n          <ConversationMain />\n        )}\n      </div>\n    </EventHandler>\n  );\n\n  return (\n    <WebSocketProviderWrapper conversationId={conversationId}>\n      {content}\n    </WebSocketProviderWrapper>\n  );\n}\n\nexport function ConversationView() {\n  return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":"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"}

package/dist/routes/conversation.js

@@ -9,88 +9,86 @@ import { useConversationStateStore as s } from "../stores/conversation-state-sto
 import { useActiveBackend as c } from "../contexts/active-backend-context.js";
 import { clearLastConversationId as l, setLastConversationId as u } from "../api/backend-registry/last-conversation-store.js";
 import { displayErrorToast as d } from "../utils/custom-toast-handlers.js";
-import { useEventStore as f } from "../stores/use-event-store.js";
-import { useErrorMessageStore as p } from "../stores/error-message-store.js";
-import { resumeCloudSandbox as m } from "../api/cloud/conversation-service.api.js";
-import { useActiveConversation as h } from "../hooks/query/use-active-conversation.js";
-import { EventHandler as g } from "../wrapper/event-handler.js";
-import { useTaskPolling as _ } from "../hooks/query/use-task-polling.js";
-import { useIsAuthed as v } from "../hooks/query/use-is-authed.js";
-import { ConversationMain as y, ConversationMobilePanelPage as b } from "../components/features/conversation/conversation-main/conversation-main.js";
-import { WebSocketProviderWrapper as x } from "../contexts/websocket-provider-wrapper.js";
-import S from "react";
-import { jsx as C } from "react/jsx-runtime";
-import { useLocation as w, useMatch as T, useNavigate as E } from "react-router";
+import { useErrorMessageStore as f } from "../stores/error-message-store.js";
+import { resumeCloudSandbox as p } from "../api/cloud/conversation-service.api.js";
+import { useActiveConversation as m } from "../hooks/query/use-active-conversation.js";
+import { EventHandler as h } from "../wrapper/event-handler.js";
+import { useTaskPolling as g } from "../hooks/query/use-task-polling.js";
+import { useIsAuthed as _ } from "../hooks/query/use-is-authed.js";
+import { ConversationMain as v, ConversationMobilePanelPage as y } from "../components/features/conversation/conversation-main/conversation-main.js";
+import { WebSocketProviderWrapper as b } from "../contexts/websocket-provider-wrapper.js";
+import x from "react";
+import { jsx as S } from "react/jsx-runtime";
+import { useLocation as C, useMatch as w, useNavigate as T } from "react-router";
 //#region src/routes/conversation.tsx
-function D() {
-	let { t: D } = e("openhands"), { conversationId: O } = r(), k = T("/conversations/:conversationId/panel"), A = f((e) => e.clearEvents), { isTask: j, taskStatus: M, taskDetail: N } = _(), P = c(), F = S.useRef(P.backend.id), I = S.useRef(P.orgId), L = F.current !== P.backend.id || I.current !== P.orgId, { data: R, isFetched: z } = h(), { data: B } = v(), { resetConversationState: V } = a(), H = E(), U = w(), W = i((e) => e.clearTerminal), G = s((e) => e.reset), K = o((e) => e.setCurrentAgentState), q = p((e) => e.removeErrorMessage);
-	S.useEffect(() => {
-		W(), V(), G(), K(n.LOADING), q(), A();
+function E() {
+	let { t: E } = e("openhands"), { conversationId: D } = r(), O = w("/conversations/:conversationId/panel"), { isTask: k, taskStatus: A, taskDetail: j } = g(), M = c(), N = x.useRef(M.backend.id), P = x.useRef(M.orgId), F = N.current !== M.backend.id || P.current !== M.orgId, { data: I, isFetched: L } = m(), { data: R } = _(), { resetConversationState: z } = a(), B = T(), V = C(), H = i((e) => e.clearTerminal), U = s((e) => e.reset), W = o((e) => e.setCurrentAgentState), G = f((e) => e.removeErrorMessage);
+	x.useEffect(() => {
+		H(), z(), U(), W(n.LOADING), G();
 	}, [
-		O,
+		D,
+		H,
+		z,
+		U,
 		W,
-		V,
-		G,
-		K,
-		q,
-		A
-	]), S.useEffect(() => {
-		if (j && M === "ERROR") {
-			d(N || D(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
-			let e = U.state?.resumedFromConversationId;
-			H(e ? `/conversations/${e}` : "/conversations", { replace: !0 });
+		G
+	]), x.useEffect(() => {
+		if (k && A === "ERROR") {
+			d(j || E(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
+			let e = V.state?.resumedFromConversationId;
+			B(e ? `/conversations/${e}` : "/conversations", { replace: !0 });
 		}
 	}, [
+		k,
+		A,
 		j,
-		M,
-		N,
-		D,
-		H,
-		U.state
-	]), S.useEffect(() => {
-		!z || !B || L || R || (l(P.backend.id, P.orgId), d(D(t.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)), H("/conversations"));
+		E,
+		B,
+		V.state
+	]), x.useEffect(() => {
+		!L || !R || F || I || (l(M.backend.id, M.orgId), d(E(t.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)), B("/conversations"));
 	}, [
+		I,
+		L,
 		R,
-		z,
 		B,
-		H,
-		D,
-		L,
-		P.backend.id,
-		P.orgId
-	]), S.useEffect(() => {
-		L || O && (O.startsWith("task-") || u(P.backend.id, P.orgId, O));
+		E,
+		F,
+		M.backend.id,
+		M.orgId
+	]), x.useEffect(() => {
+		F || D && (D.startsWith("task-") || u(M.backend.id, M.orgId, D));
 	}, [
-		O,
-		L,
-		P.backend.id,
-		P.orgId
+		D,
+		F,
+		M.backend.id,
+		M.orgId
 	]);
-	let J = S.useRef(null);
-	return S.useEffect(() => {
-		!z || !R || P.backend.kind === "cloud" && R.sandbox_status === "PAUSED" && R.sandbox_id && J.current !== R.id && (J.current = R.id, m(R.sandbox_id).catch(() => {
-			d(D(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
+	let K = x.useRef(null);
+	return x.useEffect(() => {
+		!L || !I || M.backend.kind === "cloud" && I.sandbox_status === "PAUSED" && I.sandbox_id && K.current !== I.id && (K.current = I.id, p(I.sandbox_id).catch(() => {
+			d(E(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
 		}));
 	}, [
-		z,
-		R?.id,
-		R?.sandbox_status,
-		R?.sandbox_id,
-		P.backend.kind,
-		D
-	]), /* @__PURE__ */ C(x, {
-		conversationId: O,
-		children: /* @__PURE__ */ C(g, { children: /* @__PURE__ */ C("div", {
+		L,
+		I?.id,
+		I?.sandbox_status,
+		I?.sandbox_id,
+		M.backend.kind,
+		E
+	]), /* @__PURE__ */ S(b, {
+		conversationId: D,
+		children: /* @__PURE__ */ S(h, { children: /* @__PURE__ */ S("div", {
 			"data-testid": "app-route",
 			className: "flex h-full flex-col",
-			children: k ? /* @__PURE__ */ C(b, { onNavigateBack: () => H(`/conversations/${O}`) }) : /* @__PURE__ */ C(y, {})
+			children: O ? /* @__PURE__ */ S(y, { onNavigateBack: () => B(`/conversations/${D}`) }) : /* @__PURE__ */ S(v, {})
 		}) })
 	});
 }
-function O() {
-	return /* @__PURE__ */ C(D, {});
+function D() {
+	return /* @__PURE__ */ S(E, {});
 }
 //#endregion
-export { O as default };
+export { D as default };
 
 //# sourceMappingURL=conversation.js.map

package/dist/routes/conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.js","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  clearLastConversationId,\n  setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport {\n  ConversationMain,\n  ConversationMobilePanelPage,\n} from \"#/components/features/conversation/conversation-main/conversation-main\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n  const clearEvents = useEventStore((state) => state.clearEvents);\n\n  const { isTask, taskStatus, taskDetail } = useTaskPolling();\n\n  // The conversationId in the URL belongs to whichever backend was\n  // active when the route first mounted. If the user switches backends\n  // while this route is still mounted, the id is meaningless under the\n  // new backend — disable the active-conversation fetch (and its 404\n  // toast) so we don't fire a request that the BackendSelector's\n  // redirect will immediately navigate away from anyway. Mirrors the\n  // same guard in `routes/automation-detail.tsx`.\n  const active = useActiveBackend();\n  const mountedBackendId = React.useRef(active.backend.id);\n  const mountedOrgId = React.useRef(active.orgId);\n  const backendChanged =\n    mountedBackendId.current !== active.backend.id ||\n    mountedOrgId.current !== active.orgId;\n\n  const { data: conversation, isFetched } = useActiveConversation();\n  const { data: isAuthed } = useIsAuthed();\n  const { resetConversationState } = useConversationStore();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const clearTerminal = useCommandStore((state) => state.clearTerminal);\n  const resetConversationRuntimeState = useConversationStateStore(\n    (state) => state.reset,\n  );\n  const setCurrentAgentState = useAgentStore(\n    (state) => state.setCurrentAgentState,\n  );\n  const removeErrorMessage = useErrorMessageStore(\n    (state) => state.removeErrorMessage,\n  );\n\n  React.useEffect(() => {\n    clearTerminal();\n    resetConversationState();\n    resetConversationRuntimeState();\n    setCurrentAgentState(AgentState.LOADING);\n    removeErrorMessage();\n    clearEvents();\n  }, [\n    conversationId,\n    clearTerminal,\n    resetConversationState,\n    resetConversationRuntimeState,\n    setCurrentAgentState,\n    removeErrorMessage,\n    clearEvents,\n  ]);\n\n  React.useEffect(() => {\n    if (isTask && taskStatus === \"ERROR\") {\n      displayErrorToast(\n        taskDetail || t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n      );\n      // Navigate back to the original conversation when a resume task fails so\n      // the user isn't stranded at the dead task-{id} URL. The resume effect's\n      // ref prevents it from immediately retrying once we land there.\n      const resumedFrom = (location.state as Record<string, unknown> | null)\n        ?.resumedFromConversationId as string | undefined;\n      navigate(\n        resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n        { replace: true },\n      );\n    }\n  }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n  React.useEffect(() => {\n    if (!isFetched || !isAuthed) return;\n    // The BackendSelector is in the middle of redirecting us away from\n    // this route — don't toast/navigate based on a 404 that's just\n    // \"this id doesn't exist on the new backend\".\n    if (backendChanged) return;\n\n    if (!conversation) {\n      // Clear the per-backend \"last selected\" slot so the next switch\n      // to this backend doesn't try to revisit a stale id.\n      clearLastConversationId(active.backend.id, active.orgId);\n      displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n      navigate(\"/conversations\");\n    }\n  }, [\n    conversation,\n    isFetched,\n    isAuthed,\n    navigate,\n    t,\n    backendChanged,\n    active.backend.id,\n    active.orgId,\n  ]);\n\n  // Remember the most recently selected conversation for the current\n  // (backend, org) so flipping back to this backend later restores the\n  // user to where they left off. Skip while a backend switch is in\n  // flight: the id in the URL is from the previous backend and would\n  // otherwise overwrite the new backend's memory.\n  React.useEffect(() => {\n    if (backendChanged) return;\n    if (!conversationId) return;\n    if (conversationId.startsWith(\"task-\")) return;\n    setLastConversationId(active.backend.id, active.orgId, conversationId);\n  }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n  // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n  //\n  // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n  // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n  // (a lightweight unpause). The previous approach — creating a new start task\n  // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n  // fresh conversation in the sandbox and is subject to a 120-second cold-start\n  // timeout that can fail. The resume endpoint simply unpauses the existing one.\n  //\n  // After calling resume we stay on the current URL. The 3-second refetch\n  // interval in useActiveConversation (active while conversation_url is null)\n  // polls until conversation_url populates, then the WebSocket connects.\n  //\n  // A ref guards against duplicate triggers per unique conversation.id within\n  // the same route-mount lifetime.\n  const resumeTriggeredForRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (!isFetched || !conversation) return;\n    if (active.backend.kind !== \"cloud\") return;\n    if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n    if (!conversation.sandbox_id) return; // no sandbox to resume\n    if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n    resumeTriggeredForRef.current = conversation.id;\n\n    resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n      displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n    });\n  }, [\n    isFetched,\n    conversation?.id,\n    conversation?.sandbox_status,\n    conversation?.sandbox_id,\n    active.backend.kind,\n    t,\n  ]);\n\n  const content = (\n    <EventHandler>\n      <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n        {panelViewMatch ? (\n          <ConversationMobilePanelPage\n            onNavigateBack={() => navigate(`/conversations/${conversationId}`)}\n          />\n        ) : (\n          <ConversationMain />\n        )}\n      </div>\n    </EventHandler>\n  );\n\n  return (\n    <WebSocketProviderWrapper conversationId={conversationId}>\n      {content}\n    </WebSocketProviderWrapper>\n  );\n}\n\nexport function ConversationView() {\n  return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAS,IAAa;CACpB,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,sBAAmB,GAAmB,EACxC,IAAiB,EAAS,uCAAuC,EACjE,IAAc,GAAe,MAAU,EAAM,YAAY,EAEzD,EAAE,WAAQ,eAAY,kBAAe,GAAgB,EASrD,IAAS,GAAkB,EAC3B,IAAmB,EAAM,OAAO,EAAO,QAAQ,GAAG,EAClD,IAAe,EAAM,OAAO,EAAO,MAAM,EACzC,IACJ,EAAiB,YAAY,EAAO,QAAQ,MAC5C,EAAa,YAAY,EAAO,OAE5B,EAAE,MAAM,GAAc,iBAAc,GAAuB,EAC3D,EAAE,MAAM,MAAa,GAAa,EAClC,EAAE,8BAA2B,GAAsB,EACnD,IAAW,GAAa,EACxB,IAAW,GAAa,EACxB,IAAgB,GAAiB,MAAU,EAAM,cAAc,EAC/D,IAAgC,GACnC,MAAU,EAAM,MAClB,EACK,IAAuB,GAC1B,MAAU,EAAM,qBAClB,EACK,IAAqB,GACxB,MAAU,EAAM,mBAClB;AAkED,CAhEA,EAAM,gBAAgB;AAMpB,EALA,GAAe,EACf,GAAwB,EACxB,GAA+B,EAC/B,EAAqB,EAAW,QAAQ,EACxC,GAAoB,EACpB,GAAa;IACZ;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEF,EAAM,gBAAgB;AACpB,MAAI,KAAU,MAAe,SAAS;AACpC,KACE,KAAc,EAAE,EAAQ,uCAAuC,CAChE;GAID,IAAM,IAAe,EAAS,OAC1B;AACJ,KACE,IAAc,kBAAkB,MAAgB,kBAChD,EAAE,SAAS,IAAM,CAClB;;IAEF;EAAC;EAAQ;EAAY;EAAY;EAAG;EAAU,EAAS;EAAM,CAAC,EAEjE,EAAM,gBAAgB;AAChB,GAAC,KAAa,CAAC,KAIf,KAEC,MAGH,EAAwB,EAAO,QAAQ,IAAI,EAAO,MAAM,EACxD,EAAkB,EAAE,EAAQ,wCAAwC,CAAC,EACrE,EAAS,iBAAiB;IAE3B;EACD;EACA;EACA;EACA;EACA;EACA;EACA,EAAO,QAAQ;EACf,EAAO;EACR,CAAC,EAOF,EAAM,gBAAgB;AAChB,OACC,MACD,EAAe,WAAW,QAAQ,IACtC,EAAsB,EAAO,QAAQ,IAAI,EAAO,OAAO,EAAe;IACrE;EAAC;EAAgB;EAAgB,EAAO,QAAQ;EAAI,EAAO;EAAM,CAAC;CAiBrE,IAAM,IAAwB,EAAM,OAAsB,KAAK;AAoC/D,QAnCA,EAAM,gBAAgB;AAChB,GAAC,KAAa,CAAC,KACf,EAAO,QAAQ,SAAS,WACxB,EAAa,mBAAmB,YAC/B,EAAa,cACd,EAAsB,YAAY,EAAa,OAEnD,EAAsB,UAAU,EAAa,IAE7C,EAAmB,EAAa,WAAW,CAAC,YAAY;AACtD,KAAkB,EAAE,EAAQ,uCAAuC,CAAC;IACpE;IACD;EACD;EACA,GAAc;EACd,GAAc;EACd,GAAc;EACd,EAAO,QAAQ;EACf;EACD,CAAC,EAiBA,kBAAC,GAAD;EAA0C;YAd1C,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,eAAY;GAAY,WAAU;aACpC,IACC,kBAAC,GAAD,EACE,sBAAsB,EAAS,kBAAkB,IAAiB,EAClE,CAAA,GAEF,kBAAC,GAAD,EAAoB,CAAA;GAElB,CAAA,EACO,CAKZ;EACwB,CAAA;;AAI/B,SAAgB,IAAmB;AACjC,QAAO,kBAAC,GAAD,EAAc,CAAA"}
+{"version":3,"file":"conversation.js","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  clearLastConversationId,\n  setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport {\n  ConversationMain,\n  ConversationMobilePanelPage,\n} from \"#/components/features/conversation/conversation-main/conversation-main\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n\n  const { isTask, taskStatus, taskDetail } = useTaskPolling();\n\n  // The conversationId in the URL belongs to whichever backend was\n  // active when the route first mounted. If the user switches backends\n  // while this route is still mounted, the id is meaningless under the\n  // new backend — disable the active-conversation fetch (and its 404\n  // toast) so we don't fire a request that the BackendSelector's\n  // redirect will immediately navigate away from anyway. Mirrors the\n  // same guard in `routes/automation-detail.tsx`.\n  const active = useActiveBackend();\n  const mountedBackendId = React.useRef(active.backend.id);\n  const mountedOrgId = React.useRef(active.orgId);\n  const backendChanged =\n    mountedBackendId.current !== active.backend.id ||\n    mountedOrgId.current !== active.orgId;\n\n  const { data: conversation, isFetched } = useActiveConversation();\n  const { data: isAuthed } = useIsAuthed();\n  const { resetConversationState } = useConversationStore();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const clearTerminal = useCommandStore((state) => state.clearTerminal);\n  const resetConversationRuntimeState = useConversationStateStore(\n    (state) => state.reset,\n  );\n  const setCurrentAgentState = useAgentStore(\n    (state) => state.setCurrentAgentState,\n  );\n  const removeErrorMessage = useErrorMessageStore(\n    (state) => state.removeErrorMessage,\n  );\n\n  // Per-conversation UI/runtime resets. The event store is cleared separately,\n  // inside ConversationWebSocketProvider, so the clear is ordered *before* the\n  // preloaded-history re-seed (see the note there) — clearing it here would run\n  // too late and wipe the freshly seeded history on a conversation switch.\n  React.useEffect(() => {\n    clearTerminal();\n    resetConversationState();\n    resetConversationRuntimeState();\n    setCurrentAgentState(AgentState.LOADING);\n    removeErrorMessage();\n  }, [\n    conversationId,\n    clearTerminal,\n    resetConversationState,\n    resetConversationRuntimeState,\n    setCurrentAgentState,\n    removeErrorMessage,\n  ]);\n\n  React.useEffect(() => {\n    if (isTask && taskStatus === \"ERROR\") {\n      displayErrorToast(\n        taskDetail || t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n      );\n      // Navigate back to the original conversation when a resume task fails so\n      // the user isn't stranded at the dead task-{id} URL. The resume effect's\n      // ref prevents it from immediately retrying once we land there.\n      const resumedFrom = (location.state as Record<string, unknown> | null)\n        ?.resumedFromConversationId as string | undefined;\n      navigate(\n        resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n        { replace: true },\n      );\n    }\n  }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n  React.useEffect(() => {\n    if (!isFetched || !isAuthed) return;\n    // The BackendSelector is in the middle of redirecting us away from\n    // this route — don't toast/navigate based on a 404 that's just\n    // \"this id doesn't exist on the new backend\".\n    if (backendChanged) return;\n\n    if (!conversation) {\n      // Clear the per-backend \"last selected\" slot so the next switch\n      // to this backend doesn't try to revisit a stale id.\n      clearLastConversationId(active.backend.id, active.orgId);\n      displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n      navigate(\"/conversations\");\n    }\n  }, [\n    conversation,\n    isFetched,\n    isAuthed,\n    navigate,\n    t,\n    backendChanged,\n    active.backend.id,\n    active.orgId,\n  ]);\n\n  // Remember the most recently selected conversation for the current\n  // (backend, org) so flipping back to this backend later restores the\n  // user to where they left off. Skip while a backend switch is in\n  // flight: the id in the URL is from the previous backend and would\n  // otherwise overwrite the new backend's memory.\n  React.useEffect(() => {\n    if (backendChanged) return;\n    if (!conversationId) return;\n    if (conversationId.startsWith(\"task-\")) return;\n    setLastConversationId(active.backend.id, active.orgId, conversationId);\n  }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n  // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n  //\n  // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n  // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n  // (a lightweight unpause). The previous approach — creating a new start task\n  // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n  // fresh conversation in the sandbox and is subject to a 120-second cold-start\n  // timeout that can fail. The resume endpoint simply unpauses the existing one.\n  //\n  // After calling resume we stay on the current URL. The 3-second refetch\n  // interval in useActiveConversation (active while conversation_url is null)\n  // polls until conversation_url populates, then the WebSocket connects.\n  //\n  // A ref guards against duplicate triggers per unique conversation.id within\n  // the same route-mount lifetime.\n  const resumeTriggeredForRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (!isFetched || !conversation) return;\n    if (active.backend.kind !== \"cloud\") return;\n    if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n    if (!conversation.sandbox_id) return; // no sandbox to resume\n    if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n    resumeTriggeredForRef.current = conversation.id;\n\n    resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n      displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n    });\n  }, [\n    isFetched,\n    conversation?.id,\n    conversation?.sandbox_status,\n    conversation?.sandbox_id,\n    active.backend.kind,\n    t,\n  ]);\n\n  const content = (\n    <EventHandler>\n      <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n        {panelViewMatch ? (\n          <ConversationMobilePanelPage\n            onNavigateBack={() => navigate(`/conversations/${conversationId}`)}\n          />\n        ) : (\n          <ConversationMain />\n        )}\n      </div>\n    </EventHandler>\n  );\n\n  return (\n    <WebSocketProviderWrapper conversationId={conversationId}>\n      {content}\n    </WebSocketProviderWrapper>\n  );\n}\n\nexport function ConversationView() {\n  return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiCA,SAAS,IAAa;CACpB,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,sBAAmB,GAAmB,EACxC,IAAiB,EAAS,uCAAuC,EAEjE,EAAE,WAAQ,eAAY,kBAAe,GAAgB,EASrD,IAAS,GAAkB,EAC3B,IAAmB,EAAM,OAAO,EAAO,QAAQ,GAAG,EAClD,IAAe,EAAM,OAAO,EAAO,MAAM,EACzC,IACJ,EAAiB,YAAY,EAAO,QAAQ,MAC5C,EAAa,YAAY,EAAO,OAE5B,EAAE,MAAM,GAAc,iBAAc,GAAuB,EAC3D,EAAE,MAAM,MAAa,GAAa,EAClC,EAAE,8BAA2B,GAAsB,EACnD,IAAW,GAAa,EACxB,IAAW,GAAa,EACxB,IAAgB,GAAiB,MAAU,EAAM,cAAc,EAC/D,IAAgC,GACnC,MAAU,EAAM,MAClB,EACK,IAAuB,GAC1B,MAAU,EAAM,qBAClB,EACK,IAAqB,GACxB,MAAU,EAAM,mBAClB;AAoED,CA9DA,EAAM,gBAAgB;AAKpB,EAJA,GAAe,EACf,GAAwB,EACxB,GAA+B,EAC/B,EAAqB,EAAW,QAAQ,EACxC,GAAoB;IACnB;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEF,EAAM,gBAAgB;AACpB,MAAI,KAAU,MAAe,SAAS;AACpC,KACE,KAAc,EAAE,EAAQ,uCAAuC,CAChE;GAID,IAAM,IAAe,EAAS,OAC1B;AACJ,KACE,IAAc,kBAAkB,MAAgB,kBAChD,EAAE,SAAS,IAAM,CAClB;;IAEF;EAAC;EAAQ;EAAY;EAAY;EAAG;EAAU,EAAS;EAAM,CAAC,EAEjE,EAAM,gBAAgB;AAChB,GAAC,KAAa,CAAC,KAIf,KAEC,MAGH,EAAwB,EAAO,QAAQ,IAAI,EAAO,MAAM,EACxD,EAAkB,EAAE,EAAQ,wCAAwC,CAAC,EACrE,EAAS,iBAAiB;IAE3B;EACD;EACA;EACA;EACA;EACA;EACA;EACA,EAAO,QAAQ;EACf,EAAO;EACR,CAAC,EAOF,EAAM,gBAAgB;AAChB,OACC,MACD,EAAe,WAAW,QAAQ,IACtC,EAAsB,EAAO,QAAQ,IAAI,EAAO,OAAO,EAAe;IACrE;EAAC;EAAgB;EAAgB,EAAO,QAAQ;EAAI,EAAO;EAAM,CAAC;CAiBrE,IAAM,IAAwB,EAAM,OAAsB,KAAK;AAoC/D,QAnCA,EAAM,gBAAgB;AAChB,GAAC,KAAa,CAAC,KACf,EAAO,QAAQ,SAAS,WACxB,EAAa,mBAAmB,YAC/B,EAAa,cACd,EAAsB,YAAY,EAAa,OAEnD,EAAsB,UAAU,EAAa,IAE7C,EAAmB,EAAa,WAAW,CAAC,YAAY;AACtD,KAAkB,EAAE,EAAQ,uCAAuC,CAAC;IACpE;IACD;EACD;EACA,GAAc;EACd,GAAc;EACd,GAAc;EACd,EAAO,QAAQ;EACf;EACD,CAAC,EAiBA,kBAAC,GAAD;EAA0C;YAd1C,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,eAAY;GAAY,WAAU;aACpC,IACC,kBAAC,GAAD,EACE,sBAAsB,EAAS,kBAAkB,IAAiB,EAClE,CAAA,GAEF,kBAAC,GAAD,EAAoB,CAAA;GAElB,CAAA,EACO,CAKZ;EACwB,CAAA;;AAI/B,SAAgB,IAAmB;AACjC,QAAO,kBAAC,GAAD,EAAc,CAAA"}

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/stores/use-event-store.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/zustand/esm/react.cjs`),t=require(`../utils/handle-event-for-ui.cjs`);var n=e=>`id`in e?e.id:void 0,r=e=>`timestamp`in e?e.timestamp:void 0,i=(e,t)=>{let n=r(e),i=r(t);return!n&&!i?0:n?i?n.localeCompare(i):-1:1},a=(e,t)=>{if(e.length===0)return!1;let n=e[e.length-1],i=r(n),a=r(t);return!i||!a?!1:a<i},o=(e,r)=>{let i=n(r);if(i!==void 0&&e.eventIds.has(i))return e;let a=i===void 0?e.eventIds:new Set(e.eventIds).add(i);return{...e,events:[...e.events,r],eventIds:a,uiEvents:t.handleEventForUI(r,e.uiEvents)}},s=e=>({...e,events:[...e.events].sort(i),uiEvents:[...e.uiEvents].sort(i)}),c=(e,t)=>{let n=o(e,t);return n===e?e:!a(e.events,t)&&!a(e.uiEvents,t)?n:s(n)},l=e.create()(e=>({events:[],eventIds:new Set,uiEvents:[],addEvent:t=>e(e=>c(e,t)),addEvents:r=>e(e=>{if(r.length===0)return e;let i=new Set(e.eventIds),a=[...e.events],o=[...e.uiEvents],c=!1;for(let e of r){let r=n(e);r!==void 0&&i.has(r)||(c=!0,r!==void 0&&i.add(r),a.push(e),o=t.handleEventForUI(e,o))}return c?s({...e,events:a,eventIds:i,uiEvents:o}):e}),clearEvents:()=>e(()=>({events:[],eventIds:new Set,uiEvents:[]}))}));exports.useEventStore=l;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/zustand/esm/react.cjs`),t=require(`../utils/handle-event-for-ui.cjs`);var n=e=>`id`in e?e.id:void 0,r=e=>`timestamp`in e?e.timestamp:void 0,i=(e,t)=>{let n=r(e),i=r(t);return!n&&!i?0:n?i?n.localeCompare(i):-1:1},a=(e,t)=>{if(e.length===0)return!1;let n=e[e.length-1],i=r(n),a=r(t);return!i||!a?!1:a<i},o=(e,r)=>{let i=n(r);if(i!==void 0&&e.eventIds.has(i))return e;let a=i===void 0?e.eventIds:new Set(e.eventIds).add(i);return{...e,events:[...e.events,r],eventIds:a,uiEvents:t.handleEventForUI(r,e.uiEvents)}},s=e=>({...e,events:[...e.events].sort(i),uiEvents:[...e.uiEvents].sort(i)}),c=(e,t)=>{let n=o(e,t);return n===e?e:!a(e.events,t)&&!a(e.uiEvents,t)?n:s(n)},l=e.create()(e=>({events:[],eventIds:new Set,uiEvents:[],loadedConversationId:null,addEvent:t=>e(e=>c(e,t)),addEvents:r=>e(e=>{if(r.length===0)return e;let i=new Set(e.eventIds),a=[...e.events],o=[...e.uiEvents],c=!1;for(let e of r){let r=n(e);r!==void 0&&i.has(r)||(c=!0,r!==void 0&&i.add(r),a.push(e),o=t.handleEventForUI(e,o))}return c?s({...e,events:a,eventIds:i,uiEvents:o}):e}),clearEvents:()=>e(()=>({events:[],eventIds:new Set,uiEvents:[],loadedConversationId:null})),clearEventsForConversation:t=>e(()=>({events:[],eventIds:new Set,uiEvents:[],loadedConversationId:t}))}));exports.useEventStore=l;
 //# sourceMappingURL=use-event-store.cjs.map

package/dist/stores/use-event-store.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-event-store.cjs","names":[],"sources":["../../src/stores/use-event-store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport { handleEventForUI } from \"#/utils/handle-event-for-ui\";\n\nexport type OHEvent = OpenHandsEvent & {\n  isFromPlanningAgent?: boolean;\n};\n\nconst getEventId = (event: OHEvent): string | number | undefined =>\n  \"id\" in event ? event.id : undefined;\n\nconst getEventTimestamp = (event: OHEvent): string | undefined =>\n  \"timestamp\" in event ? event.timestamp : undefined;\n\n/**\n * Compare two events by timestamp for sorting.\n * Events without timestamps are placed at the end.\n */\nconst compareEventsByTimestamp = (a: OHEvent, b: OHEvent): number => {\n  const timestampA = getEventTimestamp(a);\n  const timestampB = getEventTimestamp(b);\n\n  // Events without timestamps go to the end\n  if (!timestampA && !timestampB) return 0;\n  if (!timestampA) return 1;\n  if (!timestampB) return -1;\n\n  // Compare ISO timestamp strings (lexicographic comparison works for ISO format)\n  return timestampA.localeCompare(timestampB);\n};\n\n/**\n * Check if the new event needs sorting (i.e., it's out of order).\n * Returns true if the new event's timestamp is earlier than the last event's timestamp.\n */\nconst needsSorting = (events: OHEvent[], newEvent: OHEvent): boolean => {\n  if (events.length === 0) return false;\n\n  const lastEvent = events[events.length - 1];\n  const lastTimestamp = getEventTimestamp(lastEvent);\n  const newTimestamp = getEventTimestamp(newEvent);\n\n  // If either event doesn't have a timestamp, don't sort\n  if (!lastTimestamp || !newTimestamp) return false;\n\n  // Sort needed if new event's timestamp is earlier than last event's timestamp\n  return newTimestamp < lastTimestamp;\n};\n\nexport interface EventState {\n  events: OHEvent[];\n  eventIds: Set<string | number>;\n  uiEvents: OHEvent[];\n  addEvent: (event: OHEvent) => void;\n  /**\n   * Bulk-insert events. Used for the initial REST history load and for\n   * \"scroll up to load older\" pagination. Newly-added events are de-duped\n   * against the existing store and the combined list is re-sorted by\n   * timestamp so older pages drop into the correct position.\n   */\n  addEvents: (events: OHEvent[]) => void;\n  clearEvents: () => void;\n}\n\nconst appendEvent = (state: EventState, event: OHEvent): EventState => {\n  // Deduplicate: skip if event with same id already exists (O(1) lookup)\n  const eventId = getEventId(event);\n  if (eventId !== undefined && state.eventIds.has(eventId)) {\n    return state;\n  }\n\n  const newEventIds =\n    eventId !== undefined\n      ? new Set(state.eventIds).add(eventId)\n      : state.eventIds;\n\n  return {\n    ...state,\n    events: [...state.events, event],\n    eventIds: newEventIds,\n    uiEvents: handleEventForUI(event, state.uiEvents),\n  };\n};\n\nconst sortEventState = (state: EventState): EventState => ({\n  ...state,\n  events: [...state.events].sort(compareEventsByTimestamp),\n  uiEvents: [...state.uiEvents].sort(compareEventsByTimestamp),\n});\n\nconst applyAddEvent = (state: EventState, event: OHEvent): EventState => {\n  const next = appendEvent(state, event);\n  if (next === state) {\n    return state;\n  }\n\n  if (\n    !needsSorting(state.events, event) &&\n    !needsSorting(state.uiEvents, event)\n  ) {\n    return next;\n  }\n\n  return sortEventState(next);\n};\n\nexport const useEventStore = create<EventState>()((set) => ({\n  events: [],\n  eventIds: new Set(),\n  uiEvents: [],\n  addEvent: (event: OHEvent) => set((state) => applyAddEvent(state, event)),\n  addEvents: (incoming: OHEvent[]) =>\n    set((state) => {\n      if (incoming.length === 0) return state;\n\n      const eventIds = new Set(state.eventIds);\n      const events = [...state.events];\n      let uiEvents = [...state.uiEvents];\n      let added = false;\n\n      for (const event of incoming) {\n        const eventId = getEventId(event);\n        const isDuplicate = eventId !== undefined && eventIds.has(eventId);\n\n        if (!isDuplicate) {\n          added = true;\n          if (eventId !== undefined) {\n            eventIds.add(eventId);\n          }\n          events.push(event);\n          uiEvents = handleEventForUI(event, uiEvents);\n        }\n      }\n\n      if (!added) {\n        return state;\n      }\n\n      return sortEventState({\n        ...state,\n        events,\n        eventIds,\n        uiEvents,\n      });\n    }),\n  clearEvents: () =>\n    set(() => ({\n      events: [],\n      eventIds: new Set(),\n      uiEvents: [],\n    })),\n}));\n\n// In dev builds, expose the store on `window` so that fixture/preview\n// scripts (e.g. .pr/issue-132 demo capture) can inject synthetic events\n// without round-tripping through the agent-server. Tree-shaken in\n// production builds via `import.meta.env.DEV`.\nif (\n  typeof window !== \"undefined\" &&\n  typeof import.meta !== \"undefined\" &&\n  (import.meta as { env?: { DEV?: boolean } }).env?.DEV\n) {\n  (\n    window as unknown as { __OH_EVENT_STORE__?: typeof useEventStore }\n  ).__OH_EVENT_STORE__ = useEventStore;\n}\n"],"mappings":"oJAQA,IAAM,EAAc,GAClB,OAAQ,EAAQ,EAAM,GAAK,IAAA,GAEvB,EAAqB,GACzB,cAAe,EAAQ,EAAM,UAAY,IAAA,GAMrC,GAA4B,EAAY,IAAuB,CACnE,IAAM,EAAa,EAAkB,EAAE,CACjC,EAAa,EAAkB,EAAE,CAQvC,MALI,CAAC,GAAc,CAAC,EAAmB,EAClC,EACA,EAGE,EAAW,cAAc,EAAW,CAHnB,GADA,GAWpB,GAAgB,EAAmB,IAA+B,CACtE,GAAI,EAAO,SAAW,EAAG,MAAO,GAEhC,IAAM,EAAY,EAAO,EAAO,OAAS,GACnC,EAAgB,EAAkB,EAAU,CAC5C,EAAe,EAAkB,EAAS,CAMhD,MAHI,CAAC,GAAiB,CAAC,EAAqB,GAGrC,EAAe,GAkBlB,GAAe,EAAmB,IAA+B,CAErE,IAAM,EAAU,EAAW,EAAM,CACjC,GAAI,IAAY,IAAA,IAAa,EAAM,SAAS,IAAI,EAAQ,CACtD,OAAO,EAGT,IAAM,EACJ,IAAY,IAAA,GAER,EAAM,SADN,IAAI,IAAI,EAAM,SAAS,CAAC,IAAI,EAAQ,CAG1C,MAAO,CACL,GAAG,EACH,OAAQ,CAAC,GAAG,EAAM,OAAQ,EAAM,CAChC,SAAU,EACV,SAAU,EAAA,iBAAiB,EAAO,EAAM,SAAS,CAClD,EAGG,EAAkB,IAAmC,CACzD,GAAG,EACH,OAAQ,CAAC,GAAG,EAAM,OAAO,CAAC,KAAK,EAAyB,CACxD,SAAU,CAAC,GAAG,EAAM,SAAS,CAAC,KAAK,EAAyB,CAC7D,EAEK,GAAiB,EAAmB,IAA+B,CACvE,IAAM,EAAO,EAAY,EAAO,EAAM,CAYtC,OAXI,IAAS,EACJ,EAIP,CAAC,EAAa,EAAM,OAAQ,EAAM,EAClC,CAAC,EAAa,EAAM,SAAU,EAAM,CAE7B,EAGF,EAAe,EAAK,EAGhB,EAAgB,EAAA,QAAoB,CAAE,IAAS,CAC1D,OAAQ,EAAE,CACV,SAAU,IAAI,IACd,SAAU,EAAE,CACZ,SAAW,GAAmB,EAAK,GAAU,EAAc,EAAO,EAAM,CAAC,CACzE,UAAY,GACV,EAAK,GAAU,CACb,GAAI,EAAS,SAAW,EAAG,OAAO,EAElC,IAAM,EAAW,IAAI,IAAI,EAAM,SAAS,CAClC,EAAS,CAAC,GAAG,EAAM,OAAO,CAC5B,EAAW,CAAC,GAAG,EAAM,SAAS,CAC9B,EAAQ,GAEZ,IAAK,IAAM,KAAS,EAAU,CAC5B,IAAM,EAAU,EAAW,EAAM,CACb,IAAY,IAAA,IAAa,EAAS,IAAI,EAAQ,GAGhE,EAAQ,GACJ,IAAY,IAAA,IACd,EAAS,IAAI,EAAQ,CAEvB,EAAO,KAAK,EAAM,CAClB,EAAW,EAAA,iBAAiB,EAAO,EAAS,EAQhD,OAJK,EAIE,EAAe,CACpB,GAAG,EACH,SACA,WACA,WACD,CAAC,CARO,GAST,CACJ,gBACE,OAAW,CACT,OAAQ,EAAE,CACV,SAAU,IAAI,IACd,SAAU,EAAE,CACb,EAAE,CACN,EAAE"}
+{"version":3,"file":"use-event-store.cjs","names":[],"sources":["../../src/stores/use-event-store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport { handleEventForUI } from \"#/utils/handle-event-for-ui\";\n\nexport type OHEvent = OpenHandsEvent & {\n  isFromPlanningAgent?: boolean;\n};\n\nconst getEventId = (event: OHEvent): string | number | undefined =>\n  \"id\" in event ? event.id : undefined;\n\nconst getEventTimestamp = (event: OHEvent): string | undefined =>\n  \"timestamp\" in event ? event.timestamp : undefined;\n\n/**\n * Compare two events by timestamp for sorting.\n * Events without timestamps are placed at the end.\n */\nconst compareEventsByTimestamp = (a: OHEvent, b: OHEvent): number => {\n  const timestampA = getEventTimestamp(a);\n  const timestampB = getEventTimestamp(b);\n\n  // Events without timestamps go to the end\n  if (!timestampA && !timestampB) return 0;\n  if (!timestampA) return 1;\n  if (!timestampB) return -1;\n\n  // Compare ISO timestamp strings (lexicographic comparison works for ISO format)\n  return timestampA.localeCompare(timestampB);\n};\n\n/**\n * Check if the new event needs sorting (i.e., it's out of order).\n * Returns true if the new event's timestamp is earlier than the last event's timestamp.\n */\nconst needsSorting = (events: OHEvent[], newEvent: OHEvent): boolean => {\n  if (events.length === 0) return false;\n\n  const lastEvent = events[events.length - 1];\n  const lastTimestamp = getEventTimestamp(lastEvent);\n  const newTimestamp = getEventTimestamp(newEvent);\n\n  // If either event doesn't have a timestamp, don't sort\n  if (!lastTimestamp || !newTimestamp) return false;\n\n  // Sort needed if new event's timestamp is earlier than last event's timestamp\n  return newTimestamp < lastTimestamp;\n};\n\nexport interface EventState {\n  events: OHEvent[];\n  eventIds: Set<string | number>;\n  uiEvents: OHEvent[];\n  /**\n   * The conversation whose events currently populate the store. The store is\n   * global (not keyed by conversation), so the conversation route uses this to\n   * tell a genuine conversation switch apart from a remount of the *same*\n   * conversation (e.g. navigating to Settings and back) — only the former\n   * should clear the accumulated events.\n   */\n  loadedConversationId: string | null;\n  addEvent: (event: OHEvent) => void;\n  /**\n   * Bulk-insert events. Used for the initial REST history load and for\n   * \"scroll up to load older\" pagination. Newly-added events are de-duped\n   * against the existing store and the combined list is re-sorted by\n   * timestamp so older pages drop into the correct position.\n   */\n  addEvents: (events: OHEvent[]) => void;\n  /**\n   * Clear all events. Also resets `loadedConversationId` to `null` so the\n   * store never claims to hold a conversation whose events have been wiped —\n   * the invariant (`loadedConversationId` reflects the conversation whose\n   * events are in the arrays) holds even for a standalone clear.\n   */\n  clearEvents: () => void;\n  /**\n   * Atomically clear all events and record which conversation is now loaded.\n   * Collapsing the reset and the bookkeeping into a single `set` keeps the\n   * store invariant enforced at the boundary, rather than relying on every\n   * call-site to invoke a clear and a `loadedConversationId` setter in the\n   * right order.\n   */\n  clearEventsForConversation: (conversationId: string | null) => void;\n}\n\nconst appendEvent = (state: EventState, event: OHEvent): EventState => {\n  // Deduplicate: skip if event with same id already exists (O(1) lookup)\n  const eventId = getEventId(event);\n  if (eventId !== undefined && state.eventIds.has(eventId)) {\n    return state;\n  }\n\n  const newEventIds =\n    eventId !== undefined\n      ? new Set(state.eventIds).add(eventId)\n      : state.eventIds;\n\n  return {\n    ...state,\n    events: [...state.events, event],\n    eventIds: newEventIds,\n    uiEvents: handleEventForUI(event, state.uiEvents),\n  };\n};\n\nconst sortEventState = (state: EventState): EventState => ({\n  ...state,\n  events: [...state.events].sort(compareEventsByTimestamp),\n  uiEvents: [...state.uiEvents].sort(compareEventsByTimestamp),\n});\n\nconst applyAddEvent = (state: EventState, event: OHEvent): EventState => {\n  const next = appendEvent(state, event);\n  if (next === state) {\n    return state;\n  }\n\n  if (\n    !needsSorting(state.events, event) &&\n    !needsSorting(state.uiEvents, event)\n  ) {\n    return next;\n  }\n\n  return sortEventState(next);\n};\n\nexport const useEventStore = create<EventState>()((set) => ({\n  events: [],\n  eventIds: new Set(),\n  uiEvents: [],\n  loadedConversationId: null,\n  addEvent: (event: OHEvent) => set((state) => applyAddEvent(state, event)),\n  addEvents: (incoming: OHEvent[]) =>\n    set((state) => {\n      if (incoming.length === 0) return state;\n\n      const eventIds = new Set(state.eventIds);\n      const events = [...state.events];\n      let uiEvents = [...state.uiEvents];\n      let added = false;\n\n      for (const event of incoming) {\n        const eventId = getEventId(event);\n        const isDuplicate = eventId !== undefined && eventIds.has(eventId);\n\n        if (!isDuplicate) {\n          added = true;\n          if (eventId !== undefined) {\n            eventIds.add(eventId);\n          }\n          events.push(event);\n          uiEvents = handleEventForUI(event, uiEvents);\n        }\n      }\n\n      if (!added) {\n        return state;\n      }\n\n      return sortEventState({\n        ...state,\n        events,\n        eventIds,\n        uiEvents,\n      });\n    }),\n  clearEvents: () =>\n    set(() => ({\n      events: [],\n      eventIds: new Set(),\n      uiEvents: [],\n      loadedConversationId: null,\n    })),\n  clearEventsForConversation: (conversationId: string | null) =>\n    set(() => ({\n      events: [],\n      eventIds: new Set(),\n      uiEvents: [],\n      loadedConversationId: conversationId,\n    })),\n}));\n\n// In dev builds, expose the store on `window` so that fixture/preview\n// scripts (e.g. .pr/issue-132 demo capture) can inject synthetic events\n// without round-tripping through the agent-server. Tree-shaken in\n// production builds via `import.meta.env.DEV`.\nif (\n  typeof window !== \"undefined\" &&\n  typeof import.meta !== \"undefined\" &&\n  (import.meta as { env?: { DEV?: boolean } }).env?.DEV\n) {\n  (\n    window as unknown as { __OH_EVENT_STORE__?: typeof useEventStore }\n  ).__OH_EVENT_STORE__ = useEventStore;\n}\n"],"mappings":"oJAQA,IAAM,EAAc,GAClB,OAAQ,EAAQ,EAAM,GAAK,IAAA,GAEvB,EAAqB,GACzB,cAAe,EAAQ,EAAM,UAAY,IAAA,GAMrC,GAA4B,EAAY,IAAuB,CACnE,IAAM,EAAa,EAAkB,EAAE,CACjC,EAAa,EAAkB,EAAE,CAQvC,MALI,CAAC,GAAc,CAAC,EAAmB,EAClC,EACA,EAGE,EAAW,cAAc,EAAW,CAHnB,GADA,GAWpB,GAAgB,EAAmB,IAA+B,CACtE,GAAI,EAAO,SAAW,EAAG,MAAO,GAEhC,IAAM,EAAY,EAAO,EAAO,OAAS,GACnC,EAAgB,EAAkB,EAAU,CAC5C,EAAe,EAAkB,EAAS,CAMhD,MAHI,CAAC,GAAiB,CAAC,EAAqB,GAGrC,EAAe,GAwClB,GAAe,EAAmB,IAA+B,CAErE,IAAM,EAAU,EAAW,EAAM,CACjC,GAAI,IAAY,IAAA,IAAa,EAAM,SAAS,IAAI,EAAQ,CACtD,OAAO,EAGT,IAAM,EACJ,IAAY,IAAA,GAER,EAAM,SADN,IAAI,IAAI,EAAM,SAAS,CAAC,IAAI,EAAQ,CAG1C,MAAO,CACL,GAAG,EACH,OAAQ,CAAC,GAAG,EAAM,OAAQ,EAAM,CAChC,SAAU,EACV,SAAU,EAAA,iBAAiB,EAAO,EAAM,SAAS,CAClD,EAGG,EAAkB,IAAmC,CACzD,GAAG,EACH,OAAQ,CAAC,GAAG,EAAM,OAAO,CAAC,KAAK,EAAyB,CACxD,SAAU,CAAC,GAAG,EAAM,SAAS,CAAC,KAAK,EAAyB,CAC7D,EAEK,GAAiB,EAAmB,IAA+B,CACvE,IAAM,EAAO,EAAY,EAAO,EAAM,CAYtC,OAXI,IAAS,EACJ,EAIP,CAAC,EAAa,EAAM,OAAQ,EAAM,EAClC,CAAC,EAAa,EAAM,SAAU,EAAM,CAE7B,EAGF,EAAe,EAAK,EAGhB,EAAgB,EAAA,QAAoB,CAAE,IAAS,CAC1D,OAAQ,EAAE,CACV,SAAU,IAAI,IACd,SAAU,EAAE,CACZ,qBAAsB,KACtB,SAAW,GAAmB,EAAK,GAAU,EAAc,EAAO,EAAM,CAAC,CACzE,UAAY,GACV,EAAK,GAAU,CACb,GAAI,EAAS,SAAW,EAAG,OAAO,EAElC,IAAM,EAAW,IAAI,IAAI,EAAM,SAAS,CAClC,EAAS,CAAC,GAAG,EAAM,OAAO,CAC5B,EAAW,CAAC,GAAG,EAAM,SAAS,CAC9B,EAAQ,GAEZ,IAAK,IAAM,KAAS,EAAU,CAC5B,IAAM,EAAU,EAAW,EAAM,CACb,IAAY,IAAA,IAAa,EAAS,IAAI,EAAQ,GAGhE,EAAQ,GACJ,IAAY,IAAA,IACd,EAAS,IAAI,EAAQ,CAEvB,EAAO,KAAK,EAAM,CAClB,EAAW,EAAA,iBAAiB,EAAO,EAAS,EAQhD,OAJK,EAIE,EAAe,CACpB,GAAG,EACH,SACA,WACA,WACD,CAAC,CARO,GAST,CACJ,gBACE,OAAW,CACT,OAAQ,EAAE,CACV,SAAU,IAAI,IACd,SAAU,EAAE,CACZ,qBAAsB,KACvB,EAAE,CACL,2BAA6B,GAC3B,OAAW,CACT,OAAQ,EAAE,CACV,SAAU,IAAI,IACd,SAAU,EAAE,CACZ,qBAAsB,EACvB,EAAE,CACN,EAAE"}