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

@openhands/agent-canvas 1.15.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1277) hide show

package/dist/package.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"package.cjs","names":[],"sources":["../package.json"],"sourcesContent":["{\n \"name\": \"@openhands/agent-canvas\",\n \"version\": \"1.15.0\",\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/OpenHands\"\n },\n \"homepage\": \"https://github.com/OpenHands/OpenHands#readme\",\n \"bugs\": {\n \"url\": \"https://github.com/OpenHands/OpenHands/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.25\",\n \"@monaco-editor/react\": \"4.7.0\",\n \"@openhands/extensions\": \"0.18.0\",\n \"@openhands/typescript-client\": \"1.38.1\",\n \"@react-router/node\": \"7.18.2\",\n \"@react-router/serve\": \"7.18.2\",\n \"@tailwindcss/vite\": \"4.3.3\",\n \"@tanstack/react-query\": \"5.101.4\",\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.18.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 \"httpxy\": \"0.5.3\",\n \"i18next\": \"26.3.6\",\n \"i18next-browser-languagedetector\": \"8.2.1\",\n \"i18next-http-backend\": \"4.0.1\",\n \"isbot\": \"5.1.39\",\n \"lucide-react\": \"1.25.0\",\n \"monaco-editor\": \"0.56.0\",\n \"posthog-js\": \"1.380.0\",\n \"react\": \"19.2.8\",\n \"react-dom\": \"19.2.8\",\n \"react-hot-toast\": \"2.6.0\",\n \"react-i18next\": \"17.0.11\",\n \"react-icons\": \"5.6.0\",\n \"react-markdown\": \"10.1.0\",\n \"react-router\": \"7.18.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.9.0\",\n \"sirv\": \"3.0.2\",\n \"sirv-cli\": \"3.0.1\",\n \"socket.io-client\": \"4.8.3\",\n \"tailwind-merge\": \"3.6.0\",\n \"tailwind-scrollbar\": \"4.0.2\",\n \"unist-util-visit\": \"5.1.0\",\n \"uuid\": \"14.0.0\",\n \"vite\": \"8.0.16\",\n \"winston\": \"3.19.0\",\n \"winston-daily-rotate-file\": \"5.0.0\",\n \"zustand\": \"5.0.14\"\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:coverage\": \"npm run make-i18n && vitest run --coverage\",\n \"test:mutation\": \"npm run make-i18n && stryker run\",\n \"test:mutation:diff\": \"npm run make-i18n && node scripts/stryker-diff.mjs\",\n \"test:mutation:incremental\": \"npm run make-i18n && stryker run --incremental\",\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 \"postinstall\": \"node -e \\\"if (process.env.npm_config_global === 'true') { console.log('\\\\n\\\\x1b[32m\\\\x1b[1m\\\\u2713 @openhands/agent-canvas installed!\\\\x1b[0m\\\\n\\\\nTo start Agent Canvas, run:\\\\n\\\\n \\\\x1b[36m\\\\x1b[1magent-canvas\\\\x1b[0m\\\\n\\\\nThis launches the full stack at \\\\x1b[36mhttp://localhost:8000\\\\x1b[0m.\\\\n\\\\nDocs: https://docs.openhands.dev/openhands/usage/agent-canvas/setup\\\\n') }\\\"\",\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 build && tsc -p tsconfig.lib.json\",\n \"build:docker\": \"node scripts/docker-build.mjs\",\n \"example:acp-docker:env\": \"node scripts/gen-acp-docker-env.mjs\",\n \"predesktop\": \"node scripts/brand-dev-electron.mjs\",\n \"desktop\": \"npm run build:app && electron electron\",\n \"build:desktop\": \"npm run build:app && node scripts/download-uv.mjs && node scripts/download-node.mjs && electron-builder --config electron-builder.config.mjs --publish never\",\n \"build:desktop:universal\": \"npm run build:app && node scripts/download-uv.mjs && node scripts/download-node.mjs && cross-env ELECTRON_ARCH=universal electron-builder --config electron-builder.config.mjs --publish never\",\n \"download-uv\": \"node scripts/download-uv.mjs\",\n \"download-node\": \"node scripts/download-node.mjs\",\n \"generate-icons\": \"node scripts/generate-icons.mjs\"\n },\n \"lint-staged\": {\n \"src/*/.{ts,tsx,js}\": [\n \"eslint --fix\",\n \"prettier --write\"\n ],\n \"src/*/.{ts,tsx}\": [\n \"node scripts/run-staged-typecheck.mjs\"\n ],\n \"src/*/\": [\n \"npm run check-translation-completeness\"\n ]\n },\n \"devDependencies\": {\n \"@eslint/eslintrc\": \"3.3.6\",\n \"@eslint/js\": \"9.39.4\",\n \"@mswjs/socket.io-binding\": \"0.2.0\",\n \"@playwright/test\": \"1.62.1\",\n \"@react-router/dev\": \"7.18.2\",\n \"@stryker-mutator/core\": \"9.6.1\",\n \"@stryker-mutator/vitest-runner\": \"9.6.1\",\n \"@tailwindcss/typography\": \"0.5.20\",\n \"@tanstack/eslint-plugin-query\": \"5.101.4\",\n \"@testing-library/dom\": \"10.4.1\",\n \"@testing-library/jest-dom\": \"7.0.0\",\n \"@testing-library/react\": \"16.3.2\",\n \"@testing-library/user-event\": \"14.6.1\",\n \"@types/mdast\": \"4.0.4\",\n \"@types/node\": \"26.1.2\",\n \"@types/react\": \"19.2.18\",\n \"@types/react-dom\": \"19.2.4\",\n \"@types/react-syntax-highlighter\": \"15.5.13\",\n \"@typescript-eslint/eslint-plugin\": \"8.65.0\",\n \"@typescript-eslint/parser\": \"8.65.0\",\n \"@vercel/react-router\": \"1.3.0\",\n \"@vitest/coverage-v8\": \"4.1.10\",\n \"cross-env\": \"10.1.0\",\n \"electron\": \"42.3.3\",\n \"electron-builder\": \"26.15.3\",\n \"eslint\": \"9.39.5\",\n \"eslint-config-prettier\": \"10.1.8\",\n \"eslint-import-resolver-typescript\": \"4.4.5\",\n \"eslint-plugin-i18next\": \"6.1.5\",\n \"eslint-plugin-import-x\": \"4.17.1\",\n \"eslint-plugin-jsx-a11y\": \"6.10.2\",\n \"eslint-plugin-prettier\": \"5.5.6\",\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\": \"30.0.1\",\n \"lint-staged\": \"17.3.0\",\n \"msw\": \"2.15.0\",\n \"png2icons\": \"2.0.1\",\n \"postcss-prefix-selector\": \"2.1.1\",\n \"prettier\": \"3.8.3\",\n \"tailwindcss\": \"4.3.3\",\n \"typescript\": \"6.0.3\",\n \"vite-plugin-svgr\": \"5.2.0\",\n \"vitest\": \"4.1.10\"\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 \"@vercel/static-config\": {\n \"ajv\": \"8.20.0\"\n },\n \"dompurify\": \"3.4.12\",\n \"typed-rest-client\": {\n \"qs\": \"6.15.3\"\n }\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.8\",\n \"react-dom\": \"19.2.8\",\n \"react-router\": \"7.18.2\"\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"package.cjs","names":[],"sources":["../package.json"],"sourcesContent":["{\n \"name\": \"@openhands/agent-canvas\",\n \"version\": \"1.17.0\",\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/OpenHands\"\n },\n \"homepage\": \"https://github.com/OpenHands/OpenHands#readme\",\n \"bugs\": {\n \"url\": \"https://github.com/OpenHands/OpenHands/issues\"\n },\n \"bin\": {\n \"agent-canvas\": \"bin/agent-canvas.mjs\"\n },\n \"engines\": {\n \"node\": \">=24\"\n },\n \"dependencies\": {\n \"@heroui/react\": \"2.8.10\",\n \"@microlink/react-json-view\": \"1.31.25\",\n \"@monaco-editor/react\": \"4.7.0\",\n \"@openhands/extensions\": \"0.20.0\",\n \"@openhands/typescript-client\": \"1.39.0\",\n \"@react-router/node\": \"7.18.2\",\n \"@react-router/serve\": \"7.18.2\",\n \"@tailwindcss/vite\": \"4.3.3\",\n \"@tanstack/react-query\": \"5.101.4\",\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.18.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 \"httpxy\": \"0.5.3\",\n \"i18next\": \"26.3.6\",\n \"i18next-browser-languagedetector\": \"8.2.1\",\n \"i18next-http-backend\": \"4.0.1\",\n \"isbot\": \"5.1.39\",\n \"lucide-react\": \"1.25.0\",\n \"monaco-editor\": \"0.56.0\",\n \"posthog-js\": \"1.380.0\",\n \"react\": \"19.2.8\",\n \"react-dom\": \"19.2.8\",\n \"react-hot-toast\": \"2.6.0\",\n \"react-i18next\": \"17.0.11\",\n \"react-icons\": \"5.6.0\",\n \"react-markdown\": \"10.1.0\",\n \"react-router\": \"7.18.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.9.0\",\n \"sirv\": \"3.0.2\",\n \"sirv-cli\": \"3.0.1\",\n \"socket.io-client\": \"4.8.3\",\n \"tailwind-merge\": \"3.6.0\",\n \"tailwind-scrollbar\": \"4.0.2\",\n \"unist-util-visit\": \"5.1.0\",\n \"uuid\": \"14.0.0\",\n \"vite\": \"8.0.16\",\n \"winston\": \"3.19.0\",\n \"winston-daily-rotate-file\": \"5.0.0\",\n \"zustand\": \"5.0.14\"\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:coverage\": \"npm run make-i18n && vitest run --coverage\",\n \"test:mutation\": \"npm run make-i18n && stryker run\",\n \"test:mutation:diff\": \"npm run make-i18n && node scripts/stryker-diff.mjs\",\n \"test:mutation:incremental\": \"npm run make-i18n && stryker run --incremental\",\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 \"postinstall\": \"node -e \\\"if (process.env.npm_config_global === 'true') { console.log('\\\\n\\\\x1b[32m\\\\x1b[1m\\\\u2713 @openhands/agent-canvas installed!\\\\x1b[0m\\\\n\\\\nTo start Agent Canvas, run:\\\\n\\\\n \\\\x1b[36m\\\\x1b[1magent-canvas\\\\x1b[0m\\\\n\\\\nThis launches the full stack at \\\\x1b[36mhttp://localhost:8000\\\\x1b[0m.\\\\n\\\\nDocs: https://docs.openhands.dev/openhands/usage/agent-canvas/setup\\\\n') }\\\"\",\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 build && tsc -p tsconfig.lib.json\",\n \"build:docker\": \"node scripts/docker-build.mjs\",\n \"example:acp-docker:env\": \"node scripts/gen-acp-docker-env.mjs\",\n \"predesktop\": \"node scripts/brand-dev-electron.mjs\",\n \"desktop\": \"npm run build:app && electron electron\",\n \"build:desktop\": \"npm run build:app && node scripts/download-uv.mjs && node scripts/download-node.mjs && electron-builder --config electron-builder.config.mjs --publish never\",\n \"build:desktop:universal\": \"npm run build:app && node scripts/download-uv.mjs && node scripts/download-node.mjs && cross-env ELECTRON_ARCH=universal electron-builder --config electron-builder.config.mjs --publish never\",\n \"download-uv\": \"node scripts/download-uv.mjs\",\n \"download-node\": \"node scripts/download-node.mjs\",\n \"generate-icons\": \"node scripts/generate-icons.mjs\"\n },\n \"lint-staged\": {\n \"src/*/.{ts,tsx,js}\": [\n \"eslint --fix\",\n \"prettier --write\"\n ],\n \"src/*/.{ts,tsx}\": [\n \"node scripts/run-staged-typecheck.mjs\"\n ],\n \"src/*/\": [\n \"npm run check-translation-completeness\"\n ]\n },\n \"devDependencies\": {\n \"@eslint/eslintrc\": \"3.3.6\",\n \"@eslint/js\": \"9.39.4\",\n \"@mswjs/socket.io-binding\": \"0.2.0\",\n \"@playwright/test\": \"1.62.1\",\n \"@react-router/dev\": \"7.18.2\",\n \"@stryker-mutator/core\": \"9.6.1\",\n \"@stryker-mutator/vitest-runner\": \"9.6.1\",\n \"@tailwindcss/typography\": \"0.5.20\",\n \"@tanstack/eslint-plugin-query\": \"5.101.4\",\n \"@testing-library/dom\": \"10.4.1\",\n \"@testing-library/jest-dom\": \"7.0.0\",\n \"@testing-library/react\": \"16.3.2\",\n \"@testing-library/user-event\": \"14.6.1\",\n \"@types/mdast\": \"4.0.4\",\n \"@types/node\": \"26.1.2\",\n \"@types/react\": \"19.2.18\",\n \"@types/react-dom\": \"19.2.4\",\n \"@types/react-syntax-highlighter\": \"15.5.13\",\n \"@typescript-eslint/eslint-plugin\": \"8.65.0\",\n \"@typescript-eslint/parser\": \"8.65.0\",\n \"@vercel/react-router\": \"1.3.0\",\n \"@vitest/coverage-v8\": \"4.1.10\",\n \"cross-env\": \"10.1.0\",\n \"electron\": \"42.3.3\",\n \"electron-builder\": \"26.15.3\",\n \"eslint\": \"9.39.5\",\n \"eslint-config-prettier\": \"10.1.8\",\n \"eslint-import-resolver-typescript\": \"4.4.5\",\n \"eslint-plugin-i18next\": \"6.1.5\",\n \"eslint-plugin-import-x\": \"4.17.1\",\n \"eslint-plugin-jsx-a11y\": \"6.10.2\",\n \"eslint-plugin-prettier\": \"5.5.6\",\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\": \"30.0.1\",\n \"lint-staged\": \"17.3.0\",\n \"msw\": \"2.15.0\",\n \"png2icons\": \"2.0.1\",\n \"postcss-prefix-selector\": \"2.1.1\",\n \"prettier\": \"3.8.3\",\n \"tailwindcss\": \"4.3.3\",\n \"typescript\": \"6.0.3\",\n \"vite-plugin-svgr\": \"5.2.0\",\n \"vitest\": \"4.1.10\"\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 \"@vercel/static-config\": {\n \"ajv\": \"8.20.0\"\n },\n \"dompurify\": \"3.4.14\",\n \"typed-rest-client\": {\n \"qs\": \"6.15.3\"\n }\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.8\",\n \"react-dom\": \"19.2.8\",\n \"react-router\": \"7.18.2\"\n }\n}\n"],"mappings":""}

package/dist/package.js CHANGED Viewed

@@ -1,6 +1,6 @@
 var e = {
 	name: "@openhands/agent-canvas",
-	version: "1.15.0",
+	version: "1.17.0",
 	description: "Agent Canvas UI for OpenHands - run AI coding agents with a visual interface",
 	license: "MIT",
 	private: !1,
@@ -12,13 +12,13 @@ var e = {
 	homepage: "https://github.com/OpenHands/OpenHands#readme",
 	bugs: { url: "https://github.com/OpenHands/OpenHands/issues" },
 	bin: { "agent-canvas": "bin/agent-canvas.mjs" },
-	engines: { node: ">=22.12.0" },
+	engines: { node: ">=24" },
 	dependencies: {
 		"@heroui/react": "2.8.10",
 		"@microlink/react-json-view": "1.31.25",
 		"@monaco-editor/react": "4.7.0",
-		"@openhands/extensions": "0.18.0",
-		"@openhands/typescript-client": "1.38.1",
+		"@openhands/extensions": "0.20.0",
+		"@openhands/typescript-client": "1.39.0",
 		"@react-router/node": "7.18.2",
 		"@react-router/serve": "7.18.2",
 		"@tailwindcss/vite": "4.3.3",
@@ -166,7 +166,7 @@ var e = {
 	msw: { workerDirectory: ["public"] },
 	overrides: {
 		"@vercel/static-config": { ajv: "8.20.0" },
-		dompurify: "3.4.12",
+		dompurify: "3.4.14",
 		"typed-rest-client": { qs: "6.15.3" }
 	},
 	main: "./dist/index.cjs",

package/dist/package.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"package.js","names":[],"sources":["../package.json"],"sourcesContent":["{\n \"name\": \"@openhands/agent-canvas\",\n \"version\": \"1.15.0\",\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/OpenHands\"\n },\n \"homepage\": \"https://github.com/OpenHands/OpenHands#readme\",\n \"bugs\": {\n \"url\": \"https://github.com/OpenHands/OpenHands/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.25\",\n \"@monaco-editor/react\": \"4.7.0\",\n \"@openhands/extensions\": \"0.18.0\",\n \"@openhands/typescript-client\": \"1.38.1\",\n \"@react-router/node\": \"7.18.2\",\n \"@react-router/serve\": \"7.18.2\",\n \"@tailwindcss/vite\": \"4.3.3\",\n \"@tanstack/react-query\": \"5.101.4\",\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.18.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 \"httpxy\": \"0.5.3\",\n \"i18next\": \"26.3.6\",\n \"i18next-browser-languagedetector\": \"8.2.1\",\n \"i18next-http-backend\": \"4.0.1\",\n \"isbot\": \"5.1.39\",\n \"lucide-react\": \"1.25.0\",\n \"monaco-editor\": \"0.56.0\",\n \"posthog-js\": \"1.380.0\",\n \"react\": \"19.2.8\",\n \"react-dom\": \"19.2.8\",\n \"react-hot-toast\": \"2.6.0\",\n \"react-i18next\": \"17.0.11\",\n \"react-icons\": \"5.6.0\",\n \"react-markdown\": \"10.1.0\",\n \"react-router\": \"7.18.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.9.0\",\n \"sirv\": \"3.0.2\",\n \"sirv-cli\": \"3.0.1\",\n \"socket.io-client\": \"4.8.3\",\n \"tailwind-merge\": \"3.6.0\",\n \"tailwind-scrollbar\": \"4.0.2\",\n \"unist-util-visit\": \"5.1.0\",\n \"uuid\": \"14.0.0\",\n \"vite\": \"8.0.16\",\n \"winston\": \"3.19.0\",\n \"winston-daily-rotate-file\": \"5.0.0\",\n \"zustand\": \"5.0.14\"\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:coverage\": \"npm run make-i18n && vitest run --coverage\",\n \"test:mutation\": \"npm run make-i18n && stryker run\",\n \"test:mutation:diff\": \"npm run make-i18n && node scripts/stryker-diff.mjs\",\n \"test:mutation:incremental\": \"npm run make-i18n && stryker run --incremental\",\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 \"postinstall\": \"node -e \\\"if (process.env.npm_config_global === 'true') { console.log('\\\\n\\\\x1b[32m\\\\x1b[1m\\\\u2713 @openhands/agent-canvas installed!\\\\x1b[0m\\\\n\\\\nTo start Agent Canvas, run:\\\\n\\\\n \\\\x1b[36m\\\\x1b[1magent-canvas\\\\x1b[0m\\\\n\\\\nThis launches the full stack at \\\\x1b[36mhttp://localhost:8000\\\\x1b[0m.\\\\n\\\\nDocs: https://docs.openhands.dev/openhands/usage/agent-canvas/setup\\\\n') }\\\"\",\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 build && tsc -p tsconfig.lib.json\",\n \"build:docker\": \"node scripts/docker-build.mjs\",\n \"example:acp-docker:env\": \"node scripts/gen-acp-docker-env.mjs\",\n \"predesktop\": \"node scripts/brand-dev-electron.mjs\",\n \"desktop\": \"npm run build:app && electron electron\",\n \"build:desktop\": \"npm run build:app && node scripts/download-uv.mjs && node scripts/download-node.mjs && electron-builder --config electron-builder.config.mjs --publish never\",\n \"build:desktop:universal\": \"npm run build:app && node scripts/download-uv.mjs && node scripts/download-node.mjs && cross-env ELECTRON_ARCH=universal electron-builder --config electron-builder.config.mjs --publish never\",\n \"download-uv\": \"node scripts/download-uv.mjs\",\n \"download-node\": \"node scripts/download-node.mjs\",\n \"generate-icons\": \"node scripts/generate-icons.mjs\"\n },\n \"lint-staged\": {\n \"src/*/.{ts,tsx,js}\": [\n \"eslint --fix\",\n \"prettier --write\"\n ],\n \"src/*/.{ts,tsx}\": [\n \"node scripts/run-staged-typecheck.mjs\"\n ],\n \"src/*/\": [\n \"npm run check-translation-completeness\"\n ]\n },\n \"devDependencies\": {\n \"@eslint/eslintrc\": \"3.3.6\",\n \"@eslint/js\": \"9.39.4\",\n \"@mswjs/socket.io-binding\": \"0.2.0\",\n \"@playwright/test\": \"1.62.1\",\n \"@react-router/dev\": \"7.18.2\",\n \"@stryker-mutator/core\": \"9.6.1\",\n \"@stryker-mutator/vitest-runner\": \"9.6.1\",\n \"@tailwindcss/typography\": \"0.5.20\",\n \"@tanstack/eslint-plugin-query\": \"5.101.4\",\n \"@testing-library/dom\": \"10.4.1\",\n \"@testing-library/jest-dom\": \"7.0.0\",\n \"@testing-library/react\": \"16.3.2\",\n \"@testing-library/user-event\": \"14.6.1\",\n \"@types/mdast\": \"4.0.4\",\n \"@types/node\": \"26.1.2\",\n \"@types/react\": \"19.2.18\",\n \"@types/react-dom\": \"19.2.4\",\n \"@types/react-syntax-highlighter\": \"15.5.13\",\n \"@typescript-eslint/eslint-plugin\": \"8.65.0\",\n \"@typescript-eslint/parser\": \"8.65.0\",\n \"@vercel/react-router\": \"1.3.0\",\n \"@vitest/coverage-v8\": \"4.1.10\",\n \"cross-env\": \"10.1.0\",\n \"electron\": \"42.3.3\",\n \"electron-builder\": \"26.15.3\",\n \"eslint\": \"9.39.5\",\n \"eslint-config-prettier\": \"10.1.8\",\n \"eslint-import-resolver-typescript\": \"4.4.5\",\n \"eslint-plugin-i18next\": \"6.1.5\",\n \"eslint-plugin-import-x\": \"4.17.1\",\n \"eslint-plugin-jsx-a11y\": \"6.10.2\",\n \"eslint-plugin-prettier\": \"5.5.6\",\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\": \"30.0.1\",\n \"lint-staged\": \"17.3.0\",\n \"msw\": \"2.15.0\",\n \"png2icons\": \"2.0.1\",\n \"postcss-prefix-selector\": \"2.1.1\",\n \"prettier\": \"3.8.3\",\n \"tailwindcss\": \"4.3.3\",\n \"typescript\": \"6.0.3\",\n \"vite-plugin-svgr\": \"5.2.0\",\n \"vitest\": \"4.1.10\"\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 \"@vercel/static-config\": {\n \"ajv\": \"8.20.0\"\n },\n \"dompurify\": \"3.4.12\",\n \"typed-rest-client\": {\n \"qs\": \"6.15.3\"\n }\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.8\",\n \"react-dom\": \"19.2.8\",\n \"react-router\": \"7.18.2\"\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"package.js","names":[],"sources":["../package.json"],"sourcesContent":["{\n \"name\": \"@openhands/agent-canvas\",\n \"version\": \"1.17.0\",\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/OpenHands\"\n },\n \"homepage\": \"https://github.com/OpenHands/OpenHands#readme\",\n \"bugs\": {\n \"url\": \"https://github.com/OpenHands/OpenHands/issues\"\n },\n \"bin\": {\n \"agent-canvas\": \"bin/agent-canvas.mjs\"\n },\n \"engines\": {\n \"node\": \">=24\"\n },\n \"dependencies\": {\n \"@heroui/react\": \"2.8.10\",\n \"@microlink/react-json-view\": \"1.31.25\",\n \"@monaco-editor/react\": \"4.7.0\",\n \"@openhands/extensions\": \"0.20.0\",\n \"@openhands/typescript-client\": \"1.39.0\",\n \"@react-router/node\": \"7.18.2\",\n \"@react-router/serve\": \"7.18.2\",\n \"@tailwindcss/vite\": \"4.3.3\",\n \"@tanstack/react-query\": \"5.101.4\",\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.18.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 \"httpxy\": \"0.5.3\",\n \"i18next\": \"26.3.6\",\n \"i18next-browser-languagedetector\": \"8.2.1\",\n \"i18next-http-backend\": \"4.0.1\",\n \"isbot\": \"5.1.39\",\n \"lucide-react\": \"1.25.0\",\n \"monaco-editor\": \"0.56.0\",\n \"posthog-js\": \"1.380.0\",\n \"react\": \"19.2.8\",\n \"react-dom\": \"19.2.8\",\n \"react-hot-toast\": \"2.6.0\",\n \"react-i18next\": \"17.0.11\",\n \"react-icons\": \"5.6.0\",\n \"react-markdown\": \"10.1.0\",\n \"react-router\": \"7.18.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.9.0\",\n \"sirv\": \"3.0.2\",\n \"sirv-cli\": \"3.0.1\",\n \"socket.io-client\": \"4.8.3\",\n \"tailwind-merge\": \"3.6.0\",\n \"tailwind-scrollbar\": \"4.0.2\",\n \"unist-util-visit\": \"5.1.0\",\n \"uuid\": \"14.0.0\",\n \"vite\": \"8.0.16\",\n \"winston\": \"3.19.0\",\n \"winston-daily-rotate-file\": \"5.0.0\",\n \"zustand\": \"5.0.14\"\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:coverage\": \"npm run make-i18n && vitest run --coverage\",\n \"test:mutation\": \"npm run make-i18n && stryker run\",\n \"test:mutation:diff\": \"npm run make-i18n && node scripts/stryker-diff.mjs\",\n \"test:mutation:incremental\": \"npm run make-i18n && stryker run --incremental\",\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 \"postinstall\": \"node -e \\\"if (process.env.npm_config_global === 'true') { console.log('\\\\n\\\\x1b[32m\\\\x1b[1m\\\\u2713 @openhands/agent-canvas installed!\\\\x1b[0m\\\\n\\\\nTo start Agent Canvas, run:\\\\n\\\\n \\\\x1b[36m\\\\x1b[1magent-canvas\\\\x1b[0m\\\\n\\\\nThis launches the full stack at \\\\x1b[36mhttp://localhost:8000\\\\x1b[0m.\\\\n\\\\nDocs: https://docs.openhands.dev/openhands/usage/agent-canvas/setup\\\\n') }\\\"\",\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 build && tsc -p tsconfig.lib.json\",\n \"build:docker\": \"node scripts/docker-build.mjs\",\n \"example:acp-docker:env\": \"node scripts/gen-acp-docker-env.mjs\",\n \"predesktop\": \"node scripts/brand-dev-electron.mjs\",\n \"desktop\": \"npm run build:app && electron electron\",\n \"build:desktop\": \"npm run build:app && node scripts/download-uv.mjs && node scripts/download-node.mjs && electron-builder --config electron-builder.config.mjs --publish never\",\n \"build:desktop:universal\": \"npm run build:app && node scripts/download-uv.mjs && node scripts/download-node.mjs && cross-env ELECTRON_ARCH=universal electron-builder --config electron-builder.config.mjs --publish never\",\n \"download-uv\": \"node scripts/download-uv.mjs\",\n \"download-node\": \"node scripts/download-node.mjs\",\n \"generate-icons\": \"node scripts/generate-icons.mjs\"\n },\n \"lint-staged\": {\n \"src/*/.{ts,tsx,js}\": [\n \"eslint --fix\",\n \"prettier --write\"\n ],\n \"src/*/.{ts,tsx}\": [\n \"node scripts/run-staged-typecheck.mjs\"\n ],\n \"src/*/\": [\n \"npm run check-translation-completeness\"\n ]\n },\n \"devDependencies\": {\n \"@eslint/eslintrc\": \"3.3.6\",\n \"@eslint/js\": \"9.39.4\",\n \"@mswjs/socket.io-binding\": \"0.2.0\",\n \"@playwright/test\": \"1.62.1\",\n \"@react-router/dev\": \"7.18.2\",\n \"@stryker-mutator/core\": \"9.6.1\",\n \"@stryker-mutator/vitest-runner\": \"9.6.1\",\n \"@tailwindcss/typography\": \"0.5.20\",\n \"@tanstack/eslint-plugin-query\": \"5.101.4\",\n \"@testing-library/dom\": \"10.4.1\",\n \"@testing-library/jest-dom\": \"7.0.0\",\n \"@testing-library/react\": \"16.3.2\",\n \"@testing-library/user-event\": \"14.6.1\",\n \"@types/mdast\": \"4.0.4\",\n \"@types/node\": \"26.1.2\",\n \"@types/react\": \"19.2.18\",\n \"@types/react-dom\": \"19.2.4\",\n \"@types/react-syntax-highlighter\": \"15.5.13\",\n \"@typescript-eslint/eslint-plugin\": \"8.65.0\",\n \"@typescript-eslint/parser\": \"8.65.0\",\n \"@vercel/react-router\": \"1.3.0\",\n \"@vitest/coverage-v8\": \"4.1.10\",\n \"cross-env\": \"10.1.0\",\n \"electron\": \"42.3.3\",\n \"electron-builder\": \"26.15.3\",\n \"eslint\": \"9.39.5\",\n \"eslint-config-prettier\": \"10.1.8\",\n \"eslint-import-resolver-typescript\": \"4.4.5\",\n \"eslint-plugin-i18next\": \"6.1.5\",\n \"eslint-plugin-import-x\": \"4.17.1\",\n \"eslint-plugin-jsx-a11y\": \"6.10.2\",\n \"eslint-plugin-prettier\": \"5.5.6\",\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\": \"30.0.1\",\n \"lint-staged\": \"17.3.0\",\n \"msw\": \"2.15.0\",\n \"png2icons\": \"2.0.1\",\n \"postcss-prefix-selector\": \"2.1.1\",\n \"prettier\": \"3.8.3\",\n \"tailwindcss\": \"4.3.3\",\n \"typescript\": \"6.0.3\",\n \"vite-plugin-svgr\": \"5.2.0\",\n \"vitest\": \"4.1.10\"\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 \"@vercel/static-config\": {\n \"ajv\": \"8.20.0\"\n },\n \"dompurify\": \"3.4.14\",\n \"typed-rest-client\": {\n \"qs\": \"6.15.3\"\n }\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.8\",\n \"react-dom\": \"19.2.8\",\n \"react-router\": \"7.18.2\"\n }\n}\n"],"mappings":""}

package/dist/routes/agent-settings.d.ts CHANGED Viewed

@@ -11,6 +11,7 @@ type AgentType = "openhands" | "acp";
 export type AgentProfileFieldsDraft = {
     agent_kind: "openhands";
     enable_sub_agents: boolean;
+    enable_switch_llm_tool?: boolean;
     tool_concurrency_limit?: number;
 } | {
     agent_kind: "acp";
@@ -29,6 +30,15 @@ export interface AgentProfileFieldsInput {
     commandTokens: string[];
     acpModel: string;
     subAgentsEnabled: boolean;
+    switchLlmToolField?: SettingsFieldSchema;
+    switchLlmToolEnabled: boolean;
+    /**
+     * Whether the backend's *profile* model accepts `enable_switch_llm_tool`.
+     * Tracked apart from {@link switchLlmToolField} because the settings schema
+     * and the profile model gained the field in different releases — see
+     * {@link agentProfileSupportsSwitchLlmTool}.
+     */
+    switchLlmToolSupportedOnProfile: boolean;
     toolConcurrencyField?: SettingsFieldSchema;
     toolConcurrency: string | boolean;
 }
@@ -59,6 +69,8 @@ export interface AgentSettingsSaveControl {
     agentType: AgentType;
     /** False when the current form can't be saved (e.g. an empty ACP command). */
     isValid: boolean;
+    /** True when the form differs from the hydrated snapshot. */
+    isDirty: boolean;
     /**
      * Build the variant-specific AgentProfile fields from the live form state.
      * Throws a user-facing Error on invalid input (e.g. a bad concurrency value).

package/dist/routes/app-settings.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../i18n/declaration.cjs"),r=require("../i18n/index.cjs"),ee=require("../utils/retrieve-axios-error-message.cjs"),i=require("../utils/custom-toast-handlers.cjs"),a=require("../services/telemetry.cjs"),o=require("../contexts/active-backend-context.cjs"),s=require("../services/settings.cjs"),c=require("../utils/format-model-name.cjs"),l=require("../hooks/query/use-llm-profiles.cjs"),u=require("../hooks/query/use-settings.cjs"),d=require("../components/shared/navigation-link.cjs"),f=require("../components/features/settings/brand-button.cjs"),p=require("../components/features/settings/settings-input.cjs"),m=require("../hooks/mutation/use-save-settings.cjs"),h=require("../components/features/settings/settings-switch.cjs"),g=require("../components/features/settings/settings-dropdown-input.cjs"),_=require("../components/features/settings/app-settings/language-input.cjs"),v=require("../components/features/settings/app-settings/theme-input.cjs"),y=require("../components/features/settings/app-settings/getting-started-checklist-switch.cjs"),b=require("../components/features/settings/app-settings/app-settings-inputs-skeleton.cjs");let x=require("react");x=e.__toESM(x,1);let S=require("react/jsx-runtime");var C=`__automatic__`;function w(){let{t:e}=t.useTranslation(`openhands`),{mutate:w,isPending:T}=m.useSaveSettings(),{data:E,isLoading:D}=u.useSettings(),O=o.useActiveBackend().backend.kind===`cloud`,{data:k,isLoading:A}=l.useLlmProfiles(),[j,M]=x.default.useState(!1),[N,P]=x.default.useState(!1),[F,I]=x.default.useState(!1),[L,R]=x.default.useState(!1),[z,B]=x.default.useState(!1),[V,H]=x.default.useState(void 0),U=x.default.useMemo(()=>{let e=E?.title_llm_profile??null;return!e||!k||k.profiles.some(t=>t.name===e)?e:null},[k,E?.title_llm_profile]),W=V===void 0?U:V,G=x.default.useMemo(()=>[{key:C,label:e(n.I18nKey.SETTINGS$TITLE_GENERATION_AUTOMATIC)},...k?.profiles.map(t=>({key:t.name,label:t.model?e(n.I18nKey.SETTINGS$TITLE_GENERATION_PROFILE_OPTION,{name:t.name,model:c.formatModelNameForDisplay(t.model)??t.model}):t.name}))??[]],[k?.profiles,e]),K=t=>{let o=t.get(`language-input`)?.toString(),c=r.AvailableLanguages.find(({label:e})=>e===o)?.value||s.DEFAULT_SETTINGS.language,l=O?!0:t.get(`enable-analytics-switch`)?.toString()===`on`,u=t.get(`enable-sound-notifications-switch`)?.toString()===`on`,d=t.get(`git-user-name-input`)?.toString()||s.DEFAULT_SETTINGS.git_user_name,f=t.get(`git-user-email-input`)?.toString()||s.DEFAULT_SETTINGS.git_user_email;w({language:c,...!O&&{user_consents_to_analytics:l},enable_sound_notifications:u,git_user_name:d,git_user_email:f,title_llm_profile:W},{onSuccess:()=>{a.setTelemetryConsent(l?`granted`:`denied`),i.displaySuccessToast(e(n.I18nKey.SETTINGS$SAVED))},onError:t=>{i.displayErrorToast(ee.retrieveAxiosErrorMessage(t)||e(n.I18nKey.ERROR$GENERIC))},onSettled:()=>{M(!1),P(!1),I(!1),R(!1),B(!1),H(void 0)}})},q=e=>{let t=r.AvailableLanguages.find(({label:t})=>t===e)?.label,n=r.AvailableLanguages.find(({value:e})=>e===E?.language)?.label;M(t!==n)},J=e=>{P(e!==(E?.user_consents_to_analytics??!0))},Y=e=>{I(e!==!!E?.enable_sound_notifications)},X=e=>{let t=E?.git_user_name;R(e!==t)},Z=e=>{let t=E?.git_user_email;B(e!==t)},Q=!j&&!N&&!F&&W===U&&!L&&!z,$=!E||D||A||T;return(0,S.jsxs)(`form`,{"data-testid":`app-settings-screen`,action:K,className:`flex flex-col gap-6`,children:[$&&(0,S.jsx)(b.AppSettingsInputsSkeleton,{}),!$&&(0,S.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,S.jsx)(_.LanguageInput,{name:`language-input`,defaultKey:E.language,onChange:q}),(0,S.jsx)(v.ThemeInput,{}),(0,S.jsx)(h.SettingsSwitch,{testId:`enable-analytics-switch`,name:O?void 0:`enable-analytics-switch`,defaultIsToggled:O?!0:E.user_consents_to_analytics??!0,isToggled:O?!0:void 0,isDisabled:O,onToggle:O?void 0:J,children:e(n.I18nKey.ANALYTICS$SEND_ANONYMOUS_DATA)}),(0,S.jsx)(h.SettingsSwitch,{testId:`enable-sound-notifications-switch`,name:`enable-sound-notifications-switch`,defaultIsToggled:!!E.enable_sound_notifications,onToggle:Y,children:e(n.I18nKey.SETTINGS$SOUND_NOTIFICATIONS)}),(0,S.jsx)(y.GettingStartedChecklistSwitch,{}),(0,S.jsxs)(`div`,{className:`border-t border-[var(--oh-border)] pt-6 mt-2`,children:[(0,S.jsx)(`h3`,{className:`text-lg font-medium mb-2`,children:e(n.I18nKey.SETTINGS$CONVERSATION_TITLES)}),(0,S.jsx)(`p`,{className:`mb-4 text-sm leading-5 text-tertiary-light`,children:e(n.I18nKey.SETTINGS$TITLE_GENERATION_DESCRIPTION)}),(0,S.jsx)(g.SettingsDropdownInput,{testId:`title-llm-profile-input`,name:`title-llm-profile-input`,label:e(n.I18nKey.SETTINGS$TITLE_GENERATION_MODEL),items:G,selectedKey:W??C,onSelectionChange:e=>{let t=e?.toString();H(!t||t===C?null:t)}}),(0,S.jsx)(d.NavigationLink,{to:`/settings/llm`,className:`mt-3 inline-block text-sm text-primary hover:underline`,children:e(n.I18nKey.SETTINGS$MANAGE_LLM_PROFILES)})]}),(0,S.jsxs)(`div`,{className:`border-t border-[var(--oh-border)] pt-6 mt-2`,children:[(0,S.jsx)(`h3`,{className:`text-lg font-medium mb-2`,children:e(n.I18nKey.SETTINGS$GIT_SETTINGS)}),(0,S.jsx)(`p`,{className:`mb-4 text-sm leading-5 text-tertiary-light`,children:e(n.I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}),(0,S.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,S.jsx)(p.SettingsInput,{testId:`git-user-name-input`,name:`git-user-name-input`,type:`text`,label:e(n.I18nKey.SETTINGS$GIT_USERNAME),defaultValue:E.git_user_name||``,onChange:X,placeholder:e(n.I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER),className:`w-full min-w-0`}),(0,S.jsx)(p.SettingsInput,{testId:`git-user-email-input`,name:`git-user-email-input`,type:`email`,label:e(n.I18nKey.SETTINGS$GIT_EMAIL),defaultValue:E.git_user_email||``,onChange:Z,placeholder:e(n.I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER),className:`w-full min-w-0`})]}),(0,S.jsx)(`div`,{className:`flex justify-start pt-4`,children:(0,S.jsxs)(f.BrandButton,{testId:`submit-button`,variant:`primary`,type:`submit`,isDisabled:T||Q,children:[!T&&e(n.I18nKey.SETTINGS$SAVE_CHANGES),T&&e(n.I18nKey.SETTINGS$SAVING)]})})]})]})]})}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("../i18n/index.cjs"),i=require("../utils/retrieve-axios-error-message.cjs"),a=require("../utils/custom-toast-handlers.cjs"),o=require("../services/telemetry.cjs"),s=require("../contexts/active-backend-context.cjs"),c=require("../services/settings.cjs"),l=require("../hooks/query/use-settings.cjs"),u=require("../utils/format-model-name.cjs"),d=require("../hooks/query/use-llm-profiles.cjs"),f=require("../components/shared/navigation-link.cjs"),p=require("../hooks/mutation/use-save-settings.cjs"),m=require("../components/features/settings/brand-button.cjs"),h=require("../components/features/settings/settings-input.cjs"),g=require("../components/features/settings/settings-switch.cjs"),_=require("../components/features/settings/settings-dropdown-input.cjs"),v=require("../components/features/settings/app-settings/language-input.cjs"),y=require("../components/features/settings/app-settings/theme-input.cjs"),b=require("../components/features/settings/app-settings/getting-started-checklist-switch.cjs"),x=require("../components/features/settings/app-settings/app-settings-inputs-skeleton.cjs");let S=require("react");S=e.__toESM(S,1);let C=require("react/jsx-runtime");var w=`__automatic__`;function T(){let{t:e}=t.useTranslation(`openhands`),{mutate:T,isPending:E}=p.useSaveSettings(),{data:D,isLoading:O}=l.useSettings(),k=s.useActiveBackend().backend.kind===`cloud`,{data:A,isLoading:j}=d.useLlmProfiles(),[ee,M]=S.default.useState(!1),[N,P]=S.default.useState(!1),[F,I]=S.default.useState(!1),[L,R]=S.default.useState(!1),[z,B]=S.default.useState(!1),[V,H]=S.default.useState(void 0),U=S.default.useMemo(()=>{let e=D?.title_llm_profile??null;return!e||!A||A.profiles.some(t=>t.name===e)?e:null},[A,D?.title_llm_profile]),W=V===void 0?U:V,G=S.default.useMemo(()=>[{key:w,label:e(n.I18nKey.SETTINGS$TITLE_GENERATION_AUTOMATIC)},...A?.profiles.map(t=>({key:t.name,label:t.model?e(n.I18nKey.SETTINGS$TITLE_GENERATION_PROFILE_OPTION,{name:t.name,model:u.formatModelNameForDisplay(t.model)??t.model}):t.name}))??[]],[A?.profiles,e]),K=t=>{let s=t.get(`language-input`)?.toString(),l=r.AvailableLanguages.find(({label:e})=>e===s)?.value||c.DEFAULT_SETTINGS.language,u=k?!0:t.get(`enable-analytics-switch`)?.toString()===`on`,d=t.get(`enable-sound-notifications-switch`)?.toString()===`on`,f=t.get(`git-user-name-input`)?.toString()||c.DEFAULT_SETTINGS.git_user_name,p=t.get(`git-user-email-input`)?.toString()||c.DEFAULT_SETTINGS.git_user_email;T({language:l,...!k&&{user_consents_to_analytics:u},enable_sound_notifications:d,git_user_name:f,git_user_email:p,title_llm_profile:W},{onSuccess:()=>{o.setTelemetryConsent(u?`granted`:`denied`),a.displaySuccessToast(e(n.I18nKey.SETTINGS$SAVED))},onError:t=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(t)||e(n.I18nKey.ERROR$GENERIC))},onSettled:()=>{M(!1),P(!1),I(!1),R(!1),B(!1),H(void 0)}})},q=e=>{let t=r.AvailableLanguages.find(({label:t})=>t===e)?.label,n=r.AvailableLanguages.find(({value:e})=>e===D?.language)?.label;M(t!==n)},J=e=>{P(e!==(D?.user_consents_to_analytics??!0))},Y=e=>{I(e!==!!D?.enable_sound_notifications)},X=e=>{let t=D?.git_user_name;R(e!==t)},Z=e=>{let t=D?.git_user_email;B(e!==t)},Q=!ee&&!N&&!F&&W===U&&!L&&!z,$=!D||O||j||E;return(0,C.jsxs)(`form`,{"data-testid":`app-settings-screen`,action:K,className:`flex flex-col gap-6`,children:[$&&(0,C.jsx)(x.AppSettingsInputsSkeleton,{}),!$&&(0,C.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,C.jsx)(v.LanguageInput,{name:`language-input`,defaultKey:D.language,onChange:q}),(0,C.jsx)(y.ThemeInput,{}),(0,C.jsx)(g.SettingsSwitch,{testId:`enable-analytics-switch`,name:k?void 0:`enable-analytics-switch`,defaultIsToggled:k?!0:D.user_consents_to_analytics??!0,isToggled:k?!0:void 0,isDisabled:k,onToggle:k?void 0:J,children:e(n.I18nKey.ANALYTICS$SEND_ANONYMOUS_DATA)}),(0,C.jsx)(g.SettingsSwitch,{testId:`enable-sound-notifications-switch`,name:`enable-sound-notifications-switch`,defaultIsToggled:!!D.enable_sound_notifications,onToggle:Y,children:e(n.I18nKey.SETTINGS$SOUND_NOTIFICATIONS)}),(0,C.jsx)(b.GettingStartedChecklistSwitch,{}),(0,C.jsxs)(`div`,{className:`border-t border-[var(--oh-border)] pt-6 mt-2`,children:[(0,C.jsx)(`h3`,{className:`text-lg font-medium mb-2`,children:e(n.I18nKey.SETTINGS$CONVERSATION_TITLES)}),(0,C.jsx)(`p`,{className:`mb-4 text-sm leading-5 text-tertiary-light`,children:e(n.I18nKey.SETTINGS$TITLE_GENERATION_DESCRIPTION)}),(0,C.jsx)(_.SettingsDropdownInput,{testId:`title-llm-profile-input`,name:`title-llm-profile-input`,label:e(n.I18nKey.SETTINGS$TITLE_GENERATION_MODEL),items:G,selectedKey:W??w,onSelectionChange:e=>{let t=e?.toString();H(!t||t===w?null:t)}}),(0,C.jsx)(f.NavigationLink,{to:`/settings/llm`,className:`mt-3 inline-block text-sm text-primary hover:underline`,children:e(n.I18nKey.SETTINGS$MANAGE_LLM_PROFILES)})]}),(0,C.jsxs)(`div`,{className:`border-t border-[var(--oh-border)] pt-6 mt-2`,children:[(0,C.jsx)(`h3`,{className:`text-lg font-medium mb-2`,children:e(n.I18nKey.SETTINGS$GIT_SETTINGS)}),(0,C.jsx)(`p`,{className:`mb-4 text-sm leading-5 text-tertiary-light`,children:e(n.I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}),(0,C.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,C.jsx)(h.SettingsInput,{testId:`git-user-name-input`,name:`git-user-name-input`,type:`text`,label:e(n.I18nKey.SETTINGS$GIT_USERNAME),defaultValue:D.git_user_name||``,onChange:X,placeholder:e(n.I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER),className:`w-full min-w-0`}),(0,C.jsx)(h.SettingsInput,{testId:`git-user-email-input`,name:`git-user-email-input`,type:`email`,label:e(n.I18nKey.SETTINGS$GIT_EMAIL),defaultValue:D.git_user_email||``,onChange:Z,placeholder:e(n.I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER),className:`w-full min-w-0`})]}),(0,C.jsx)(`div`,{className:`flex justify-start pt-4`,children:(0,C.jsxs)(m.BrandButton,{testId:`submit-button`,variant:`primary`,type:`submit`,isDisabled:E||Q,children:[!E&&e(n.I18nKey.SETTINGS$SAVE_CHANGES),E&&e(n.I18nKey.SETTINGS$SAVING)]})})]})]})]})}exports.default=T;
 //# sourceMappingURL=app-settings.cjs.map

package/dist/routes/app-settings.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-settings.cjs","names":[],"sources":["../../src/routes/app-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { AvailableLanguages } from \"#/i18n\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { setTelemetryConsent } from \"#/services/telemetry\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsSwitch } from \"#/components/features/settings/settings-switch\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LanguageInput } from \"#/components/features/settings/app-settings/language-input\";\nimport { ThemeInput } from \"#/components/features/settings/app-settings/theme-input\";\nimport { GettingStartedChecklistSwitch } from \"#/components/features/settings/app-settings/getting-started-checklist-switch\";\nimport {\n displayErrorToast,\n displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { AppSettingsInputsSkeleton } from \"#/components/features/settings/app-settings/app-settings-inputs-skeleton\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\n\nconst AUTOMATIC_TITLE_LLM_PROFILE_KEY = \"__automatic__\";\n\nexport function AppSettingsScreen() {\n const { t } = useTranslation(\"openhands\");\n\n const { mutate: saveSettings, isPending } = useSaveSettings();\n const { data: settings, isLoading } = useSettings();\n const activeBackend = useActiveBackend();\n const isCloudBackend = activeBackend.backend.kind === \"cloud\";\n const { data: llmProfiles, isLoading: areLlmProfilesLoading } =\n useLlmProfiles();\n\n const [languageInputHasChanged, setLanguageInputHasChanged] =\n React.useState(false);\n const [analyticsSwitchHasChanged, setAnalyticsSwitchHasChanged] =\n React.useState(false);\n const [\n soundNotificationsSwitchHasChanged,\n setSoundNotificationsSwitchHasChanged,\n ] = React.useState(false);\n const [gitUserNameHasChanged, setGitUserNameHasChanged] =\n React.useState(false);\n const [gitUserEmailHasChanged, setGitUserEmailHasChanged] =\n React.useState(false);\n const [titleLlmProfileInput, setTitleLlmProfileInput] = React.useState<\n string \| null \| undefined\n >(undefined);\n\n const storedTitleLlmProfile = React.useMemo(() => {\n const preference = settings?.title_llm_profile ?? null;\n if (!preference \|\| !llmProfiles) return preference;\n return llmProfiles.profiles.some((profile) => profile.name === preference)\n ? preference\n : null;\n }, [llmProfiles, settings?.title_llm_profile]);\n const selectedTitleLlmProfile =\n titleLlmProfileInput === undefined\n ? storedTitleLlmProfile\n : titleLlmProfileInput;\n const titleLlmProfileItems = React.useMemo(\n () => [\n {\n key: AUTOMATIC_TITLE_LLM_PROFILE_KEY,\n label: t(I18nKey.SETTINGS$TITLE_GENERATION_AUTOMATIC),\n },\n ...(llmProfiles?.profiles.map((profile) => ({\n key: profile.name,\n label: profile.model\n ? t(I18nKey.SETTINGS$TITLE_GENERATION_PROFILE_OPTION, {\n name: profile.name,\n model: formatModelNameForDisplay(profile.model) ?? profile.model,\n })\n : profile.name,\n })) ?? []),\n ],\n [llmProfiles?.profiles, t],\n );\n\n const formAction = (formData: FormData) => {\n const languageLabel = formData.get(\"language-input\")?.toString();\n const languageValue = AvailableLanguages.find(\n ({ label }) => label === languageLabel,\n )?.value;\n const language = languageValue \|\| DEFAULT_SETTINGS.language;\n\n const enableAnalytics = isCloudBackend\n ? true\n : formData.get(\"enable-analytics-switch\")?.toString() === \"on\";\n const enableSoundNotifications =\n formData.get(\"enable-sound-notifications-switch\")?.toString() === \"on\";\n\n const gitUserName =\n formData.get(\"git-user-name-input\")?.toString() \|\|\n DEFAULT_SETTINGS.git_user_name;\n const gitUserEmail =\n formData.get(\"git-user-email-input\")?.toString() \|\|\n DEFAULT_SETTINGS.git_user_email;\n\n saveSettings(\n {\n language,\n ...(!isCloudBackend && { user_consents_to_analytics: enableAnalytics }),\n enable_sound_notifications: enableSoundNotifications,\n git_user_name: gitUserName,\n git_user_email: gitUserEmail,\n title_llm_profile: selectedTitleLlmProfile,\n },\n {\n onSuccess: () => {\n void setTelemetryConsent(enableAnalytics ? \"granted\" : \"denied\");\n displaySuccessToast(t(I18nKey.SETTINGS$SAVED));\n },\n onError: (error) => {\n const errorMessage = retrieveAxiosErrorMessage(error);\n displayErrorToast(errorMessage \|\| t(I18nKey.ERROR$GENERIC));\n },\n onSettled: () => {\n setLanguageInputHasChanged(false);\n setAnalyticsSwitchHasChanged(false);\n setSoundNotificationsSwitchHasChanged(false);\n setGitUserNameHasChanged(false);\n setGitUserEmailHasChanged(false);\n setTitleLlmProfileInput(undefined);\n },\n },\n );\n };\n\n const checkIfLanguageInputHasChanged = (value: string) => {\n const selectedLanguage = AvailableLanguages.find(\n ({ label: langValue }) => langValue === value,\n )?.label;\n const currentLanguage = AvailableLanguages.find(\n ({ value: langValue }) => langValue === settings?.language,\n )?.label;\n\n setLanguageInputHasChanged(selectedLanguage !== currentLanguage);\n };\n\n const checkIfAnalyticsSwitchHasChanged = (checked: boolean) => {\n // Treat null as true since analytics is opt-in by default\n const currentAnalytics = settings?.user_consents_to_analytics ?? true;\n setAnalyticsSwitchHasChanged(checked !== currentAnalytics);\n };\n\n const checkIfSoundNotificationsSwitchHasChanged = (checked: boolean) => {\n const currentSoundNotifications = !!settings?.enable_sound_notifications;\n setSoundNotificationsSwitchHasChanged(\n checked !== currentSoundNotifications,\n );\n };\n\n const checkIfGitUserNameHasChanged = (value: string) => {\n const currentValue = settings?.git_user_name;\n setGitUserNameHasChanged(value !== currentValue);\n };\n\n const checkIfGitUserEmailHasChanged = (value: string) => {\n const currentValue = settings?.git_user_email;\n setGitUserEmailHasChanged(value !== currentValue);\n };\n\n const formIsClean =\n !languageInputHasChanged &&\n !analyticsSwitchHasChanged &&\n !soundNotificationsSwitchHasChanged &&\n selectedTitleLlmProfile === storedTitleLlmProfile &&\n !gitUserNameHasChanged &&\n !gitUserEmailHasChanged;\n\n const shouldBeLoading =\n !settings \|\| isLoading \|\| areLlmProfilesLoading \|\| isPending;\n\n return (\n <form\n data-testid=\"app-settings-screen\"\n action={formAction}\n className=\"flex flex-col gap-6\"\n >\n {shouldBeLoading && <AppSettingsInputsSkeleton />}\n {!shouldBeLoading && (\n <div className=\"flex flex-col gap-6\">\n <LanguageInput\n name=\"language-input\"\n defaultKey={settings.language}\n onChange={checkIfLanguageInputHasChanged}\n />\n\n <ThemeInput />\n\n <SettingsSwitch\n testId=\"enable-analytics-switch\"\n name={isCloudBackend ? undefined : \"enable-analytics-switch\"}\n defaultIsToggled={\n isCloudBackend\n ? true\n : (settings.user_consents_to_analytics ?? true)\n }\n isToggled={isCloudBackend ? true : undefined}\n isDisabled={isCloudBackend}\n onToggle={\n isCloudBackend ? undefined : checkIfAnalyticsSwitchHasChanged\n }\n >\n {t(I18nKey.ANALYTICS$SEND_ANONYMOUS_DATA)}\n </SettingsSwitch>\n\n <SettingsSwitch\n testId=\"enable-sound-notifications-switch\"\n name=\"enable-sound-notifications-switch\"\n defaultIsToggled={!!settings.enable_sound_notifications}\n onToggle={checkIfSoundNotificationsSwitchHasChanged}\n >\n {t(I18nKey.SETTINGS$SOUND_NOTIFICATIONS)}\n </SettingsSwitch>\n\n <GettingStartedChecklistSwitch />\n\n <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n <h3 className=\"text-lg font-medium mb-2\">\n {t(I18nKey.SETTINGS$CONVERSATION_TITLES)}\n </h3>\n <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n {t(I18nKey.SETTINGS$TITLE_GENERATION_DESCRIPTION)}\n </p>\n <SettingsDropdownInput\n testId=\"title-llm-profile-input\"\n name=\"title-llm-profile-input\"\n label={t(I18nKey.SETTINGS$TITLE_GENERATION_MODEL)}\n items={titleLlmProfileItems}\n selectedKey={\n selectedTitleLlmProfile ?? AUTOMATIC_TITLE_LLM_PROFILE_KEY\n }\n onSelectionChange={(key) => {\n const value = key?.toString();\n setTitleLlmProfileInput(\n !value \|\| value === AUTOMATIC_TITLE_LLM_PROFILE_KEY\n ? null\n : value,\n );\n }}\n />\n <NavigationLink\n to=\"/settings/llm\"\n className=\"mt-3 inline-block text-sm text-primary hover:underline\"\n >\n {t(I18nKey.SETTINGS$MANAGE_LLM_PROFILES)}\n </NavigationLink>\n </div>\n\n <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n <h3 className=\"text-lg font-medium mb-2\">\n {t(I18nKey.SETTINGS$GIT_SETTINGS)}\n </h3>\n <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n {t(I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}\n </p>\n <div className=\"flex flex-col gap-6\">\n <SettingsInput\n testId=\"git-user-name-input\"\n name=\"git-user-name-input\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$GIT_USERNAME)}\n defaultValue={settings.git_user_name \|\| \"\"}\n onChange={checkIfGitUserNameHasChanged}\n placeholder={t(I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER)}\n className=\"w-full min-w-0\"\n />\n <SettingsInput\n testId=\"git-user-email-input\"\n name=\"git-user-email-input\"\n type=\"email\"\n label={t(I18nKey.SETTINGS$GIT_EMAIL)}\n defaultValue={settings.git_user_email \|\| \"\"}\n onChange={checkIfGitUserEmailHasChanged}\n placeholder={t(I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER)}\n className=\"w-full min-w-0\"\n />\n </div>\n <div className=\"flex justify-start pt-4\">\n <BrandButton\n testId=\"submit-button\"\n variant=\"primary\"\n type=\"submit\"\n isDisabled={isPending \|\| formIsClean}\n >\n {!isPending && t(I18nKey.SETTINGS$SAVE_CHANGES)}\n {isPending && t(I18nKey.SETTINGS$SAVING)}\n </BrandButton>\n </div>\n </div>\n </div>\n )}\n </form>\n );\n}\n\nexport default AppSettingsScreen;\n"],"mappings":"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"}
1	+ {"version":3,"file":"app-settings.cjs","names":[],"sources":["../../src/routes/app-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { AvailableLanguages } from \"#/i18n\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { setTelemetryConsent } from \"#/services/telemetry\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsSwitch } from \"#/components/features/settings/settings-switch\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LanguageInput } from \"#/components/features/settings/app-settings/language-input\";\nimport { ThemeInput } from \"#/components/features/settings/app-settings/theme-input\";\nimport { GettingStartedChecklistSwitch } from \"#/components/features/settings/app-settings/getting-started-checklist-switch\";\nimport {\n displayErrorToast,\n displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { AppSettingsInputsSkeleton } from \"#/components/features/settings/app-settings/app-settings-inputs-skeleton\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\n\nconst AUTOMATIC_TITLE_LLM_PROFILE_KEY = \"__automatic__\";\n\nexport function AppSettingsScreen() {\n const { t } = useTranslation(\"openhands\");\n\n const { mutate: saveSettings, isPending } = useSaveSettings();\n const { data: settings, isLoading } = useSettings();\n const activeBackend = useActiveBackend();\n const isCloudBackend = activeBackend.backend.kind === \"cloud\";\n const { data: llmProfiles, isLoading: areLlmProfilesLoading } =\n useLlmProfiles();\n\n const [languageInputHasChanged, setLanguageInputHasChanged] =\n React.useState(false);\n const [analyticsSwitchHasChanged, setAnalyticsSwitchHasChanged] =\n React.useState(false);\n const [\n soundNotificationsSwitchHasChanged,\n setSoundNotificationsSwitchHasChanged,\n ] = React.useState(false);\n const [gitUserNameHasChanged, setGitUserNameHasChanged] =\n React.useState(false);\n const [gitUserEmailHasChanged, setGitUserEmailHasChanged] =\n React.useState(false);\n const [titleLlmProfileInput, setTitleLlmProfileInput] = React.useState<\n string \| null \| undefined\n >(undefined);\n\n const storedTitleLlmProfile = React.useMemo(() => {\n const preference = settings?.title_llm_profile ?? null;\n if (!preference \|\| !llmProfiles) return preference;\n return llmProfiles.profiles.some((profile) => profile.name === preference)\n ? preference\n : null;\n }, [llmProfiles, settings?.title_llm_profile]);\n const selectedTitleLlmProfile =\n titleLlmProfileInput === undefined\n ? storedTitleLlmProfile\n : titleLlmProfileInput;\n const titleLlmProfileItems = React.useMemo(\n () => [\n {\n key: AUTOMATIC_TITLE_LLM_PROFILE_KEY,\n label: t(I18nKey.SETTINGS$TITLE_GENERATION_AUTOMATIC),\n },\n ...(llmProfiles?.profiles.map((profile) => ({\n key: profile.name,\n label: profile.model\n ? t(I18nKey.SETTINGS$TITLE_GENERATION_PROFILE_OPTION, {\n name: profile.name,\n model: formatModelNameForDisplay(profile.model) ?? profile.model,\n })\n : profile.name,\n })) ?? []),\n ],\n [llmProfiles?.profiles, t],\n );\n\n const formAction = (formData: FormData) => {\n const languageLabel = formData.get(\"language-input\")?.toString();\n const languageValue = AvailableLanguages.find(\n ({ label }) => label === languageLabel,\n )?.value;\n const language = languageValue \|\| DEFAULT_SETTINGS.language;\n\n const enableAnalytics = isCloudBackend\n ? true\n : formData.get(\"enable-analytics-switch\")?.toString() === \"on\";\n const enableSoundNotifications =\n formData.get(\"enable-sound-notifications-switch\")?.toString() === \"on\";\n\n const gitUserName =\n formData.get(\"git-user-name-input\")?.toString() \|\|\n DEFAULT_SETTINGS.git_user_name;\n const gitUserEmail =\n formData.get(\"git-user-email-input\")?.toString() \|\|\n DEFAULT_SETTINGS.git_user_email;\n\n saveSettings(\n {\n language,\n ...(!isCloudBackend && { user_consents_to_analytics: enableAnalytics }),\n enable_sound_notifications: enableSoundNotifications,\n git_user_name: gitUserName,\n git_user_email: gitUserEmail,\n title_llm_profile: selectedTitleLlmProfile,\n },\n {\n onSuccess: () => {\n void setTelemetryConsent(enableAnalytics ? \"granted\" : \"denied\");\n displaySuccessToast(t(I18nKey.SETTINGS$SAVED));\n },\n onError: (error) => {\n const errorMessage = retrieveAxiosErrorMessage(error);\n displayErrorToast(errorMessage \|\| t(I18nKey.ERROR$GENERIC));\n },\n onSettled: () => {\n setLanguageInputHasChanged(false);\n setAnalyticsSwitchHasChanged(false);\n setSoundNotificationsSwitchHasChanged(false);\n setGitUserNameHasChanged(false);\n setGitUserEmailHasChanged(false);\n setTitleLlmProfileInput(undefined);\n },\n },\n );\n };\n\n const checkIfLanguageInputHasChanged = (value: string) => {\n const selectedLanguage = AvailableLanguages.find(\n ({ label: langValue }) => langValue === value,\n )?.label;\n const currentLanguage = AvailableLanguages.find(\n ({ value: langValue }) => langValue === settings?.language,\n )?.label;\n\n setLanguageInputHasChanged(selectedLanguage !== currentLanguage);\n };\n\n const checkIfAnalyticsSwitchHasChanged = (checked: boolean) => {\n // Treat null as true since analytics is opt-in by default\n const currentAnalytics = settings?.user_consents_to_analytics ?? true;\n setAnalyticsSwitchHasChanged(checked !== currentAnalytics);\n };\n\n const checkIfSoundNotificationsSwitchHasChanged = (checked: boolean) => {\n const currentSoundNotifications = !!settings?.enable_sound_notifications;\n setSoundNotificationsSwitchHasChanged(\n checked !== currentSoundNotifications,\n );\n };\n\n const checkIfGitUserNameHasChanged = (value: string) => {\n const currentValue = settings?.git_user_name;\n setGitUserNameHasChanged(value !== currentValue);\n };\n\n const checkIfGitUserEmailHasChanged = (value: string) => {\n const currentValue = settings?.git_user_email;\n setGitUserEmailHasChanged(value !== currentValue);\n };\n\n const formIsClean =\n !languageInputHasChanged &&\n !analyticsSwitchHasChanged &&\n !soundNotificationsSwitchHasChanged &&\n selectedTitleLlmProfile === storedTitleLlmProfile &&\n !gitUserNameHasChanged &&\n !gitUserEmailHasChanged;\n\n const shouldBeLoading =\n !settings \|\| isLoading \|\| areLlmProfilesLoading \|\| isPending;\n\n return (\n <form\n data-testid=\"app-settings-screen\"\n action={formAction}\n className=\"flex flex-col gap-6\"\n >\n {shouldBeLoading && <AppSettingsInputsSkeleton />}\n {!shouldBeLoading && (\n <div className=\"flex flex-col gap-6\">\n <LanguageInput\n name=\"language-input\"\n defaultKey={settings.language}\n onChange={checkIfLanguageInputHasChanged}\n />\n\n <ThemeInput />\n\n <SettingsSwitch\n testId=\"enable-analytics-switch\"\n name={isCloudBackend ? undefined : \"enable-analytics-switch\"}\n defaultIsToggled={\n isCloudBackend\n ? true\n : (settings.user_consents_to_analytics ?? true)\n }\n isToggled={isCloudBackend ? true : undefined}\n isDisabled={isCloudBackend}\n onToggle={\n isCloudBackend ? undefined : checkIfAnalyticsSwitchHasChanged\n }\n >\n {t(I18nKey.ANALYTICS$SEND_ANONYMOUS_DATA)}\n </SettingsSwitch>\n\n <SettingsSwitch\n testId=\"enable-sound-notifications-switch\"\n name=\"enable-sound-notifications-switch\"\n defaultIsToggled={!!settings.enable_sound_notifications}\n onToggle={checkIfSoundNotificationsSwitchHasChanged}\n >\n {t(I18nKey.SETTINGS$SOUND_NOTIFICATIONS)}\n </SettingsSwitch>\n\n <GettingStartedChecklistSwitch />\n\n <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n <h3 className=\"text-lg font-medium mb-2\">\n {t(I18nKey.SETTINGS$CONVERSATION_TITLES)}\n </h3>\n <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n {t(I18nKey.SETTINGS$TITLE_GENERATION_DESCRIPTION)}\n </p>\n <SettingsDropdownInput\n testId=\"title-llm-profile-input\"\n name=\"title-llm-profile-input\"\n label={t(I18nKey.SETTINGS$TITLE_GENERATION_MODEL)}\n items={titleLlmProfileItems}\n selectedKey={\n selectedTitleLlmProfile ?? AUTOMATIC_TITLE_LLM_PROFILE_KEY\n }\n onSelectionChange={(key) => {\n const value = key?.toString();\n setTitleLlmProfileInput(\n !value \|\| value === AUTOMATIC_TITLE_LLM_PROFILE_KEY\n ? null\n : value,\n );\n }}\n />\n <NavigationLink\n to=\"/settings/llm\"\n className=\"mt-3 inline-block text-sm text-primary hover:underline\"\n >\n {t(I18nKey.SETTINGS$MANAGE_LLM_PROFILES)}\n </NavigationLink>\n </div>\n\n <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n <h3 className=\"text-lg font-medium mb-2\">\n {t(I18nKey.SETTINGS$GIT_SETTINGS)}\n </h3>\n <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n {t(I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}\n </p>\n <div className=\"flex flex-col gap-6\">\n <SettingsInput\n testId=\"git-user-name-input\"\n name=\"git-user-name-input\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$GIT_USERNAME)}\n defaultValue={settings.git_user_name \|\| \"\"}\n onChange={checkIfGitUserNameHasChanged}\n placeholder={t(I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER)}\n className=\"w-full min-w-0\"\n />\n <SettingsInput\n testId=\"git-user-email-input\"\n name=\"git-user-email-input\"\n type=\"email\"\n label={t(I18nKey.SETTINGS$GIT_EMAIL)}\n defaultValue={settings.git_user_email \|\| \"\"}\n onChange={checkIfGitUserEmailHasChanged}\n placeholder={t(I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER)}\n className=\"w-full min-w-0\"\n />\n </div>\n <div className=\"flex justify-start pt-4\">\n <BrandButton\n testId=\"submit-button\"\n variant=\"primary\"\n type=\"submit\"\n isDisabled={isPending \|\| formIsClean}\n >\n {!isPending && t(I18nKey.SETTINGS$SAVE_CHANGES)}\n {isPending && t(I18nKey.SETTINGS$SAVING)}\n </BrandButton>\n </div>\n </div>\n </div>\n )}\n </form>\n );\n}\n\nexport default AppSettingsScreen;\n"],"mappings":"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"}

package/dist/routes/app-settings.js CHANGED Viewed

@@ -6,13 +6,13 @@ import { displayErrorToast as i, displaySuccessToast as a } from "../utils/custo
 import { setTelemetryConsent as o } from "../services/telemetry.js";
 import { useActiveBackend as s } from "../contexts/active-backend-context.js";
 import { DEFAULT_SETTINGS as c } from "../services/settings.js";
-import { formatModelNameForDisplay as l } from "../utils/format-model-name.js";
-import { useLlmProfiles as u } from "../hooks/query/use-llm-profiles.js";
-import { useSettings as d } from "../hooks/query/use-settings.js";
+import { useSettings as l } from "../hooks/query/use-settings.js";
+import { formatModelNameForDisplay as u } from "../utils/format-model-name.js";
+import { useLlmProfiles as d } from "../hooks/query/use-llm-profiles.js";
 import { NavigationLink as f } from "../components/shared/navigation-link.js";
-import { BrandButton as p } from "../components/features/settings/brand-button.js";
-import { SettingsInput as m } from "../components/features/settings/settings-input.js";
-import { useSaveSettings as h } from "../hooks/mutation/use-save-settings.js";
+import { useSaveSettings as p } from "../hooks/mutation/use-save-settings.js";
+import { BrandButton as m } from "../components/features/settings/brand-button.js";
+import { SettingsInput as h } from "../components/features/settings/settings-input.js";
 import { SettingsSwitch as g } from "../components/features/settings/settings-switch.js";
 import { SettingsDropdownInput as _ } from "../components/features/settings/settings-dropdown-input.js";
 import { LanguageInput as v } from "../components/features/settings/app-settings/language-input.js";
@@ -24,7 +24,7 @@ import { jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/routes/app-settings.tsx
 var T = "__automatic__";
 function E() {
-	let { t: E } = e("openhands"), { mutate: D, isPending: O } = h(), { data: k, isLoading: A } = d(), j = s().backend.kind === "cloud", { data: M, isLoading: ee } = u(), [N, P] = S.useState(!1), [F, I] = S.useState(!1), [L, R] = S.useState(!1), [z, B] = S.useState(!1), [V, H] = S.useState(!1), [U, W] = S.useState(void 0), G = S.useMemo(() => {
+	let { t: E } = e("openhands"), { mutate: D, isPending: O } = p(), { data: k, isLoading: A } = l(), j = s().backend.kind === "cloud", { data: M, isLoading: ee } = d(), [N, P] = S.useState(!1), [F, I] = S.useState(!1), [L, R] = S.useState(!1), [z, B] = S.useState(!1), [V, H] = S.useState(!1), [U, W] = S.useState(void 0), G = S.useMemo(() => {
 		let e = k?.title_llm_profile ?? null;
 		return !e || !M || M.profiles.some((t) => t.name === e) ? e : null;
 	}, [M, k?.title_llm_profile]), K = U === void 0 ? G : U, q = S.useMemo(() => [{
@@ -34,7 +34,7 @@ function E() {
 		key: e.name,
 		label: e.model ? E(t.SETTINGS$TITLE_GENERATION_PROFILE_OPTION, {
 			name: e.name,
-			model: l(e.model) ?? e.model
+			model: u(e.model) ?? e.model
 		}) : e.name
 	})) ?? []], [M?.profiles, E]), J = (e) => {
 		let s = e.get("language-input")?.toString(), l = n.find(({ label: e }) => e === s)?.value || c.language, u = j ? !0 : e.get("enable-analytics-switch")?.toString() === "on", d = e.get("enable-sound-notifications-switch")?.toString() === "on", f = e.get("git-user-name-input")?.toString() || c.git_user_name, p = e.get("git-user-email-input")?.toString() || c.git_user_email;
@@ -142,7 +142,7 @@ function E() {
 						}),
 						/* @__PURE__ */ w("div", {
 							className: "flex flex-col gap-6",
-							children: [/* @__PURE__ */ C(m, {
+							children: [/* @__PURE__ */ C(h, {
 								testId: "git-user-name-input",
 								name: "git-user-name-input",
 								type: "text",
@@ -151,7 +151,7 @@ function E() {
 								onChange: Q,
 								placeholder: E(t.SETTINGS$GIT_USERNAME_PLACEHOLDER),
 								className: "w-full min-w-0"
-							}), /* @__PURE__ */ C(m, {
+							}), /* @__PURE__ */ C(h, {
 								testId: "git-user-email-input",
 								name: "git-user-email-input",
 								type: "email",
@@ -164,7 +164,7 @@ function E() {
 						}),
 						/* @__PURE__ */ C("div", {
 							className: "flex justify-start pt-4",
-							children: /* @__PURE__ */ w(p, {
+							children: /* @__PURE__ */ w(m, {
 								testId: "submit-button",
 								variant: "primary",
 								type: "submit",

package/dist/routes/files-tab.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../_virtual/_rolldown/runtime.cjs");const e=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../i18n/declaration.cjs"),ee=require("../hooks/use-conversation-id.cjs"),n=require("../utils/conversation-local-storage.cjs"),r=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),i=require("../stores/files-tab-store.cjs"),a=require("../hooks/query/use-active-conversation.cjs"),o=require("../icons/link-external.cjs"),s=require("../components/ui/resize-handle.cjs"),c=require("../hooks/use-resizable-drawer-width.cjs"),l=require("../components/features/files-tab/segmented-toggle.cjs"),u=require("../components/features/files-tab/no-file-selected-message.cjs"),d=require("../hooks/query/use-workspace-files.cjs"),f=require("../stores/use-workspace-mutation-counter.cjs"),p=require("../hooks/query/use-workspace-file-content.cjs"),m=require("../hooks/use-auto-refresh-files-on-edit.cjs"),h=require("../components/features/files-tab/file-quick-row.cjs"),g=require("../components/features/files-tab/file-tree-view.cjs"),_=require("../components/features/files-tab/file-content-viewer.cjs"),v=require("../components/features/files-tab/workspace-path.cjs"),y=require("../components/features/files-tab/files-tab-tree.constants.cjs"),b=require("../icons/u-refresh.cjs");let x=require("react"),S=require("react/jsx-runtime");function C(){let{t:C}=e.useTranslation(`openhands`);m.useAutoRefreshFilesOnEdit();let{data:w}=a.useActiveConversation(),T=w?.workspace?.working_dir,{conversationId:E}=ee.useOptionalConversationId(),{state:D,setFilesTabContentViewMode:O,setFilesTabTreeVisible:k}=n.useConversationLocalStorageState(E??``),A=D.filesTabContentViewMode,j=D.filesTabTreeVisible??!0,M=(0,x.useCallback)(()=>{k?.(!j)},[j,k]),N=(0,x.useRef)(null),{drawerWidth:P,isDragging:F,handleMouseDown:I}=c.useResizableDrawerWidth({containerRef:N,defaultWidth:224,minWidth:160,maxWidth:480,storageKey:y.FILES_TAB_TREE_WIDTH_STORAGE_KEY,enabled:j,edge:`left`}),L=d.useWorkspaceFiles(),R=(0,x.useMemo)(()=>L.data??[],[L.data]),z=i.useFilesTabStore(e=>e.selectedPath),B=i.useFilesTabStore(e=>e.selectedConversationId),V=i.useFilesTabStore(e=>e.openPaths),H=i.useFilesTabStore(e=>e.setSelectedPath),U=i.useFilesTabStore(e=>e.closeOpenPath),W=i.useFilesTabStore(e=>e.hydrateForConversation),G=B===E?z:null,K=B===E?V:[],q=(0,x.useCallback)(e=>H(e,E),[E,H]),J=p.useWorkspaceFileContent(G),Y=f.useWorkspaceMutationCounter(e=>e.count),X=f.withWorkspaceCacheBuster(J.data?.staticUrl??null,Y);(0,x.useEffect)(()=>{if(!E||B===E)return;let e=n.getConversationState(E);W(E,e.filesTabOpenPaths??[],e.filesTabSelectedPath??null)},[E,B,W]);let Z=r.useQueryClient(),[Q,$]=(0,x.useState)(!1),te=(0,S.jsx)(`button`,{type:`button`,onClick:async()=>{$(!0);try{await Promise.all([Z.invalidateQueries({queryKey:[`workspace-files`]}),Z.invalidateQueries({queryKey:[`workspace-file-content`]})])}finally{$(!1)}},disabled:Q,"aria-label":C(t.I18nKey.FILES$REFRESH),title:C(t.I18nKey.FILES$REFRESH),"data-testid":`files-tab-refresh`,className:`flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed`,children:(0,S.jsx)(b.default,{width:12.75,height:15,color:`#ffffff`,className:Q?`animate-spin`:``})});return(0,S.jsxs)(`main`,{className:`h-full w-full flex flex-col items-stretch`,"data-testid":`files-tab`,children:[(0,S.jsx)(v.WorkspacePath,{path:T}),L.isLoading?(0,S.jsx)(`div`,{className:`flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]`,children:C(t.I18nKey.FILES$LOADING_FILES)}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(h.FileQuickRow,{openPaths:K,selectedPath:G,onSelectFile:q,onCloseFile:U,isTreeVisible:j,onToggleTree:M,actions:te}),(0,S.jsxs)(`div`,{ref:N,className:`flex h-full min-h-0 flex-1`,children:[j&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`aside`,{className:`shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always`,"data-testid":`files-tab-tree`,style:{width:`${P}px`},children:(0,S.jsx)(g.FileTreeView,{paths:R,selectedPath:G,onSelectFile:q})}),(0,S.jsx)(s.ResizeHandle,{testId:`files-tab-tree-resize-handle`,onMouseDown:I,isDragging:F})]}),(0,S.jsx)(`section`,{className:`flex h-full min-h-0 min-w-0 flex-1 flex-col`,"data-testid":`files-tab-content`,children:G?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]`,children:[(0,S.jsx)(l.SegmentedToggle,{ariaLabel:C(t.I18nKey.FILES$RICH),testId:`files-tab-content-mode-toggle`,value:A,options:[{value:`rich`,label:C(t.I18nKey.FILES$RICH)},{value:`plain`,label:C(t.I18nKey.FILES$PLAIN)}],onChange:O}),X?(0,S.jsx)(`a`,{href:X,target:`_blank`,rel:`noopener noreferrer`,"aria-label":C(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),title:C(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),"data-testid":`files-tab-open-in-new-window`,className:`ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white`,children:(0,S.jsx)(o.default,{width:14,height:14})}):null]}),(0,S.jsx)(_.FileContentViewer,{path:G,viewMode:A})]}):(0,S.jsx)(u.NoFileSelectedMessage,{})})]})]})]})}exports.default=C;
+require("../_virtual/_rolldown/runtime.cjs");const e=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../i18n/declaration.cjs"),n=require("../hooks/use-conversation-id.cjs"),r=require("../utils/conversation-local-storage.cjs"),i=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),a=require("../stores/files-tab-store.cjs"),o=require("../hooks/query/use-active-conversation.cjs"),s=require("../icons/link-external.cjs"),c=require("../stores/use-workspace-mutation-counter.cjs"),l=require("../hooks/use-auto-refresh-files-on-edit.cjs"),u=require("../hooks/query/use-workspace-files.cjs"),d=require("../components/ui/resize-handle.cjs"),f=require("../hooks/use-resizable-drawer-width.cjs"),p=require("../components/features/files-tab/segmented-toggle.cjs"),m=require("../components/features/files-tab/no-file-selected-message.cjs"),h=require("../hooks/query/use-workspace-file-content.cjs"),g=require("../components/features/files-tab/file-quick-row.cjs"),_=require("../components/features/files-tab/file-tree-view.cjs"),v=require("../components/features/files-tab/file-content-viewer.cjs"),y=require("../components/features/files-tab/workspace-path.cjs"),b=require("../components/features/files-tab/files-tab-tree.constants.cjs"),x=require("../icons/u-refresh.cjs");let S=require("react"),C=require("react/jsx-runtime");function w(){let{t:w}=e.useTranslation(`openhands`);l.useAutoRefreshFilesOnEdit();let{data:ee}=o.useActiveConversation(),T=ee?.workspace?.working_dir,{conversationId:E}=n.useOptionalConversationId(),{state:D,setFilesTabContentViewMode:O,setFilesTabTreeVisible:k}=r.useConversationLocalStorageState(E??``),A=D.filesTabContentViewMode,j=D.filesTabTreeVisible??!0,M=(0,S.useCallback)(()=>{k?.(!j)},[j,k]),N=(0,S.useRef)(null),{drawerWidth:P,isDragging:F,handleMouseDown:I}=f.useResizableDrawerWidth({containerRef:N,defaultWidth:224,minWidth:160,maxWidth:480,storageKey:b.FILES_TAB_TREE_WIDTH_STORAGE_KEY,enabled:j,edge:`left`}),L=u.useWorkspaceFiles(),R=(0,S.useMemo)(()=>L.data??[],[L.data]),z=a.useFilesTabStore(e=>e.selectedPath),B=a.useFilesTabStore(e=>e.selectedConversationId),V=a.useFilesTabStore(e=>e.openPaths),H=a.useFilesTabStore(e=>e.setSelectedPath),U=a.useFilesTabStore(e=>e.closeOpenPath),W=a.useFilesTabStore(e=>e.hydrateForConversation),G=B===E?z:null,K=B===E?V:[],q=(0,S.useCallback)(e=>H(e,E),[E,H]),J=h.useWorkspaceFileContent(G),Y=c.useWorkspaceMutationCounter(e=>e.count),X=c.withWorkspaceCacheBuster(J.data?.staticUrl??null,Y);(0,S.useEffect)(()=>{if(!E||B===E)return;let e=r.getConversationState(E);W(E,e.filesTabOpenPaths??[],e.filesTabSelectedPath??null)},[E,B,W]);let Z=i.useQueryClient(),[Q,$]=(0,S.useState)(!1),te=(0,C.jsx)(`button`,{type:`button`,onClick:async()=>{$(!0);try{await Promise.all([Z.invalidateQueries({queryKey:[`workspace-files`]}),Z.invalidateQueries({queryKey:[`workspace-file-content`]})])}finally{$(!1)}},disabled:Q,"aria-label":w(t.I18nKey.FILES$REFRESH),title:w(t.I18nKey.FILES$REFRESH),"data-testid":`files-tab-refresh`,className:`flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed`,children:(0,C.jsx)(x.default,{width:12.75,height:15,color:`#ffffff`,className:Q?`animate-spin`:``})});return(0,C.jsxs)(`main`,{className:`h-full w-full flex flex-col items-stretch`,"data-testid":`files-tab`,children:[(0,C.jsx)(y.WorkspacePath,{path:T}),L.isLoading?(0,C.jsx)(`div`,{className:`flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]`,children:w(t.I18nKey.FILES$LOADING_FILES)}):(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(g.FileQuickRow,{openPaths:K,selectedPath:G,onSelectFile:q,onCloseFile:U,isTreeVisible:j,onToggleTree:M,actions:te}),(0,C.jsxs)(`div`,{ref:N,className:`flex h-full min-h-0 flex-1`,children:[j&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(`aside`,{className:`shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always`,"data-testid":`files-tab-tree`,style:{width:`${P}px`},children:(0,C.jsx)(_.FileTreeView,{paths:R,selectedPath:G,onSelectFile:q})}),(0,C.jsx)(d.ResizeHandle,{testId:`files-tab-tree-resize-handle`,onMouseDown:I,isDragging:F})]}),(0,C.jsx)(`section`,{className:`flex h-full min-h-0 min-w-0 flex-1 flex-col`,"data-testid":`files-tab-content`,children:G?(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]`,children:[(0,C.jsx)(p.SegmentedToggle,{ariaLabel:w(t.I18nKey.FILES$RICH),testId:`files-tab-content-mode-toggle`,value:A,options:[{value:`rich`,label:w(t.I18nKey.FILES$RICH)},{value:`plain`,label:w(t.I18nKey.FILES$PLAIN)}],onChange:O}),X?(0,C.jsx)(`a`,{href:X,target:`_blank`,rel:`noopener noreferrer`,"aria-label":w(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),title:w(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),"data-testid":`files-tab-open-in-new-window`,className:`ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white`,children:(0,C.jsx)(s.default,{width:14,height:14})}):null]}),(0,C.jsx)(v.FileContentViewer,{path:G,viewMode:A})]}):(0,C.jsx)(m.NoFileSelectedMessage,{})})]})]})]})}exports.default=w;
 //# sourceMappingURL=files-tab.cjs.map

package/dist/routes/files-tab.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"files-tab.cjs","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useResizableDrawerWidth } from \"#/hooks/use-resizable-drawer-width\";\nimport {\n getConversationState,\n useConversationLocalStorageState,\n} from \"#/utils/conversation-local-storage\";\nimport {\n useWorkspaceMutationCounter,\n withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { WorkspacePath } from \"#/components/features/files-tab/workspace-path\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport {\n FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n FILES_TAB_TREE_MAX_WIDTH_PX,\n FILES_TAB_TREE_MIN_WIDTH_PX,\n FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID,\n FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n} from \"#/components/features/files-tab/files-tab-tree.constants\";\nimport { ResizeHandle } from \"#/components/ui/resize-handle\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\n\n/*\n Workspace file browser. Diff/Commits live in the sibling Commits\n * conversation tab — this surface is only the file tree / content viewer.\n */\nfunction FilesTab() {\n const { t } = useTranslation(\"openhands\");\n\n // Keep the list / content caches fresh as the agent writes files.\n useAutoRefreshFilesOnEdit();\n\n const { data: activeConversation } = useActiveConversation();\n const workspacePath = activeConversation?.workspace?.working_dir;\n\n const { conversationId } = useOptionalConversationId();\n const {\n state: persistedState,\n setFilesTabContentViewMode,\n setFilesTabTreeVisible,\n } = useConversationLocalStorageState(conversationId ?? \"\");\n const contentViewMode = persistedState.filesTabContentViewMode;\n const isTreeVisible = persistedState.filesTabTreeVisible ?? true;\n const toggleTreeVisible = useCallback(() => {\n setFilesTabTreeVisible?.(!isTreeVisible);\n }, [isTreeVisible, setFilesTabTreeVisible]);\n\n const treeLayoutRef = useRef<HTMLDivElement>(null);\n const {\n drawerWidth: treeWidth,\n isDragging: isTreeResizing,\n handleMouseDown: handleTreeResizeMouseDown,\n } = useResizableDrawerWidth({\n containerRef: treeLayoutRef,\n defaultWidth: FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n minWidth: FILES_TAB_TREE_MIN_WIDTH_PX,\n maxWidth: FILES_TAB_TREE_MAX_WIDTH_PX,\n storageKey: FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n enabled: isTreeVisible,\n edge: \"left\",\n });\n\n const filesQuery = useWorkspaceFiles();\n const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n const selectedConversationId = useFilesTabStore(\n (s) => s.selectedConversationId,\n );\n const openPaths = useFilesTabStore((s) => s.openPaths);\n const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n const closeOpenPath = useFilesTabStore((s) => s.closeOpenPath);\n const hydrateForConversation = useFilesTabStore(\n (s) => s.hydrateForConversation,\n );\n\n // A selection is scoped to the conversation it was made in. Ignore a path\n // that belongs to a different conversation so we never try to open a file\n // that only exists in the previous conversation's workspace (issue #1350).\n const selectedPath =\n selectedConversationId === conversationId ? storedSelectedPath : null;\n const conversationOpenPaths =\n selectedConversationId === conversationId ? openPaths : [];\n\n // Tag every selection with the active conversation so it can't leak into\n // the next one. Opening a path also appends it to the tab strip.\n const handleSelectFile = useCallback(\n (path: string) => setSelectedPath(path, conversationId),\n [conversationId, setSelectedPath],\n );\n\n // Pre-fetch the selected file's content here too so the toolbar's\n // \"open in new window\" link can reach for its `staticUrl`. react-query\n // dedupes against `FileContentViewer`'s identical call, so this costs\n // nothing extra.\n const selectedFileContent = useWorkspaceFileContent(selectedPath);\n const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n const selectedFileStaticUrl = withWorkspaceCacheBuster(\n selectedFileContent.data?.staticUrl ?? null,\n mutationCounter,\n );\n\n // Restore open tabs / selection from conversation-scoped localStorage on\n // mount and when switching conversations (survives a full page refresh).\n // Read localStorage directly — the React hook mirror can briefly hold the\n // previous conversation's state until its sync effect runs.\n useEffect(() => {\n if (!conversationId) return;\n if (selectedConversationId === conversationId) return;\n const persisted = getConversationState(conversationId);\n hydrateForConversation(\n conversationId,\n persisted.filesTabOpenPaths ?? [],\n persisted.filesTabSelectedPath ?? null,\n );\n }, [conversationId, selectedConversationId, hydrateForConversation]);\n\n const queryClient = useQueryClient();\n const [isRefreshing, setIsRefreshing] = useState(false);\n const refreshFiles = async () => {\n setIsRefreshing(true);\n try {\n await Promise.all([\n queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] }),\n queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] }),\n ]);\n } finally {\n setIsRefreshing(false);\n }\n };\n\n const quickRowActions = (\n <button\n type=\"button\"\n onClick={refreshFiles}\n disabled={isRefreshing}\n aria-label={t(I18nKey.FILES$REFRESH)}\n title={t(I18nKey.FILES$REFRESH)}\n data-testid=\"files-tab-refresh\"\n className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n <RefreshIcon\n width={12.75}\n height={15}\n color=\"#ffffff\"\n className={isRefreshing ? \"animate-spin\" : \"\"}\n />\n </button>\n );\n\n return (\n <main\n className=\"h-full w-full flex flex-col items-stretch\"\n data-testid=\"files-tab\"\n >\n <WorkspacePath path={workspacePath} />\n {filesQuery.isLoading ? (\n <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n {t(I18nKey.FILES$LOADING_FILES)}\n </div>\n ) : (\n <>\n <FileQuickRow\n openPaths={conversationOpenPaths}\n selectedPath={selectedPath}\n onSelectFile={handleSelectFile}\n onCloseFile={closeOpenPath}\n isTreeVisible={isTreeVisible}\n onToggleTree={toggleTreeVisible}\n actions={quickRowActions}\n />\n <div ref={treeLayoutRef} className=\"flex h-full min-h-0 flex-1\">\n {isTreeVisible && (\n <>\n <aside\n className=\"shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n data-testid=\"files-tab-tree\"\n style={{ width: `${treeWidth}px` }}\n >\n <FileTreeView\n paths={paths}\n selectedPath={selectedPath}\n onSelectFile={handleSelectFile}\n />\n </aside>\n <ResizeHandle\n testId={FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID}\n onMouseDown={handleTreeResizeMouseDown}\n isDragging={isTreeResizing}\n />\n </>\n )}\n <section\n className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n data-testid=\"files-tab-content\"\n >\n {selectedPath ? (\n <>\n <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n <SegmentedToggle<ViewMode>\n ariaLabel={t(I18nKey.FILES$RICH)}\n testId=\"files-tab-content-mode-toggle\"\n value={contentViewMode}\n options={[\n { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n ]}\n onChange={setFilesTabContentViewMode}\n />\n {selectedFileStaticUrl ? (\n <a\n href={selectedFileStaticUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n data-testid=\"files-tab-open-in-new-window\"\n className=\"ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n >\n <LinkExternalIcon width={14} height={14} />\n </a>\n ) : null}\n </div>\n <FileContentViewer\n path={selectedPath}\n viewMode={contentViewMode}\n />\n </>\n ) : (\n <NoFileSelectedMessage />\n )}\n </section>\n </div>\n </>\n )}\n </main>\n );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}
1	+ {"version":3,"file":"files-tab.cjs","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useResizableDrawerWidth } from \"#/hooks/use-resizable-drawer-width\";\nimport {\n getConversationState,\n useConversationLocalStorageState,\n} from \"#/utils/conversation-local-storage\";\nimport {\n useWorkspaceMutationCounter,\n withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { WorkspacePath } from \"#/components/features/files-tab/workspace-path\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport {\n FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n FILES_TAB_TREE_MAX_WIDTH_PX,\n FILES_TAB_TREE_MIN_WIDTH_PX,\n FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID,\n FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n} from \"#/components/features/files-tab/files-tab-tree.constants\";\nimport { ResizeHandle } from \"#/components/ui/resize-handle\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\n\n/*\n Workspace file browser. Diff/Commits live in the sibling Commits\n * conversation tab — this surface is only the file tree / content viewer.\n */\nfunction FilesTab() {\n const { t } = useTranslation(\"openhands\");\n\n // Keep the list / content caches fresh as the agent writes files.\n useAutoRefreshFilesOnEdit();\n\n const { data: activeConversation } = useActiveConversation();\n const workspacePath = activeConversation?.workspace?.working_dir;\n\n const { conversationId } = useOptionalConversationId();\n const {\n state: persistedState,\n setFilesTabContentViewMode,\n setFilesTabTreeVisible,\n } = useConversationLocalStorageState(conversationId ?? \"\");\n const contentViewMode = persistedState.filesTabContentViewMode;\n const isTreeVisible = persistedState.filesTabTreeVisible ?? true;\n const toggleTreeVisible = useCallback(() => {\n setFilesTabTreeVisible?.(!isTreeVisible);\n }, [isTreeVisible, setFilesTabTreeVisible]);\n\n const treeLayoutRef = useRef<HTMLDivElement>(null);\n const {\n drawerWidth: treeWidth,\n isDragging: isTreeResizing,\n handleMouseDown: handleTreeResizeMouseDown,\n } = useResizableDrawerWidth({\n containerRef: treeLayoutRef,\n defaultWidth: FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n minWidth: FILES_TAB_TREE_MIN_WIDTH_PX,\n maxWidth: FILES_TAB_TREE_MAX_WIDTH_PX,\n storageKey: FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n enabled: isTreeVisible,\n edge: \"left\",\n });\n\n const filesQuery = useWorkspaceFiles();\n const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n const selectedConversationId = useFilesTabStore(\n (s) => s.selectedConversationId,\n );\n const openPaths = useFilesTabStore((s) => s.openPaths);\n const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n const closeOpenPath = useFilesTabStore((s) => s.closeOpenPath);\n const hydrateForConversation = useFilesTabStore(\n (s) => s.hydrateForConversation,\n );\n\n // A selection is scoped to the conversation it was made in. Ignore a path\n // that belongs to a different conversation so we never try to open a file\n // that only exists in the previous conversation's workspace (issue #1350).\n const selectedPath =\n selectedConversationId === conversationId ? storedSelectedPath : null;\n const conversationOpenPaths =\n selectedConversationId === conversationId ? openPaths : [];\n\n // Tag every selection with the active conversation so it can't leak into\n // the next one. Opening a path also appends it to the tab strip.\n const handleSelectFile = useCallback(\n (path: string) => setSelectedPath(path, conversationId),\n [conversationId, setSelectedPath],\n );\n\n // Pre-fetch the selected file's content here too so the toolbar's\n // \"open in new window\" link can reach for its `staticUrl`. react-query\n // dedupes against `FileContentViewer`'s identical call, so this costs\n // nothing extra.\n const selectedFileContent = useWorkspaceFileContent(selectedPath);\n const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n const selectedFileStaticUrl = withWorkspaceCacheBuster(\n selectedFileContent.data?.staticUrl ?? null,\n mutationCounter,\n );\n\n // Restore open tabs / selection from conversation-scoped localStorage on\n // mount and when switching conversations (survives a full page refresh).\n // Read localStorage directly — the React hook mirror can briefly hold the\n // previous conversation's state until its sync effect runs.\n useEffect(() => {\n if (!conversationId) return;\n if (selectedConversationId === conversationId) return;\n const persisted = getConversationState(conversationId);\n hydrateForConversation(\n conversationId,\n persisted.filesTabOpenPaths ?? [],\n persisted.filesTabSelectedPath ?? null,\n );\n }, [conversationId, selectedConversationId, hydrateForConversation]);\n\n const queryClient = useQueryClient();\n const [isRefreshing, setIsRefreshing] = useState(false);\n const refreshFiles = async () => {\n setIsRefreshing(true);\n try {\n await Promise.all([\n queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] }),\n queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] }),\n ]);\n } finally {\n setIsRefreshing(false);\n }\n };\n\n const quickRowActions = (\n <button\n type=\"button\"\n onClick={refreshFiles}\n disabled={isRefreshing}\n aria-label={t(I18nKey.FILES$REFRESH)}\n title={t(I18nKey.FILES$REFRESH)}\n data-testid=\"files-tab-refresh\"\n className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n <RefreshIcon\n width={12.75}\n height={15}\n color=\"#ffffff\"\n className={isRefreshing ? \"animate-spin\" : \"\"}\n />\n </button>\n );\n\n return (\n <main\n className=\"h-full w-full flex flex-col items-stretch\"\n data-testid=\"files-tab\"\n >\n <WorkspacePath path={workspacePath} />\n {filesQuery.isLoading ? (\n <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n {t(I18nKey.FILES$LOADING_FILES)}\n </div>\n ) : (\n <>\n <FileQuickRow\n openPaths={conversationOpenPaths}\n selectedPath={selectedPath}\n onSelectFile={handleSelectFile}\n onCloseFile={closeOpenPath}\n isTreeVisible={isTreeVisible}\n onToggleTree={toggleTreeVisible}\n actions={quickRowActions}\n />\n <div ref={treeLayoutRef} className=\"flex h-full min-h-0 flex-1\">\n {isTreeVisible && (\n <>\n <aside\n className=\"shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n data-testid=\"files-tab-tree\"\n style={{ width: `${treeWidth}px` }}\n >\n <FileTreeView\n paths={paths}\n selectedPath={selectedPath}\n onSelectFile={handleSelectFile}\n />\n </aside>\n <ResizeHandle\n testId={FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID}\n onMouseDown={handleTreeResizeMouseDown}\n isDragging={isTreeResizing}\n />\n </>\n )}\n <section\n className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n data-testid=\"files-tab-content\"\n >\n {selectedPath ? (\n <>\n <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n <SegmentedToggle<ViewMode>\n ariaLabel={t(I18nKey.FILES$RICH)}\n testId=\"files-tab-content-mode-toggle\"\n value={contentViewMode}\n options={[\n { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n ]}\n onChange={setFilesTabContentViewMode}\n />\n {selectedFileStaticUrl ? (\n <a\n href={selectedFileStaticUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n data-testid=\"files-tab-open-in-new-window\"\n className=\"ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n >\n <LinkExternalIcon width={14} height={14} />\n </a>\n ) : null}\n </div>\n <FileContentViewer\n path={selectedPath}\n viewMode={contentViewMode}\n />\n </>\n ) : (\n <NoFileSelectedMessage />\n )}\n </section>\n </div>\n </>\n )}\n </main>\n );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}

package/dist/routes/files-tab.js CHANGED Viewed

@@ -6,14 +6,14 @@ import { useQueryClient as a } from "../node_modules/@tanstack/react-query/build
 import { useFilesTabStore as o } from "../stores/files-tab-store.js";
 import { useActiveConversation as s } from "../hooks/query/use-active-conversation.js";
 import c from "../icons/link-external.js";
-import { ResizeHandle as l } from "../components/ui/resize-handle.js";
-import { useResizableDrawerWidth as u } from "../hooks/use-resizable-drawer-width.js";
-import { SegmentedToggle as d } from "../components/features/files-tab/segmented-toggle.js";
-import { NoFileSelectedMessage as f } from "../components/features/files-tab/no-file-selected-message.js";
-import { useWorkspaceFiles as p } from "../hooks/query/use-workspace-files.js";
-import { useWorkspaceMutationCounter as m, withWorkspaceCacheBuster as ee } from "../stores/use-workspace-mutation-counter.js";
-import { useWorkspaceFileContent as h } from "../hooks/query/use-workspace-file-content.js";
-import { useAutoRefreshFilesOnEdit as g } from "../hooks/use-auto-refresh-files-on-edit.js";
+import { useWorkspaceMutationCounter as l, withWorkspaceCacheBuster as u } from "../stores/use-workspace-mutation-counter.js";
+import { useAutoRefreshFilesOnEdit as d } from "../hooks/use-auto-refresh-files-on-edit.js";
+import { useWorkspaceFiles as f } from "../hooks/query/use-workspace-files.js";
+import { ResizeHandle as p } from "../components/ui/resize-handle.js";
+import { useResizableDrawerWidth as m } from "../hooks/use-resizable-drawer-width.js";
+import { SegmentedToggle as ee } from "../components/features/files-tab/segmented-toggle.js";
+import { NoFileSelectedMessage as h } from "../components/features/files-tab/no-file-selected-message.js";
+import { useWorkspaceFileContent as g } from "../hooks/query/use-workspace-file-content.js";
 import { FileQuickRow as _ } from "../components/features/files-tab/file-quick-row.js";
 import { FileTreeView as v } from "../components/features/files-tab/file-tree-view.js";
 import { FileContentViewer as y } from "../components/features/files-tab/file-content-viewer.js";
@@ -25,10 +25,10 @@ import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/routes/files-tab.tsx
 function D() {
 	let { t: D } = e("openhands");
-	g();
+	d();
 	let { data: O } = s(), k = O?.workspace?.working_dir, { conversationId: A } = n(), { state: j, setFilesTabContentViewMode: M, setFilesTabTreeVisible: N } = i(A ?? ""), P = j.filesTabContentViewMode, F = j.filesTabTreeVisible ?? !0, ae = b(() => {
 		N?.(!F);
-	}, [F, N]), I = S(null), { drawerWidth: L, isDragging: R, handleMouseDown: z } = u({
+	}, [F, N]), I = S(null), { drawerWidth: L, isDragging: R, handleMouseDown: z } = m({
 		containerRef: I,
 		defaultWidth: 224,
 		minWidth: 160,
@@ -36,7 +36,7 @@ function D() {
 		storageKey: ne,
 		enabled: F,
 		edge: "left"
-	}), B = p(), V = x(() => B.data ?? [], [B.data]), H = o((e) => e.selectedPath), U = o((e) => e.selectedConversationId), W = o((e) => e.openPaths), G = o((e) => e.setSelectedPath), K = o((e) => e.closeOpenPath), q = o((e) => e.hydrateForConversation), J = U === A ? H : null, oe = U === A ? W : [], Y = b((e) => G(e, A), [A, G]), se = h(J), ce = m((e) => e.count), X = ee(se.data?.staticUrl ?? null, ce);
+	}), B = f(), V = x(() => B.data ?? [], [B.data]), H = o((e) => e.selectedPath), U = o((e) => e.selectedConversationId), W = o((e) => e.openPaths), G = o((e) => e.setSelectedPath), K = o((e) => e.closeOpenPath), q = o((e) => e.hydrateForConversation), J = U === A ? H : null, oe = U === A ? W : [], Y = b((e) => G(e, A), [A, G]), se = g(J), ce = l((e) => e.count), X = u(se.data?.staticUrl ?? null, ce);
 	ie(() => {
 		if (!A || U === A) return;
 		let e = r(A);
@@ -94,7 +94,7 @@ function D() {
 					selectedPath: J,
 					onSelectFile: Y
 				})
-			}), /* @__PURE__ */ T(l, {
+			}), /* @__PURE__ */ T(p, {
 				testId: "files-tab-tree-resize-handle",
 				onMouseDown: z,
 				isDragging: R
@@ -103,7 +103,7 @@ function D() {
 				"data-testid": "files-tab-content",
 				children: J ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("div", {
 					className: "flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]",
-					children: [/* @__PURE__ */ T(d, {
+					children: [/* @__PURE__ */ T(ee, {
 						ariaLabel: D(t.FILES$RICH),
 						testId: "files-tab-content-mode-toggle",
 						value: P,
@@ -131,7 +131,7 @@ function D() {
 				}), /* @__PURE__ */ T(y, {
 					path: J,
 					viewMode: P
-				})] }) : /* @__PURE__ */ T(f, {})
+				})] }) : /* @__PURE__ */ T(h, {})
 			})]
 		})] })]
 	});