npm - @openhands/agent-canvas - Versions diffs - 1.4.0 → 1.5.1 - Mend

@openhands/agent-canvas 1.4.0 → 1.5.1

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

Files changed (710) hide show

package/dist/package.js.map CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../i18n/declaration.cjs`),r=require(`../i18n/index.cjs`),i=require(`../utils/retrieve-axios-error-message.cjs`),a=require(`../utils/custom-toast-handlers.cjs`),o=require(`../node_modules/posthog-js/react/dist/esm/index.cjs`),s=require(`../services/settings.cjs`),c=require(`../hooks/query/use-settings.cjs`),l=require(`../components/features/settings/brand-button.cjs`),u=require(`../hooks/mutation/use-save-settings.cjs`),d=require(`../components/features/settings/settings-switch.cjs`),f=require(`../components/features/settings/settings-input.cjs`),p=require(`../components/features/settings/app-settings/language-input.cjs`),m=require(`../components/features/settings/app-settings/theme-input.cjs`),h=require(`../utils/handle-capture-consent.cjs`),g=require(`../components/features/settings/app-settings/app-settings-inputs-skeleton.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y(){let e=o.usePostHog(),{t:y}=t.useTranslation(`openhands`),{mutate:b,isPending:x}=u.useSaveSettings(),{data:S,isLoading:C}=c.useSettings(),[w,T]=_.default.useState(!1),[E,D]=_.default.useState(!1),[O,k]=_.default.useState(!1),[A,j]=_.default.useState(!1),[M,N]=_.default.useState(!1),P=t=>{let o=t.get(`language-input`)?.toString(),c=r.AvailableLanguages.find(({label:e})=>e===o)?.value||s.DEFAULT_SETTINGS.language,l=t.get(`enable-analytics-switch`)?.toString()===`on`;b({language:c,user_consents_to_analytics:l,enable_sound_notifications:t.get(`enable-sound-notifications-switch`)?.toString()===`on`,git_user_name:t.get(`git-user-name-input`)?.toString()||s.DEFAULT_SETTINGS.git_user_name,git_user_email:t.get(`git-user-email-input`)?.toString()||s.DEFAULT_SETTINGS.git_user_email},{onSuccess:()=>{h.handleCaptureConsent(e,l),a.displaySuccessToast(y(n.I18nKey.SETTINGS$SAVED))},onError:e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||y(n.I18nKey.ERROR$GENERIC))},onSettled:()=>{T(!1),D(!1),k(!1),j(!1),N(!1)}})},F=e=>{let t=r.AvailableLanguages.find(({label:t})=>t===e)?.label,n=r.AvailableLanguages.find(({value:e})=>e===S?.language)?.label;T(t!==n)},I=e=>{D(e!==(S?.user_consents_to_analytics??!0))},L=e=>{k(e!==!!S?.enable_sound_notifications)},R=e=>{let t=S?.git_user_name;j(e!==t)},z=e=>{let t=S?.git_user_email;N(e!==t)},B=!w&&!E&&!O&&!A&&!M,V=!S||C||x;return(0,v.jsxs)(`form`,{"data-testid":`app-settings-screen`,action:P,className:`flex flex-col gap-6`,children:[V&&(0,v.jsx)(g.AppSettingsInputsSkeleton,{}),!V&&(0,v.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,v.jsx)(p.LanguageInput,{name:`language-input`,defaultKey:S.language,onChange:F}),(0,v.jsx)(m.ThemeInput,{}),(0,v.jsx)(d.SettingsSwitch,{testId:`enable-analytics-switch`,name:`enable-analytics-switch`,defaultIsToggled:S.user_consents_to_analytics??!0,onToggle:I,children:y(n.I18nKey.ANALYTICS$SEND_ANONYMOUS_DATA)}),(0,v.jsx)(d.SettingsSwitch,{testId:`enable-sound-notifications-switch`,name:`enable-sound-notifications-switch`,defaultIsToggled:!!S.enable_sound_notifications,onToggle:L,children:y(n.I18nKey.SETTINGS$SOUND_NOTIFICATIONS)}),(0,v.jsxs)(`div`,{className:`border-t border-[var(--oh-border)] pt-6 mt-2`,children:[(0,v.jsx)(`h3`,{className:`text-lg font-medium mb-2`,children:y(n.I18nKey.SETTINGS$GIT_SETTINGS)}),(0,v.jsx)(`p`,{className:`mb-4 text-sm leading-5 text-tertiary-light`,children:y(n.I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}),(0,v.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,v.jsx)(f.SettingsInput,{testId:`git-user-name-input`,name:`git-user-name-input`,type:`text`,label:y(n.I18nKey.SETTINGS$GIT_USERNAME),defaultValue:S.git_user_name||``,onChange:R,placeholder:y(n.I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER),className:`w-full min-w-0`}),(0,v.jsx)(f.SettingsInput,{testId:`git-user-email-input`,name:`git-user-email-input`,type:`email`,label:y(n.I18nKey.SETTINGS$GIT_EMAIL),defaultValue:S.git_user_email||``,onChange:z,placeholder:y(n.I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER),className:`w-full min-w-0`})]}),(0,v.jsx)(`div`,{className:`flex justify-start pt-4`,children:(0,v.jsxs)(l.BrandButton,{testId:`submit-button`,variant:`primary`,type:`submit`,isDisabled:x||B,children:[!x&&y(n.I18nKey.SETTINGS$SAVE_CHANGES),x&&y(n.I18nKey.SETTINGS$SAVING)]})})]})]})]})}exports.default=y;
+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(`../services/settings.cjs`),c=require(`../hooks/query/use-settings.cjs`),l=require(`../components/features/settings/brand-button.cjs`),u=require(`../hooks/mutation/use-save-settings.cjs`),d=require(`../components/features/settings/settings-switch.cjs`),f=require(`../components/features/settings/settings-input.cjs`),p=require(`../components/features/settings/app-settings/language-input.cjs`),m=require(`../components/features/settings/app-settings/theme-input.cjs`),h=require(`../components/features/settings/app-settings/app-settings-inputs-skeleton.cjs`);let g=require(`react`);g=e.__toESM(g,1);let _=require(`react/jsx-runtime`);function v(){let{t:e}=t.useTranslation(`openhands`),{mutate:v,isPending:y}=u.useSaveSettings(),{data:b,isLoading:x}=c.useSettings(),[S,C]=g.default.useState(!1),[w,T]=g.default.useState(!1),[E,D]=g.default.useState(!1),[O,k]=g.default.useState(!1),[A,j]=g.default.useState(!1),M=t=>{let c=t.get(`language-input`)?.toString(),l=r.AvailableLanguages.find(({label:e})=>e===c)?.value||s.DEFAULT_SETTINGS.language,u=t.get(`enable-analytics-switch`)?.toString()===`on`;v({language:l,user_consents_to_analytics:u,enable_sound_notifications:t.get(`enable-sound-notifications-switch`)?.toString()===`on`,git_user_name:t.get(`git-user-name-input`)?.toString()||s.DEFAULT_SETTINGS.git_user_name,git_user_email:t.get(`git-user-email-input`)?.toString()||s.DEFAULT_SETTINGS.git_user_email},{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:()=>{C(!1),T(!1),D(!1),k(!1),j(!1)}})},N=e=>{let t=r.AvailableLanguages.find(({label:t})=>t===e)?.label,n=r.AvailableLanguages.find(({value:e})=>e===b?.language)?.label;C(t!==n)},P=e=>{T(e!==(b?.user_consents_to_analytics??!0))},F=e=>{D(e!==!!b?.enable_sound_notifications)},I=e=>{let t=b?.git_user_name;k(e!==t)},L=e=>{let t=b?.git_user_email;j(e!==t)},R=!S&&!w&&!E&&!O&&!A,z=!b||x||y;return(0,_.jsxs)(`form`,{"data-testid":`app-settings-screen`,action:M,className:`flex flex-col gap-6`,children:[z&&(0,_.jsx)(h.AppSettingsInputsSkeleton,{}),!z&&(0,_.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,_.jsx)(p.LanguageInput,{name:`language-input`,defaultKey:b.language,onChange:N}),(0,_.jsx)(m.ThemeInput,{}),(0,_.jsx)(d.SettingsSwitch,{testId:`enable-analytics-switch`,name:`enable-analytics-switch`,defaultIsToggled:b.user_consents_to_analytics??!0,onToggle:P,children:e(n.I18nKey.ANALYTICS$SEND_ANONYMOUS_DATA)}),(0,_.jsx)(d.SettingsSwitch,{testId:`enable-sound-notifications-switch`,name:`enable-sound-notifications-switch`,defaultIsToggled:!!b.enable_sound_notifications,onToggle:F,children:e(n.I18nKey.SETTINGS$SOUND_NOTIFICATIONS)}),(0,_.jsxs)(`div`,{className:`border-t border-[var(--oh-border)] pt-6 mt-2`,children:[(0,_.jsx)(`h3`,{className:`text-lg font-medium mb-2`,children:e(n.I18nKey.SETTINGS$GIT_SETTINGS)}),(0,_.jsx)(`p`,{className:`mb-4 text-sm leading-5 text-tertiary-light`,children:e(n.I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}),(0,_.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,_.jsx)(f.SettingsInput,{testId:`git-user-name-input`,name:`git-user-name-input`,type:`text`,label:e(n.I18nKey.SETTINGS$GIT_USERNAME),defaultValue:b.git_user_name||``,onChange:I,placeholder:e(n.I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER),className:`w-full min-w-0`}),(0,_.jsx)(f.SettingsInput,{testId:`git-user-email-input`,name:`git-user-email-input`,type:`email`,label:e(n.I18nKey.SETTINGS$GIT_EMAIL),defaultValue:b.git_user_email||``,onChange:L,placeholder:e(n.I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER),className:`w-full min-w-0`})]}),(0,_.jsx)(`div`,{className:`flex justify-start pt-4`,children:(0,_.jsxs)(l.BrandButton,{testId:`submit-button`,variant:`primary`,type:`submit`,isDisabled:y||R,children:[!y&&e(n.I18nKey.SETTINGS$SAVE_CHANGES),y&&e(n.I18nKey.SETTINGS$SAVING)]})})]})]})]})}exports.default=v;
 //# sourceMappingURL=app-settings.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"app-settings.cjs","names":[],"sources":["../../src/routes/app-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { usePostHog } from \"posthog-js/react\";\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 { 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 { handleCaptureConsent } from \"#/utils/handle-capture-consent\";\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\";\n\nexport function AppSettingsScreen() {\n const posthog = usePostHog();\n const { t } = useTranslation(\"openhands\");\n\n const { mutate: saveSettings, isPending } = useSaveSettings();\n const { data: settings, isLoading } = useSettings();\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\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 =\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 user_consents_to_analytics: enableAnalytics,\n enable_sound_notifications: enableSoundNotifications,\n git_user_name: gitUserName,\n git_user_email: gitUserEmail,\n },\n {\n onSuccess: () => {\n handleCaptureConsent(posthog, enableAnalytics);\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 },\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 !gitUserNameHasChanged &&\n !gitUserEmailHasChanged;\n\n const shouldBeLoading = !settings \|\| isLoading \|\| 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=\"enable-analytics-switch\"\n defaultIsToggled={settings.user_consents_to_analytics ?? true}\n onToggle={checkIfAnalyticsSwitchHasChanged}\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 <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n <h3 className=\"text-lg font-medium mb-2\">\n {t(I18nKey.SETTINGS$GIT_SETTINGS)}\n </h3>\n <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n {t(I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}\n </p>\n <div className=\"flex flex-col gap-6\">\n <SettingsInput\n testId=\"git-user-name-input\"\n name=\"git-user-name-input\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$GIT_USERNAME)}\n defaultValue={settings.git_user_name \|\| \"\"}\n onChange={checkIfGitUserNameHasChanged}\n placeholder={t(I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER)}\n className=\"w-full min-w-0\"\n />\n <SettingsInput\n testId=\"git-user-email-input\"\n name=\"git-user-email-input\"\n type=\"email\"\n label={t(I18nKey.SETTINGS$GIT_EMAIL)}\n defaultValue={settings.git_user_email \|\| \"\"}\n onChange={checkIfGitUserEmailHasChanged}\n placeholder={t(I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER)}\n className=\"w-full min-w-0\"\n />\n </div>\n <div className=\"flex justify-start pt-4\">\n <BrandButton\n testId=\"submit-button\"\n variant=\"primary\"\n type=\"submit\"\n isDisabled={isPending \|\| formIsClean}\n >\n {!isPending && t(I18nKey.SETTINGS$SAVE_CHANGES)}\n {isPending && t(I18nKey.SETTINGS$SAVING)}\n </BrandButton>\n </div>\n </div>\n </div>\n )}\n </form>\n );\n}\n\nexport default AppSettingsScreen;\n"],"mappings":"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"}
1	+ {"version":3,"file":"app-settings.cjs","names":[],"sources":["../../src/routes/app-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { AvailableLanguages } from \"#/i18n\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { setTelemetryConsent } from \"#/services/telemetry\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsSwitch } from \"#/components/features/settings/settings-switch\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LanguageInput } from \"#/components/features/settings/app-settings/language-input\";\nimport { ThemeInput } from \"#/components/features/settings/app-settings/theme-input\";\nimport {\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\";\n\nexport function AppSettingsScreen() {\n const { t } = useTranslation(\"openhands\");\n\n const { mutate: saveSettings, isPending } = useSaveSettings();\n const { data: settings, isLoading } = useSettings();\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\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 =\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 user_consents_to_analytics: enableAnalytics,\n enable_sound_notifications: enableSoundNotifications,\n git_user_name: gitUserName,\n git_user_email: gitUserEmail,\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 },\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 !gitUserNameHasChanged &&\n !gitUserEmailHasChanged;\n\n const shouldBeLoading = !settings \|\| isLoading \|\| 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=\"enable-analytics-switch\"\n defaultIsToggled={settings.user_consents_to_analytics ?? true}\n onToggle={checkIfAnalyticsSwitchHasChanged}\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 <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n <h3 className=\"text-lg font-medium mb-2\">\n {t(I18nKey.SETTINGS$GIT_SETTINGS)}\n </h3>\n <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n {t(I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}\n </p>\n <div className=\"flex flex-col gap-6\">\n <SettingsInput\n testId=\"git-user-name-input\"\n name=\"git-user-name-input\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$GIT_USERNAME)}\n defaultValue={settings.git_user_name \|\| \"\"}\n onChange={checkIfGitUserNameHasChanged}\n placeholder={t(I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER)}\n className=\"w-full min-w-0\"\n />\n <SettingsInput\n testId=\"git-user-email-input\"\n name=\"git-user-email-input\"\n type=\"email\"\n label={t(I18nKey.SETTINGS$GIT_EMAIL)}\n defaultValue={settings.git_user_email \|\| \"\"}\n onChange={checkIfGitUserEmailHasChanged}\n placeholder={t(I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER)}\n className=\"w-full min-w-0\"\n />\n </div>\n <div className=\"flex justify-start pt-4\">\n <BrandButton\n testId=\"submit-button\"\n variant=\"primary\"\n type=\"submit\"\n isDisabled={isPending \|\| formIsClean}\n >\n {!isPending && t(I18nKey.SETTINGS$SAVE_CHANGES)}\n {isPending && t(I18nKey.SETTINGS$SAVING)}\n </BrandButton>\n </div>\n </div>\n </div>\n )}\n </form>\n );\n}\n\nexport default AppSettingsScreen;\n"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ import { I18nKey as t } from "../i18n/declaration.js";
 import { AvailableLanguages as n } from "../i18n/index.js";
 import { retrieveAxiosErrorMessage as r } from "../utils/retrieve-axios-error-message.js";
 import { displayErrorToast as i, displaySuccessToast as a } from "../utils/custom-toast-handlers.js";
-import { usePostHog as o } from "../node_modules/posthog-js/react/dist/esm/index.js";
+import { setTelemetryConsent as o } from "../services/telemetry.js";
 import { DEFAULT_SETTINGS as s } from "../services/settings.js";
 import { useSettings as c } from "../hooks/query/use-settings.js";
 import { BrandButton as l } from "../components/features/settings/brand-button.js";
@@ -12,113 +12,112 @@ import { SettingsSwitch as d } from "../components/features/settings/settings-sw
 import { SettingsInput as f } from "../components/features/settings/settings-input.js";
 import { LanguageInput as p } from "../components/features/settings/app-settings/language-input.js";
 import { ThemeInput as m } from "../components/features/settings/app-settings/theme-input.js";
-import { handleCaptureConsent as h } from "../utils/handle-capture-consent.js";
-import { AppSettingsInputsSkeleton as g } from "../components/features/settings/app-settings/app-settings-inputs-skeleton.js";
-import _ from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { AppSettingsInputsSkeleton as h } from "../components/features/settings/app-settings/app-settings-inputs-skeleton.js";
+import g from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/routes/app-settings.tsx
-function b() {
-	let b = o(), { t: x } = e("openhands"), { mutate: S, isPending: C } = u(), { data: w, isLoading: T } = c(), [E, D] = _.useState(!1), [O, k] = _.useState(!1), [A, j] = _.useState(!1), [M, N] = _.useState(!1), [P, F] = _.useState(!1), I = (e) => {
-		let o = e.get("language-input")?.toString(), c = n.find(({ label: e }) => e === o)?.value || s.language, l = e.get("enable-analytics-switch")?.toString() === "on";
-		S({
-			language: c,
-			user_consents_to_analytics: l,
+function y() {
+	let { t: y } = e("openhands"), { mutate: b, isPending: x } = u(), { data: S, isLoading: C } = c(), [w, T] = g.useState(!1), [E, D] = g.useState(!1), [O, k] = g.useState(!1), [A, j] = g.useState(!1), [M, N] = g.useState(!1), P = (e) => {
+		let c = e.get("language-input")?.toString(), l = n.find(({ label: e }) => e === c)?.value || s.language, u = e.get("enable-analytics-switch")?.toString() === "on";
+		b({
+			language: l,
+			user_consents_to_analytics: u,
 			enable_sound_notifications: e.get("enable-sound-notifications-switch")?.toString() === "on",
 			git_user_name: e.get("git-user-name-input")?.toString() || s.git_user_name,
 			git_user_email: e.get("git-user-email-input")?.toString() || s.git_user_email
 		}, {
 			onSuccess: () => {
-				h(b, l), a(x(t.SETTINGS$SAVED));
+				o(u ? "granted" : "denied"), a(y(t.SETTINGS$SAVED));
 			},
 			onError: (e) => {
-				i(r(e) || x(t.ERROR$GENERIC));
+				i(r(e) || y(t.ERROR$GENERIC));
 			},
 			onSettled: () => {
-				D(!1), k(!1), j(!1), N(!1), F(!1);
+				T(!1), D(!1), k(!1), j(!1), N(!1);
 			}
 		});
+	}, F = (e) => {
+		let t = n.find(({ label: t }) => t === e)?.label, r = n.find(({ value: e }) => e === S?.language)?.label;
+		T(t !== r);
+	}, I = (e) => {
+		D(e !== (S?.user_consents_to_analytics ?? !0));
 	}, L = (e) => {
-		let t = n.find(({ label: t }) => t === e)?.label, r = n.find(({ value: e }) => e === w?.language)?.label;
-		D(t !== r);
+		k(e !== !!S?.enable_sound_notifications);
 	}, R = (e) => {
-		k(e !== (w?.user_consents_to_analytics ?? !0));
+		let t = S?.git_user_name;
+		j(e !== t);
 	}, z = (e) => {
-		j(e !== !!w?.enable_sound_notifications);
-	}, B = (e) => {
-		let t = w?.git_user_name;
+		let t = S?.git_user_email;
 		N(e !== t);
-	}, V = (e) => {
-		let t = w?.git_user_email;
-		F(e !== t);
-	}, H = !E && !O && !A && !M && !P, U = !w || T || C;
-	return /* @__PURE__ */ y("form", {
+	}, B = !w && !E && !O && !A && !M, V = !S || C || x;
+	return /* @__PURE__ */ v("form", {
 		"data-testid": "app-settings-screen",
-		action: I,
+		action: P,
 		className: "flex flex-col gap-6",
-		children: [U && /* @__PURE__ */ v(g, {}), !U && /* @__PURE__ */ y("div", {
+		children: [V && /* @__PURE__ */ _(h, {}), !V && /* @__PURE__ */ v("div", {
 			className: "flex flex-col gap-6",
 			children: [
-				/* @__PURE__ */ v(p, {
+				/* @__PURE__ */ _(p, {
 					name: "language-input",
-					defaultKey: w.language,
-					onChange: L
+					defaultKey: S.language,
+					onChange: F
 				}),
-				/* @__PURE__ */ v(m, {}),
-				/* @__PURE__ */ v(d, {
+				/* @__PURE__ */ _(m, {}),
+				/* @__PURE__ */ _(d, {
 					testId: "enable-analytics-switch",
 					name: "enable-analytics-switch",
-					defaultIsToggled: w.user_consents_to_analytics ?? !0,
-					onToggle: R,
-					children: x(t.ANALYTICS$SEND_ANONYMOUS_DATA)
+					defaultIsToggled: S.user_consents_to_analytics ?? !0,
+					onToggle: I,
+					children: y(t.ANALYTICS$SEND_ANONYMOUS_DATA)
 				}),
-				/* @__PURE__ */ v(d, {
+				/* @__PURE__ */ _(d, {
 					testId: "enable-sound-notifications-switch",
 					name: "enable-sound-notifications-switch",
-					defaultIsToggled: !!w.enable_sound_notifications,
-					onToggle: z,
-					children: x(t.SETTINGS$SOUND_NOTIFICATIONS)
+					defaultIsToggled: !!S.enable_sound_notifications,
+					onToggle: L,
+					children: y(t.SETTINGS$SOUND_NOTIFICATIONS)
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", {
 					className: "border-t border-[var(--oh-border)] pt-6 mt-2",
 					children: [
-						/* @__PURE__ */ v("h3", {
+						/* @__PURE__ */ _("h3", {
 							className: "text-lg font-medium mb-2",
-							children: x(t.SETTINGS$GIT_SETTINGS)
+							children: y(t.SETTINGS$GIT_SETTINGS)
 						}),
-						/* @__PURE__ */ v("p", {
+						/* @__PURE__ */ _("p", {
 							className: "mb-4 text-sm leading-5 text-tertiary-light",
-							children: x(t.SETTINGS$GIT_SETTINGS_DESCRIPTION)
+							children: y(t.SETTINGS$GIT_SETTINGS_DESCRIPTION)
 						}),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ v("div", {
 							className: "flex flex-col gap-6",
-							children: [/* @__PURE__ */ v(f, {
+							children: [/* @__PURE__ */ _(f, {
 								testId: "git-user-name-input",
 								name: "git-user-name-input",
 								type: "text",
-								label: x(t.SETTINGS$GIT_USERNAME),
-								defaultValue: w.git_user_name || "",
-								onChange: B,
-								placeholder: x(t.SETTINGS$GIT_USERNAME_PLACEHOLDER),
+								label: y(t.SETTINGS$GIT_USERNAME),
+								defaultValue: S.git_user_name || "",
+								onChange: R,
+								placeholder: y(t.SETTINGS$GIT_USERNAME_PLACEHOLDER),
 								className: "w-full min-w-0"
-							}), /* @__PURE__ */ v(f, {
+							}), /* @__PURE__ */ _(f, {
 								testId: "git-user-email-input",
 								name: "git-user-email-input",
 								type: "email",
-								label: x(t.SETTINGS$GIT_EMAIL),
-								defaultValue: w.git_user_email || "",
-								onChange: V,
-								placeholder: x(t.SETTINGS$GIT_EMAIL_PLACEHOLDER),
+								label: y(t.SETTINGS$GIT_EMAIL),
+								defaultValue: S.git_user_email || "",
+								onChange: z,
+								placeholder: y(t.SETTINGS$GIT_EMAIL_PLACEHOLDER),
 								className: "w-full min-w-0"
 							})]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ _("div", {
 							className: "flex justify-start pt-4",
-							children: /* @__PURE__ */ y(l, {
+							children: /* @__PURE__ */ v(l, {
 								testId: "submit-button",
 								variant: "primary",
 								type: "submit",
-								isDisabled: C || H,
-								children: [!C && x(t.SETTINGS$SAVE_CHANGES), C && x(t.SETTINGS$SAVING)]
+								isDisabled: x || B,
+								children: [!x && y(t.SETTINGS$SAVE_CHANGES), x && y(t.SETTINGS$SAVING)]
 							})
 						})
 					]
@@ -128,6 +127,6 @@ function b() {
 	});
 }
 //#endregion
-export { b as default };
+export { y as default };
 //# sourceMappingURL=app-settings.js.map

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

	@@ -1 +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 { usePostHog } from \"posthog-js/react\";\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 { 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 { handleCaptureConsent } from \"#/utils/handle-capture-consent\";\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\";\n\nexport function AppSettingsScreen() {\n const posthog = usePostHog();\n const { t } = useTranslation(\"openhands\");\n\n const { mutate: saveSettings, isPending } = useSaveSettings();\n const { data: settings, isLoading } = useSettings();\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\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 =\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 user_consents_to_analytics: enableAnalytics,\n enable_sound_notifications: enableSoundNotifications,\n git_user_name: gitUserName,\n git_user_email: gitUserEmail,\n },\n {\n onSuccess: () => {\n handleCaptureConsent(posthog, enableAnalytics);\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 },\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 !gitUserNameHasChanged &&\n !gitUserEmailHasChanged;\n\n const shouldBeLoading = !settings \|\| isLoading \|\| 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=\"enable-analytics-switch\"\n defaultIsToggled={settings.user_consents_to_analytics ?? true}\n onToggle={checkIfAnalyticsSwitchHasChanged}\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 <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n <h3 className=\"text-lg font-medium mb-2\">\n {t(I18nKey.SETTINGS$GIT_SETTINGS)}\n </h3>\n <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n {t(I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}\n </p>\n <div className=\"flex flex-col gap-6\">\n <SettingsInput\n testId=\"git-user-name-input\"\n name=\"git-user-name-input\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$GIT_USERNAME)}\n defaultValue={settings.git_user_name \|\| \"\"}\n onChange={checkIfGitUserNameHasChanged}\n placeholder={t(I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER)}\n className=\"w-full min-w-0\"\n />\n <SettingsInput\n testId=\"git-user-email-input\"\n name=\"git-user-email-input\"\n type=\"email\"\n label={t(I18nKey.SETTINGS$GIT_EMAIL)}\n defaultValue={settings.git_user_email \|\| \"\"}\n onChange={checkIfGitUserEmailHasChanged}\n placeholder={t(I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER)}\n className=\"w-full min-w-0\"\n />\n </div>\n <div className=\"flex justify-start pt-4\">\n <BrandButton\n testId=\"submit-button\"\n variant=\"primary\"\n type=\"submit\"\n isDisabled={isPending \|\| formIsClean}\n >\n {!isPending && t(I18nKey.SETTINGS$SAVE_CHANGES)}\n {isPending && t(I18nKey.SETTINGS$SAVING)}\n </BrandButton>\n </div>\n </div>\n </div>\n )}\n </form>\n );\n}\n\nexport default AppSettingsScreen;\n"],"mappings":"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"}
1	+ {"version":3,"file":"app-settings.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 {\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\";\n\nexport function AppSettingsScreen() {\n const { t } = useTranslation(\"openhands\");\n\n const { mutate: saveSettings, isPending } = useSaveSettings();\n const { data: settings, isLoading } = useSettings();\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\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 =\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 user_consents_to_analytics: enableAnalytics,\n enable_sound_notifications: enableSoundNotifications,\n git_user_name: gitUserName,\n git_user_email: gitUserEmail,\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 },\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 !gitUserNameHasChanged &&\n !gitUserEmailHasChanged;\n\n const shouldBeLoading = !settings \|\| isLoading \|\| 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=\"enable-analytics-switch\"\n defaultIsToggled={settings.user_consents_to_analytics ?? true}\n onToggle={checkIfAnalyticsSwitchHasChanged}\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 <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/commits-tab.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../i18n/declaration.cjs`),n=require(`../types/agent-state.cjs`),r=require(`../components/features/conversation/conversation-tab-empty-state.cjs`),i=require(`../hooks/use-conversation-id.cjs`),a=require(`../hooks/use-agent-state.cjs`),o=require(`../components/features/conversation-panel/runtime-waiting-state.cjs`),s=require(`../hooks/query/use-unified-git-commits.cjs`),c=require(`../components/features/diff-viewer/diff-drawer-icon.cjs`),l=require(`../components/features/diff-viewer/commit-list.cjs`);let u=require(`react/jsx-runtime`);function d(){let{t:d}=e.useTranslation(`openhands`),{conversationId:f}=i.useConversationId(),{commits:p,hasMore:m,isUnsupported:h,isLoading:g,isSuccess:_}=s.useUnifiedGitCommits(),{curAgentState:v}=a.useAgentState(),y=!n.RUNTIME_INACTIVE_STATES.includes(v);return(0,u.jsx)(`main`,{className:`h-full w-full flex flex-col items-stretch`,children:_&&!h&&p.length>0?(0,u.jsx)(`div`,{className:`h-full overflow-y-auto flex flex-col items-stretch custom-scrollbar-always`,children:(0,u.jsx)(l.CommitList,{commits:p,hasMore:m},f)}):(0,u.jsxs)(`div`,{className:`flex-1 flex items-center justify-center`,children:[!y&&(0,u.jsx)(o.RuntimeWaitingState,{testId:`commits-tab-status`,messageKey:t.I18nKey.DIFF_VIEWER$WAITING_FOR_RUNTIME}),y&&g&&(0,u.jsx)(o.RuntimeWaitingState,{testId:`commits-tab-status`,messageKey:t.I18nKey.DIFF_VIEWER$LOADING}),y&&!g&&(0,u.jsx)(r.ConversationTabEmptyState,{icon:(0,u.jsx)(c.DiffDrawerIcon,{}),children:d(t.I18nKey.DIFF_VIEWER$NO_COMMITS)})]})})}exports.default=d;
2	+ //# sourceMappingURL=commits-tab.cjs.map

package/dist/routes/commits-tab.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"commits-tab.cjs","names":[],"sources":["../../src/routes/commits-tab.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { CommitList } from \"#/components/features/diff-viewer/commit-list\";\nimport { DiffDrawerIcon } from \"#/components/features/diff-viewer/diff-drawer-icon\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RUNTIME_INACTIVE_STATES } from \"#/types/agent-state\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { RuntimeWaitingState } from \"#/components/features/conversation-panel/runtime-waiting-state\";\nimport { ConversationTabEmptyState } from \"#/components/features/conversation/conversation-tab-empty-state\";\n\n/**\n * The Files tab's \"Commits\" view: the workspace's recent commit history\n * (newest first), each commit expandable into its per-file diffs. Sits\n * behind the third segment of the Diff/Files toggle, which is only\n * offered when the agent server supports the commits API.\n */\nfunction GitCommits() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const { commits, hasMore, isUnsupported, isLoading, isSuccess } =\n useUnifiedGitCommits();\n\n const { curAgentState } = useAgentState();\n const runtimeIsActive = !RUNTIME_INACTIVE_STATES.includes(curAgentState);\n\n const showList = isSuccess && !isUnsupported && commits.length > 0;\n\n return (\n <main className=\"h-full w-full flex flex-col items-stretch\">\n {showList ? (\n <div className=\"h-full overflow-y-auto flex flex-col items-stretch custom-scrollbar-always\">\n {/* Keyed by conversation so switching conversations collapses any\n expanded commit. */}\n <CommitList\n key={conversationId}\n commits={commits}\n hasMore={hasMore}\n />\n </div>\n ) : (\n <div className=\"flex-1 flex items-center justify-center\">\n {!runtimeIsActive && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$WAITING_FOR_RUNTIME}\n />\n )}\n {runtimeIsActive && isLoading && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$LOADING}\n />\n )}\n {runtimeIsActive && !isLoading && (\n <ConversationTabEmptyState icon={<DiffDrawerIcon />}>\n {t(I18nKey.DIFF_VIEWER$NO_COMMITS)}\n </ConversationTabEmptyState>\n )}\n </div>\n )}\n </main>\n );\n}\n\nexport default GitCommits;\n"],"mappings":"+pBAiBA,SAAS,GAAa,CACpB,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,CAAE,UAAS,UAAS,gBAAe,YAAW,aAClD,EAAA,sBAAsB,CAElB,CAAE,iBAAkB,EAAA,eAAe,CACnC,EAAkB,CAAC,EAAA,wBAAwB,SAAS,EAAc,CAIxE,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDAHD,GAAa,CAAC,GAAiB,EAAQ,OAAS,GAK3D,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uFAGb,EAAA,EAAA,KAAC,EAAA,WAAD,CAEW,UACA,UACT,CAHK,EAGL,CACE,CAAA,EAEN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mDAAf,CACG,CAAC,IACA,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAO,qBACP,WAAY,EAAA,QAAQ,gCACpB,CAAA,CAEH,GAAmB,IAClB,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAO,qBACP,WAAY,EAAA,QAAQ,oBACpB,CAAA,CAEH,GAAmB,CAAC,IACnB,EAAA,EAAA,KAAC,EAAA,0BAAD,CAA2B,MAAM,EAAA,EAAA,KAAC,EAAA,eAAD,EAAkB,CAAA,UAChD,EAAE,EAAA,QAAQ,uBAAuB,CACR,CAAA,CAE1B,GAEH,CAAA"}

package/dist/routes/commits-tab.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/**
+ * The Files tab's "Commits" view: the workspace's recent commit history
+ * (newest first), each commit expandable into its per-file diffs. Sits
+ * behind the third segment of the Diff/Files toggle, which is only
+ * offered when the agent server supports the commits API.
+ */
+declare function GitCommits(): import("react/jsx-runtime").JSX.Element;
+export default GitCommits;

package/dist/routes/commits-tab.js ADDED Viewed

@@ -0,0 +1,45 @@
+import { useTranslation as e } from "../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../i18n/declaration.js";
+import { RUNTIME_INACTIVE_STATES as n } from "../types/agent-state.js";
+import { ConversationTabEmptyState as r } from "../components/features/conversation/conversation-tab-empty-state.js";
+import { useConversationId as i } from "../hooks/use-conversation-id.js";
+import { useAgentState as a } from "../hooks/use-agent-state.js";
+import { RuntimeWaitingState as o } from "../components/features/conversation-panel/runtime-waiting-state.js";
+import { useUnifiedGitCommits as s } from "../hooks/query/use-unified-git-commits.js";
+import { DiffDrawerIcon as c } from "../components/features/diff-viewer/diff-drawer-icon.js";
+import { CommitList as l } from "../components/features/diff-viewer/commit-list.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/routes/commits-tab.tsx
+function f() {
+	let { t: f } = e("openhands"), { conversationId: p } = i(), { commits: m, hasMore: h, isUnsupported: g, isLoading: _, isSuccess: v } = s(), { curAgentState: y } = a(), b = !n.includes(y);
+	return /* @__PURE__ */ u("main", {
+		className: "h-full w-full flex flex-col items-stretch",
+		children: v && !g && m.length > 0 ? /* @__PURE__ */ u("div", {
+			className: "h-full overflow-y-auto flex flex-col items-stretch custom-scrollbar-always",
+			children: /* @__PURE__ */ u(l, {
+				commits: m,
+				hasMore: h
+			}, p)
+		}) : /* @__PURE__ */ d("div", {
+			className: "flex-1 flex items-center justify-center",
+			children: [
+				!b && /* @__PURE__ */ u(o, {
+					testId: "commits-tab-status",
+					messageKey: t.DIFF_VIEWER$WAITING_FOR_RUNTIME
+				}),
+				b && _ && /* @__PURE__ */ u(o, {
+					testId: "commits-tab-status",
+					messageKey: t.DIFF_VIEWER$LOADING
+				}),
+				b && !_ && /* @__PURE__ */ u(r, {
+					icon: /* @__PURE__ */ u(c, {}),
+					children: f(t.DIFF_VIEWER$NO_COMMITS)
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { f as default };
+//# sourceMappingURL=commits-tab.js.map

package/dist/routes/commits-tab.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"commits-tab.js","names":[],"sources":["../../src/routes/commits-tab.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { CommitList } from \"#/components/features/diff-viewer/commit-list\";\nimport { DiffDrawerIcon } from \"#/components/features/diff-viewer/diff-drawer-icon\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RUNTIME_INACTIVE_STATES } from \"#/types/agent-state\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { RuntimeWaitingState } from \"#/components/features/conversation-panel/runtime-waiting-state\";\nimport { ConversationTabEmptyState } from \"#/components/features/conversation/conversation-tab-empty-state\";\n\n/**\n * The Files tab's \"Commits\" view: the workspace's recent commit history\n * (newest first), each commit expandable into its per-file diffs. Sits\n * behind the third segment of the Diff/Files toggle, which is only\n * offered when the agent server supports the commits API.\n */\nfunction GitCommits() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const { commits, hasMore, isUnsupported, isLoading, isSuccess } =\n useUnifiedGitCommits();\n\n const { curAgentState } = useAgentState();\n const runtimeIsActive = !RUNTIME_INACTIVE_STATES.includes(curAgentState);\n\n const showList = isSuccess && !isUnsupported && commits.length > 0;\n\n return (\n <main className=\"h-full w-full flex flex-col items-stretch\">\n {showList ? (\n <div className=\"h-full overflow-y-auto flex flex-col items-stretch custom-scrollbar-always\">\n {/* Keyed by conversation so switching conversations collapses any\n expanded commit. */}\n <CommitList\n key={conversationId}\n commits={commits}\n hasMore={hasMore}\n />\n </div>\n ) : (\n <div className=\"flex-1 flex items-center justify-center\">\n {!runtimeIsActive && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$WAITING_FOR_RUNTIME}\n />\n )}\n {runtimeIsActive && isLoading && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$LOADING}\n />\n )}\n {runtimeIsActive && !isLoading && (\n <ConversationTabEmptyState icon={<DiffDrawerIcon />}>\n {t(I18nKey.DIFF_VIEWER$NO_COMMITS)}\n </ConversationTabEmptyState>\n )}\n </div>\n )}\n </main>\n );\n}\n\nexport default GitCommits;\n"],"mappings":";;;;;;;;;;;;AAiBA,SAAS,IAAa;CACpB,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,sBAAmB,GAAmB,EACxC,EAAE,YAAS,YAAS,kBAAe,cAAW,iBAClD,GAAsB,EAElB,EAAE,qBAAkB,GAAe,EACnC,IAAkB,CAAC,EAAwB,SAAS,EAAc;AAIxE,QACE,kBAAC,QAAD;EAAM,WAAU;YAHD,KAAa,CAAC,KAAiB,EAAQ,SAAS,IAK3D,kBAAC,OAAD;GAAK,WAAU;aAGb,kBAAC,GAAD;IAEW;IACA;IACT,EAHK,EAGL;GACE,CAAA,GAEN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,CAAC,KACA,kBAAC,GAAD;KACE,QAAO;KACP,YAAY,EAAQ;KACpB,CAAA;IAEH,KAAmB,KAClB,kBAAC,GAAD;KACE,QAAO;KACP,YAAY,EAAQ;KACpB,CAAA;IAEH,KAAmB,CAAC,KACnB,kBAAC,GAAD;KAA2B,MAAM,kBAAC,GAAD,EAAkB,CAAA;eAChD,EAAE,EAAQ,uBAAuB;KACR,CAAA;IAE1B;;EAEH,CAAA"}

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

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../i18n/declaration.cjs`),n=require(`../hooks/use-conversation-id.cjs`),r=require(`../utils/conversation-local-storage.cjs`),i=require(`../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),a=require(`../stores/files-tab-store.cjs`),o=require(`../icons/link-external.cjs`),s=require(`../components/features/files-tab/segmented-toggle.cjs`),c=require(`../components/features/files-tab/no-file-selected-message.cjs`),l=require(`../hooks/query/use-unified-get-git-changes.cjs`),u=require(`../hooks/query/use-workspace-files.cjs`),d=require(`../stores/use-workspace-mutation-counter.cjs`),f=require(`../hooks/query/use-workspace-file-content.cjs`),p=require(`../hooks/use-has-attached-source.cjs`),m=require(`../hooks/query/use-has-git-commits.cjs`),h=require(`../hooks/use-auto-refresh-files-on-edit.cjs`),g=require(`../utils/file-priority.cjs`),_=require(`../components/features/files-tab/file-quick-row.cjs`),v=require(`../components/features/files-tab/file-tree-view.cjs`),y=require(`../components/features/files-tab/file-content-viewer.cjs`),b=require(`../icons/u-refresh.cjs`),x=require(`./changes-tab.cjs`);let S=require(`react`),C=require(`react/jsx-runtime`);function w(){let{t:w}=e.useTranslation(`openhands`);h.useAutoRefreshFilesOnEdit();let{hasAttachedSource:T,isLoading:E}=p.useHasAttachedSource(),{hasCommits:D}=m.useHasGitCommits({enabled:T}),{conversationId:O}=n.useOptionalConversationId(),{state:k,setFilesTabDiffView:A,setFilesTabContentViewMode:j}=r.useConversationLocalStorageState(O??``),M=(T||E)&&D!==!1,N=k.filesTabDiffView??M,P=k.filesTabContentViewMode,[F,I]=(0,S.useState)(!1),L=u.useWorkspaceFiles(),R=(0,S.useMemo)(()=>L.data??[],[L.data]),z=a.useFilesTabStore(e=>e.selectedPath),B=a.useFilesTabStore(e=>e.selectedConversationId),V=a.useFilesTabStore(e=>e.setSelectedPath),H=B===O?z:null,U=(0,S.useCallback)(e=>V(e,O),[O,V]),W=f.useWorkspaceFileContent(H),G=d.useWorkspaceMutationCounter(e=>e.count),K=d.withWorkspaceCacheBuster(W.data?.staticUrl??null,G);(0,S.useEffect)(()=>{B!==O&&V(null,O)},[B,O,V]),(0,S.useEffect)(()=>{if(H||R.length===0)return;let[e]=g.sortFilesByPriority(R);e&&V(e,O)},[R,H,O,V]);let q=i.useQueryClient(),{refetch:J,isFetching:Y}=l.useUnifiedGetGitChanges();return(0,C.jsxs)(`main`,{className:`h-full w-full flex flex-col items-stretch`,"data-testid":`files-tab`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]`,children:[(0,C.jsx)(s.SegmentedToggle,{ariaLabel:w(t.I18nKey.FILES$DIFF_VIEW),testId:`files-tab-diff-toggle`,value:N?`on`:`off`,options:[{value:`on`,label:w(t.I18nKey.FILES$DIFF_VIEW)},{value:`off`,label:w(t.I18nKey.COMMON$FILES)}],onChange:e=>A(e===`on`)}),!N&&(0,C.jsx)(s.SegmentedToggle,{ariaLabel:w(t.I18nKey.FILES$RICH),testId:`files-tab-content-mode-toggle`,value:P,options:[{value:`rich`,label:w(t.I18nKey.FILES$RICH)},{value:`plain`,label:w(t.I18nKey.FILES$PLAIN)}],onChange:j}),(0,C.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[!N&&K&&(0,C.jsx)(`a`,{href:K,target:`_blank`,rel:`noopener noreferrer`,"aria-label":w(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),title:w(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),"data-testid":`files-tab-open-in-new-window`,className:`flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white`,children:(0,C.jsx)(o.default,{width:14,height:14})}),(0,C.jsx)(`button`,{type:`button`,onClick:()=>{J(),q.invalidateQueries({queryKey:[`workspace-files`]}),q.invalidateQueries({queryKey:[`workspace-file-content`]})},disabled:Y,"aria-label":w(t.I18nKey.FILES$REFRESH),title:w(t.I18nKey.FILES$REFRESH),"data-testid":`files-tab-refresh`,className:`flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed`,children:(0,C.jsx)(b.default,{width:12.75,height:15,color:`#ffffff`,className:Y?`animate-spin`:``})})]})]}),N?(0,C.jsx)(`div`,{className:`flex-1 min-h-0`,children:(0,C.jsx)(x.default,{})}):(0,C.jsx)(`div`,{className:`flex flex-1 flex-col min-h-0`,children:L.isLoading?(0,C.jsx)(`div`,{className:`flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]`,children:w(t.I18nKey.FILES$LOADING_FILES)}):(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(_.FileQuickRow,{paths:R,selectedPath:H,onSelectFile:U,isTreeVisible:F,onToggleTree:()=>I(e=>!e)}),(0,C.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1`,children:[F&&(0,C.jsx)(`aside`,{className:`w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always`,"data-testid":`files-tab-tree`,children:(0,C.jsx)(v.FileTreeView,{paths:R,selectedPath:H,onSelectFile:U})}),(0,C.jsx)(`section`,{className:`flex h-full min-h-0 min-w-0 flex-1 flex-col`,"data-testid":`files-tab-content`,children:H?(0,C.jsx)(y.FileContentViewer,{path:H,viewMode:P}):(0,C.jsx)(c.NoFileSelectedMessage,{})})]})]})})]})}exports.default=w;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../i18n/declaration.cjs`),ee=require(`../hooks/use-conversation-id.cjs`),te=require(`../utils/conversation-local-storage.cjs`),n=require(`../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),r=require(`../stores/files-tab-store.cjs`),i=require(`../icons/link-external.cjs`),a=require(`../components/features/files-tab/segmented-toggle.cjs`),o=require(`../components/features/files-tab/no-file-selected-message.cjs`),s=require(`../hooks/query/use-unified-get-git-changes.cjs`),c=require(`../hooks/query/use-workspace-files.cjs`),l=require(`../stores/use-workspace-mutation-counter.cjs`),u=require(`../hooks/query/use-workspace-file-content.cjs`),d=require(`../hooks/use-has-attached-source.cjs`),f=require(`../hooks/query/use-has-git-commits.cjs`),p=require(`../hooks/use-auto-refresh-files-on-edit.cjs`),m=require(`../utils/file-priority.cjs`),ne=require(`../components/features/files-tab/file-quick-row.cjs`),h=require(`../components/features/files-tab/file-tree-view.cjs`),g=require(`../components/features/files-tab/file-content-viewer.cjs`),_=require(`../icons/u-refresh.cjs`),v=require(`../hooks/query/use-unified-git-commits.cjs`),y=require(`./changes-tab.cjs`),b=require(`./commits-tab.cjs`);let x=require(`react`),S=require(`react/jsx-runtime`);function C(){let{t:C}=e.useTranslation(`openhands`);p.useAutoRefreshFilesOnEdit();let{hasAttachedSource:w,isLoading:T}=d.useHasAttachedSource(),{hasCommits:E}=f.useHasGitCommits({enabled:w}),{conversationId:D}=ee.useOptionalConversationId(),{state:O,setFilesTabDiffView:k,setFilesTabContentViewMode:A}=te.useConversationLocalStorageState(D??``),j=(w||T)&&E!==!1,M=O.filesTabDiffView??j,N=O.filesTabContentViewMode,{isSuccess:P,isUnsupported:F}=v.useUnifiedGitCommits(),I=P&&!F,[L,R]=(0,x.useState)(!1),z=M?`on`:`off`;L&&I&&(z=`commits`);let[B,V]=(0,x.useState)(!1),H=c.useWorkspaceFiles(),U=(0,x.useMemo)(()=>H.data??[],[H.data]),W=r.useFilesTabStore(e=>e.selectedPath),G=r.useFilesTabStore(e=>e.selectedConversationId),K=r.useFilesTabStore(e=>e.setSelectedPath),q=G===D?W:null,J=(0,x.useCallback)(e=>K(e,D),[D,K]),Y=u.useWorkspaceFileContent(q),X=l.useWorkspaceMutationCounter(e=>e.count),Z=l.withWorkspaceCacheBuster(Y.data?.staticUrl??null,X);(0,x.useEffect)(()=>{G!==D&&K(null,D)},[G,D,K]),(0,x.useEffect)(()=>{if(q||U.length===0)return;let[e]=m.sortFilesByPriority(U);e&&K(e,D)},[U,q,D,K]);let Q=n.useQueryClient(),{refetch:re,isFetching:$}=s.useUnifiedGetGitChanges(),ie=()=>{re(),Q.invalidateQueries({queryKey:[`workspace-files`]}),Q.invalidateQueries({queryKey:[`workspace-file-content`]}),Q.invalidateQueries({queryKey:[`git_commits`]})};return(0,S.jsxs)(`main`,{className:`h-full w-full flex flex-col items-stretch`,"data-testid":`files-tab`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]`,children:[(0,S.jsx)(a.SegmentedToggle,{ariaLabel:C(t.I18nKey.FILES$DIFF_VIEW),testId:`files-tab-diff-toggle`,value:z,options:[{value:`on`,label:C(t.I18nKey.FILES$DIFF_VIEW)},...I?[{value:`commits`,label:C(t.I18nKey.DIFF_VIEWER$COMMITS)}]:[],{value:`off`,label:C(t.I18nKey.COMMON$FILES)}],onChange:e=>{e===`commits`?R(!0):(R(!1),k(e===`on`))}}),z===`off`&&(0,S.jsx)(a.SegmentedToggle,{ariaLabel:C(t.I18nKey.FILES$RICH),testId:`files-tab-content-mode-toggle`,value:N,options:[{value:`rich`,label:C(t.I18nKey.FILES$RICH)},{value:`plain`,label:C(t.I18nKey.FILES$PLAIN)}],onChange:A}),(0,S.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[z===`off`&&Z&&(0,S.jsx)(`a`,{href:Z,target:`_blank`,rel:`noopener noreferrer`,"aria-label":C(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),title:C(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),"data-testid":`files-tab-open-in-new-window`,className:`flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white`,children:(0,S.jsx)(i.default,{width:14,height:14})}),(0,S.jsx)(`button`,{type:`button`,onClick:ie,disabled:$,"aria-label":C(t.I18nKey.FILES$REFRESH),title:C(t.I18nKey.FILES$REFRESH),"data-testid":`files-tab-refresh`,className:`flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed`,children:(0,S.jsx)(_.default,{width:12.75,height:15,color:`#ffffff`,className:$?`animate-spin`:``})})]})]}),z===`on`&&(0,S.jsx)(`div`,{className:`flex-1 min-h-0`,children:(0,S.jsx)(y.default,{})}),z===`commits`&&(0,S.jsx)(`div`,{className:`flex-1 min-h-0`,children:(0,S.jsx)(b.default,{})}),z===`off`&&(0,S.jsx)(`div`,{className:`flex flex-1 flex-col min-h-0`,children:H.isLoading?(0,S.jsx)(`div`,{className:`flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]`,children:C(t.I18nKey.FILES$LOADING_FILES)}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(ne.FileQuickRow,{paths:U,selectedPath:q,onSelectFile:J,isTreeVisible:B,onToggleTree:()=>V(e=>!e)}),(0,S.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1`,children:[B&&(0,S.jsx)(`aside`,{className:`w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always`,"data-testid":`files-tab-tree`,children:(0,S.jsx)(h.FileTreeView,{paths:U,selectedPath:q,onSelectFile:J})}),(0,S.jsx)(`section`,{className:`flex h-full min-h-0 min-w-0 flex-1 flex-col`,"data-testid":`files-tab-content`,children:q?(0,S.jsx)(g.FileContentViewer,{path:q,viewMode:N}):(0,S.jsx)(o.NoFileSelectedMessage,{})})]})]})})]})}exports.default=C;
 //# sourceMappingURL=files-tab.cjs.map