@openhands/agent-canvas 1.4.0 → 1.5.0

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

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

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 { 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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"}
+{"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 { 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 { 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          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

@@ -0,0 +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(`../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;
+//# sourceMappingURL=commits-tab.cjs.map

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

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

@@ -1 +1 @@
-{"version":3,"file":"files-tab.cjs","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useHasAttachedSource } from \"#/hooks/use-has-attached-source\";\nimport { useHasGitCommits } from \"#/hooks/query/use-has-git-commits\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { sortFilesByPriority } from \"#/utils/file-priority\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport GitChanges from \"./changes-tab\";\n\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content / diff caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { hasAttachedSource, isLoading: isAttachedSourceLoading } =\n    useHasAttachedSource();\n  // A workspace with zero commits has no diff base to compare against, so\n  // the diff view would just be empty / misleading. Only probe when we\n  // already believe the user attached a source — saves a workspace round\n  // trip on every plain (no-attachment) conversation.\n  const { hasCommits } = useHasGitCommits({ enabled: hasAttachedSource });\n\n  // Diff view defaults to ON when the user attached a source (repo or\n  // local workspace) *and* there's at least one commit, OFF otherwise\n  // (no attachment, or attachment with no commits yet).\n  //\n  // While the attachment / commit probes are still resolving we stay\n  // optimistic — most attached conversations live in a real repo, so\n  // defaulting to diff during the brief loading window avoids a\n  // \"files → diff\" flash on initial load. We only flip to files-view\n  // once `hasAttachedSource` *or* `hasCommits` definitively resolves\n  // false. The user's persisted choice always wins.\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabDiffView,\n    setFilesTabContentViewMode,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n\n  const diffViewDefault =\n    (hasAttachedSource || isAttachedSourceLoading) && hasCommits !== false;\n  const diffViewEnabled = persistedState.filesTabDiffView ?? diffViewDefault;\n  const contentViewMode = persistedState.filesTabContentViewMode;\n\n  // Collapsed by default — the quick-access pill row at the top is usually\n  // enough; the user can expand the tree on demand.\n  const [isTreeVisible, setIsTreeVisible] = useState(false);\n\n  const filesQuery = useWorkspaceFiles();\n  const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n  const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n  const selectedConversationId = useFilesTabStore(\n    (s) => s.selectedConversationId,\n  );\n  const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n\n  // A selection is scoped to the conversation it was made in. Ignore a path\n  // that belongs to a different conversation so we never try to open a file\n  // that only exists in the previous conversation's workspace (issue #1350).\n  // The auto-select effect below then picks this conversation's top file.\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. FileQuickRow / FileTreeView call this with just the path.\n  const handleSelectFile = useCallback(\n    (path: string) => setSelectedPath(path, conversationId),\n    [conversationId, setSelectedPath],\n  );\n\n  // Pre-fetch the selected file's content here too so the toolbar's\n  // \"open in new window\" link can reach for its `staticUrl`. react-query\n  // dedupes against `FileContentViewer`'s identical call, so this costs\n  // nothing extra.\n  const selectedFileContent = useWorkspaceFileContent(selectedPath);\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n  const selectedFileStaticUrl = withWorkspaceCacheBuster(\n    selectedFileContent.data?.staticUrl ?? null,\n    mutationCounter,\n  );\n\n  useEffect(() => {\n    if (selectedConversationId === conversationId) return;\n    setSelectedPath(null, conversationId);\n  }, [selectedConversationId, conversationId, setSelectedPath]);\n\n  // Auto-select the highest-priority file the first time we load the list,\n  // so users see something useful immediately.\n  useEffect(() => {\n    if (selectedPath || paths.length === 0) return;\n    const [first] = sortFilesByPriority(paths);\n    if (first) setSelectedPath(first, conversationId);\n  }, [paths, selectedPath, conversationId, setSelectedPath]);\n\n  // Refresh button: covers the diff view (git changes) and the file viewer\n  // (workspace listing + cached file contents). Lives in this toolbar — not\n  // in the outer ConversationTabs bar — so it sits with the other\n  // files-tab-local controls.\n  const queryClient = useQueryClient();\n  const { refetch: refetchGitChanges, isFetching: isFetchingGitChanges } =\n    useUnifiedGetGitChanges();\n  const refreshFiles = () => {\n    refetchGitChanges();\n    queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n    queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n  };\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      {/* Top toolbar: diff/files + rich/plain toggles (left-aligned) plus\n          the refresh button on the right. */}\n      <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n        <SegmentedToggle<\"on\" | \"off\">\n          ariaLabel={t(I18nKey.FILES$DIFF_VIEW)}\n          testId=\"files-tab-diff-toggle\"\n          value={diffViewEnabled ? \"on\" : \"off\"}\n          options={[\n            { value: \"on\", label: t(I18nKey.FILES$DIFF_VIEW) },\n            { value: \"off\", label: t(I18nKey.COMMON$FILES) },\n          ]}\n          onChange={(value) => setFilesTabDiffView(value === \"on\")}\n        />\n\n        {!diffViewEnabled && (\n          <SegmentedToggle<ViewMode>\n            ariaLabel={t(I18nKey.FILES$RICH)}\n            testId=\"files-tab-content-mode-toggle\"\n            value={contentViewMode}\n            options={[\n              { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n              { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n            ]}\n            onChange={setFilesTabContentViewMode}\n          />\n        )}\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          {/* Open the currently-selected file in a new browser tab. Only\n              meaningful while we're showing a file (not the diff view) and\n              we've resolved its staticUrl from the workspace fileserver. */}\n          {!diffViewEnabled && selectedFileStaticUrl && (\n            <a\n              href={selectedFileStaticUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              data-testid=\"files-tab-open-in-new-window\"\n              className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n            >\n              <LinkExternalIcon width={14} height={14} />\n            </a>\n          )}\n          <button\n            type=\"button\"\n            onClick={refreshFiles}\n            disabled={isFetchingGitChanges}\n            aria-label={t(I18nKey.FILES$REFRESH)}\n            title={t(I18nKey.FILES$REFRESH)}\n            data-testid=\"files-tab-refresh\"\n            className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            <RefreshIcon\n              width={12.75}\n              height={15}\n              color=\"#ffffff\"\n              className={isFetchingGitChanges ? \"animate-spin\" : \"\"}\n            />\n          </button>\n        </div>\n      </div>\n\n      {diffViewEnabled ? (\n        <div className=\"flex-1 min-h-0\">\n          <GitChanges />\n        </div>\n      ) : (\n        <div className=\"flex flex-1 flex-col min-h-0\">\n          {filesQuery.isLoading ? (\n            <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n              {t(I18nKey.FILES$LOADING_FILES)}\n            </div>\n          ) : (\n            <>\n              <FileQuickRow\n                paths={paths}\n                selectedPath={selectedPath}\n                onSelectFile={handleSelectFile}\n                isTreeVisible={isTreeVisible}\n                onToggleTree={() => setIsTreeVisible((prev) => !prev)}\n              />\n              <div className=\"flex h-full min-h-0 flex-1\">\n                {isTreeVisible && (\n                  <aside\n                    className=\"w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                    data-testid=\"files-tab-tree\"\n                  >\n                    <FileTreeView\n                      paths={paths}\n                      selectedPath={selectedPath}\n                      onSelectFile={handleSelectFile}\n                    />\n                  </aside>\n                )}\n                <section\n                  className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n                  data-testid=\"files-tab-content\"\n                >\n                  {selectedPath ? (\n                    <FileContentViewer\n                      path={selectedPath}\n                      viewMode={contentViewMode}\n                    />\n                  ) : (\n                    <NoFileSelectedMessage />\n                  )}\n                </section>\n              </div>\n            </>\n          )}\n        </div>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":"uyCA6BA,SAAS,GAAW,CAClB,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAGzC,EAAA,2BAA2B,CAE3B,GAAM,CAAE,oBAAmB,UAAW,GACpC,EAAA,sBAAsB,CAKlB,CAAE,cAAe,EAAA,iBAAiB,CAAE,QAAS,EAAmB,CAAC,CAYjE,CAAE,kBAAmB,EAAA,2BAA2B,CAChD,CACJ,MAAO,EACP,sBACA,8BACE,EAAA,iCAAiC,GAAkB,GAAG,CAEpD,GACH,GAAqB,IAA4B,IAAe,GAC7D,EAAkB,EAAe,kBAAoB,EACrD,EAAkB,EAAe,wBAIjC,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,GAAM,CAEnD,EAAa,EAAA,mBAAmB,CAChC,GAAA,EAAA,EAAA,aAAsB,EAAW,MAAQ,EAAE,CAAE,CAAC,EAAW,KAAK,CAAC,CAE/D,EAAqB,EAAA,iBAAkB,GAAM,EAAE,aAAa,CAC5D,EAAyB,EAAA,iBAC5B,GAAM,EAAE,uBACV,CACK,EAAkB,EAAA,iBAAkB,GAAM,EAAE,gBAAgB,CAM5D,EACJ,IAA2B,EAAiB,EAAqB,KAI7D,GAAA,EAAA,EAAA,aACH,GAAiB,EAAgB,EAAM,EAAe,CACvD,CAAC,EAAgB,EAAgB,CAClC,CAMK,EAAsB,EAAA,wBAAwB,EAAa,CAC3D,EAAkB,EAAA,4BAA6B,GAAU,EAAM,MAAM,CACrE,EAAwB,EAAA,yBAC5B,EAAoB,MAAM,WAAa,KACvC,EACD,EAED,EAAA,EAAA,eAAgB,CACV,IAA2B,GAC/B,EAAgB,KAAM,EAAe,EACpC,CAAC,EAAwB,EAAgB,EAAgB,CAAC,EAI7D,EAAA,EAAA,eAAgB,CACd,GAAI,GAAgB,EAAM,SAAW,EAAG,OACxC,GAAM,CAAC,GAAS,EAAA,oBAAoB,EAAM,CACtC,GAAO,EAAgB,EAAO,EAAe,EAChD,CAAC,EAAO,EAAc,EAAgB,EAAgB,CAAC,CAM1D,IAAM,EAAc,EAAA,gBAAgB,CAC9B,CAAE,QAAS,EAAmB,WAAY,GAC9C,EAAA,yBAAyB,CAO3B,OACE,EAAA,EAAA,MAAC,OAAD,CACE,UAAU,4CACV,cAAY,qBAFd,EAME,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kFAAf,EACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,UAAW,EAAE,EAAA,QAAQ,gBAAgB,CACrC,OAAO,wBACP,MAAO,EAAkB,KAAO,MAChC,QAAS,CACP,CAAE,MAAO,KAAM,MAAO,EAAE,EAAA,QAAQ,gBAAgB,CAAE,CAClD,CAAE,MAAO,MAAO,MAAO,EAAE,EAAA,QAAQ,aAAa,CAAE,CACjD,CACD,SAAW,GAAU,EAAoB,IAAU,KAAK,CACxD,CAAA,CAED,CAAC,IACA,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,UAAW,EAAE,EAAA,QAAQ,WAAW,CAChC,OAAO,gCACP,MAAO,EACP,QAAS,CACP,CAAE,MAAO,OAAQ,MAAO,EAAE,EAAA,QAAQ,WAAW,CAAE,CAC/C,CAAE,MAAO,QAAS,MAAO,EAAE,EAAA,QAAQ,YAAY,CAAE,CAClD,CACD,SAAU,EACV,CAAA,EAGJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2CAAf,CAIG,CAAC,GAAmB,IACnB,EAAA,EAAA,KAAC,IAAD,CACE,KAAM,EACN,OAAO,SACP,IAAI,sBACJ,aAAY,EAAE,EAAA,QAAQ,yBAAyB,CAC/C,MAAO,EAAE,EAAA,QAAQ,yBAAyB,CAC1C,cAAY,+BACZ,UAAU,0IAEV,EAAA,EAAA,KAAC,EAAA,QAAD,CAAkB,MAAO,GAAI,OAAQ,GAAM,CAAA,CACzC,CAAA,EAEN,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,YAzDiB,CACzB,GAAmB,CACnB,EAAY,kBAAkB,CAAE,SAAU,CAAC,kBAAkB,CAAE,CAAC,CAChE,EAAY,kBAAkB,CAAE,SAAU,CAAC,yBAAyB,CAAE,CAAC,EAuD/D,SAAU,EACV,aAAY,EAAE,EAAA,QAAQ,cAAc,CACpC,MAAO,EAAE,EAAA,QAAQ,cAAc,CAC/B,cAAY,oBACZ,UAAU,uLAEV,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,MAAO,MACP,OAAQ,GACR,MAAM,UACN,UAAW,EAAuB,eAAiB,GACnD,CAAA,CACK,CAAA,CACL,GACF,GAEL,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2BACb,EAAA,EAAA,KAAC,EAAA,QAAD,EAAc,CAAA,CACV,CAAA,EAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wCACZ,EAAW,WACV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kFACZ,EAAE,EAAA,QAAQ,oBAAoB,CAC3B,CAAA,EAEN,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,aAAD,CACS,QACO,eACd,aAAc,EACC,gBACf,iBAAoB,EAAkB,GAAS,CAAC,EAAK,CACrD,CAAA,EACF,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sCAAf,CACG,IACC,EAAA,EAAA,KAAC,QAAD,CACE,UAAU,2FACV,cAAY,2BAEZ,EAAA,EAAA,KAAC,EAAA,aAAD,CACS,QACO,eACd,aAAc,EACd,CAAA,CACI,CAAA,EAEV,EAAA,EAAA,KAAC,UAAD,CACE,UAAU,8CACV,cAAY,6BAEX,GACC,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,KAAM,EACN,SAAU,EACV,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,sBAAD,EAAyB,CAAA,CAEnB,CAAA,CACN,GACL,CAAA,CAAA,CAED,CAAA,CAEH"}
+{"version":3,"file":"files-tab.cjs","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useHasAttachedSource } from \"#/hooks/use-has-attached-source\";\nimport { useHasGitCommits } from \"#/hooks/query/use-has-git-commits\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { sortFilesByPriority } from \"#/utils/file-priority\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport GitChanges from \"./changes-tab\";\nimport GitCommits from \"./commits-tab\";\n\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content / diff caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { hasAttachedSource, isLoading: isAttachedSourceLoading } =\n    useHasAttachedSource();\n  // A workspace with zero commits has no diff base to compare against, so\n  // the diff view would just be empty / misleading. Only probe when we\n  // already believe the user attached a source — saves a workspace round\n  // trip on every plain (no-attachment) conversation.\n  const { hasCommits } = useHasGitCommits({ enabled: hasAttachedSource });\n\n  // Diff view defaults to ON when the user attached a source (repo or\n  // local workspace) *and* there's at least one commit, OFF otherwise\n  // (no attachment, or attachment with no commits yet).\n  //\n  // While the attachment / commit probes are still resolving we stay\n  // optimistic — most attached conversations live in a real repo, so\n  // defaulting to diff during the brief loading window avoids a\n  // \"files → diff\" flash on initial load. We only flip to files-view\n  // once `hasAttachedSource` *or* `hasCommits` definitively resolves\n  // false. The user's persisted choice always wins.\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabDiffView,\n    setFilesTabContentViewMode,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n\n  const diffViewDefault =\n    (hasAttachedSource || isAttachedSourceLoading) && hasCommits !== false;\n  const diffViewEnabled = persistedState.filesTabDiffView ?? diffViewDefault;\n  const contentViewMode = persistedState.filesTabContentViewMode;\n\n  // Commit history gets a third toggle segment, offered only when the\n  // agent server supports the commits API (older servers 404 → the toggle\n  // stays two-way and the tab looks exactly as it did before). The\n  // selection is session-local; the persisted diff/files preference is\n  // untouched so falling out of the commits view restores it.\n  const { isSuccess: commitsIsSuccess, isUnsupported: commitsUnsupported } =\n    useUnifiedGitCommits();\n  const showCommitsOption = commitsIsSuccess && !commitsUnsupported;\n  const [commitsViewSelected, setCommitsViewSelected] = useState(false);\n  let activeView: \"on\" | \"off\" | \"commits\" = diffViewEnabled ? \"on\" : \"off\";\n  if (commitsViewSelected && showCommitsOption) activeView = \"commits\";\n\n  // Collapsed by default — the quick-access pill row at the top is usually\n  // enough; the user can expand the tree on demand.\n  const [isTreeVisible, setIsTreeVisible] = useState(false);\n\n  const filesQuery = useWorkspaceFiles();\n  const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n  const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n  const selectedConversationId = useFilesTabStore(\n    (s) => s.selectedConversationId,\n  );\n  const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n\n  // A selection is scoped to the conversation it was made in. Ignore a path\n  // that belongs to a different conversation so we never try to open a file\n  // that only exists in the previous conversation's workspace (issue #1350).\n  // The auto-select effect below then picks this conversation's top file.\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. FileQuickRow / FileTreeView call this with just the path.\n  const handleSelectFile = useCallback(\n    (path: string) => setSelectedPath(path, conversationId),\n    [conversationId, setSelectedPath],\n  );\n\n  // Pre-fetch the selected file's content here too so the toolbar's\n  // \"open in new window\" link can reach for its `staticUrl`. react-query\n  // dedupes against `FileContentViewer`'s identical call, so this costs\n  // nothing extra.\n  const selectedFileContent = useWorkspaceFileContent(selectedPath);\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n  const selectedFileStaticUrl = withWorkspaceCacheBuster(\n    selectedFileContent.data?.staticUrl ?? null,\n    mutationCounter,\n  );\n\n  useEffect(() => {\n    if (selectedConversationId === conversationId) return;\n    setSelectedPath(null, conversationId);\n  }, [selectedConversationId, conversationId, setSelectedPath]);\n\n  // Auto-select the highest-priority file the first time we load the list,\n  // so users see something useful immediately.\n  useEffect(() => {\n    if (selectedPath || paths.length === 0) return;\n    const [first] = sortFilesByPriority(paths);\n    if (first) setSelectedPath(first, conversationId);\n  }, [paths, selectedPath, conversationId, setSelectedPath]);\n\n  // Refresh button: covers the diff view (git changes) and the file viewer\n  // (workspace listing + cached file contents). Lives in this toolbar — not\n  // in the outer ConversationTabs bar — so it sits with the other\n  // files-tab-local controls.\n  const queryClient = useQueryClient();\n  const { refetch: refetchGitChanges, isFetching: isFetchingGitChanges } =\n    useUnifiedGetGitChanges();\n  const refreshFiles = () => {\n    refetchGitChanges();\n    queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n    queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n    queryClient.invalidateQueries({ queryKey: [\"git_commits\"] });\n  };\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      {/* Top toolbar: diff/files + rich/plain toggles (left-aligned) plus\n          the refresh button on the right. */}\n      <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n        <SegmentedToggle<\"on\" | \"off\" | \"commits\">\n          ariaLabel={t(I18nKey.FILES$DIFF_VIEW)}\n          testId=\"files-tab-diff-toggle\"\n          value={activeView}\n          options={[\n            { value: \"on\", label: t(I18nKey.FILES$DIFF_VIEW) },\n            ...(showCommitsOption\n              ? [\n                  {\n                    value: \"commits\" as const,\n                    label: t(I18nKey.DIFF_VIEWER$COMMITS),\n                  },\n                ]\n              : []),\n            { value: \"off\", label: t(I18nKey.COMMON$FILES) },\n          ]}\n          onChange={(value) => {\n            if (value === \"commits\") {\n              setCommitsViewSelected(true);\n            } else {\n              setCommitsViewSelected(false);\n              setFilesTabDiffView(value === \"on\");\n            }\n          }}\n        />\n\n        {activeView === \"off\" && (\n          <SegmentedToggle<ViewMode>\n            ariaLabel={t(I18nKey.FILES$RICH)}\n            testId=\"files-tab-content-mode-toggle\"\n            value={contentViewMode}\n            options={[\n              { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n              { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n            ]}\n            onChange={setFilesTabContentViewMode}\n          />\n        )}\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          {/* Open the currently-selected file in a new browser tab. Only\n              meaningful while we're showing a file (not the diff view) and\n              we've resolved its staticUrl from the workspace fileserver. */}\n          {activeView === \"off\" && selectedFileStaticUrl && (\n            <a\n              href={selectedFileStaticUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              data-testid=\"files-tab-open-in-new-window\"\n              className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n            >\n              <LinkExternalIcon width={14} height={14} />\n            </a>\n          )}\n          <button\n            type=\"button\"\n            onClick={refreshFiles}\n            disabled={isFetchingGitChanges}\n            aria-label={t(I18nKey.FILES$REFRESH)}\n            title={t(I18nKey.FILES$REFRESH)}\n            data-testid=\"files-tab-refresh\"\n            className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            <RefreshIcon\n              width={12.75}\n              height={15}\n              color=\"#ffffff\"\n              className={isFetchingGitChanges ? \"animate-spin\" : \"\"}\n            />\n          </button>\n        </div>\n      </div>\n\n      {activeView === \"on\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitChanges />\n        </div>\n      )}\n      {activeView === \"commits\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitCommits />\n        </div>\n      )}\n      {activeView === \"off\" && (\n        <div className=\"flex flex-1 flex-col min-h-0\">\n          {filesQuery.isLoading ? (\n            <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n              {t(I18nKey.FILES$LOADING_FILES)}\n            </div>\n          ) : (\n            <>\n              <FileQuickRow\n                paths={paths}\n                selectedPath={selectedPath}\n                onSelectFile={handleSelectFile}\n                isTreeVisible={isTreeVisible}\n                onToggleTree={() => setIsTreeVisible((prev) => !prev)}\n              />\n              <div className=\"flex h-full min-h-0 flex-1\">\n                {isTreeVisible && (\n                  <aside\n                    className=\"w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                    data-testid=\"files-tab-tree\"\n                  >\n                    <FileTreeView\n                      paths={paths}\n                      selectedPath={selectedPath}\n                      onSelectFile={handleSelectFile}\n                    />\n                  </aside>\n                )}\n                <section\n                  className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n                  data-testid=\"files-tab-content\"\n                >\n                  {selectedPath ? (\n                    <FileContentViewer\n                      path={selectedPath}\n                      viewMode={contentViewMode}\n                    />\n                  ) : (\n                    <NoFileSelectedMessage />\n                  )}\n                </section>\n              </div>\n            </>\n          )}\n        </div>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":"i4CA+BA,SAAS,GAAW,CAClB,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAGzC,EAAA,2BAA2B,CAE3B,GAAM,CAAE,oBAAmB,UAAW,GACpC,EAAA,sBAAsB,CAKlB,CAAE,cAAe,EAAA,iBAAiB,CAAE,QAAS,EAAmB,CAAC,CAYjE,CAAE,kBAAmB,GAAA,2BAA2B,CAChD,CACJ,MAAO,EACP,sBACA,8BACE,GAAA,iCAAiC,GAAkB,GAAG,CAEpD,GACH,GAAqB,IAA4B,IAAe,GAC7D,EAAkB,EAAe,kBAAoB,EACrD,EAAkB,EAAe,wBAOjC,CAAE,UAAW,EAAkB,cAAe,GAClD,EAAA,sBAAsB,CAClB,EAAoB,GAAoB,CAAC,EACzC,CAAC,EAAqB,IAAA,EAAA,EAAA,UAAmC,GAAM,CACjE,EAAuC,EAAkB,KAAO,MAChE,GAAuB,IAAmB,EAAa,WAI3D,GAAM,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,GAAM,CAEnD,EAAa,EAAA,mBAAmB,CAChC,GAAA,EAAA,EAAA,aAAsB,EAAW,MAAQ,EAAE,CAAE,CAAC,EAAW,KAAK,CAAC,CAE/D,EAAqB,EAAA,iBAAkB,GAAM,EAAE,aAAa,CAC5D,EAAyB,EAAA,iBAC5B,GAAM,EAAE,uBACV,CACK,EAAkB,EAAA,iBAAkB,GAAM,EAAE,gBAAgB,CAM5D,EACJ,IAA2B,EAAiB,EAAqB,KAI7D,GAAA,EAAA,EAAA,aACH,GAAiB,EAAgB,EAAM,EAAe,CACvD,CAAC,EAAgB,EAAgB,CAClC,CAMK,EAAsB,EAAA,wBAAwB,EAAa,CAC3D,EAAkB,EAAA,4BAA6B,GAAU,EAAM,MAAM,CACrE,EAAwB,EAAA,yBAC5B,EAAoB,MAAM,WAAa,KACvC,EACD,EAED,EAAA,EAAA,eAAgB,CACV,IAA2B,GAC/B,EAAgB,KAAM,EAAe,EACpC,CAAC,EAAwB,EAAgB,EAAgB,CAAC,EAI7D,EAAA,EAAA,eAAgB,CACd,GAAI,GAAgB,EAAM,SAAW,EAAG,OACxC,GAAM,CAAC,GAAS,EAAA,oBAAoB,EAAM,CACtC,GAAO,EAAgB,EAAO,EAAe,EAChD,CAAC,EAAO,EAAc,EAAgB,EAAgB,CAAC,CAM1D,IAAM,EAAc,EAAA,gBAAgB,CAC9B,CAAE,QAAS,GAAmB,WAAY,GAC9C,EAAA,yBAAyB,CACrB,OAAqB,CACzB,IAAmB,CACnB,EAAY,kBAAkB,CAAE,SAAU,CAAC,kBAAkB,CAAE,CAAC,CAChE,EAAY,kBAAkB,CAAE,SAAU,CAAC,yBAAyB,CAAE,CAAC,CACvE,EAAY,kBAAkB,CAAE,SAAU,CAAC,cAAc,CAAE,CAAC,EAG9D,OACE,EAAA,EAAA,MAAC,OAAD,CACE,UAAU,4CACV,cAAY,qBAFd,EAME,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kFAAf,EACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,UAAW,EAAE,EAAA,QAAQ,gBAAgB,CACrC,OAAO,wBACP,MAAO,EACP,QAAS,CACP,CAAE,MAAO,KAAM,MAAO,EAAE,EAAA,QAAQ,gBAAgB,CAAE,CAClD,GAAI,EACA,CACE,CACE,MAAO,UACP,MAAO,EAAE,EAAA,QAAQ,oBAAoB,CACtC,CACF,CACD,EAAE,CACN,CAAE,MAAO,MAAO,MAAO,EAAE,EAAA,QAAQ,aAAa,CAAE,CACjD,CACD,SAAW,GAAU,CACf,IAAU,UACZ,EAAuB,GAAK,EAE5B,EAAuB,GAAM,CAC7B,EAAoB,IAAU,KAAK,GAGvC,CAAA,CAED,IAAe,QACd,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,UAAW,EAAE,EAAA,QAAQ,WAAW,CAChC,OAAO,gCACP,MAAO,EACP,QAAS,CACP,CAAE,MAAO,OAAQ,MAAO,EAAE,EAAA,QAAQ,WAAW,CAAE,CAC/C,CAAE,MAAO,QAAS,MAAO,EAAE,EAAA,QAAQ,YAAY,CAAE,CAClD,CACD,SAAU,EACV,CAAA,EAGJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2CAAf,CAIG,IAAe,OAAS,IACvB,EAAA,EAAA,KAAC,IAAD,CACE,KAAM,EACN,OAAO,SACP,IAAI,sBACJ,aAAY,EAAE,EAAA,QAAQ,yBAAyB,CAC/C,MAAO,EAAE,EAAA,QAAQ,yBAAyB,CAC1C,cAAY,+BACZ,UAAU,0IAEV,EAAA,EAAA,KAAC,EAAA,QAAD,CAAkB,MAAO,GAAI,OAAQ,GAAM,CAAA,CACzC,CAAA,EAEN,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,GACT,SAAU,EACV,aAAY,EAAE,EAAA,QAAQ,cAAc,CACpC,MAAO,EAAE,EAAA,QAAQ,cAAc,CAC/B,cAAY,oBACZ,UAAU,uLAEV,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,MAAO,MACP,OAAQ,GACR,MAAM,UACN,UAAW,EAAuB,eAAiB,GACnD,CAAA,CACK,CAAA,CACL,GACF,GAEL,IAAe,OACd,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2BACb,EAAA,EAAA,KAAC,EAAA,QAAD,EAAc,CAAA,CACV,CAAA,CAEP,IAAe,YACd,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2BACb,EAAA,EAAA,KAAC,EAAA,QAAD,EAAc,CAAA,CACV,CAAA,CAEP,IAAe,QACd,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wCACZ,EAAW,WACV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kFACZ,EAAE,EAAA,QAAQ,oBAAoB,CAC3B,CAAA,EAEN,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,GAAA,aAAD,CACS,QACO,eACd,aAAc,EACC,gBACf,iBAAoB,EAAkB,GAAS,CAAC,EAAK,CACrD,CAAA,EACF,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sCAAf,CACG,IACC,EAAA,EAAA,KAAC,QAAD,CACE,UAAU,2FACV,cAAY,2BAEZ,EAAA,EAAA,KAAC,EAAA,aAAD,CACS,QACO,eACd,aAAc,EACd,CAAA,CACI,CAAA,EAEV,EAAA,EAAA,KAAC,UAAD,CACE,UAAU,8CACV,cAAY,6BAEX,GACC,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,KAAM,EACN,SAAU,EACV,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,sBAAD,EAAyB,CAAA,CAEnB,CAAA,CACN,GACL,CAAA,CAAA,CAED,CAAA,CAEH"}