@openhands/agent-canvas 1.17.0 → 1.18.0

package/dist/package.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"package.cjs","names":[],"sources":["../package.json"],"sourcesContent":["{\n  \"name\": \"@openhands/agent-canvas\",\n  \"version\": \"1.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":""}
+{"version":3,"file":"package.cjs","names":[],"sources":["../package.json"],"sourcesContent":["{\n  \"name\": \"@openhands/agent-canvas\",\n  \"version\": \"1.18.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

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

package/dist/package.js.map

@@ -1 +1 @@
-{"version":3,"file":"package.js","names":[],"sources":["../package.json"],"sourcesContent":["{\n  \"name\": \"@openhands/agent-canvas\",\n  \"version\": \"1.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":""}
+{"version":3,"file":"package.js","names":[],"sources":["../package.json"],"sourcesContent":["{\n  \"name\": \"@openhands/agent-canvas\",\n  \"version\": \"1.18.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/app-settings.cjs

@@ -1,2 +1,2 @@
-const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../i18n/declaration.cjs"),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;
+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("../hooks/query/use-free-models.cjs"),d=require("../utils/format-model-name.cjs"),f=require("../hooks/query/use-llm-profiles.cjs"),p=require("../components/shared/navigation-link.cjs"),m=require("../hooks/mutation/use-save-settings.cjs"),h=require("../components/features/settings/brand-button.cjs"),g=require("../components/features/settings/settings-input.cjs"),_=require("../components/features/settings/settings-switch.cjs"),v=require("../components/features/settings/settings-dropdown-input.cjs"),ee=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}=m.useSaveSettings(),{data:D,isLoading:O}=l.useSettings(),k=s.useActiveBackend().backend.kind===`cloud`,{data:A,isLoading:j}=f.useLlmProfiles(),M=u.useFreeModels(),[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(!1),[U,W]=S.default.useState(void 0),G=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]),K=U===void 0?G:U,q=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:d.formatModelNameForDisplay(t.model,M)??t.model}):t.name}))??[]],[A?.profiles,M,e]),J=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:K},{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:()=>{P(!1),I(!1),R(!1),B(!1),H(!1),W(void 0)}})},Y=e=>{let t=r.AvailableLanguages.find(({label:t})=>t===e)?.label,n=r.AvailableLanguages.find(({value:e})=>e===D?.language)?.label;P(t!==n)},X=e=>{I(e!==(D?.user_consents_to_analytics??!0))},Z=e=>{R(e!==!!D?.enable_sound_notifications)},Q=e=>{let t=D?.git_user_name;B(e!==t)},te=e=>{let t=D?.git_user_email;H(e!==t)},ne=!N&&!F&&!L&&K===G&&!z&&!V,$=!D||O||j||E;return(0,C.jsxs)(`form`,{"data-testid":`app-settings-screen`,action:J,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)(ee.LanguageInput,{name:`language-input`,defaultKey:D.language,onChange:Y}),(0,C.jsx)(y.ThemeInput,{}),(0,C.jsx)(_.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:X,children:e(n.I18nKey.ANALYTICS$SEND_ANONYMOUS_DATA)}),(0,C.jsx)(_.SettingsSwitch,{testId:`enable-sound-notifications-switch`,name:`enable-sound-notifications-switch`,defaultIsToggled:!!D.enable_sound_notifications,onToggle:Z,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)(v.SettingsDropdownInput,{testId:`title-llm-profile-input`,name:`title-llm-profile-input`,label:e(n.I18nKey.SETTINGS$TITLE_GENERATION_MODEL),items:q,selectedKey:K??w,onSelectionChange:e=>{let t=e?.toString();W(!t||t===w?null:t)}}),(0,C.jsx)(p.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)(g.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:Q,placeholder:e(n.I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER),className:`w-full min-w-0`}),(0,C.jsx)(g.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:te,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)(h.BrandButton,{testId:`submit-button`,variant:`primary`,type:`submit`,isDisabled:E||ne,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

@@ -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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"}
+{"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 { useFreeModels } from \"#/hooks/query/use-free-models\";\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  const freeModels = useFreeModels();\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:\n                formatModelNameForDisplay(profile.model, freeModels) ??\n                profile.model,\n            })\n          : profile.name,\n      })) ?? []),\n    ],\n    [llmProfiles?.profiles, freeModels, 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

@@ -7,36 +7,41 @@ 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 { 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 { 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";
-import { ThemeInput as y } from "../components/features/settings/app-settings/theme-input.js";
-import { GettingStartedChecklistSwitch as b } from "../components/features/settings/app-settings/getting-started-checklist-switch.js";
+import { useFreeModels as u } from "../hooks/query/use-free-models.js";
+import { formatModelNameForDisplay as d } from "../utils/format-model-name.js";
+import { useLlmProfiles as f } from "../hooks/query/use-llm-profiles.js";
+import { NavigationLink as p } from "../components/shared/navigation-link.js";
+import { useSaveSettings as m } from "../hooks/mutation/use-save-settings.js";
+import { BrandButton as h } from "../components/features/settings/brand-button.js";
+import { SettingsInput as g } from "../components/features/settings/settings-input.js";
+import { SettingsSwitch as _ } from "../components/features/settings/settings-switch.js";
+import { SettingsDropdownInput as v } from "../components/features/settings/settings-dropdown-input.js";
+import { LanguageInput as y } from "../components/features/settings/app-settings/language-input.js";
+import { ThemeInput as b } from "../components/features/settings/app-settings/theme-input.js";
+import { GettingStartedChecklistSwitch as ee } from "../components/features/settings/app-settings/getting-started-checklist-switch.js";
 import { AppSettingsInputsSkeleton as x } from "../components/features/settings/app-settings/app-settings-inputs-skeleton.js";
 import S from "react";
 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 } = 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 { t: E } = e("openhands"), { mutate: D, isPending: O } = m(), { data: k, isLoading: A } = l(), j = s().backend.kind === "cloud", { data: M, isLoading: N } = f(), P = u(), [F, I] = S.useState(!1), [L, R] = S.useState(!1), [z, B] = S.useState(!1), [V, H] = S.useState(!1), [U, W] = S.useState(!1), [G, K] = S.useState(void 0), q = 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(() => [{
+	}, [M, k?.title_llm_profile]), J = G === void 0 ? q : G, Y = S.useMemo(() => [{
 		key: T,
 		label: E(t.SETTINGS$TITLE_GENERATION_AUTOMATIC)
 	}, ...M?.profiles.map((e) => ({
 		key: e.name,
 		label: e.model ? E(t.SETTINGS$TITLE_GENERATION_PROFILE_OPTION, {
 			name: e.name,
-			model: u(e.model) ?? e.model
+			model: d(e.model, P) ?? e.model
 		}) : e.name
-	})) ?? []], [M?.profiles, E]), J = (e) => {
+	})) ?? []], [
+		M?.profiles,
+		P,
+		E
+	]), X = (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;
 		D({
 			language: l,
@@ -44,7 +49,7 @@ function E() {
 			enable_sound_notifications: d,
 			git_user_name: f,
 			git_user_email: p,
-			title_llm_profile: K
+			title_llm_profile: J
 		}, {
 			onSuccess: () => {
 				o(u ? "granted" : "denied"), a(E(t.SETTINGS$SAVED));
@@ -53,53 +58,53 @@ function E() {
 				i(r(e) || E(t.ERROR$GENERIC));
 			},
 			onSettled: () => {
-				P(!1), I(!1), R(!1), B(!1), H(!1), W(void 0);
+				I(!1), R(!1), B(!1), H(!1), W(!1), K(void 0);
 			}
 		});
-	}, Y = (e) => {
-		let t = n.find(({ label: t }) => t === e)?.label, r = n.find(({ value: e }) => e === k?.language)?.label;
-		P(t !== r);
-	}, X = (e) => {
-		I(e !== (k?.user_consents_to_analytics ?? !0));
 	}, Z = (e) => {
-		R(e !== !!k?.enable_sound_notifications);
+		let t = n.find(({ label: t }) => t === e)?.label, r = n.find(({ value: e }) => e === k?.language)?.label;
+		I(t !== r);
 	}, Q = (e) => {
-		let t = k?.git_user_name;
-		B(e !== t);
+		R(e !== (k?.user_consents_to_analytics ?? !0));
 	}, te = (e) => {
-		let t = k?.git_user_email;
+		B(e !== !!k?.enable_sound_notifications);
+	}, ne = (e) => {
+		let t = k?.git_user_name;
 		H(e !== t);
-	}, ne = !N && !F && !L && K === G && !z && !V, $ = !k || A || ee || O;
+	}, re = (e) => {
+		let t = k?.git_user_email;
+		W(e !== t);
+	}, ie = !F && !L && !z && J === q && !V && !U, $ = !k || A || N || O;
 	return /* @__PURE__ */ w("form", {
 		"data-testid": "app-settings-screen",
-		action: J,
+		action: X,
 		className: "flex flex-col gap-6",
 		children: [$ && /* @__PURE__ */ C(x, {}), !$ && /* @__PURE__ */ w("div", {
 			className: "flex flex-col gap-6",
 			children: [
-				/* @__PURE__ */ C(v, {
+				/* @__PURE__ */ C(y, {
 					name: "language-input",
 					defaultKey: k.language,
-					onChange: Y
+					onChange: Z
 				}),
-				/* @__PURE__ */ C(y, {}),
-				/* @__PURE__ */ C(g, {
+				/* @__PURE__ */ C(b, {}),
+				/* @__PURE__ */ C(_, {
 					testId: "enable-analytics-switch",
 					name: j ? void 0 : "enable-analytics-switch",
 					defaultIsToggled: j ? !0 : k.user_consents_to_analytics ?? !0,
 					isToggled: j ? !0 : void 0,
 					isDisabled: j,
-					onToggle: j ? void 0 : X,
+					onToggle: j ? void 0 : Q,
 					children: E(t.ANALYTICS$SEND_ANONYMOUS_DATA)
 				}),
-				/* @__PURE__ */ C(g, {
+				/* @__PURE__ */ C(_, {
 					testId: "enable-sound-notifications-switch",
 					name: "enable-sound-notifications-switch",
 					defaultIsToggled: !!k.enable_sound_notifications,
-					onToggle: Z,
+					onToggle: te,
 					children: E(t.SETTINGS$SOUND_NOTIFICATIONS)
 				}),
-				/* @__PURE__ */ C(b, {}),
+				/* @__PURE__ */ C(ee, {}),
 				/* @__PURE__ */ w("div", {
 					className: "border-t border-[var(--oh-border)] pt-6 mt-2",
 					children: [
@@ -111,18 +116,18 @@ function E() {
 							className: "mb-4 text-sm leading-5 text-tertiary-light",
 							children: E(t.SETTINGS$TITLE_GENERATION_DESCRIPTION)
 						}),
-						/* @__PURE__ */ C(_, {
+						/* @__PURE__ */ C(v, {
 							testId: "title-llm-profile-input",
 							name: "title-llm-profile-input",
 							label: E(t.SETTINGS$TITLE_GENERATION_MODEL),
-							items: q,
-							selectedKey: K ?? T,
+							items: Y,
+							selectedKey: J ?? T,
 							onSelectionChange: (e) => {
 								let t = e?.toString();
-								W(!t || t === T ? null : t);
+								K(!t || t === T ? null : t);
 							}
 						}),
-						/* @__PURE__ */ C(f, {
+						/* @__PURE__ */ C(p, {
 							to: "/settings/llm",
 							className: "mt-3 inline-block text-sm text-primary hover:underline",
 							children: E(t.SETTINGS$MANAGE_LLM_PROFILES)
@@ -142,33 +147,33 @@ function E() {
 						}),
 						/* @__PURE__ */ w("div", {
 							className: "flex flex-col gap-6",
-							children: [/* @__PURE__ */ C(h, {
+							children: [/* @__PURE__ */ C(g, {
 								testId: "git-user-name-input",
 								name: "git-user-name-input",
 								type: "text",
 								label: E(t.SETTINGS$GIT_USERNAME),
 								defaultValue: k.git_user_name || "",
-								onChange: Q,
+								onChange: ne,
 								placeholder: E(t.SETTINGS$GIT_USERNAME_PLACEHOLDER),
 								className: "w-full min-w-0"
-							}), /* @__PURE__ */ C(h, {
+							}), /* @__PURE__ */ C(g, {
 								testId: "git-user-email-input",
 								name: "git-user-email-input",
 								type: "email",
 								label: E(t.SETTINGS$GIT_EMAIL),
 								defaultValue: k.git_user_email || "",
-								onChange: te,
+								onChange: re,
 								placeholder: E(t.SETTINGS$GIT_EMAIL_PLACEHOLDER),
 								className: "w-full min-w-0"
 							})]
 						}),
 						/* @__PURE__ */ C("div", {
 							className: "flex justify-start pt-4",
-							children: /* @__PURE__ */ w(m, {
+							children: /* @__PURE__ */ w(h, {
 								testId: "submit-button",
 								variant: "primary",
 								type: "submit",
-								isDisabled: O || ne,
+								isDisabled: O || ie,
 								children: [!O && E(t.SETTINGS$SAVE_CHANGES), O && E(t.SETTINGS$SAVING)]
 							})
 						})

package/dist/routes/app-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-settings.js","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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"}
+{"version":3,"file":"app-settings.js","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 { useFreeModels } from \"#/hooks/query/use-free-models\";\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  const freeModels = useFreeModels();\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:\n                formatModelNameForDisplay(profile.model, freeModels) ??\n                profile.model,\n            })\n          : profile.name,\n      })) ?? []),\n    ],\n    [llmProfiles?.profiles, freeModels, 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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"}