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

package/dist/routes/files-tab.cjs

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

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

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

package/dist/routes/files-tab.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"files-tab.js","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useResizableDrawerWidth } from \"#/hooks/use-resizable-drawer-width\";\nimport {\n  getConversationState,\n  useConversationLocalStorageState,\n} from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { WorkspacePath } from \"#/components/features/files-tab/workspace-path\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport {\n  FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n  FILES_TAB_TREE_MAX_WIDTH_PX,\n  FILES_TAB_TREE_MIN_WIDTH_PX,\n  FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID,\n  FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n} from \"#/components/features/files-tab/files-tab-tree.constants\";\nimport { ResizeHandle } from \"#/components/ui/resize-handle\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\n\n/**\n * Workspace file browser. Diff/Commits live in the sibling Commits\n * conversation tab — this surface is only the file tree / content viewer.\n */\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { data: activeConversation } = useActiveConversation();\n  const workspacePath = activeConversation?.workspace?.working_dir;\n\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabContentViewMode,\n    setFilesTabTreeVisible,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n  const contentViewMode = persistedState.filesTabContentViewMode;\n  const isTreeVisible = persistedState.filesTabTreeVisible ?? true;\n  const toggleTreeVisible = useCallback(() => {\n    setFilesTabTreeVisible?.(!isTreeVisible);\n  }, [isTreeVisible, setFilesTabTreeVisible]);\n\n  const treeLayoutRef = useRef<HTMLDivElement>(null);\n  const {\n    drawerWidth: treeWidth,\n    isDragging: isTreeResizing,\n    handleMouseDown: handleTreeResizeMouseDown,\n  } = useResizableDrawerWidth({\n    containerRef: treeLayoutRef,\n    defaultWidth: FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n    minWidth: FILES_TAB_TREE_MIN_WIDTH_PX,\n    maxWidth: FILES_TAB_TREE_MAX_WIDTH_PX,\n    storageKey: FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n    enabled: isTreeVisible,\n    edge: \"left\",\n  });\n\n  const filesQuery = useWorkspaceFiles();\n  const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n  const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n  const selectedConversationId = useFilesTabStore(\n    (s) => s.selectedConversationId,\n  );\n  const openPaths = useFilesTabStore((s) => s.openPaths);\n  const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n  const closeOpenPath = useFilesTabStore((s) => s.closeOpenPath);\n  const hydrateForConversation = useFilesTabStore(\n    (s) => s.hydrateForConversation,\n  );\n\n  // A selection is scoped to the conversation it was made in. Ignore a path\n  // that belongs to a different conversation so we never try to open a file\n  // that only exists in the previous conversation's workspace (issue #1350).\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n  const conversationOpenPaths =\n    selectedConversationId === conversationId ? openPaths : [];\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. Opening a path also appends it to the tab strip.\n  const handleSelectFile = useCallback(\n    (path: string) => setSelectedPath(path, conversationId),\n    [conversationId, setSelectedPath],\n  );\n\n  // Pre-fetch the selected file's content here too so the toolbar's\n  // \"open in new window\" link can reach for its `staticUrl`. react-query\n  // dedupes against `FileContentViewer`'s identical call, so this costs\n  // nothing extra.\n  const selectedFileContent = useWorkspaceFileContent(selectedPath);\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n  const selectedFileStaticUrl = withWorkspaceCacheBuster(\n    selectedFileContent.data?.staticUrl ?? null,\n    mutationCounter,\n  );\n\n  // Restore open tabs / selection from conversation-scoped localStorage on\n  // mount and when switching conversations (survives a full page refresh).\n  // Read localStorage directly — the React hook mirror can briefly hold the\n  // previous conversation's state until its sync effect runs.\n  useEffect(() => {\n    if (!conversationId) return;\n    if (selectedConversationId === conversationId) return;\n    const persisted = getConversationState(conversationId);\n    hydrateForConversation(\n      conversationId,\n      persisted.filesTabOpenPaths ?? [],\n      persisted.filesTabSelectedPath ?? null,\n    );\n  }, [conversationId, selectedConversationId, hydrateForConversation]);\n\n  const queryClient = useQueryClient();\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const refreshFiles = async () => {\n    setIsRefreshing(true);\n    try {\n      await Promise.all([\n        queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] }),\n        queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] }),\n      ]);\n    } finally {\n      setIsRefreshing(false);\n    }\n  };\n\n  const quickRowActions = (\n    <button\n      type=\"button\"\n      onClick={refreshFiles}\n      disabled={isRefreshing}\n      aria-label={t(I18nKey.FILES$REFRESH)}\n      title={t(I18nKey.FILES$REFRESH)}\n      data-testid=\"files-tab-refresh\"\n      className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n    >\n      <RefreshIcon\n        width={12.75}\n        height={15}\n        color=\"#ffffff\"\n        className={isRefreshing ? \"animate-spin\" : \"\"}\n      />\n    </button>\n  );\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      <WorkspacePath path={workspacePath} />\n      {filesQuery.isLoading ? (\n        <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n          {t(I18nKey.FILES$LOADING_FILES)}\n        </div>\n      ) : (\n        <>\n          <FileQuickRow\n            openPaths={conversationOpenPaths}\n            selectedPath={selectedPath}\n            onSelectFile={handleSelectFile}\n            onCloseFile={closeOpenPath}\n            isTreeVisible={isTreeVisible}\n            onToggleTree={toggleTreeVisible}\n            actions={quickRowActions}\n          />\n          <div ref={treeLayoutRef} className=\"flex h-full min-h-0 flex-1\">\n            {isTreeVisible && (\n              <>\n                <aside\n                  className=\"shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                  data-testid=\"files-tab-tree\"\n                  style={{ width: `${treeWidth}px` }}\n                >\n                  <FileTreeView\n                    paths={paths}\n                    selectedPath={selectedPath}\n                    onSelectFile={handleSelectFile}\n                  />\n                </aside>\n                <ResizeHandle\n                  testId={FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID}\n                  onMouseDown={handleTreeResizeMouseDown}\n                  isDragging={isTreeResizing}\n                />\n              </>\n            )}\n            <section\n              className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n              data-testid=\"files-tab-content\"\n            >\n              {selectedPath ? (\n                <>\n                  <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n                    <SegmentedToggle<ViewMode>\n                      ariaLabel={t(I18nKey.FILES$RICH)}\n                      testId=\"files-tab-content-mode-toggle\"\n                      value={contentViewMode}\n                      options={[\n                        { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n                        { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n                      ]}\n                      onChange={setFilesTabContentViewMode}\n                    />\n                    {selectedFileStaticUrl ? (\n                      <a\n                        href={selectedFileStaticUrl}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n                        title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n                        data-testid=\"files-tab-open-in-new-window\"\n                        className=\"ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n                      >\n                        <LinkExternalIcon width={14} height={14} />\n                      </a>\n                    ) : null}\n                  </div>\n                  <FileContentViewer\n                    path={selectedPath}\n                    viewMode={contentViewMode}\n                  />\n                </>\n              ) : (\n                <NoFileSelectedMessage />\n              )}\n            </section>\n          </div>\n        </>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,SAAS,IAAW;CAClB,IAAM,EAAE,SAAM,EAAe,WAAW;CAGxC,EAA0B;CAE1B,IAAM,EAAE,MAAM,MAAuB,EAAsB,GACrD,IAAgB,GAAoB,WAAW,aAE/C,EAAE,sBAAmB,EAA0B,GAC/C,EACJ,OAAO,GACP,+BACA,8BACE,EAAiC,KAAkB,EAAE,GACnD,IAAkB,EAAe,yBACjC,IAAgB,EAAe,uBAAuB,IACtD,KAAoB,QAAkB;EAC1C,IAAyB,CAAC,CAAa;CACzC,GAAG,CAAC,GAAe,CAAsB,CAAC,GAEpC,IAAgB,EAAuB,IAAI,GAC3C,EACJ,aAAa,GACb,YAAY,GACZ,iBAAiB,MACf,EAAwB;EAC1B,cAAc;EACd,cAAA;EACA,UAAA;EACA,UAAA;EACA,YAAY;EACZ,SAAS;EACT,MAAM;CACR,CAAC,GAEK,IAAa,EAAkB,GAC/B,IAAQ,QAAc,EAAW,QAAQ,CAAC,GAAG,CAAC,EAAW,IAAI,CAAC,GAE9D,IAAqB,GAAkB,MAAM,EAAE,YAAY,GAC3D,IAAyB,GAC5B,MAAM,EAAE,sBACX,GACM,IAAY,GAAkB,MAAM,EAAE,SAAS,GAC/C,IAAkB,GAAkB,MAAM,EAAE,eAAe,GAC3D,IAAgB,GAAkB,MAAM,EAAE,aAAa,GACvD,IAAyB,GAC5B,MAAM,EAAE,sBACX,GAKM,IACJ,MAA2B,IAAiB,IAAqB,MAC7D,KACJ,MAA2B,IAAiB,IAAY,CAAC,GAIrD,IAAmB,GACtB,MAAiB,EAAgB,GAAM,CAAc,GACtD,CAAC,GAAgB,CAAe,CAClC,GAMM,KAAsB,EAAwB,CAAY,GAC1D,KAAkB,GAA6B,MAAU,EAAM,KAAK,GACpE,IAAwB,GAC5B,GAAoB,MAAM,aAAa,MACvC,EACF;CAMA,SAAgB;EAEd,IADI,CAAC,KACD,MAA2B,GAAgB;EAC/C,IAAM,IAAY,EAAqB,CAAc;EACrD,EACE,GACA,EAAU,qBAAqB,CAAC,GAChC,EAAU,wBAAwB,IACpC;CACF,GAAG;EAAC;EAAgB;EAAwB;CAAsB,CAAC;CAEnE,IAAM,IAAc,EAAe,GAC7B,CAAC,GAAc,KAAmB,EAAS,EAAK,GAahD,KACJ,kBAAC,UAAD;EACE,MAAK;EACL,SAAS,YAfoB;GAC/B,EAAgB,EAAI;GACpB,IAAI;IACF,MAAM,QAAQ,IAAI,CAChB,EAAY,kBAAkB,EAAE,UAAU,CAAC,iBAAiB,EAAE,CAAC,GAC/D,EAAY,kBAAkB,EAAE,UAAU,CAAC,wBAAwB,EAAE,CAAC,CACxE,CAAC;GACH,UAAU;IACR,EAAgB,EAAK;GACvB;EACF;EAMI,UAAU;EACV,cAAY,EAAE,EAAQ,aAAa;EACnC,OAAO,EAAE,EAAQ,aAAa;EAC9B,eAAY;EACZ,WAAU;YAEV,kBAAC,IAAD;GACE,OAAO;GACP,QAAQ;GACR,OAAM;GACN,WAAW,IAAe,iBAAiB;EAC5C,CAAA;CACK,CAAA;CAGV,OACE,kBAAC,QAAD;EACE,WAAU;EACV,eAAY;YAFd,CAIE,kBAAC,IAAD,EAAe,MAAM,EAAgB,CAAA,GACpC,EAAW,YACV,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAE,EAAQ,mBAAmB;EAC3B,CAAA,IAEL,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,WAAW;GACG;GACd,cAAc;GACd,aAAa;GACE;GACf,cAAc;GACd,SAAS;EACV,CAAA,GACD,kBAAC,OAAD;GAAK,KAAK;GAAe,WAAU;aAAnC,CACG,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,SAAD;IACE,WAAU;IACV,eAAY;IACZ,OAAO,EAAE,OAAO,GAAG,EAAU,IAAI;cAEjC,kBAAC,GAAD;KACS;KACO;KACd,cAAc;IACf,CAAA;GACI,CAAA,GACP,kBAAC,GAAD;IACE,QAAA;IACA,aAAa;IACb,YAAY;GACb,CAAA,CACD,EAAA,CAAA,GAEJ,kBAAC,WAAD;IACE,WAAU;IACV,eAAY;cAEX,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,WAAW,EAAE,EAAQ,UAAU;MAC/B,QAAO;MACP,OAAO;MACP,SAAS,CACP;OAAE,OAAO;OAAQ,OAAO,EAAE,EAAQ,UAAU;MAAE,GAC9C;OAAE,OAAO;OAAS,OAAO,EAAE,EAAQ,WAAW;MAAE,CAClD;MACA,UAAU;KACX,CAAA,GACA,IACC,kBAAC,KAAD;MACE,MAAM;MACN,QAAO;MACP,KAAI;MACJ,cAAY,EAAE,EAAQ,wBAAwB;MAC9C,OAAO,EAAE,EAAQ,wBAAwB;MACzC,eAAY;MACZ,WAAU;gBAEV,kBAAC,GAAD;OAAkB,OAAO;OAAI,QAAQ;MAAK,CAAA;KACzC,CAAA,IACD,IACD;QACL,kBAAC,GAAD;KACE,MAAM;KACN,UAAU;IACX,CAAA,CACD,EAAA,CAAA,IAEF,kBAAC,GAAD,CAAwB,CAAA;GAEnB,CAAA,CACN;IACL,EAAA,CAAA,CAEA;;AAEV"}
+{"version":3,"file":"files-tab.js","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useResizableDrawerWidth } from \"#/hooks/use-resizable-drawer-width\";\nimport {\n  getConversationState,\n  useConversationLocalStorageState,\n} from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { WorkspacePath } from \"#/components/features/files-tab/workspace-path\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport {\n  FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n  FILES_TAB_TREE_MAX_WIDTH_PX,\n  FILES_TAB_TREE_MIN_WIDTH_PX,\n  FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID,\n  FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n} from \"#/components/features/files-tab/files-tab-tree.constants\";\nimport { ResizeHandle } from \"#/components/ui/resize-handle\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\n\n/**\n * Workspace file browser. Diff/Commits live in the sibling Commits\n * conversation tab — this surface is only the file tree / content viewer.\n */\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { data: activeConversation } = useActiveConversation();\n  const workspacePath = activeConversation?.workspace?.working_dir;\n\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabContentViewMode,\n    setFilesTabTreeVisible,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n  const contentViewMode = persistedState.filesTabContentViewMode;\n  const isTreeVisible = persistedState.filesTabTreeVisible ?? true;\n  const toggleTreeVisible = useCallback(() => {\n    setFilesTabTreeVisible?.(!isTreeVisible);\n  }, [isTreeVisible, setFilesTabTreeVisible]);\n\n  const treeLayoutRef = useRef<HTMLDivElement>(null);\n  const {\n    drawerWidth: treeWidth,\n    isDragging: isTreeResizing,\n    handleMouseDown: handleTreeResizeMouseDown,\n  } = useResizableDrawerWidth({\n    containerRef: treeLayoutRef,\n    defaultWidth: FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n    minWidth: FILES_TAB_TREE_MIN_WIDTH_PX,\n    maxWidth: FILES_TAB_TREE_MAX_WIDTH_PX,\n    storageKey: FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n    enabled: isTreeVisible,\n    edge: \"left\",\n  });\n\n  const filesQuery = useWorkspaceFiles();\n  const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n  const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n  const selectedConversationId = useFilesTabStore(\n    (s) => s.selectedConversationId,\n  );\n  const openPaths = useFilesTabStore((s) => s.openPaths);\n  const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n  const closeOpenPath = useFilesTabStore((s) => s.closeOpenPath);\n  const hydrateForConversation = useFilesTabStore(\n    (s) => s.hydrateForConversation,\n  );\n\n  // A selection is scoped to the conversation it was made in. Ignore a path\n  // that belongs to a different conversation so we never try to open a file\n  // that only exists in the previous conversation's workspace (issue #1350).\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n  const conversationOpenPaths =\n    selectedConversationId === conversationId ? openPaths : [];\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. Opening a path also appends it to the tab strip.\n  const handleSelectFile = useCallback(\n    (path: string) => setSelectedPath(path, conversationId),\n    [conversationId, setSelectedPath],\n  );\n\n  // Pre-fetch the selected file's content here too so the toolbar's\n  // \"open in new window\" link can reach for its `staticUrl`. react-query\n  // dedupes against `FileContentViewer`'s identical call, so this costs\n  // nothing extra.\n  const selectedFileContent = useWorkspaceFileContent(selectedPath);\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n  const selectedFileStaticUrl = withWorkspaceCacheBuster(\n    selectedFileContent.data?.staticUrl ?? null,\n    mutationCounter,\n  );\n\n  // Restore open tabs / selection from conversation-scoped localStorage on\n  // mount and when switching conversations (survives a full page refresh).\n  // Read localStorage directly — the React hook mirror can briefly hold the\n  // previous conversation's state until its sync effect runs.\n  useEffect(() => {\n    if (!conversationId) return;\n    if (selectedConversationId === conversationId) return;\n    const persisted = getConversationState(conversationId);\n    hydrateForConversation(\n      conversationId,\n      persisted.filesTabOpenPaths ?? [],\n      persisted.filesTabSelectedPath ?? null,\n    );\n  }, [conversationId, selectedConversationId, hydrateForConversation]);\n\n  const queryClient = useQueryClient();\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const refreshFiles = async () => {\n    setIsRefreshing(true);\n    try {\n      await Promise.all([\n        queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] }),\n        queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] }),\n      ]);\n    } finally {\n      setIsRefreshing(false);\n    }\n  };\n\n  const quickRowActions = (\n    <button\n      type=\"button\"\n      onClick={refreshFiles}\n      disabled={isRefreshing}\n      aria-label={t(I18nKey.FILES$REFRESH)}\n      title={t(I18nKey.FILES$REFRESH)}\n      data-testid=\"files-tab-refresh\"\n      className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n    >\n      <RefreshIcon\n        width={12.75}\n        height={15}\n        color=\"#ffffff\"\n        className={isRefreshing ? \"animate-spin\" : \"\"}\n      />\n    </button>\n  );\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      <WorkspacePath path={workspacePath} />\n      {filesQuery.isLoading ? (\n        <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n          {t(I18nKey.FILES$LOADING_FILES)}\n        </div>\n      ) : (\n        <>\n          <FileQuickRow\n            openPaths={conversationOpenPaths}\n            selectedPath={selectedPath}\n            onSelectFile={handleSelectFile}\n            onCloseFile={closeOpenPath}\n            isTreeVisible={isTreeVisible}\n            onToggleTree={toggleTreeVisible}\n            actions={quickRowActions}\n          />\n          <div ref={treeLayoutRef} className=\"flex h-full min-h-0 flex-1\">\n            {isTreeVisible && (\n              <>\n                <aside\n                  className=\"shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                  data-testid=\"files-tab-tree\"\n                  style={{ width: `${treeWidth}px` }}\n                >\n                  <FileTreeView\n                    paths={paths}\n                    selectedPath={selectedPath}\n                    onSelectFile={handleSelectFile}\n                  />\n                </aside>\n                <ResizeHandle\n                  testId={FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID}\n                  onMouseDown={handleTreeResizeMouseDown}\n                  isDragging={isTreeResizing}\n                />\n              </>\n            )}\n            <section\n              className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n              data-testid=\"files-tab-content\"\n            >\n              {selectedPath ? (\n                <>\n                  <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n                    <SegmentedToggle<ViewMode>\n                      ariaLabel={t(I18nKey.FILES$RICH)}\n                      testId=\"files-tab-content-mode-toggle\"\n                      value={contentViewMode}\n                      options={[\n                        { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n                        { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n                      ]}\n                      onChange={setFilesTabContentViewMode}\n                    />\n                    {selectedFileStaticUrl ? (\n                      <a\n                        href={selectedFileStaticUrl}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n                        title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n                        data-testid=\"files-tab-open-in-new-window\"\n                        className=\"ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n                      >\n                        <LinkExternalIcon width={14} height={14} />\n                      </a>\n                    ) : null}\n                  </div>\n                  <FileContentViewer\n                    path={selectedPath}\n                    viewMode={contentViewMode}\n                  />\n                </>\n              ) : (\n                <NoFileSelectedMessage />\n              )}\n            </section>\n          </div>\n        </>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}

package/dist/routes/llm-settings.cjs

@@ -1,2 +1,2 @@
-const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../i18n/declaration.cjs"),r=require("../node_modules/lucide-react/dist/esm/icons/info.cjs"),i=require("../services/settings.cjs"),a=require("../constants/llm-subscription.cjs"),o=require("../utils/format-model-name.cjs"),s=require("../hooks/query/use-settings.cjs"),c=require("../components/features/settings/settings-input.cjs"),l=require("../components/features/settings/settings-dropdown-input.cjs"),u=require("../utils/extract-model-and-provider.cjs"),d=require("../ui/help-link.cjs"),f=require("../components/shared/modals/settings/model-selector.cjs"),p=require("../hooks/query/use-agent-settings-schema.cjs"),m=require("../components/features/settings/llm-settings/openai-subscription-auth-card.cjs"),h=require("../components/features/settings/key-status-icon.cjs"),g=require("../utils/sdk-settings-schema.cjs"),_=require("../components/features/settings/sdk-settings/sdk-section-page.cjs"),v=require("../hooks/query/use-provider-connections.cjs");require("../components/features/settings/llm-profiles/index.cjs");const y=require("../hooks/query/use-llm-subscription-models.cjs");let b=require("react");b=e.__toESM(b,1);let x=require("react/jsx-runtime");var S=`llm.provider_connection_id`,C=`__none__`,w=new Set([`llm.model`,`llm.api_key`,`llm.base_url`,S,a.LLM_AUTH_TYPE_KEY,a.LLM_SUBSCRIPTION_VENDOR_KEY]),T=(e,t)=>!e||!t?null:`${e}/${t}`,E=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,D={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`]),moonshot:new Set([`https://api.kimi.com/coding/v1`])},O=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},k=(e,t)=>{let n=O(t),{provider:r}=u.extractModelAndProvider(e);if(r){let e=D[r];if(e)return e.has(n)}return Object.values(D).some(e=>e?.has(n))};function A({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,x.jsx)(d.HelpLink,{testId:e,text:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),linkText:r(n.I18nKey.SETTINGS$NAV_API_KEYS),href:`https://app.all-hands.dev/settings/api-keys`,suffix:` ${r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`})}function j(){return(0,x.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,x.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,x.jsx)(`span`,{children:o.FREE_OPENHANDS_MODEL_NOTE})]})}function M({scope:e=`personal`,onSaveSuccess:r,initialValueOverrides:u,embedded:D,hideSaveButton:O,suppressSuccessToast:M,onSaveControlChange:N,showProviderConnection:P}){let{t:F}=t.useTranslation(`openhands`),{data:I}=v.useProviderConnections(),L=b.default.useMemo(()=>P?I??[]:[],[P,I]),{data:R}=s.useSettings(e),{data:z}=p.useAgentSettingsSchema(R?.agent_settings_schema),B=R?.agent_settings?.llm,V=a.resolveLlmAuthType(u?.[`llm.auth_type`]??B?.auth_type),[H,U]=b.default.useState(V===a.LLM_AUTH_TYPE_SUBSCRIPTION),{data:W,isLoading:G,isFetching:K}=y.useOpenAISubscriptionModels({enabled:H}),q=H&&!W&&(G||K),J=b.default.useRef(null),Y=b.default.useRef(null);b.default.useEffect(()=>{V===`subscription`&&U(!0)},[V]);let X=String(i.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),Z=b.default.useCallback((e,t)=>{let n=g.inferInitialView(e,t);if(n!==`basic`)return n;let r=e.llm_model??``,i=e.llm_base_url?.trim()??``;return i.length>0&&!k(r,i)?`all`:`basic`},[]),Q=b.default.useCallback(({values:e,isDisabled:t,view:r,onChange:i})=>{let s=typeof e[`llm.model`]==`string`?e[`llm.model`]:``,u=typeof e[`llm.base_url`]==`string`?e[`llm.base_url`]:``,p=s.startsWith(`openhands/`),g=a.resolveLlmAuthType(e[a.LLM_AUTH_TYPE_KEY]),_=g===a.LLM_AUTH_TYPE_SUBSCRIPTION,v=t||_&&q,y=W?.includes(s)?s:W?.[0]??``,b=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,w=D?b.length>0:!!R?.llm_api_key_set,E=typeof e[`llm.provider_connection_id`]==`string`?e[S]:``,O=!!E,k=P&&!_&&(O||L.length>0),M=O&&!L.some(e=>e.id===E),N=()=>(0,x.jsx)(l.SettingsDropdownInput,{testId:`llm-provider-connection-input`,name:S,label:F(n.I18nKey.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL),items:[{key:C,label:F(n.I18nKey.SETTINGS$MCP_AUTH_MODE_NONE)},...L.map(e=>({key:e.id,label:e.display_name})),...M?[{key:E,label:E}]:[]],selectedKey:E||C,isClearable:!1,isDisabled:t,onSelectionChange:e=>{i(S,typeof e==`string`&&e!==C?e:``)}}),I=(e,r)=>(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(c.SettingsInput,{testId:e,label:F(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:b,placeholder:w?`<hidden>`:``,onChange:e=>i(`llm.api_key`,e),isDisabled:t,startContent:w?(0,x.jsx)(h.KeyStatusIcon,{isSet:w}):void 0}),(0,x.jsx)(d.HelpLink,{testId:r,text:F(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:F(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]}),z=e=>{let t=e===`subscription`?a.LLM_AUTH_TYPE_SUBSCRIPTION:a.LLM_AUTH_TYPE_API_KEY;if(i(a.LLM_AUTH_TYPE_KEY,t),t===`subscription`){U(!0),s&&!W?.includes(s)&&(J.current=s);let e=Y.current&&W?.includes(Y.current)?Y.current:W?.[0];i(a.LLM_SUBSCRIPTION_VENDOR_KEY,a.OPENAI_SUBSCRIPTION_VENDOR),!W?.includes(s)&&e&&i(`llm.model`,e);return}s&&W?.includes(s)&&(Y.current=s,i(`llm.model`,J.current??X))},B=()=>(0,x.jsx)(l.SettingsDropdownInput,{testId:`llm-auth-type-input`,name:a.LLM_AUTH_TYPE_KEY,label:F(n.I18nKey.SETTINGS$LLM_AUTH_TYPE),items:[{key:a.LLM_AUTH_TYPE_API_KEY,label:F(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY)},{key:a.LLM_AUTH_TYPE_SUBSCRIPTION,label:F(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)}],selectedKey:g,isClearable:!1,required:!0,isDisabled:v,onSelectionChange:z}),V=()=>(0,x.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-subscription-settings`,children:[(0,x.jsx)(l.SettingsDropdownInput,{testId:`llm-subscription-model-input`,name:`llm.subscription_model`,label:F(n.I18nKey.SETTINGS$SUBSCRIPTION_MODEL),items:(W??[]).map(e=>({key:e,label:e})),selectedKey:y,isClearable:!1,required:!0,isDisabled:v||!W?.length,onSelectionChange:e=>{let t=typeof e==`string`?e:W?.[0];t&&i(`llm.model`,t)}}),(0,x.jsx)(m.OpenAISubscriptionAuthCard,{isDisabled:t})]});return(0,x.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,x.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[B(),_?V():(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(f.ModelSelector,{currentModel:s||void 0,onChange:(e,t)=>{let n=T(e,t);n&&i(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),k?N():null,p&&!O?(0,x.jsx)(A,{testId:`openhands-api-key-help`}):null,O?null:I(`llm-api-key-input`,`llm-api-key-help-anchor`)]})]}):(0,x.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[B(),_?V():(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(c.SettingsInput,{testId:`llm-custom-model-input`,label:F(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:s,placeholder:X,onChange:e=>i(`llm.model`,e),isDisabled:t}),p&&!O?(0,x.jsxs)(x.Fragment,{children:[o.isFreeOpenHandsModel(s)?(0,x.jsx)(j,{}):null,(0,x.jsx)(A,{testId:`openhands-api-key-help-2`})]}):null,k?N():null,O?null:(0,x.jsx)(c.SettingsInput,{testId:`base-url-input`,label:F(n.I18nKey.SETTINGS$BASE_URL),type:`text`,className:`w-full`,value:u,placeholder:`https://api.openai.com`,onChange:e=>i(`llm.base_url`,e),isDisabled:t}),O?null:I(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`)]})]})})},[L,P,X,D,q,R?.llm_api_key_set,W,F]),$=b.default.useCallback((e,t)=>{let n=structuredClone(e.agent_settings_diff??{}),r=n.llm??{};if(a.resolveLlmAuthType(t.values[`llm.auth_type`])===`subscription`){r.auth_type=a.LLM_AUTH_TYPE_SUBSCRIPTION,r.subscription_vendor=a.OPENAI_SUBSCRIPTION_VENDOR;let e=typeof r.model==`string`?r.model:String(t.values[`llm.model`]??``),n=W?.[0];if(!W?.includes(e)&&!n)throw Error(`Subscription models are not loaded yet.`);r.model=W?.includes(e)?e:n,delete r.api_key,delete r.base_url}else t.dirty[`llm.auth_type`]&&(r.auth_type=a.LLM_AUTH_TYPE_API_KEY,r.subscription_vendor=null),t.view===`basic`&&r.model!==void 0&&(r.base_url=E(z,`llm.base_url`));return n.llm=r,{agent_settings_diff:n}},[z,W]);return(0,x.jsx)(_.SdkSectionPage,{scope:e,settingsSources:[{settingsSource:`agent_settings`,sectionKeys:[`llm`],excludeKeys:w}],header:Q,buildPayload:$,getInitialView:Z,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:r,initialValueOverrides:u,embedded:D,hideSaveButton:O,suppressSuccessToast:M,onSaveControlChange:N,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=M;
+const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../i18n/declaration.cjs"),r=require("../node_modules/lucide-react/dist/esm/icons/info.cjs"),i=require("../contexts/active-backend-context.cjs"),a=require("../services/settings.cjs"),o=require("../constants/llm-subscription.cjs"),s=require("../utils/format-model-name.cjs"),c=require("../hooks/query/use-settings.cjs"),l=require("../components/features/settings/settings-input.cjs"),u=require("../components/features/settings/settings-dropdown-input.cjs"),d=require("../utils/extract-model-and-provider.cjs"),f=require("../ui/help-link.cjs"),p=require("../components/shared/modals/settings/model-selector.cjs"),m=require("../hooks/query/use-agent-settings-schema.cjs"),h=require("../components/features/settings/llm-settings/openai-subscription-auth-card.cjs"),g=require("../components/features/settings/key-status-icon.cjs"),_=require("../utils/sdk-settings-schema.cjs"),v=require("../components/features/settings/sdk-settings/sdk-section-page.cjs"),y=require("../hooks/query/use-provider-connections.cjs");require("../components/features/settings/llm-profiles/index.cjs");const b=require("../hooks/query/use-llm-subscription-models.cjs");let x=require("react");x=e.__toESM(x,1);let S=require("react/jsx-runtime");var C=`llm.provider_connection_id`,w=`__none__`,T=new Set([`llm.model`,`llm.api_key`,`llm.base_url`,C,o.LLM_AUTH_TYPE_KEY,o.LLM_SUBSCRIPTION_VENDOR_KEY]),E=(e,t)=>!e||!t?null:`${e}/${t}`,D=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,O={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`]),moonshot:new Set([`https://api.kimi.com/coding/v1`])},k=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},A=(e,t)=>{let n=k(t),{provider:r}=d.extractModelAndProvider(e);if(r){let e=O[r];if(e)return e.has(n)}return Object.values(O).some(e=>e?.has(n))};function j({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,S.jsx)(f.HelpLink,{testId:e,text:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),linkText:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_LINK),href:`https://app.all-hands.dev/settings/api-keys`,suffix:` ${r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`,suffixLinkText:r(n.I18nKey.SETTINGS$SEE_HERE_FOR_MORE_DETAILS),suffixLinkHref:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`,trailing:`.`})}function M(){return(0,S.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,S.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,S.jsx)(`span`,{children:s.FREE_OPENHANDS_MODEL_NOTE})]})}function N({scope:e=`personal`,onSaveSuccess:r,initialValueOverrides:d,embedded:O,hideSaveButton:k,suppressSuccessToast:N,onSaveControlChange:P,showProviderConnection:F}){let{t:I}=t.useTranslation(`openhands`),{backend:L}=i.useActiveBackend(),R=L.kind===`cloud`,{data:z}=y.useProviderConnections(),B=x.default.useMemo(()=>F?z??[]:[],[F,z]),{data:V}=c.useSettings(e),{data:H}=m.useAgentSettingsSchema(V?.agent_settings_schema),U=V?.agent_settings?.llm,W=o.resolveLlmAuthType(d?.[`llm.auth_type`]??U?.auth_type),[G,K]=x.default.useState(W===o.LLM_AUTH_TYPE_SUBSCRIPTION),{data:q,isLoading:J,isFetching:Y}=b.useOpenAISubscriptionModels({enabled:G}),X=G&&!q&&(J||Y),Z=x.default.useRef(null),Q=x.default.useRef(null);x.default.useEffect(()=>{W===`subscription`&&K(!0)},[W]);let $=String(a.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),ee=x.default.useCallback((e,t)=>{let n=_.inferInitialView(e,t);if(n!==`basic`)return n;let r=e.llm_model??``,i=e.llm_base_url?.trim()??``;return i.length>0&&!A(r,i)?`all`:`basic`},[]),te=x.default.useCallback(({values:e,isDisabled:t,view:r,onChange:i})=>{let a=typeof e[`llm.model`]==`string`?e[`llm.model`]:``,c=typeof e[`llm.base_url`]==`string`?e[`llm.base_url`]:``,d=s.isOpenHandsProviderModel(a),m=o.resolveLlmAuthType(e[o.LLM_AUTH_TYPE_KEY]),_=m===o.LLM_AUTH_TYPE_SUBSCRIPTION,v=R&&d&&!_,y=t||_&&X,b=q?.includes(a)?a:q?.[0]??``,x=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,T=O?x.length>0:!!V?.llm_api_key_set,D=typeof e[`llm.provider_connection_id`]==`string`?e[C]:``,k=!!D,A=F&&!_&&(k||B.length>0),N=k&&!B.some(e=>e.id===D),P=()=>(0,S.jsx)(u.SettingsDropdownInput,{testId:`llm-provider-connection-input`,name:C,label:I(n.I18nKey.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL),items:[{key:w,label:I(n.I18nKey.SETTINGS$MCP_AUTH_MODE_NONE)},...B.map(e=>({key:e.id,label:e.display_name})),...N?[{key:D,label:D}]:[]],selectedKey:D||w,isClearable:!1,isDisabled:t,onSelectionChange:e=>{i(C,typeof e==`string`&&e!==w?e:``)}}),L=(e,r,a)=>(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.SettingsInput,{testId:e,label:I(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:x,placeholder:T?`<hidden>`:``,onChange:e=>i(`llm.api_key`,e),isDisabled:t,startContent:T?(0,S.jsx)(g.KeyStatusIcon,{isSet:T}):void 0}),d?(0,S.jsx)(j,{testId:a}):(0,S.jsx)(f.HelpLink,{testId:r,text:I(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:I(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]}),z=e=>{let t=e===`subscription`?o.LLM_AUTH_TYPE_SUBSCRIPTION:o.LLM_AUTH_TYPE_API_KEY;if(i(o.LLM_AUTH_TYPE_KEY,t),t===`subscription`){K(!0),a&&!q?.includes(a)&&(Z.current=a);let e=Q.current&&q?.includes(Q.current)?Q.current:q?.[0];i(o.LLM_SUBSCRIPTION_VENDOR_KEY,o.OPENAI_SUBSCRIPTION_VENDOR),!q?.includes(a)&&e&&i(`llm.model`,e);return}a&&q?.includes(a)&&(Q.current=a,i(`llm.model`,Z.current??$))},H=()=>(0,S.jsx)(u.SettingsDropdownInput,{testId:`llm-auth-type-input`,name:o.LLM_AUTH_TYPE_KEY,label:I(n.I18nKey.SETTINGS$LLM_AUTH_TYPE),items:[{key:o.LLM_AUTH_TYPE_API_KEY,label:I(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY)},{key:o.LLM_AUTH_TYPE_SUBSCRIPTION,label:I(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)}],selectedKey:m,isClearable:!1,required:!0,isDisabled:y,onSelectionChange:z}),U=()=>(0,S.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-subscription-settings`,children:[(0,S.jsx)(u.SettingsDropdownInput,{testId:`llm-subscription-model-input`,name:`llm.subscription_model`,label:I(n.I18nKey.SETTINGS$SUBSCRIPTION_MODEL),items:(q??[]).map(e=>({key:e,label:e})),selectedKey:b,isClearable:!1,required:!0,isDisabled:y||!q?.length,onSelectionChange:e=>{let t=typeof e==`string`?e:q?.[0];t&&i(`llm.model`,t)}}),(0,S.jsx)(h.OpenAISubscriptionAuthCard,{isDisabled:t})]});return(0,S.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,S.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[H(),_?U():(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(p.ModelSelector,{currentModel:a||void 0,onChange:(e,t)=>{let n=E(e,t);n&&i(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),A?P():null,k||v?null:L(`llm-api-key-input`,`llm-api-key-help-anchor`,`openhands-api-key-help`)]})]}):(0,S.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[H(),_?U():(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.SettingsInput,{testId:`llm-custom-model-input`,label:I(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:a,placeholder:$,onChange:e=>i(`llm.model`,e),isDisabled:t}),d&&!k?(0,S.jsx)(S.Fragment,{children:s.isFreeOpenHandsModel(a)?(0,S.jsx)(M,{}):null}):null,A?P():null,k||v?null:(0,S.jsx)(l.SettingsInput,{testId:`base-url-input`,label:I(n.I18nKey.SETTINGS$BASE_URL),type:`text`,className:`w-full`,value:c,placeholder:`https://api.openai.com`,onChange:e=>i(`llm.base_url`,e),isDisabled:t}),k||v?null:L(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`,`openhands-api-key-help-2`)]})]})})},[B,F,$,O,R,X,V?.llm_api_key_set,q,I]),ne=x.default.useCallback((e,t)=>{let n=structuredClone(e.agent_settings_diff??{}),r=n.llm??{};if(o.resolveLlmAuthType(t.values[`llm.auth_type`])===`subscription`){r.auth_type=o.LLM_AUTH_TYPE_SUBSCRIPTION,r.subscription_vendor=o.OPENAI_SUBSCRIPTION_VENDOR;let e=typeof r.model==`string`?r.model:String(t.values[`llm.model`]??``),n=q?.[0];if(!q?.includes(e)&&!n)throw Error(`Subscription models are not loaded yet.`);r.model=q?.includes(e)?e:n,delete r.api_key,delete r.base_url}else t.dirty[`llm.auth_type`]&&(r.auth_type=o.LLM_AUTH_TYPE_API_KEY,r.subscription_vendor=null),t.view===`basic`&&r.model!==void 0&&(r.base_url=D(H,`llm.base_url`)),R&&s.isOpenHandsProviderModel(String(t.values[`llm.model`]??``))&&(delete r.api_key,delete r.base_url);return n.llm=r,{agent_settings_diff:n}},[H,q,R]);return(0,S.jsx)(v.SdkSectionPage,{scope:e,settingsSources:[{settingsSource:`agent_settings`,sectionKeys:[`llm`],excludeKeys:T}],header:te,buildPayload:ne,getInitialView:ee,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:r,initialValueOverrides:d,embedded:O,hideSaveButton:k,suppressSuccessToast:N,onSaveControlChange:P,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=N;
 //# sourceMappingURL=llm-settings.cjs.map