@openhands/agent-canvas 1.0.0-beta.6 → 1.0.0-beta.8

package/dist/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.cjs

@@ -0,0 +1,2 @@
+"use client";require(`../../../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../../motion-utils/dist/es/warn-once.cjs`),t=require(`../../../../../motion-dom/dist/es/render/utils/reduced-motion/state.cjs`),n=require(`../../../../../motion-dom/dist/es/render/utils/reduced-motion/index.cjs`);let r=require(`react`);function i(){!t.hasReducedMotionListener.current&&n.initPrefersReducedMotion();let[i]=(0,r.useState)(t.prefersReducedMotion.current);return process.env.NODE_ENV!==`production`&&e.warnOnce(i!==!0,`You have Reduced Motion enabled on your device. Animations may not appear as expected.`,`reduced-motion-disabled`),i}exports.useReducedMotion=i;
+//# sourceMappingURL=use-reduced-motion.cjs.map

package/dist/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reduced-motion.cjs","names":["hasReducedMotionListener","initPrefersReducedMotion","prefersReducedMotion"],"sources":["../../../../../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"],"sourcesContent":["\"use client\";\nimport { hasReducedMotionListener, initPrefersReducedMotion, prefersReducedMotion } from 'motion-dom';\nimport { warnOnce } from 'motion-utils';\nimport { useState } from 'react';\n\n/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing\n * `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n *\n * ```jsx\n * export function Sidebar({ isOpen }) {\n *   const shouldReduceMotion = useReducedMotion()\n *   const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n *   return (\n *     <motion.div animate={{\n *       opacity: isOpen ? 1 : 0,\n *       x: isOpen ? 0 : closedX\n *     }} />\n *   )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\nfunction useReducedMotion() {\n    /**\n     * Lazy initialisation of prefersReducedMotion\n     */\n    !hasReducedMotionListener.current && initPrefersReducedMotion();\n    const [shouldReduceMotion] = useState(prefersReducedMotion.current);\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\", \"reduced-motion-disabled\");\n    }\n    /**\n     * TODO See if people miss automatically updating shouldReduceMotion setting\n     */\n    return shouldReduceMotion;\n}\n\nexport { useReducedMotion };\n//# sourceMappingURL=use-reduced-motion.mjs.map\n"],"x_google_ignoreList":[0],"mappings":"+UA+BA,SAAS,GAAmB,CAIxB,CAACA,EAAAA,yBAAyB,SAAWC,EAAAA,0BAA0B,CAC/D,GAAM,CAAC,IAAA,EAAA,EAAA,UAA+BC,EAAAA,qBAAqB,QAAQ,CAOnE,OANA,QAAA,IAAA,WAA6B,cACzB,EAAA,SAAS,IAAuB,GAAM,yFAA0F,0BAA0B,CAKvJ"}

package/dist/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js

@@ -0,0 +1,15 @@
+"use client";
+import { warnOnce as e } from "../../../../../motion-utils/dist/es/warn-once.js";
+import { hasReducedMotionListener as t, prefersReducedMotion as n } from "../../../../../motion-dom/dist/es/render/utils/reduced-motion/state.js";
+import { initPrefersReducedMotion as r } from "../../../../../motion-dom/dist/es/render/utils/reduced-motion/index.js";
+import { useState as i } from "react";
+//#region node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs
+function a() {
+	!t.current && r();
+	let [a] = i(n.current);
+	return process.env.NODE_ENV !== "production" && e(a !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), a;
+}
+//#endregion
+export { a as useReducedMotion };
+
+//# sourceMappingURL=use-reduced-motion.js.map

package/dist/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reduced-motion.js","names":[],"sources":["../../../../../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"],"sourcesContent":["\"use client\";\nimport { hasReducedMotionListener, initPrefersReducedMotion, prefersReducedMotion } from 'motion-dom';\nimport { warnOnce } from 'motion-utils';\nimport { useState } from 'react';\n\n/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing\n * `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n *\n * ```jsx\n * export function Sidebar({ isOpen }) {\n *   const shouldReduceMotion = useReducedMotion()\n *   const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n *   return (\n *     <motion.div animate={{\n *       opacity: isOpen ? 1 : 0,\n *       x: isOpen ? 0 : closedX\n *     }} />\n *   )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\nfunction useReducedMotion() {\n    /**\n     * Lazy initialisation of prefersReducedMotion\n     */\n    !hasReducedMotionListener.current && initPrefersReducedMotion();\n    const [shouldReduceMotion] = useState(prefersReducedMotion.current);\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\", \"reduced-motion-disabled\");\n    }\n    /**\n     * TODO See if people miss automatically updating shouldReduceMotion setting\n     */\n    return shouldReduceMotion;\n}\n\nexport { useReducedMotion };\n//# sourceMappingURL=use-reduced-motion.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;;;AA+BA,SAAS,IAAmB;AAIxB,EAAC,EAAyB,WAAW,GAA0B;CAC/D,IAAM,CAAC,KAAsB,EAAS,EAAqB,QAAQ;AAOnE,QANA,QAAA,IAAA,aAA6B,gBACzB,EAAS,MAAuB,IAAM,0FAA0F,0BAA0B,EAKvJ"}

package/dist/package.cjs

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

package/dist/package.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"package.cjs","names":[],"sources":["../package.json"],"sourcesContent":["{\n  \"name\": \"@openhands/agent-canvas\",\n  \"version\": \"1.0.0-beta.6\",\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#62594156a187722344736bc2ff5edfb12c0cc75c\",\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:mock-llm:docker\": \"playwright test --config=playwright.mock-llm-docker.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":""}
+{"version":3,"file":"package.cjs","names":[],"sources":["../package.json"],"sourcesContent":["{\n  \"name\": \"@openhands/agent-canvas\",\n  \"version\": \"1.0.0-beta.8\",\n  \"description\": \"Agent Canvas UI for OpenHands - run AI coding agents with a visual interface\",\n  \"license\": \"MIT\",\n  \"private\": false,\n  \"type\": \"module\",\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/OpenHands/agent-canvas\"\n  },\n  \"homepage\": \"https://github.com/OpenHands/agent-canvas#readme\",\n  \"bugs\": {\n    \"url\": \"https://github.com/OpenHands/agent-canvas/issues\"\n  },\n  \"bin\": {\n    \"agent-canvas\": \"bin/agent-canvas.mjs\"\n  },\n  \"engines\": {\n    \"node\": \">=22.12.0\"\n  },\n  \"dependencies\": {\n    \"@heroui/react\": \"2.8.10\",\n    \"@microlink/react-json-view\": \"1.31.20\",\n    \"@monaco-editor/react\": \"4.7.0\",\n    \"@openhands/extensions\": \"git+https://github.com/OpenHands/extensions.git#62594156a187722344736bc2ff5edfb12c0cc75c\",\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:mock-llm:docker\": \"playwright test --config=playwright.mock-llm-docker.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/package.js

@@ -1,6 +1,6 @@
 var e = {
 	name: "@openhands/agent-canvas",
-	version: "1.0.0-beta.6",
+	version: "1.0.0-beta.8",
 	description: "Agent Canvas UI for OpenHands - run AI coding agents with a visual interface",
 	license: "MIT",
 	private: !1,

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-beta.6\",\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#62594156a187722344736bc2ff5edfb12c0cc75c\",\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:mock-llm:docker\": \"playwright test --config=playwright.mock-llm-docker.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":""}
+{"version":3,"file":"package.js","names":[],"sources":["../package.json"],"sourcesContent":["{\n  \"name\": \"@openhands/agent-canvas\",\n  \"version\": \"1.0.0-beta.8\",\n  \"description\": \"Agent Canvas UI for OpenHands - run AI coding agents with a visual interface\",\n  \"license\": \"MIT\",\n  \"private\": false,\n  \"type\": \"module\",\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/OpenHands/agent-canvas\"\n  },\n  \"homepage\": \"https://github.com/OpenHands/agent-canvas#readme\",\n  \"bugs\": {\n    \"url\": \"https://github.com/OpenHands/agent-canvas/issues\"\n  },\n  \"bin\": {\n    \"agent-canvas\": \"bin/agent-canvas.mjs\"\n  },\n  \"engines\": {\n    \"node\": \">=22.12.0\"\n  },\n  \"dependencies\": {\n    \"@heroui/react\": \"2.8.10\",\n    \"@microlink/react-json-view\": \"1.31.20\",\n    \"@monaco-editor/react\": \"4.7.0\",\n    \"@openhands/extensions\": \"git+https://github.com/OpenHands/extensions.git#62594156a187722344736bc2ff5edfb12c0cc75c\",\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:mock-llm:docker\": \"playwright test --config=playwright.mock-llm-docker.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/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;
+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]),j?null:(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 { 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":"wmCAiCA,SAAS,GAAa,CACpB,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,GAAA,EAAA,EAAA,UAA0B,uCAAuC,CAEjE,CAAE,SAAQ,aAAY,cAAe,EAAA,gBAAgB,CASrD,EAAS,EAAA,kBAAkB,CAC3B,EAAmB,EAAA,QAAM,OAAO,EAAO,QAAQ,GAAG,CAClD,EAAe,EAAA,QAAM,OAAO,EAAO,MAAM,CACzC,EACJ,EAAiB,UAAY,EAAO,QAAQ,IAC5C,EAAa,UAAY,EAAO,MAE5B,CAAE,KAAM,EAAc,aAAc,EAAA,uBAAuB,CAC3D,CAAE,KAAM,GAAa,EAAA,aAAa,CAClC,CAAE,0BAA2B,EAAA,sBAAsB,CACnD,GAAA,EAAA,EAAA,cAAwB,CACxB,GAAA,EAAA,EAAA,cAAwB,CACxB,EAAgB,EAAA,gBAAiB,GAAU,EAAM,cAAc,CAC/D,EAAgC,EAAA,0BACnC,GAAU,EAAM,MAClB,CACK,EAAuB,EAAA,cAC1B,GAAU,EAAM,qBAClB,CACK,EAAqB,EAAA,qBACxB,GAAU,EAAM,mBAClB,CAMD,EAAA,QAAM,cAAgB,CACpB,GAAe,CACf,GAAwB,CACxB,GAA+B,CAC/B,EAAqB,EAAA,WAAW,QAAQ,CACxC,GAAoB,EACnB,CACD,EACA,EACA,EACA,EACA,EACA,EACD,CAAC,CAEF,EAAA,QAAM,cAAgB,CACpB,GAAI,GAAU,IAAe,QAAS,CACpC,EAAA,kBACE,GAAc,EAAE,EAAA,QAAQ,uCAAuC,CAChE,CAID,IAAM,EAAe,EAAS,OAC1B,0BACJ,EACE,EAAc,kBAAkB,IAAgB,iBAChD,CAAE,QAAS,GAAM,CAClB,GAEF,CAAC,EAAQ,EAAY,EAAY,EAAG,EAAU,EAAS,MAAM,CAAC,CAEjE,EAAA,QAAM,cAAgB,CAChB,CAAC,GAAa,CAAC,GAIf,GAEC,IAGH,EAAA,wBAAwB,EAAO,QAAQ,GAAI,EAAO,MAAM,CACxD,EAAA,kBAAkB,EAAE,EAAA,QAAQ,wCAAwC,CAAC,CACrE,EAAS,iBAAiB,GAE3B,CACD,EACA,EACA,EACA,EACA,EACA,EACA,EAAO,QAAQ,GACf,EAAO,MACR,CAAC,CAOF,EAAA,QAAM,cAAgB,CAChB,GACC,IACD,EAAe,WAAW,QAAQ,EACtC,EAAA,sBAAsB,EAAO,QAAQ,GAAI,EAAO,MAAO,EAAe,GACrE,CAAC,EAAgB,EAAgB,EAAO,QAAQ,GAAI,EAAO,MAAM,CAAC,CAiBrE,IAAM,EAAwB,EAAA,QAAM,OAAsB,KAAK,CAoC/D,OAnCA,EAAA,QAAM,cAAgB,CAChB,CAAC,GAAa,CAAC,GACf,EAAO,QAAQ,OAAS,SACxB,EAAa,iBAAmB,UAC/B,EAAa,YACd,EAAsB,UAAY,EAAa,KAEnD,EAAsB,QAAU,EAAa,GAE7C,EAAA,mBAAmB,EAAa,WAAW,CAAC,UAAY,CACtD,EAAA,kBAAkB,EAAE,EAAA,QAAQ,uCAAuC,CAAC,EACpE,GACD,CACD,EACA,GAAc,GACd,GAAc,eACd,GAAc,WACd,EAAO,QAAQ,KACf,EACD,CAAC,EAiBA,EAAA,EAAA,KAAC,EAAA,yBAAD,CAA0C,2BACvC,EAAA,EAAA,KAfF,EAAA,aAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CAAK,cAAY,YAAY,UAAU,gCACpC,GACC,EAAA,EAAA,KAAC,EAAA,4BAAD,CACE,mBAAsB,EAAS,kBAAkB,IAAiB,CAClE,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,iBAAD,EAAoB,CAAA,CAElB,CAAA,CACO,CAKZ,CACwB,CAAA,CAI/B,SAAgB,GAAmB,CACjC,OAAO,EAAA,EAAA,KAAC,EAAD,EAAc,CAAA"}
+{"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  // A backend switch is in flight (BackendSelector flips the active backend\n  // and redirects to /conversations on the next tick). The conversationId in\n  // the URL belongs to the *previous* backend, so unmount the whole\n  // conversation subtree now — before any per-conversation query (history,\n  // metrics, sub-conversations, runtime info, …) re-fires against a backend\n  // the id is foreign to. Those foreign fetches fail response validation and\n  // surface \"agent server returned data this UI does not understand\". This is\n  // deterministic regardless of the navigate-vs-setActive render race: React\n  // re-renders this parent before its children, so returning null removes them\n  // before they can issue the request.\n  if (backendChanged) {\n    return null;\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

@@ -76,7 +76,7 @@ function E() {
 		I?.sandbox_id,
 		M.backend.kind,
 		E
-	]), /* @__PURE__ */ S(b, {
+	]), F ? null : /* @__PURE__ */ S(b, {
 		conversationId: D,
 		children: /* @__PURE__ */ S(h, { children: /* @__PURE__ */ S("div", {
 			"data-testid": "app-route",

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 { 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"}
+{"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  // A backend switch is in flight (BackendSelector flips the active backend\n  // and redirects to /conversations on the next tick). The conversationId in\n  // the URL belongs to the *previous* backend, so unmount the whole\n  // conversation subtree now — before any per-conversation query (history,\n  // metrics, sub-conversations, runtime info, …) re-fires against a backend\n  // the id is foreign to. Those foreign fetches fail response validation and\n  // surface \"agent server returned data this UI does not understand\". This is\n  // deterministic regardless of the navigate-vs-setActive render race: React\n  // re-renders this parent before its children, so returning null removes them\n  // before they can issue the request.\n  if (backendChanged) {\n    return null;\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;AAkD/D,QAjDA,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,EAYE,IACK,OAkBP,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/llm-settings.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`);require(`../contexts/active-backend-context.cjs`);const r=require(`../services/settings.cjs`),i=require(`../hooks/query/use-settings.cjs`),a=require(`../components/features/settings/settings-input.cjs`),o=require(`../utils/extract-model-and-provider.cjs`),s=require(`../ui/help-link.cjs`),c=require(`../components/shared/modals/settings/model-selector.cjs`),l=require(`../hooks/query/use-agent-settings-schema.cjs`),u=require(`../components/features/settings/key-status-icon.cjs`),d=require(`../utils/sdk-settings-schema.cjs`),f=require(`../components/features/settings/sdk-settings/sdk-section-page.cjs`);require(`../components/features/settings/llm-profiles/index.cjs`);let p=require(`react`);p=e.__toESM(p,1);let m=require(`react/jsx-runtime`);var h=new Set([`llm.model`,`llm.api_key`,`llm.base_url`]),g=(e,t)=>!e||!t?null:`${e}/${t}`,_=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,v={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`]),openhands:new Set([`https://llm-proxy.app.all-hands.dev`,`https://llm-proxy.app.all-hands.dev/v1`]),litellm_proxy:new Set([`https://llm-proxy.app.all-hands.dev`,`https://llm-proxy.app.all-hands.dev/v1`])},y=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},b=(e,t)=>{let n=y(t),{provider:r}=o.extractModelAndProvider(e);if(r){let e=v[r];if(e)return e.has(n)}return Object.values(v).some(e=>e?.has(n))};function x({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,m.jsx)(s.HelpLink,{testId:e,text:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),linkText:r(n.I18nKey.SETTINGS$NAV_API_KEYS),href:`https://app.all-hands.dev/settings/api-keys`,suffix:` ${r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`})}function S({scope:e=`personal`,onSaveSuccess:o,initialValueOverrides:v,embedded:y,hideSaveButton:S,onSaveControlChange:C}){let{t:w}=t.useTranslation(`openhands`),{data:T}=i.useSettings(e),{data:E}=l.useAgentSettingsSchema(T?.agent_settings_schema),D=String(r.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),O=p.default.useCallback((e,t)=>{let n=d.inferInitialView(e,t);if(n!==`basic`)return n;let r=e.llm_model??``,i=e.llm_base_url?.trim()??``;return i.length>0&&!b(r,i)?`all`:`basic`},[]);return(0,m.jsx)(f.SdkSectionPage,{scope:e,sectionKeys:[`llm`],excludeKeys:h,header:p.default.useCallback(({values:e,isDisabled:t,view:r,onChange:i})=>{let o=typeof e[`llm.model`]==`string`?e[`llm.model`]:``,l=typeof e[`llm.base_url`]==`string`?e[`llm.base_url`]:``,d=o.startsWith(`openhands/`),f=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,p=y?f.length>0:!!T?.llm_api_key_set,h=(e,r)=>(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(a.SettingsInput,{testId:e,label:w(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:f,placeholder:p?`<hidden>`:``,onChange:e=>i(`llm.api_key`,e),isDisabled:t,startContent:p?(0,m.jsx)(u.KeyStatusIcon,{isSet:p}):void 0}),(0,m.jsx)(s.HelpLink,{testId:r,text:w(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:w(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]});return(0,m.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,m.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[(0,m.jsx)(c.ModelSelector,{currentModel:o||void 0,currentBaseUrl:l||void 0,onChange:(e,t)=>{let n=g(e,t);n&&i(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),d?(0,m.jsx)(x,{testId:`openhands-api-key-help`}):null,h(`llm-api-key-input`,`llm-api-key-help-anchor`)]}):(0,m.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[(0,m.jsx)(a.SettingsInput,{testId:`llm-custom-model-input`,label:w(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:o,placeholder:D,onChange:e=>i(`llm.model`,e),isDisabled:t}),d?(0,m.jsx)(x,{testId:`openhands-api-key-help-2`}):null,(0,m.jsx)(a.SettingsInput,{testId:`base-url-input`,label:w(n.I18nKey.SETTINGS$BASE_URL),type:`text`,className:`w-full`,value:l,placeholder:`https://api.openai.com`,onChange:e=>i(`llm.base_url`,e),isDisabled:t}),h(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`)]})})},[D,y,T?.llm_api_key_set,w]),buildPayload:p.default.useCallback((e,t)=>{let n=structuredClone(e),r=n.llm??{};return t.view===`basic`&&(r.base_url=_(E,`llm.base_url`),n.llm=r),{agent_settings_diff:n}},[E]),getInitialView:O,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:o,initialValueOverrides:v,embedded:y,hideSaveButton:S,onSaveControlChange:C,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=S;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../i18n/declaration.cjs`);require(`../contexts/active-backend-context.cjs`);const r=require(`../services/settings.cjs`),i=require(`../hooks/query/use-settings.cjs`),a=require(`../components/features/settings/settings-input.cjs`),o=require(`../utils/extract-model-and-provider.cjs`),s=require(`../ui/help-link.cjs`),c=require(`../components/shared/modals/settings/model-selector.cjs`),l=require(`../hooks/query/use-agent-settings-schema.cjs`),u=require(`../components/features/settings/key-status-icon.cjs`),d=require(`../utils/sdk-settings-schema.cjs`),f=require(`../components/features/settings/sdk-settings/sdk-section-page.cjs`),p=require(`../utils/openhands-llm.cjs`);require(`../components/features/settings/llm-profiles/index.cjs`);let m=require(`react`);m=e.__toESM(m,1);let h=require(`react/jsx-runtime`);var g=new Set([`llm.model`,`llm.api_key`,`llm.base_url`]),_=(e,t)=>!e||!t?null:`${e}/${t}`,v=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,y={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`]),openhands:new Set([p.OPENHANDS_LLM_PROXY_BASE_URL,`https://llm-proxy.app.all-hands.dev/v1`]),litellm_proxy:new Set([p.OPENHANDS_LLM_PROXY_BASE_URL,`https://llm-proxy.app.all-hands.dev/v1`])},b=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},x=(e,t)=>{let n=b(t),{provider:r}=o.extractModelAndProvider(e);if(r){let e=y[r];if(e)return e.has(n)}return Object.values(y).some(e=>e?.has(n))};function S({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,h.jsx)(s.HelpLink,{testId:e,text:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),linkText:r(n.I18nKey.SETTINGS$NAV_API_KEYS),href:`https://app.all-hands.dev/settings/api-keys`,suffix:` ${r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`})}function C({scope:e=`personal`,onSaveSuccess:o,initialValueOverrides:y,embedded:b,hideSaveButton:C,onSaveControlChange:w}){let{t:T}=t.useTranslation(`openhands`),{data:E}=i.useSettings(e),{data:D}=l.useAgentSettingsSchema(E?.agent_settings_schema),O=String(r.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),k=m.default.useCallback((e,t)=>{let n=d.inferInitialView(e,t);if(n!==`basic`)return n;let r=e.llm_model??``,i=e.llm_base_url?.trim()??``;return i.length>0&&!x(r,i)?`all`:`basic`},[]);return(0,h.jsx)(f.SdkSectionPage,{scope:e,sectionKeys:[`llm`],excludeKeys:g,header:m.default.useCallback(({values:e,isDisabled:t,view:r,onChange:i})=>{let o=typeof e[`llm.model`]==`string`?e[`llm.model`]:``,l=typeof e[`llm.base_url`]==`string`?e[`llm.base_url`]:``,d=o.startsWith(`openhands/`),f=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,p=b?f.length>0:!!E?.llm_api_key_set,m=(e,r)=>(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(a.SettingsInput,{testId:e,label:T(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:f,placeholder:p?`<hidden>`:``,onChange:e=>i(`llm.api_key`,e),isDisabled:t,startContent:p?(0,h.jsx)(u.KeyStatusIcon,{isSet:p}):void 0}),(0,h.jsx)(s.HelpLink,{testId:r,text:T(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:T(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]});return(0,h.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,h.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[(0,h.jsx)(c.ModelSelector,{currentModel:o||void 0,currentBaseUrl:l||void 0,onChange:(e,t)=>{let n=_(e,t);n&&i(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),d?(0,h.jsx)(S,{testId:`openhands-api-key-help`}):null,m(`llm-api-key-input`,`llm-api-key-help-anchor`)]}):(0,h.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[(0,h.jsx)(a.SettingsInput,{testId:`llm-custom-model-input`,label:T(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:o,placeholder:O,onChange:e=>i(`llm.model`,e),isDisabled:t}),d?(0,h.jsx)(S,{testId:`openhands-api-key-help-2`}):null,(0,h.jsx)(a.SettingsInput,{testId:`base-url-input`,label:T(n.I18nKey.SETTINGS$BASE_URL),type:`text`,className:`w-full`,value:l,placeholder:`https://api.openai.com`,onChange:e=>i(`llm.base_url`,e),isDisabled:t}),m(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`)]})})},[O,b,E?.llm_api_key_set,T]),buildPayload:m.default.useCallback((e,t)=>{let n=structuredClone(e),r=n.llm??{};return t.view===`basic`&&(r.base_url=p.isOpenHandsProviderModel(r.model??t.values[`llm.model`])?p.OPENHANDS_LLM_PROXY_BASE_URL:v(D,`llm.base_url`),n.llm=r),{agent_settings_diff:n}},[D]),getInitialView:k,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:o,initialValueOverrides:y,embedded:b,hideSaveButton:C,onSaveControlChange:w,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=C;
 //# sourceMappingURL=llm-settings.cjs.map

package/dist/routes/llm-settings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"llm-settings.cjs","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n  SdkSectionHeaderProps,\n  SdkSectionPage,\n  SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  inferInitialView,\n  type SettingsFormValues,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\"llm.model\", \"llm.api_key\", \"llm.base_url\"]);\n\nconst buildModelId = (provider: string | null, model: string | null) => {\n  if (!provider || !model) return null;\n  return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n  schema: SettingsSchema | null | undefined,\n  fieldKey: string,\n) =>\n  schema?.sections\n    .flatMap((section) => section.fields)\n    .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n  openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n  openhands: new Set([\n    \"https://llm-proxy.app.all-hands.dev\",\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\n  litellm_proxy: new Set([\n    \"https://llm-proxy.app.all-hands.dev\",\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n  try {\n    const parsedUrl = new URL(baseUrl);\n    const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") || \"\";\n    return `${parsedUrl.origin}${normalizedPath}`;\n  } catch {\n    return baseUrl.trim().replace(/\\/+$/, \"\");\n  }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n  const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n  const { provider } = extractModelAndProvider(model);\n\n  if (provider) {\n    const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n    if (knownDefaults) {\n      return knownDefaults.has(normalizedBaseUrl);\n    }\n  }\n\n  return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n    knownDefaults?.has(normalizedBaseUrl),\n  );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n  testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <HelpLink\n      testId={testId}\n      text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n      linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n      href=\"https://app.all-hands.dev/settings/api-keys\"\n      suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n    />\n  );\n}\n\nexport function LlmSettingsScreen({\n  scope = \"personal\",\n  onSaveSuccess,\n  initialValueOverrides,\n  embedded,\n  hideSaveButton,\n  onSaveControlChange,\n}: {\n  scope?: SettingsScope;\n  /** Optional hook fired after a successful save (e.g. advance an onboarding step). */\n  onSaveSuccess?: () => void;\n  /** Forwarded to {@link SdkSectionPage}. */\n  initialValueOverrides?: SettingsFormValues;\n  /** Forwarded to {@link SdkSectionPage}. */\n  embedded?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  hideSaveButton?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n\n  const { data: settings } = useSettings(scope);\n  const { data: schema } = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n\n  const defaultModel = String(\n    (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n      \"\",\n  );\n\n  const getInitialView = React.useCallback(\n    (\n      currentSettings: Settings,\n      filteredSchema: SettingsSchema,\n    ): SettingsView => {\n      const schemaView = inferInitialView(currentSettings, filteredSchema);\n      if (schemaView !== \"basic\") {\n        return schemaView;\n      }\n\n      const currentModel = currentSettings.llm_model ?? \"\";\n      const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n      const hasCustomBaseUrl =\n        trimmedBaseUrl.length > 0 &&\n        !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n      return hasCustomBaseUrl ? \"all\" : \"basic\";\n    },\n    [],\n  );\n\n  const buildHeader = React.useCallback(\n    ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n      const modelValue =\n        typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n      const baseUrlValue =\n        typeof values[\"llm.base_url\"] === \"string\"\n          ? values[\"llm.base_url\"]\n          : \"\";\n      const showOpenHandsApiKeyHelp = modelValue.startsWith(\"openhands/\");\n\n      const apiKeyValue =\n        typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n      // For embedded profile forms (create/edit) the global\n      // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n      // \"key set\" indicator just because some other profile has a key. Reflect\n      // the form's own key state instead so create mode starts visibly unset.\n      const apiKeyIsSet = embedded\n        ? apiKeyValue.length > 0\n        : Boolean(settings?.llm_api_key_set);\n\n      const renderApiKeyInput = (testId: string, helpTestId: string) => (\n        <>\n          <SettingsInput\n            testId={testId}\n            label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n            type=\"password\"\n            className=\"w-full\"\n            value={apiKeyValue}\n            placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n            onChange={(value) => onChange(\"llm.api_key\", value)}\n            isDisabled={isDisabled}\n            startContent={\n              apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n            }\n          />\n\n          <HelpLink\n            testId={helpTestId}\n            text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n            linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n            href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n          />\n        </>\n      );\n\n      return (\n        <div className=\"flex flex-col gap-6\">\n          {view === \"basic\" ? (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-basic\"\n            >\n              <ModelSelector\n                currentModel={modelValue || undefined}\n                currentBaseUrl={baseUrlValue || undefined}\n                onChange={(provider, model) => {\n                  const nextModel = buildModelId(provider, model);\n                  if (nextModel) {\n                    onChange(\"llm.model\", nextModel);\n                  }\n                }}\n                wrapperClassName=\"!flex-col !gap-6\"\n                isDisabled={isDisabled}\n              />\n\n              {showOpenHandsApiKeyHelp ? (\n                <OpenHandsApiKeyHelp testId=\"openhands-api-key-help\" />\n              ) : null}\n\n              {renderApiKeyInput(\n                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor\",\n              )}\n            </div>\n          ) : (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-advanced\"\n            >\n              <SettingsInput\n                testId=\"llm-custom-model-input\"\n                label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n                type=\"text\"\n                className=\"w-full\"\n                value={modelValue}\n                placeholder={defaultModel}\n                onChange={(value) => onChange(\"llm.model\", value)}\n                isDisabled={isDisabled}\n              />\n\n              {showOpenHandsApiKeyHelp ? (\n                <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\n              ) : null}\n\n              <SettingsInput\n                testId=\"base-url-input\"\n                label={t(I18nKey.SETTINGS$BASE_URL)}\n                type=\"text\"\n                className=\"w-full\"\n                value={baseUrlValue}\n                placeholder=\"https://api.openai.com\"\n                onChange={(value) => onChange(\"llm.base_url\", value)}\n                isDisabled={isDisabled}\n              />\n\n              {renderApiKeyInput(\n                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor-advanced\",\n              )}\n            </div>\n          )}\n        </div>\n      );\n    },\n    [defaultModel, embedded, settings?.llm_api_key_set, t],\n  );\n\n  const buildPayload = React.useCallback(\n    (\n      basePayload: Record<string, unknown>,\n      context: {\n        values: Record<string, string | boolean>;\n        view: SettingsView;\n      },\n    ) => {\n      // basePayload is a nested dict (e.g. {llm: {model: \"gpt-4\"}})\n      const agentSettings = structuredClone(basePayload);\n\n      const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n\n      if (context.view === \"basic\") {\n        llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n        agentSettings.llm = llm;\n      }\n\n      return { agent_settings_diff: agentSettings };\n    },\n    [schema],\n  );\n\n  return (\n    <SdkSectionPage\n      scope={scope}\n      sectionKeys={[\"llm\"]}\n      excludeKeys={LLM_EXCLUDED_KEYS}\n      header={buildHeader}\n      buildPayload={buildPayload}\n      getInitialView={getInitialView}\n      forceShowAdvancedView\n      allowAllView\n      onSaveSuccess={onSaveSuccess}\n      initialValueOverrides={initialValueOverrides}\n      embedded={embedded}\n      hideSaveButton={hideSaveButton}\n      onSaveControlChange={onSaveControlChange}\n      testId=\"llm-settings-screen\"\n    />\n  );\n}\n\n/**\n * Default export for the route renders different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\n *\n * Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n  const { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\n\n  // Cloud backends use the standard LLM settings form (no profiles support)\n  if (isCloud) {\n    return <LlmSettingsScreen />;\n  }\n\n  // Local backends use the profile management view\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"llm-settings.cjs","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n  SdkSectionHeaderProps,\n  SdkSectionPage,\n  SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  inferInitialView,\n  type SettingsFormValues,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n  OPENHANDS_LLM_PROXY_BASE_URL,\n  isOpenHandsProviderModel,\n} from \"#/utils/openhands-llm\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\"llm.model\", \"llm.api_key\", \"llm.base_url\"]);\n\nconst buildModelId = (provider: string | null, model: string | null) => {\n  if (!provider || !model) return null;\n  return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n  schema: SettingsSchema | null | undefined,\n  fieldKey: string,\n) =>\n  schema?.sections\n    .flatMap((section) => section.fields)\n    .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n  openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n  openhands: new Set([\n    OPENHANDS_LLM_PROXY_BASE_URL,\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\n  litellm_proxy: new Set([\n    OPENHANDS_LLM_PROXY_BASE_URL,\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n  try {\n    const parsedUrl = new URL(baseUrl);\n    const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") || \"\";\n    return `${parsedUrl.origin}${normalizedPath}`;\n  } catch {\n    return baseUrl.trim().replace(/\\/+$/, \"\");\n  }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n  const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n  const { provider } = extractModelAndProvider(model);\n\n  if (provider) {\n    const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n    if (knownDefaults) {\n      return knownDefaults.has(normalizedBaseUrl);\n    }\n  }\n\n  return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n    knownDefaults?.has(normalizedBaseUrl),\n  );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n  testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <HelpLink\n      testId={testId}\n      text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n      linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n      href=\"https://app.all-hands.dev/settings/api-keys\"\n      suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n    />\n  );\n}\n\nexport function LlmSettingsScreen({\n  scope = \"personal\",\n  onSaveSuccess,\n  initialValueOverrides,\n  embedded,\n  hideSaveButton,\n  onSaveControlChange,\n}: {\n  scope?: SettingsScope;\n  /** Optional hook fired after a successful save (e.g. advance an onboarding step). */\n  onSaveSuccess?: () => void;\n  /** Forwarded to {@link SdkSectionPage}. */\n  initialValueOverrides?: SettingsFormValues;\n  /** Forwarded to {@link SdkSectionPage}. */\n  embedded?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  hideSaveButton?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n\n  const { data: settings } = useSettings(scope);\n  const { data: schema } = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n\n  const defaultModel = String(\n    (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n      \"\",\n  );\n\n  const getInitialView = React.useCallback(\n    (\n      currentSettings: Settings,\n      filteredSchema: SettingsSchema,\n    ): SettingsView => {\n      const schemaView = inferInitialView(currentSettings, filteredSchema);\n      if (schemaView !== \"basic\") {\n        return schemaView;\n      }\n\n      const currentModel = currentSettings.llm_model ?? \"\";\n      const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n      const hasCustomBaseUrl =\n        trimmedBaseUrl.length > 0 &&\n        !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n      return hasCustomBaseUrl ? \"all\" : \"basic\";\n    },\n    [],\n  );\n\n  const buildHeader = React.useCallback(\n    ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n      const modelValue =\n        typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n      const baseUrlValue =\n        typeof values[\"llm.base_url\"] === \"string\"\n          ? values[\"llm.base_url\"]\n          : \"\";\n      const showOpenHandsApiKeyHelp = modelValue.startsWith(\"openhands/\");\n\n      const apiKeyValue =\n        typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n      // For embedded profile forms (create/edit) the global\n      // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n      // \"key set\" indicator just because some other profile has a key. Reflect\n      // the form's own key state instead so create mode starts visibly unset.\n      const apiKeyIsSet = embedded\n        ? apiKeyValue.length > 0\n        : Boolean(settings?.llm_api_key_set);\n\n      const renderApiKeyInput = (testId: string, helpTestId: string) => (\n        <>\n          <SettingsInput\n            testId={testId}\n            label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n            type=\"password\"\n            className=\"w-full\"\n            value={apiKeyValue}\n            placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n            onChange={(value) => onChange(\"llm.api_key\", value)}\n            isDisabled={isDisabled}\n            startContent={\n              apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n            }\n          />\n\n          <HelpLink\n            testId={helpTestId}\n            text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n            linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n            href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n          />\n        </>\n      );\n\n      return (\n        <div className=\"flex flex-col gap-6\">\n          {view === \"basic\" ? (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-basic\"\n            >\n              <ModelSelector\n                currentModel={modelValue || undefined}\n                currentBaseUrl={baseUrlValue || undefined}\n                onChange={(provider, model) => {\n                  const nextModel = buildModelId(provider, model);\n                  if (nextModel) {\n                    onChange(\"llm.model\", nextModel);\n                  }\n                }}\n                wrapperClassName=\"!flex-col !gap-6\"\n                isDisabled={isDisabled}\n              />\n\n              {showOpenHandsApiKeyHelp ? (\n                <OpenHandsApiKeyHelp testId=\"openhands-api-key-help\" />\n              ) : null}\n\n              {renderApiKeyInput(\n                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor\",\n              )}\n            </div>\n          ) : (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-advanced\"\n            >\n              <SettingsInput\n                testId=\"llm-custom-model-input\"\n                label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n                type=\"text\"\n                className=\"w-full\"\n                value={modelValue}\n                placeholder={defaultModel}\n                onChange={(value) => onChange(\"llm.model\", value)}\n                isDisabled={isDisabled}\n              />\n\n              {showOpenHandsApiKeyHelp ? (\n                <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\n              ) : null}\n\n              <SettingsInput\n                testId=\"base-url-input\"\n                label={t(I18nKey.SETTINGS$BASE_URL)}\n                type=\"text\"\n                className=\"w-full\"\n                value={baseUrlValue}\n                placeholder=\"https://api.openai.com\"\n                onChange={(value) => onChange(\"llm.base_url\", value)}\n                isDisabled={isDisabled}\n              />\n\n              {renderApiKeyInput(\n                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor-advanced\",\n              )}\n            </div>\n          )}\n        </div>\n      );\n    },\n    [defaultModel, embedded, settings?.llm_api_key_set, t],\n  );\n\n  const buildPayload = React.useCallback(\n    (\n      basePayload: Record<string, unknown>,\n      context: {\n        values: Record<string, string | boolean>;\n        view: SettingsView;\n      },\n    ) => {\n      // basePayload is a nested dict (e.g. {llm: {model: \"gpt-4\"}})\n      const agentSettings = structuredClone(basePayload);\n\n      const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n\n      if (context.view === \"basic\") {\n        const model = llm.model ?? context.values[\"llm.model\"];\n        llm.base_url = isOpenHandsProviderModel(model)\n          ? OPENHANDS_LLM_PROXY_BASE_URL\n          : getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n        agentSettings.llm = llm;\n      }\n\n      return { agent_settings_diff: agentSettings };\n    },\n    [schema],\n  );\n\n  return (\n    <SdkSectionPage\n      scope={scope}\n      sectionKeys={[\"llm\"]}\n      excludeKeys={LLM_EXCLUDED_KEYS}\n      header={buildHeader}\n      buildPayload={buildPayload}\n      getInitialView={getInitialView}\n      forceShowAdvancedView\n      allowAllView\n      onSaveSuccess={onSaveSuccess}\n      initialValueOverrides={initialValueOverrides}\n      embedded={embedded}\n      hideSaveButton={hideSaveButton}\n      onSaveControlChange={onSaveControlChange}\n      testId=\"llm-settings-screen\"\n    />\n  );\n}\n\n/**\n * Default export for the route renders different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\n *\n * Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n  const { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\n\n  // Cloud backends use the standard LLM settings form (no profiles support)\n  if (isCloud) {\n    return <LlmSettingsScreen />;\n  }\n\n  // Local backends use the profile management view\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}