@openhands/agent-canvas 1.14.0 → 1.16.0

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

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

package/dist/routes/app-settings.js

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

package/dist/routes/commits-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("../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;
+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("../stores/conversation-store.cjs"),o=require("../hooks/use-agent-state.cjs"),s=require("../components/features/conversation-panel/runtime-waiting-state.cjs"),c=require("../hooks/query/use-unified-get-git-changes.cjs"),l=require("../hooks/query/use-unified-git-commits.cjs"),u=require("../components/features/diff-viewer/commit-list.cjs"),d=require("../components/features/diff-viewer/diff-drawer-icon.cjs");let f=require("react"),p=require("react/jsx-runtime");function m(){let{t:m}=e.useTranslation(`openhands`),{conversationId:h}=i.useConversationId(),{commits:g,hasMore:_,isUnsupported:v,isLoading:y,isSuccess:b}=l.useUnifiedGitCommits(),{data:x,isSuccess:S,isLoading:C}=c.useUnifiedGetGitChanges(),w=a.useConversationStore(e=>e.commitsAutoExpandSection),T=a.useConversationStore(e=>e.setCommitsAutoExpandSection),E=(0,f.useCallback)(()=>T(null),[T]),{curAgentState:D}=o.useAgentState(),O=!n.RUNTIME_INACTIVE_STATES.includes(D),k=b&&!v&&g.length>0,A=S&&(x?.length??0)>0,j=k||A,M=y||O&&C;return(0,p.jsx)(`main`,{className:`h-full w-full flex flex-col items-stretch`,children:j?(0,p.jsx)(`div`,{className:`h-full overflow-y-auto flex flex-col items-stretch custom-scrollbar-always`,children:(0,p.jsx)(u.CommitList,{commits:k?g:[],hasMore:k?_:!1,uncommittedChanges:S?(x??[]).slice(0,100):[],autoExpandUncommitted:w===`uncommitted`,onAutoExpandHandled:E},h)}):(0,p.jsxs)(`div`,{className:`flex-1 flex items-center justify-center`,children:[!O&&(0,p.jsx)(s.RuntimeWaitingState,{testId:`commits-tab-status`,messageKey:t.I18nKey.DIFF_VIEWER$WAITING_FOR_RUNTIME}),O&&M&&(0,p.jsx)(s.RuntimeWaitingState,{testId:`commits-tab-status`,messageKey:t.I18nKey.DIFF_VIEWER$LOADING}),O&&!M&&(0,p.jsx)(r.ConversationTabEmptyState,{icon:(0,p.jsx)(d.DiffDrawerIcon,{}),children:m(t.I18nKey.DIFF_VIEWER$NO_COMMITS)})]})})}exports.default=m;
 //# sourceMappingURL=commits-tab.cjs.map

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

@@ -1 +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,WAAW,EAClC,CAAE,kBAAmB,EAAA,kBAAkB,EACvC,CAAE,UAAS,UAAS,gBAAe,YAAW,aAClD,EAAA,qBAAqB,EAEjB,CAAE,iBAAkB,EAAA,cAAc,EAClC,EAAkB,CAAC,EAAA,wBAAwB,SAAS,CAAa,EAIvE,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,SACV,EAHM,CAGN,CACE,CAAA,GAEL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mDAAf,CACG,CAAC,IACA,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAO,qBACP,WAAY,EAAA,QAAQ,+BACrB,CAAA,EAEF,GAAmB,IAClB,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAO,qBACP,WAAY,EAAA,QAAQ,mBACrB,CAAA,EAEF,GAAmB,CAAC,IACnB,EAAA,EAAA,KAAC,EAAA,0BAAD,CAA2B,MAAM,EAAA,EAAA,KAAC,EAAA,eAAD,CAAiB,CAAA,WAC/C,EAAE,EAAA,QAAQ,sBAAsB,CACR,CAAA,CAE1B,GAEH,CAAA,CAEV"}
+{"version":3,"file":"commits-tab.cjs","names":[],"sources":["../../src/routes/commits-tab.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { 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 { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\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\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\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  const {\n    data: uncommittedChanges,\n    isSuccess: uncommittedSuccess,\n    isLoading: uncommittedLoading,\n  } = useUnifiedGetGitChanges();\n  const commitsAutoExpandSection = useConversationStore(\n    (state) => state.commitsAutoExpandSection,\n  );\n  const setCommitsAutoExpandSection = useConversationStore(\n    (state) => state.setCommitsAutoExpandSection,\n  );\n  const handleAutoExpandHandled = useCallback(\n    () => setCommitsAutoExpandSection(null),\n    [setCommitsAutoExpandSection],\n  );\n\n  const { curAgentState } = useAgentState();\n  const runtimeIsActive = !RUNTIME_INACTIVE_STATES.includes(curAgentState);\n\n  const hasCommits = isSuccess && !isUnsupported && commits.length > 0;\n  const hasUncommitted =\n    uncommittedSuccess && (uncommittedChanges?.length ?? 0) > 0;\n  const showList = hasCommits || hasUncommitted;\n  const isListLoading = isLoading || (runtimeIsActive && uncommittedLoading);\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={hasCommits ? commits : []}\n            hasMore={hasCommits ? hasMore : false}\n            uncommittedChanges={\n              uncommittedSuccess ? (uncommittedChanges ?? []).slice(0, 100) : []\n            }\n            autoExpandUncommitted={commitsAutoExpandSection === \"uncommitted\"}\n            onAutoExpandHandled={handleAutoExpandHandled}\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 && isListLoading && (\n            <RuntimeWaitingState\n              testId=\"commits-tab-status\"\n              messageKey={I18nKey.DIFF_VIEWER$LOADING}\n            />\n          )}\n          {runtimeIsActive && !isListLoading && (\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":"4xBAoBA,SAAS,GAAa,CACpB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,kBAAmB,EAAA,kBAAkB,EACvC,CAAE,UAAS,UAAS,gBAAe,YAAW,aAClD,EAAA,qBAAqB,EACjB,CACJ,KAAM,EACN,UAAW,EACX,UAAW,GACT,EAAA,wBAAwB,EACtB,EAA2B,EAAA,qBAC9B,GAAU,EAAM,wBACnB,EACM,EAA8B,EAAA,qBACjC,GAAU,EAAM,2BACnB,EACM,GAAA,EAAA,EAAA,iBACE,EAA4B,IAAI,EACtC,CAAC,CAA2B,CAC9B,EAEM,CAAE,iBAAkB,EAAA,cAAc,EAClC,EAAkB,CAAC,EAAA,wBAAwB,SAAS,CAAa,EAEjE,EAAa,GAAa,CAAC,GAAiB,EAAQ,OAAS,EAC7D,EACJ,IAAuB,GAAoB,QAAU,GAAK,EACtD,EAAW,GAAc,EACzB,EAAgB,GAAc,GAAmB,EAEvD,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACb,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uFAGb,EAAA,EAAA,KAAC,EAAA,WAAD,CAEE,QAAS,EAAa,EAAU,CAAC,EACjC,QAAS,EAAa,EAAU,GAChC,mBACE,GAAsB,GAAsB,CAAC,GAAG,MAAM,EAAG,GAAG,EAAI,CAAC,EAEnE,sBAAuB,IAA6B,cACpD,oBAAqB,CACtB,EARM,CAQN,CACE,CAAA,GAEL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mDAAf,CACG,CAAC,IACA,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAO,qBACP,WAAY,EAAA,QAAQ,+BACrB,CAAA,EAEF,GAAmB,IAClB,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAO,qBACP,WAAY,EAAA,QAAQ,mBACrB,CAAA,EAEF,GAAmB,CAAC,IACnB,EAAA,EAAA,KAAC,EAAA,0BAAD,CAA2B,MAAM,EAAA,EAAA,KAAC,EAAA,eAAD,CAAiB,CAAA,WAC/C,EAAE,EAAA,QAAQ,sBAAsB,CACR,CAAA,CAE1B,GAEH,CAAA,CAEV"}

package/dist/routes/commits-tab.js

@@ -3,43 +3,49 @@ 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";
+import { useConversationStore as a } from "../stores/conversation-store.js";
+import { useAgentState as o } from "../hooks/use-agent-state.js";
+import { RuntimeWaitingState as s } from "../components/features/conversation-panel/runtime-waiting-state.js";
+import { useUnifiedGetGitChanges as c } from "../hooks/query/use-unified-get-git-changes.js";
+import { useUnifiedGitCommits as l } from "../hooks/query/use-unified-git-commits.js";
+import { CommitList as u } from "../components/features/diff-viewer/commit-list.js";
+import { DiffDrawerIcon as d } from "../components/features/diff-viewer/diff-drawer-icon.js";
+import { useCallback as f } from "react";
+import { jsx as p, jsxs as m } 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", {
+function h() {
+	let { t: h } = e("openhands"), { conversationId: g } = i(), { commits: _, hasMore: v, isUnsupported: y, isLoading: b, isSuccess: x } = l(), { data: S, isSuccess: C, isLoading: w } = c(), T = a((e) => e.commitsAutoExpandSection), E = a((e) => e.setCommitsAutoExpandSection), D = f(() => E(null), [E]), { curAgentState: O } = o(), k = !n.includes(O), A = x && !y && _.length > 0, j = C && (S?.length ?? 0) > 0, M = A || j, N = b || k && w;
+	return /* @__PURE__ */ p("main", {
 		className: "h-full w-full flex flex-col items-stretch",
-		children: v && !g && m.length > 0 ? /* @__PURE__ */ u("div", {
+		children: M ? /* @__PURE__ */ p("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", {
+			children: /* @__PURE__ */ p(u, {
+				commits: A ? _ : [],
+				hasMore: A ? v : !1,
+				uncommittedChanges: C ? (S ?? []).slice(0, 100) : [],
+				autoExpandUncommitted: T === "uncommitted",
+				onAutoExpandHandled: D
+			}, g)
+		}) : /* @__PURE__ */ m("div", {
 			className: "flex-1 flex items-center justify-center",
 			children: [
-				!b && /* @__PURE__ */ u(o, {
+				!k && /* @__PURE__ */ p(s, {
 					testId: "commits-tab-status",
 					messageKey: t.DIFF_VIEWER$WAITING_FOR_RUNTIME
 				}),
-				b && _ && /* @__PURE__ */ u(o, {
+				k && N && /* @__PURE__ */ p(s, {
 					testId: "commits-tab-status",
 					messageKey: t.DIFF_VIEWER$LOADING
 				}),
-				b && !_ && /* @__PURE__ */ u(r, {
-					icon: /* @__PURE__ */ u(c, {}),
-					children: f(t.DIFF_VIEWER$NO_COMMITS)
+				k && !N && /* @__PURE__ */ p(r, {
+					icon: /* @__PURE__ */ p(d, {}),
+					children: h(t.DIFF_VIEWER$NO_COMMITS)
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { f as default };
+export { h as default };
 
 //# sourceMappingURL=commits-tab.js.map

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

@@ -1 +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,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,EAAE,YAAS,YAAS,kBAAe,cAAW,iBAClD,EAAqB,GAEjB,EAAE,qBAAkB,EAAc,GAClC,IAAkB,CAAC,EAAwB,SAAS,CAAa;CAIvE,OACE,kBAAC,QAAD;EAAM,WAAU;YAHD,KAAa,CAAC,KAAiB,EAAQ,SAAS,IAK3D,kBAAC,OAAD;GAAK,WAAU;aAGb,kBAAC,GAAD;IAEW;IACA;GACV,GAHM,CAGN;EACE,CAAA,IAEL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,CAAC,KACA,kBAAC,GAAD;KACE,QAAO;KACP,YAAY,EAAQ;IACrB,CAAA;IAEF,KAAmB,KAClB,kBAAC,GAAD;KACE,QAAO;KACP,YAAY,EAAQ;IACrB,CAAA;IAEF,KAAmB,CAAC,KACnB,kBAAC,GAAD;KAA2B,MAAM,kBAAC,GAAD,CAAiB,CAAA;eAC/C,EAAE,EAAQ,sBAAsB;IACR,CAAA;GAE1B;;CAEH,CAAA;AAEV"}
+{"version":3,"file":"commits-tab.js","names":[],"sources":["../../src/routes/commits-tab.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { 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 { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\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\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\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  const {\n    data: uncommittedChanges,\n    isSuccess: uncommittedSuccess,\n    isLoading: uncommittedLoading,\n  } = useUnifiedGetGitChanges();\n  const commitsAutoExpandSection = useConversationStore(\n    (state) => state.commitsAutoExpandSection,\n  );\n  const setCommitsAutoExpandSection = useConversationStore(\n    (state) => state.setCommitsAutoExpandSection,\n  );\n  const handleAutoExpandHandled = useCallback(\n    () => setCommitsAutoExpandSection(null),\n    [setCommitsAutoExpandSection],\n  );\n\n  const { curAgentState } = useAgentState();\n  const runtimeIsActive = !RUNTIME_INACTIVE_STATES.includes(curAgentState);\n\n  const hasCommits = isSuccess && !isUnsupported && commits.length > 0;\n  const hasUncommitted =\n    uncommittedSuccess && (uncommittedChanges?.length ?? 0) > 0;\n  const showList = hasCommits || hasUncommitted;\n  const isListLoading = isLoading || (runtimeIsActive && uncommittedLoading);\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={hasCommits ? commits : []}\n            hasMore={hasCommits ? hasMore : false}\n            uncommittedChanges={\n              uncommittedSuccess ? (uncommittedChanges ?? []).slice(0, 100) : []\n            }\n            autoExpandUncommitted={commitsAutoExpandSection === \"uncommitted\"}\n            onAutoExpandHandled={handleAutoExpandHandled}\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 && isListLoading && (\n            <RuntimeWaitingState\n              testId=\"commits-tab-status\"\n              messageKey={I18nKey.DIFF_VIEWER$LOADING}\n            />\n          )}\n          {runtimeIsActive && !isListLoading && (\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":";;;;;;;;;;;;;;;AAoBA,SAAS,IAAa;CACpB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,EAAE,YAAS,YAAS,kBAAe,cAAW,iBAClD,EAAqB,GACjB,EACJ,MAAM,GACN,WAAW,GACX,WAAW,MACT,EAAwB,GACtB,IAA2B,GAC9B,MAAU,EAAM,wBACnB,GACM,IAA8B,GACjC,MAAU,EAAM,2BACnB,GACM,IAA0B,QACxB,EAA4B,IAAI,GACtC,CAAC,CAA2B,CAC9B,GAEM,EAAE,qBAAkB,EAAc,GAClC,IAAkB,CAAC,EAAwB,SAAS,CAAa,GAEjE,IAAa,KAAa,CAAC,KAAiB,EAAQ,SAAS,GAC7D,IACJ,MAAuB,GAAoB,UAAU,KAAK,GACtD,IAAW,KAAc,GACzB,IAAgB,KAAc,KAAmB;CAEvD,OACE,kBAAC,QAAD;EAAM,WAAU;YACb,IACC,kBAAC,OAAD;GAAK,WAAU;aAGb,kBAAC,GAAD;IAEE,SAAS,IAAa,IAAU,CAAC;IACjC,SAAS,IAAa,IAAU;IAChC,oBACE,KAAsB,KAAsB,CAAC,GAAG,MAAM,GAAG,GAAG,IAAI,CAAC;IAEnE,uBAAuB,MAA6B;IACpD,qBAAqB;GACtB,GARM,CAQN;EACE,CAAA,IAEL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,CAAC,KACA,kBAAC,GAAD;KACE,QAAO;KACP,YAAY,EAAQ;IACrB,CAAA;IAEF,KAAmB,KAClB,kBAAC,GAAD;KACE,QAAO;KACP,YAAY,EAAQ;IACrB,CAAA;IAEF,KAAmB,CAAC,KACnB,kBAAC,GAAD;KAA2B,MAAM,kBAAC,GAAD,CAAiB,CAAA;eAC/C,EAAE,EAAQ,sBAAsB;IACR,CAAA;GAE1B;;CAEH,CAAA;AAEV"}

package/dist/routes/conversation.cjs

@@ -1,2 +1,2 @@
-const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../i18n/declaration.cjs"),r=require("../types/agent-state.cjs"),i=require("../hooks/use-conversation-id.cjs"),a=require("../stores/command-store.cjs"),o=require("../stores/conversation-store.cjs"),s=require("../stores/agent-store.cjs"),c=require("../stores/conversation-state-store.cjs"),l=require("../utils/custom-toast-handlers.cjs"),u=require("../contexts/active-backend-context.cjs"),d=require("../api/backend-registry/last-conversation-store.cjs"),f=require("../stores/error-message-store.cjs"),p=require("../api/cloud/conversation-service.api.cjs"),m=require("../hooks/query/use-active-conversation.cjs"),h=require("../wrapper/event-handler.cjs"),g=require("../hooks/query/use-task-polling.cjs"),_=require("../hooks/query/use-is-authed.cjs"),v=require("../components/features/conversation/conversation-main/conversation-main.cjs"),y=require("../components/features/conversation/conversation-main/conversation-mobile-panel-page.cjs"),b=require("../contexts/websocket-provider-wrapper.cjs");let x=require("react");x=e.__toESM(x,1);let S=require("react/jsx-runtime"),C=require("react-router");function w(){let{t:e}=t.useTranslation(`openhands`),{conversationId:w}=i.useConversationId(),T=(0,C.useMatch)(`/conversations/:conversationId/panel`),{isTask:E,taskStatus:D,taskDetail:O}=g.useTaskPollingController(),k=u.useActiveBackend(),A=x.default.useRef(k.backend.id),j=x.default.useRef(k.orgId),M=A.current!==k.backend.id||j.current!==k.orgId,{data:N,isFetched:P}=m.useActiveConversation(),{data:F}=_.useIsAuthed(),{resetConversationState:I}=o.useConversationStore(),L=(0,C.useNavigate)(),R=(0,C.useLocation)(),z=a.useCommandStore(e=>e.clearTerminal),B=c.useConversationStateStore(e=>e.reset),V=s.useAgentStore(e=>e.setCurrentAgentState),H=f.useErrorMessageStore(e=>e.removeErrorMessage);x.default.useEffect(()=>{z(),I(),B(),V(r.AgentState.LOADING),H()},[w,z,I,B,V,H]),x.default.useEffect(()=>{if(E&&D===`ERROR`){l.displayErrorToast(O||e(n.I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));let t=R.state?.resumedFromConversationId;L(t?`/conversations/${t}`:`/conversations`,{replace:!0})}},[E,D,O,e,L,R.state]),x.default.useEffect(()=>{!P||!F||M||N||(d.clearLastConversationId(k.backend.id,k.orgId),l.displayErrorToast(e(n.I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)),L(`/conversations`))},[N,P,F,L,e,M,k.backend.id,k.orgId]),x.default.useEffect(()=>{M||w&&(w.startsWith(`task-`)||d.setLastConversationId(k.backend.id,k.orgId,w))},[w,M,k.backend.id,k.orgId]);let U=x.default.useRef(null);return x.default.useEffect(()=>{!P||!N||k.backend.kind===`cloud`&&N.sandbox_status===`PAUSED`&&N.sandbox_id&&U.current!==N.id&&(U.current=N.id,p.resumeCloudSandbox(N.sandbox_id).catch(()=>{l.displayErrorToast(e(n.I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK))}))},[P,N?.id,N?.sandbox_status,N?.sandbox_id,k.backend.kind,e]),M?null:(0,S.jsx)(b.WebSocketProviderWrapper,{conversationId:w,children:(0,S.jsx)(h.EventHandler,{children:(0,S.jsx)(`div`,{"data-testid":`app-route`,className:`flex h-full flex-col`,children:T?(0,S.jsx)(y.ConversationMobilePanelPage,{onNavigateBack:()=>L(`/conversations/${w}`)}):(0,S.jsx)(v.ConversationMain,{})})})})}function T(){return(0,S.jsx)(w,{})}exports.default=T;
+const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../i18n/declaration.cjs"),r=require("../types/agent-state.cjs"),i=require("../hooks/use-conversation-id.cjs"),a=require("../stores/command-store.cjs"),o=require("../stores/conversation-store.cjs"),s=require("../stores/agent-store.cjs"),c=require("../stores/conversation-state-store.cjs"),l=require("../utils/custom-toast-handlers.cjs"),u=require("../contexts/active-backend-context.cjs"),d=require("../api/backend-registry/last-conversation-store.cjs"),f=require("../stores/error-message-store.cjs"),p=require("../api/cloud/conversation-service.api.cjs"),m=require("../hooks/query/use-active-conversation.cjs"),h=require("../wrapper/event-handler.cjs"),g=require("../hooks/query/use-task-polling.cjs"),_=require("../hooks/query/use-is-authed.cjs"),v=require("../components/features/conversation/conversation-overview-drawer-context.cjs"),y=require("../components/features/conversation/conversation-main/conversation-main.cjs"),b=require("../components/features/conversation/conversation-main/conversation-mobile-panel-page.cjs"),x=require("../contexts/websocket-provider-wrapper.cjs");let S=require("react");S=e.__toESM(S,1);let C=require("react/jsx-runtime"),w=require("react-router");function T(){let{t:e}=t.useTranslation(`openhands`),{conversationId:T}=i.useConversationId(),E=(0,w.useMatch)(`/conversations/:conversationId/panel`),{isTask:D,taskStatus:O,taskDetail:k}=g.useTaskPollingController(),A=u.useActiveBackend(),j=S.default.useRef(A.backend.id),M=S.default.useRef(A.orgId),N=j.current!==A.backend.id||M.current!==A.orgId,{data:P,isFetched:F}=m.useActiveConversation(),{data:I}=_.useIsAuthed(),{resetConversationState:L}=o.useConversationStore(),R=(0,w.useNavigate)(),z=(0,w.useLocation)(),B=a.useCommandStore(e=>e.clearTerminal),V=c.useConversationStateStore(e=>e.reset),H=s.useAgentStore(e=>e.setCurrentAgentState),U=f.useErrorMessageStore(e=>e.removeErrorMessage);S.default.useEffect(()=>{B(),L(),V(),H(r.AgentState.LOADING),U()},[T,B,L,V,H,U]),S.default.useEffect(()=>{if(D&&O===`ERROR`){l.displayErrorToast(k||e(n.I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));let t=z.state?.resumedFromConversationId;R(t?`/conversations/${t}`:`/conversations`,{replace:!0})}},[D,O,k,e,R,z.state]),S.default.useEffect(()=>{!F||!I||N||P||(d.clearLastConversationId(A.backend.id,A.orgId),l.displayErrorToast(e(n.I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)),R(`/conversations`))},[P,F,I,R,e,N,A.backend.id,A.orgId]),S.default.useEffect(()=>{N||T&&(T.startsWith(`task-`)||d.setLastConversationId(A.backend.id,A.orgId,T))},[T,N,A.backend.id,A.orgId]);let W=S.default.useRef(null);return S.default.useEffect(()=>{!F||!P||A.backend.kind===`cloud`&&P.sandbox_status===`PAUSED`&&P.sandbox_id&&W.current!==P.id&&(W.current=P.id,p.resumeCloudSandbox(P.sandbox_id).catch(()=>{l.displayErrorToast(e(n.I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK))}))},[F,P?.id,P?.sandbox_status,P?.sandbox_id,A.backend.kind,e]),N?null:(0,C.jsx)(x.WebSocketProviderWrapper,{conversationId:T,children:(0,C.jsx)(h.EventHandler,{children:(0,C.jsx)(v.ConversationOverviewDrawerProvider,{children:(0,C.jsx)(`div`,{"data-testid":`app-route`,className:`flex h-full flex-col`,children:E?(0,C.jsx)(b.ConversationMobilePanelPage,{onNavigateBack:()=>R(`/conversations/${T}`)}):(0,C.jsx)(y.ConversationMain,{})})})})})}function E(){return(0,C.jsx)(T,{})}exports.default=E;
 //# sourceMappingURL=conversation.cjs.map